html{scroll-padding-top:8.5rem}.sub-nav-bar .sub-nav-level-1{background-color:var(--pico-background-color);transition:var(--pico-transition);width:100%;margin:0;position:absolute;top:calc(100% + 1px);left:-120%;box-shadow:0 .5rem .5rem #0006}.sub-nav-bar .sub-nav-level-1>li{border-bottom:1px solid var(--pico-muted-border-color);margin:0}.sub-nav-bar .sub-nav-level-1>li>a,.sub-nav-bar .sub-nav-level-1>li>span{padding:.5rem 0 .5rem 4rem;display:block}.sub-nav-bar .sub-nav-level-1 a:hover{color:var(--pico-primary-hover)}.sub-nav-bar .sub-nav-level-2 li>a{padding:.5rem 0 .5rem 4.5rem}.sub-nav-bar .invisible-scroll-fades[data-menu-is-open=true] .sub-nav-level-1{left:0}.sub-nav-bar .burger-tool rect{transition:all var(--pico-transition)}.sub-nav-bar .burger-tool[aria-expanded=true] .invisible-scroll-fades{flex:1 1 0}.sub-nav-bar .burger-tool[aria-expanded=true] .burger-tool-x-1{transform:rotate(-45deg)translate(-50px,20px)}.sub-nav-bar .burger-tool[aria-expanded=true] .burger-tool-x-2{transform:translate(50px,-20px)rotate(45deg)}.sub-nav-bar .burger-tool[aria-expanded=true] .burger-tool-bottom{transform:translate(90px)}.sub-nav-bar .burger-tool[aria-expanded=true] .burger-tool-top{transform:translate(-90px)}.sub-nav-bar.sticky{border-bottom:1px solid var(--pico-muted-border-color);z-index:5;top:3.7rem}@media (width>=1024px){.sub-nav-bar.sticky{top:4.2rem}}@media (width>=768px){.sub-nav-bar .invisible-scroll-fades{position:relative;overflow:hidden}.sub-nav-bar .invisible-scroll-fades:before{background:linear-gradient(90deg, var(--pico-background-color), color-mix(in srgb, var(--pico-background-color), #0000));content:"";width:1rem;height:100%;position:absolute;top:0;left:0}.sub-nav-bar .invisible-scroll-fades:after{background:linear-gradient(90deg, color-mix(in srgb, var(--pico-background-color), #0000), var(--pico-background-color));content:"";width:1rem;height:100%;position:absolute;top:0;right:0}.sub-nav-bar .sub-nav-level-1{min-height:3rem;position:initial;text-align:center;border:none;gap:.75rem;padding:0 1rem;display:flex}.sub-nav-bar .sub-nav-level-1>li{border:none;margin:0}.sub-nav-bar .sub-nav-level-1>li>a,.sub-nav-bar .sub-nav-level-1>li>span{justify-content:center;align-items:center;height:100%;padding:.325rem 0;display:flex}.sub-nav-bar .sub-nav-level-2{margin:0;padding:0;display:none;position:fixed}.sub-nav-bar .sub-nav-level-2>li>a,.sub-nav-bar .sub-nav-level-2>li>span{text-align:left;min-width:120px;padding:.325rem 1rem;display:block}.sub-nav-bar .sub-nav-level-1>li:hover .sub-nav-level-2{display:block}}