.nav{--nav-hide: block;--nav-vis: hidden}.nav[open=true]{--nav-vis: visible}.nav[overflow=false]{--nav-hide: none}.nav-hide{display:var(--nav-hide)}.nav-modal,.nav-overlay{visibility:var(--nav-vis)}.nav-icon{--ok-easing: ease;width:2.5rem}.nav-icon-top,.nav-icon-middle,.nav-icon-bottom{height:.09375rem;margin:.25rem auto}.nav-icon-top{margin-top:0}.nav-icon-bottom{margin-bottom:0}[data-nav-icon="1"]{--ok-duration: .2s;--ico-y: 0;--ico-y-1: 0;--ico-rotate: 0deg;--ico-rotate-1: 0deg;--ico-scale: 1}[data-nav-icon="1"] .nav-icon-top{transform:translateY(var(--ico-y)) rotate(var(--ico-rotate))}[data-nav-icon="1"] .nav-icon-middle{transform:scaleX(var(--ico-scale))}[data-nav-icon="1"] .nav-icon-bottom{transform:translateY(var(--ico-y-1)) rotate(var(--ico-rotate-1))}[show] [data-nav-icon="1"]{--ico-y: .34375rem;--ico-y-1: -.34375rem;--ico-rotate: 45deg;--ico-rotate-1: -45deg;--ico-scale: 0}.nav{--nav-duration: .4s;--nav-delay: var(--nav-duration), 10ms;--nav-padding: var(--ok-2xs);--nav-color: var(--ok-background-light)}.nav[open=true]{--nav-delay: 10ms, 0ms;--nav-color: var(--ok-foreground-base);--nav-modal-x: 0;--nav-overlay-opacity: 1}.nav[show-modal=items]{--nav-items-delay: 0ms;--nav-items-opacity: 1}@media only screen and (min-width:56.25rem){.nav{--nav-padding: var(--ok-s)}}.nav-list[data-nav-slot]{opacity:var(--nav-slot-opacity, 0)}.nav-link[data-nav-depth="0"]{font-size:var(--ok-font-20)}.nav-link[data-nav-depth="0"]:after{transform:scaleX(var(--nav-link-scale, 0));transform-origin:var(--nav-link-origin, 0 100%);transition:transform .4s var(--ok-easing);height:.0625rem;background:currentcolor;top:auto}.nav-link[data-nav-depth="0"]:hover,.nav-link[data-nav-depth="0"]:active,.nav-link[data-nav-depth="0"][data-nav-current],.nav-link[data-nav-depth="0"][data-nav-archive-current]{--nav-link-scale: 1;--nav-link-origin: 100% 100%}.nav-icon{--ok-outline-color: var(--nav-color);color:var(--nav-color)}.nav-icon-middle{opacity:0}.nav-icon-text{color:var(--nav-color);letter-spacing:var(--ok-letter-spacing-loose);line-height:1}.nav-open{z-index:2}.nav-close{top:var(--nav-padding);right:var(--ok-container-padding)}.nav-modal-scroll{--ok-prop: visibility, transform;--ok-duration: 0ms, var(--nav-duration);--ok-delay: var(--nav-delay);max-width:21.875rem;transform:translate(var(--nav-modal-x, 100%))}.nav-overlay{--ok-prop: visibility, opacity;--ok-duration: 0ms, var(--nav-duration);--ok-delay: var(--nav-delay);background:hsla(var(--ok-foreground-base-hsl),.8);opacity:var(--nav-overlay-opacity, 0)}