.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;--glass-rim-rgb:48 52 59;--nav-glass-pane:#fff0;--nav-glass-blur:var(--glass-surface-blur);height:var(--nav-size);box-sizing:border-box;isolation:isolate;border:var(--nav-glass-border) solid transparent;background:var(--glass-sheen) padding-box, linear-gradient(var(--nav-glass-pane), var(--nav-glass-pane)) padding-box;-webkit-backdrop-filter:blur(var(--nav-glass-blur));backdrop-filter:blur(var(--nav-glass-blur));box-shadow:var(--glass-lift);pointer-events:auto;transition:padding .52s var(--nav-ease), width .52s var(--nav-ease), height .52s var(--nav-ease), --nav-glass-pane .32s var(--glass-ease), --nav-glass-blur .32s var(--glass-ease);border-radius:999px;align-items:center;gap:2px;margin:0;padding:6px;list-style:none;display:flex;overflow:hidden}@property --nav-glass-pane{syntax:"<color>";inherits:true;initial-value:#0000}@property --nav-glass-blur{syntax:"<length>";inherits:true;initial-value:4px}.np-nav[data-over=media] .np-nav__cap{--nav-glass-pane:#ffffff85;--nav-glass-blur:12px}.np-nav__shadow{z-index:-1;box-sizing:border-box;background:linear-gradient(180deg, rgb(var(--ink-rgb) / 22%), rgb(var(--ink-rgb) / 9%));filter:blur(2px);pointer-events:none;-webkit-mask-composite:xor;border-radius:999px;padding:1px;position:absolute;inset:4px 1px -2px;-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: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 var(--glass-sheen-angle) at 50% 50%, rgb(var(--glass-rim-rgb) / 50%) 0%, transparent 5% 40%, rgb(var(--glass-rim-rgb) / 50%) 50%, transparent 60% 95%, rgb(var(--glass-rim-rgb) / 50%) 100%), var(--glass-rim-sheet);box-shadow:var(--glass-rim-inner);pointer-events:none;-webkit-mask-composite:xor;position:absolute;-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,.np-topband{--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[data-picked]{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[data-picked]: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}@property --band-side{syntax:"<length>";inherits:false;initial-value:0}.np-topband{--band-side:0px;z-index:39;width:100%;height:calc(var(--nav-band) + 32px);background:color-mix(in srgb, var(--band-ground,var(--ground)) 40%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask:linear-gradient(to right, transparent, #000 var(--band-side), #000 calc(100% - var(--band-side)), transparent), linear-gradient(#000, #000 30%, transparent);-webkit-mask-composite:source-in;-webkit-mask:linear-gradient(to right, transparent, #000 var(--band-side), #000 calc(100% - var(--band-side)), transparent), linear-gradient(#000, #000 30%, transparent);mask:linear-gradient(to right, transparent, #000 var(--band-side), #000 calc(100% - var(--band-side)), transparent), linear-gradient(#000, #000 30%, transparent);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .24s var(--glass-ease), visibility 0s linear .24s, width .52s var(--nav-ease), --band-side .52s var(--nav-ease);position:fixed;top:0;left:50%;transform:translate(-50%);-webkit-mask-composite:source-in;mask-composite:intersect}.np-topband[data-shown]{opacity:1;visibility:visible;transition:opacity .24s var(--glass-ease), visibility 0s, width .52s var(--nav-ease), --band-side .52s var(--nav-ease)}.np-topband[data-fold=folded]{--band-side:88px;width:calc(var(--nav-handle-w) + 224px)}html[data-glass-frame] .np-topband{opacity:0;visibility:hidden;transition:none}.np-topband[data-shown]+.np-nav .np-nav__cap{--nav-glass-pane:#fff0;--nav-glass-blur:var(--glass-surface-blur)}:root:has([data-tone=dark]) .np-nav__cap{--glass-rim-rgb:255 255 255;background:var(--glass-sheen) padding-box, rgb(var(--ink-rgb) / 72%);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[data-picked]{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}}
.np-glass-frame{--glass-rim-rgb:48 52 59;--glass-frame-band:24px;z-index:30;pointer-events:none;visibility:hidden;position:fixed;inset:0}html:has(main[data-tone=dark]) .np-glass-frame{--glass-rim-rgb:255 255 255}html[data-glass-frame] .np-glass-frame{visibility:visible}html[data-glass-frame]:not([data-glass-frame=live]):not([data-glass-frame$=-open]) .np-glass-frame{view-transition-name:np-glass-frame}.np-glass-frame__card{isolation:isolate;opacity:0;box-shadow:var(--glass-lift);border-radius:28px;position:absolute;inset:0}.np-glass-frame__shadow{z-index:-1;box-sizing:border-box;border-radius:inherit;background:linear-gradient(180deg, rgb(var(--ink-rgb) / 22%), rgb(var(--ink-rgb) / 9%));filter:blur(4px);-webkit-mask-composite:xor;padding:2px;position:absolute;inset:8px 2px -4px;-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-glass-frame__band{box-sizing:border-box;padding:var(--glass-frame-band);border-radius:inherit;background:var(--glass-sheen);-webkit-backdrop-filter:blur(var(--glass-surface-blur));backdrop-filter:blur(var(--glass-surface-blur));-webkit-mask-composite:xor;position:absolute;inset:0;-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-glass-frame__lens{box-sizing:border-box;padding:var(--glass-frame-band);border-radius:inherit;opacity:0;transition:opacity .32s var(--glass-ease);-webkit-mask-composite:xor;position:absolute;inset:0;-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-glass-frame[data-refract] .np-glass-frame__lens{-webkit-backdrop-filter:url(#np-water-glass);backdrop-filter:url(#np-water-glass)}.np-glass-frame[data-refract=on] .np-glass-frame__lens{opacity:1}.np-glass-frame__defs{width:0;height:0;position:absolute;overflow:hidden}.np-glass-frame__card:after{content:"";z-index:1;box-sizing:border-box;border-radius:inherit;background:conic-gradient(from var(--glass-sheen-angle) at 50% 50%, rgb(var(--glass-rim-rgb) / 50%) 0%, transparent 5% 40%, rgb(var(--glass-rim-rgb) / 50%) 50%, transparent 60% 95%, rgb(var(--glass-rim-rgb) / 50%) 100%), var(--glass-rim-sheet);box-shadow:var(--glass-rim-inner);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:-1px;-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}::view-transition-group(np-glass-frame){z-index:30;animation:none}::view-transition-old(np-glass-frame){display:none}::view-transition-new(np-glass-frame){animation:none}::view-transition-group(.np-frame-open){z-index:3}::view-transition-group(.np-frame-close){z-index:3}::view-transition-group(.np-frame-hold){z-index:1}::view-transition-group(.np-frame-under){z-index:1}::view-transition-old(.np-frame-hold){animation:yy-page-leave .36s var(--page-leave-ease) both}::view-transition-new(.np-frame-open){animation:np-frame-fade-in .36s var(--page-leave-ease) both}@keyframes np-frame-fade-in{0%{opacity:0}}::view-transition-old(.np-frame-close){animation:none}::view-transition-new(.np-frame-under){animation:none}html:is([data-glass-frame$=-open],[data-glass-frame=page-swap]) main:not([data-frame-leaving]){view-transition-name:none!important}html[data-glass-frame=page-open]::view-transition-old(.np-page-leave){animation:yy-page-leave .36s var(--page-leave-ease) both}html[data-glass-frame=page-swap]::view-transition-old(.np-page-leave){animation:none}html[data-glass-frame=page-swap]::view-transition-group(.np-page-leave){z-index:3}@media (prefers-reduced-motion:reduce){.np-glass-frame{display:none}}
