.np-nav{z-index:40;top:var(--nav-offset);pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.np-nav__cap{--nav-glass-border:1px;--nav-glass-rim-rgb:48 52 59;height:var(--nav-size);box-sizing:border-box;isolation:isolate;border:var(--nav-glass-border) solid transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;transition:padding .52s var(--nav-ease), width .52s var(--nav-ease), height .52s var(--nav-ease);background:linear-gradient(-75deg,#ffffff0d,#ffffff2e,#ffffff0d) padding-box padding-box;border-radius:999px;align-items:center;gap:2px;margin:0;padding:6px;list-style:none;display:flex;overflow:hidden;box-shadow:inset 0 2px 2px #30343b0d,inset 0 -2px 2px #ffffff80,0 4px 2px -2px #30343b33,inset 0 0 3px 1px #fff3}.np-nav__cap:after{content:"";z-index:1;inset:calc(var(--nav-glass-border) * -1);box-sizing:border-box;padding:var(--nav-glass-border);border-radius:inherit;background:conic-gradient(from -75deg at 50% 50%, rgb(var(--nav-glass-rim-rgb) / 50%) 0%, transparent 5% 40%, rgb(var(--nav-glass-rim-rgb) / 50%) 50%, transparent 60% 95%, rgb(var(--nav-glass-rim-rgb) / 50%) 100%), linear-gradient(180deg, #ffffff8a, #ffffff61);pointer-events:none;-webkit-mask-composite:xor;position:absolute;box-shadow:inset 0 0 0 .5px #ffffff80;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.np-nav__cap>li:not(.np-nav__fold){z-index:2;align-self:stretch;display:flex;position:relative}.np-nav__item{height:100%;color:var(--text-secondary);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);box-shadow:none;background:#ffffff4d}.np-nav__item:active{background:#ffffff3d;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{z-index:2;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:var(--text-secondary);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);isolation:isolate;text-shadow:0 2px 1px #30343b1a;background:linear-gradient(-75deg,#ffffff14,#ffffff61,#ffffff14);font-weight:600;overflow:hidden;box-shadow:inset 0 2px 2px #30343b0d,inset 0 -2px 2px #ffffff9e,0 3px 2px -2px #30343b3d,inset 0 0 2px 1px #ffffff5c}.np-nav__item[aria-current=page]:after{content:"";z-index:-1;border-radius:inherit;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(-45deg,#0000 0%,#ffffff94 40% 50%,#0000 55%) 25%/200% 200%;position:absolute;inset:1px}.np-nav__item:focus-visible{outline:2px solid var(--ink);outline-offset:2px}:root:has([data-tone=dark]) .np-nav__cap{--nav-glass-rim-rgb:255 255 255;background:linear-gradient(-75deg, #ffffff0a, #ffffff1f, #ffffff0a) padding-box, rgb(var(--ink-rgb) / 62%);box-shadow:inset 0 2px 2px #ffffff14,inset 0 -2px 2px #0000003d,0 4px 2px -2px #00000057,inset 0 0 3px 1px #ffffff1f}: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:var(--text-on-dark-secondary)}: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:0 3px 8px -4px #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:0 4px 12px -5px #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}}