/* overlay/v3/css/shell/shell.css */
:root { --sb-w: 0px; --sb-hb: 40px; }
@media (pointer: coarse) { :root { --sb-hb: 44px; } }
@media (min-width: 64em) and (max-width: 79.99em) { :root.v3 { --gutter: 24px; } }
@media (min-width: 80em) { :root.v3 { --gutter: 28px; } }
body > .hd--sb { --sans: "DL Inter", "DL Inter Fallback", system-ui, sans-serif; --hd-h: 56px; font-family: var(--sans); }
body > .hd--sb .hd-in { block-size: var(--hd-h); min-block-size: var(--hd-h); height: var(--hd-h); flex-wrap: nowrap; gap: var(--s-4); max-width: calc(1224px + 2 * var(--gutter)); }
.hd--sb .hd-act { gap: var(--s-3); margin-inline-start: auto; flex: none; }
.hd--sb .brand { flex: none; }
.hd--sb .sa-nav { flex: 0 1 auto; min-inline-size: 0; }
.hd--sb .sa-list { display: flex; gap: var(--s-2); margin: 0; padding: 0; list-style: none; }
.hd--sb .sa-list a { display: inline-flex; align-items: center; min-height: var(--sb-hb); padding-inline: var(--s-4); border-radius: var(--step); color: var(--c-muted); font: var(--w-strong) var(--t-ui)/1 var(--sans); text-decoration: none; white-space: nowrap; }
.hd--sb .sa-list a:hover { color: var(--c-text); background: var(--c-surface-2); }
.hd--sb .sa-list a[aria-current="page"] { color: var(--c-text); background: var(--c-surface-2); box-shadow: inset 0 -2px 0 var(--warm-amber); }
.hd--sb a:focus-visible, .hd--sb button:focus-visible { outline: 2px solid var(--c-focus); outline-offset: 2px; }
.hb-find { display: inline-flex; align-items: center; gap: var(--s-3); min-height: var(--sb-hb); padding: 0 var(--s-3) 0 var(--s-4); background: var(--c-surface); border: 1px solid var(--c-edge); border-radius: var(--step); color: var(--c-muted); font: var(--w-strong) var(--t-ui)/1 var(--sans); cursor: pointer; }
.hb-find:hover { border-color: var(--c-text); color: var(--c-text); }
.hb-find kbd { min-inline-size: 18px; padding: 1px 5px; border: 1px solid var(--c-edge); border-radius: 4px; font: var(--w-mono) 0.75rem/16px var(--mono); color: var(--c-muted); text-align: center; }
.hb-new { display: inline-grid; place-items: center; min-inline-size: var(--sb-hb); min-height: var(--sb-hb); background: var(--c-surface); border: 1px solid var(--c-edge); border-radius: var(--step); color: var(--c-text); text-decoration: none; }
.hb-new:hover { border-color: var(--c-text); }
.hb-new-q { display: block; font: var(--w-head) 1.0625rem/1 var(--sans); }
.hb-new .hb-new-l { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.hb-ca { display: inline-flex; align-items: center; gap: var(--s-3); min-height: var(--sb-hb); padding: 0 var(--s-4); background: var(--c-surface); border: 1px solid var(--c-control); border-radius: var(--r2); color: var(--c-muted); font: var(--w-strong) var(--t-small)/1 var(--sans); }
.hb-ca .num, .hb-ca b { color: var(--c-text-read); font: var(--w-mono) var(--t-mono) var(--mono); }
.hb-ca i { inline-size: 1px; align-self: stretch; margin-block: var(--s-3); background: var(--c-edge); }
.ft-h { margin-block-end: var(--s-2); font: var(--w-strong) var(--t-small)/18px var(--sans); color: var(--c-muted); }
.wallet-ic { display: none; }
@media (max-width: 63.99em) { .hb-find kbd, .hd--sb .hb-ca { display: none; } }
@media (max-width: 47.99em) {
  body > .hd--sb .hd-in { gap: var(--s-2); }
  .hd--sb .brand { display: none; }
  .hd--sb .sa-nav { flex: 1 1 auto; overflow-x: auto; scrollbar-width: none; }
  .hd--sb .sa-nav::-webkit-scrollbar { display: none; }
  body > .hd--sb .sa-list { gap: 0; padding: 0; }
  .hd--sb .sa-list a { padding-inline: 6px; font-size: var(--t-small); }
  .hd--sb .hb-find { justify-content: center; min-inline-size: var(--sb-hb); padding: 0; }
  .hb-find .hb-find-l, .hd--sb .hb-new, body > .hd--sb .wallet-label { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; padding: 0; }
  body > .hd--sb .wallet-btn { min-inline-size: var(--sb-hb); min-height: var(--sb-hb); padding: 0 var(--s-3); gap: var(--s-2); }
  .wallet-ic { display: block; }
  .wallet-btn:has(.wallet-face:not(:empty)) .wallet-ic { display: none; }
}
@media (max-width: 23.43em) { .hd--sb .hb-find { display: none; } .hd--sb .sa-list a { padding-inline: 4px; } }
.ft-nav--flat ul { display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-5); margin: 0; padding: 0; list-style: none; }
@media (min-width: 48em) { .ft-nav--flat { display: block; grid-template-columns: none; } }