[data-nav-tone=dark]{--nav-dot:var(--color-warning-500)}[data-nav-tone=light]{--nav-dot:var(--color-accent-keel-text)}.nav-pixel-rule{background-image:linear-gradient(90deg,currentColor 50%,#0000 50%);background-size:4px 2px;height:2px}.nav-dotted{position:relative}.nav-dotted:after{content:"";inset-inline:.625rem;background-image:linear-gradient(90deg, var(--nav-dot) 50%, transparent 50%);opacity:0;transform-origin:0;pointer-events:none;background-size:4px 2px;height:2px;transition:opacity .15s,transform .22s cubic-bezier(.23,1,.32,1);position:absolute;bottom:.25rem;transform:scaleX(.6)}.nav-dotted:focus-visible:after,.nav-dotted[data-popup-open]:after{opacity:1;transform:scaleX(1)}@media (hover:hover) and (pointer:fine){.nav-dotted:hover:after{opacity:1;transform:scaleX(1)}}.nav-depth{background-image:linear-gradient(90deg, var(--color-accent-keel) 4px, transparent 4px);height:3px;clip-path:inset(0 calc((1 - var(--nav-progress,0)) * 100%) 0 0);background-size:6px 3px}.nav-depth-track{background-image:linear-gradient(90deg,#64a0dc1f 4px,#0000 4px);background-size:6px 3px;height:3px}.nav-sheet-row{transition:opacity .2s,transform .24s cubic-bezier(.23,1,.32,1)}[data-sheet-open=false] .nav-sheet-row{opacity:0;transform:translateY(4px)}@media (prefers-reduced-motion:reduce){.nav-dotted:after{transition:none;transform:none}.nav-sheet-row{transition:none}[data-sheet-open=false] .nav-sheet-row{transform:none}.nav-depth{display:none}}