.spx.spx-nav{position:sticky;top:0;z-index:40;flex:none;border-bottom:2px solid var(--spx-line)}.spx .spx-nav-bar{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"mark wallet" "tabs tabs";align-items:safe center;gap:var(--spx-u) var(--spx-s-3);padding-block:6px}.spx .spx-nav-bar>.spx-mark{grid-area:mark}.spx .spx-nav-bar>.spx-mark:hover{color:var(--spx-text)}.spx .spx-nav-tabs{grid-area:tabs;display:flex;justify-content:space-between;gap:var(--spx-u);min-width:0}.spx .spx-nav-tab{display:inline-flex;align-items:center;min-height:36px;padding-inline:6px;color:var(--spx-muted);text-decoration:none;text-transform:uppercase;white-space:nowrap}.spx .spx-nav-tab:hover{color:var(--spx-text)}.spx .spx-nav-tab[aria-current=page]{color:var(--spx-brand);box-shadow:inset 0 -2px 0 0 var(--spx-brand)}.spx .spx-nav-wallet{grid-area:wallet;justify-self:end;display:flex;align-items:center;gap:var(--spx-s-2);min-width:0}.spx .spx-nav-ico,.spx .spx-nav-wallet .btn-connect{--spx-frame-c:var(--spx-edge-brand);box-shadow:0 -2px 0 0 var(--spx-frame-c),0 2px 0 0 var(--spx-frame-c),-2px 0 0 0 var(--spx-frame-c),2px 0 0 0 var(--spx-frame-c);height:36px;border:0;border-radius:0;color:var(--spx-brand);background-color:var(--spx-fill-brand);transition:background-color var(--spx-dur-1) var(--spx-ease)}.spx .spx-nav-wallet .btn-connect{gap:var(--spx-s-2);padding:0 var(--spx-s-3);font-family:var(--spx-font-data);font-size:var(--spx-fs-body);font-weight:400;letter-spacing:0;text-transform:uppercase}.spx .spx-nav-wallet .btn-connect>span{width:6px;height:6px;border-radius:0;background-color:var(--spx-brand)}.spx .spx-nav-wallet .btn-connect~.btn-connect{margin-top:var(--spx-s-2);background-color:var(--spx-surface)}.spx .spx-nav-wallet .btn-connect~.btn-connect:hover{background-color:var(--spx-raised)}.spx .spx-nav-ico{display:inline-grid;place-items:center;flex:none;width:36px;padding:0;cursor:pointer}.spx .spx-nav-ico--warm{--spx-frame-c:var(--spx-edge-warm);color:var(--spx-brand-warm);background-color:var(--spx-fill-warm)}.spx .spx-nav-ico:hover,.spx .spx-nav-wallet .btn-connect:hover{background-color:var(--spx-fill-brand-2)}.spx .spx-nav-ico--warm:hover{background-color:var(--spx-fill-warm-2)}.spx .spx-nav-ico:focus-visible,.spx .spx-nav-wallet .btn-connect:focus-visible{outline-offset:4px}@media (min-width:768px){.spx .spx-nav-bar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"mark tabs wallet";column-gap:var(--spx-s-6)}.spx .spx-nav-tabs{justify-content:flex-start;gap:var(--spx-s-2)}.spx .spx-nav-tab{padding-inline:var(--spx-s-3)}}@media (min-width:768px) and (max-width:1023.98px){.spx .spx-nav-tab{padding-inline:var(--spx-s-2)}}@media (max-width:359.98px){.spx .spx-nav-tab{padding-inline:2px}}@media (pointer:coarse){.spx .spx-nav-tab{min-height:44px}.spx .spx-nav-ico,.spx .spx-nav-wallet .btn-connect{height:44px}.spx .spx-nav-ico{width:44px}}@media (prefers-reduced-motion:reduce){.spx .spx-nav-ico,.spx .spx-nav-wallet .btn-connect{transition:none}}@media (forced-colors:active){.spx .spx-nav-ico,.spx .spx-nav-wallet .btn-connect{border:2px solid CanvasText}.spx .spx-nav-tab[aria-current=page]{text-decoration:underline}}@media (max-width:767px){.spx .tok-col>section{scroll-margin-top:calc(var(--spx-s-6) + 106px)}}