.nav{z-index:60;height:var(--nav-h);padding:0 var(--gut);color:var(--f-ink,#111);justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:0 0 auto}.nav-name{min-height:44px;color:inherit;white-space:nowrap;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.nav .theme-switch{z-index:auto;margin-right:-12px;position:relative;inset:auto}.nav-pill{z-index:60;border:1px solid color-mix(in srgb, var(--f-ink,#111) 10%, transparent);height:48px;color:var(--f-ink,#111);background:color-mix(in srgb, var(--f-ground,#fff) 62%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);opacity:0;pointer-events:none;border-radius:999px;align-items:center;padding:0 2px 0 20px;font-size:17px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%,-8px)translateZ(0)}.nav-pill[data-on=true]{opacity:1;pointer-events:auto;transform:translate(-50%)translateZ(0)}@media (prefers-reduced-motion:no-preference){.nav-pill{transition:transform .2s cubic-bezier(.23,1,.32,1),opacity .2s cubic-bezier(.23,1,.32,1)}}.nav-pill .theme-switch{z-index:auto;margin-left:6px;position:relative;inset:auto}.nav-pill .theme-switch svg,.nav-close svg{width:19px;height:19px}.nav-close{width:44px;height:44px;color:inherit;-webkit-tap-highlight-color:transparent;place-items:center;display:grid}.nav-close svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round}.nav-close:active{transform:scale(.9)}.nav-close-top{position:absolute;left:50%;translate:-50%}@media (max-width:899px){.nav-close-top{margin-left:auto;position:static;translate:none}}