.np-nav{z-index:40;top:var(--nav-offset);pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.np-nav__cap{height:var(--nav-size);box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffffeb, inset 0 0 0 1px #ffffffa6, inset 0 -1px 0 rgb(var(--ink-rgb) / 5%), 0 1px 2px #3e417412, 0 2px 8px -2px #3e417417, 0 12px 36px -8px #3e417433;pointer-events:auto;transition:padding .52s var(--nav-ease), width .52s var(--nav-ease), height .52s var(--nav-ease);background:#ffffff80;border-radius:999px;align-items:center;gap:2px;margin:0;padding:6px;list-style:none;display:flex;overflow:hidden}.np-nav__cap>li:not(.np-nav__fold){align-self:stretch;display:flex}.np-nav__item{height:100%;color:rgb(var(--ink-rgb) / 72%);font-size:var(--t-13);letter-spacing:-.01em;white-space:nowrap;transition:color .2s cubic-bezier(1, 0, .4, 1), background-color .2s cubic-bezier(1, 0, .4, 1), box-shadow .2s cubic-bezier(1, 0, .4, 1), font-weight .2s cubic-bezier(1, 0, .4, 1), transform .2s var(--nav-ease), opacity .24s var(--nav-ease) .16s;border-radius:999px;align-items:center;padding:0 14px;font-weight:400;text-decoration:none;display:inline-flex}.np-nav__item:hover,.np-nav__step:hover,.np-nav__exit:hover{color:var(--ink);background:#ffffff8c;box-shadow:inset 0 1px #ffffffd9,inset 0 0 0 1px #ffffff8c,0 1px 2px #3e41740f,0 3px 8px -2px #3e417417}.np-nav__item:active{background:#ffffffb3;transform:scale(.96)}.np-nav{--nav-handle-w:64px;--nav-handle-h:22px}.np-nav__cap[data-fold=folded]{width:var(--nav-handle-w);height:var(--nav-handle-h)}.np-nav[data-fold=folded]{pointer-events:auto}.np-nav[data-fold=folded]:before{content:"";position:absolute;inset:-14px -32px}.np-nav__cap[data-fold=folded] .np-nav__item,.np-nav__cap[data-fold=folded] .np-nav__step,.np-nav__cap[data-fold=folded] .np-nav__exit,.np-nav__cap[data-fold=folded] .np-nav__now{opacity:0;pointer-events:none;transition:opacity .16s var(--nav-ease), transform .16s var(--nav-ease);transform:translateY(-4px)scale(.96)}.np-nav__fold{opacity:0;pointer-events:none;transition:opacity .12s var(--nav-ease);justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.np-nav__fold i{background:rgb(var(--ink-rgb) / 30%);border-radius:50%;width:5px;height:5px}.np-nav__fold i[data-current]{background:var(--ink)}.np-nav__cap[data-fold=folded] .np-nav__fold{opacity:1;transition:opacity .2s var(--nav-ease) .2s}.np-nav__step,.np-nav__exit{aspect-ratio:1;height:100%;color:rgb(var(--ink-rgb) / 72%);transition:color .2s var(--nav-ease), background-color .2s var(--nav-ease), box-shadow .2s var(--nav-ease), opacity .24s var(--nav-ease) .16s;border-radius:999px;place-items:center;display:grid}.np-nav__step:focus-visible,.np-nav__exit:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.np-nav__exit{margin-left:6px}.np-nav__now{color:var(--ink);font-size:var(--t-13);letter-spacing:-.01em;white-space:nowrap;padding:8px 10px;font-weight:600;display:block}.np-nav__cap>li:not(.np-nav__fold){animation:np-nav-item .28s var(--nav-ease) both}@keyframes np-nav-item{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.np-nav__item[aria-current=page]{color:var(--ink);background:#ffffffe6;font-weight:600;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #ffffffb3,inset 0 -1px #3e41740d,0 1px 2px #3e417414,0 4px 12px -3px #3e417429}.np-nav__item:focus-visible{outline:2px solid var(--ink);outline-offset:2px}:root:has([data-tone=dark]) .np-nav__cap{background:rgb(var(--ink-rgb) / 62%);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff14,inset 0 -1px #0003,0 1px 2px #0003,0 2px 8px -2px #0000003d,0 12px 36px -8px #0006}:is(:root:has([data-tone=dark]) .np-nav__item,:root:has([data-tone=dark]) .np-nav__step,:root:has([data-tone=dark]) .np-nav__exit){color:#ffffffb8}:root:has([data-tone=dark]) .np-nav__now{color:var(--ground)}:is(:root:has([data-tone=dark]) .np-nav__item:hover,:root:has([data-tone=dark]) .np-nav__step:hover,:root:has([data-tone=dark]) .np-nav__exit:hover){color:var(--ground);background:#ffffff1a;box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff14,0 1px 2px #00000029,0 3px 8px -2px #0000003d}:root:has([data-tone=dark]) .np-nav__item:active{background:#ffffff24}:root:has([data-tone=dark]) .np-nav__item[aria-current=page]{color:var(--ground);background:#ffffff29;box-shadow:inset 0 1px #ffffff47,inset 0 0 0 1px #ffffff1f,inset 0 -1px #00000029,0 1px 2px #0003,0 4px 12px -3px #0000005c}:root:has([data-tone=dark]) .np-nav__fold i{background:#ffffff4d}:root:has([data-tone=dark]) .np-nav__fold i[data-current]{background:var(--ground)}:is(:root:has([data-tone=dark]) .np-nav__item:focus-visible,:root:has([data-tone=dark]) .np-nav__step:focus-visible,:root:has([data-tone=dark]) .np-nav__exit:focus-visible){outline-color:var(--ground)}@media (max-width:520px){.np-nav__cap{height:52px}.np-nav__item{padding:0 12px}}@media (prefers-reduced-motion:reduce){.np-nav__cap,.np-nav__item,.np-nav__step,.np-nav__exit,.np-nav__now,.np-nav__fold{transition-duration:1ms;transition-delay:0s}.np-nav__cap>li{animation:none}}