@media (width>=1200px){body:has(#navmenu[data-top-nav=top-nav-overlay]) .mobile-nav-toggle{display:inline-flex}body:has(#navmenu[data-top-nav=top-nav-overlay]) .nav-scrim{background:color-mix(in srgb, var(--background-color) 72%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;z-index:39;transition:opacity .4s,visibility .4s;display:block;position:fixed;inset:0}body.mobile-nav-open:has(#navmenu[data-top-nav=top-nav-overlay]) .nav-scrim{opacity:1;visibility:visible}body.mobile-nav-open:has(#navmenu[data-top-nav=top-nav-overlay]){overflow:hidden}#navmenu[data-top-nav=top-nav-overlay]{--overlay-link-size:calc(clamp(1.8rem, 3.4vw, 3rem) * var(--nav-desktop-font-scale,1))}#navmenu[data-top-nav=top-nav-overlay]>ul{background:var(--nav-mobile-background-color,var(--background-color));opacity:0;visibility:hidden;overscroll-behavior:contain;z-index:40;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;margin:0;padding:6rem 2rem 3rem;list-style:none;transition:opacity .45s,transform .45s cubic-bezier(.22,1,.36,1),visibility .45s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-14px)}#navmenu[data-top-nav=top-nav-overlay]>ul>li{width:100%;max-width:calc(var(--navopt-menu-width,400) * 1px);text-align:var(--navopt-align,center)}#navmenu[data-top-nav=top-nav-overlay]>ul>li>a{font-family:var(--font-nav), system-ui, sans-serif;font-size:var(--overlay-link-size);font-weight:var(--nav-desktop-font-weight,600);text-transform:var(--nav-desktop-text-transform,none);letter-spacing:calc(-.015em + var(--nav-desktop-letter-spacing,0px));color:var(--nav-color);align-items:center;gap:.6rem;padding-block:.4rem;line-height:1.18;transition:color .2s,transform .2s;display:inline-flex}#navmenu[data-top-nav=top-nav-overlay]>ul>li>a:hover,#navmenu[data-top-nav=top-nav-overlay]>ul>li>a.active{color:var(--nav-hover-color);transform:translateY(-1px)}#navmenu[data-top-nav=top-nav-overlay] .toggle-dropdown{flex:none;font-size:.6em;transition:transform .25s;display:inline-flex}#navmenu[data-top-nav=top-nav-overlay] li.dropdown-open>a .toggle-dropdown{transform:rotate(180deg)}#navmenu[data-top-nav=top-nav-overlay]>ul>li.dropdown-open>a{color:var(--nav-hover-color)}#navmenu[data-top-nav=top-nav-overlay] li>ul{background:var(--nav-dropdown-background-color,var(--surface-color));border-radius:var(--nav-desktop-dropdown-radius,12px);border:var(--nav-desktop-dropdown-border-width,0) solid color-mix(in srgb, var(--heading-color) 12%, transparent);box-shadow:var(--nav-desktop-dropdown-shadow,0 14px 40px #00000038);margin:.5rem 0 .4rem;padding:.5rem .85rem;list-style:none;display:none}#navmenu[data-top-nav=top-nav-overlay] li>ul>li>a{font-size:calc(var(--overlay-link-size) - 8px);text-transform:var(--nav-desktop-text-transform,none);color:var(--nav-dropdown-color,var(--nav-color));align-items:center;gap:.45rem;padding-block:.25rem;font-weight:500;transition:color .2s;display:inline-flex}#navmenu[data-top-nav=top-nav-overlay] li>ul>li>a:hover,#navmenu[data-top-nav=top-nav-overlay] li>ul>li>a.active{color:var(--nav-dropdown-hover-color,var(--nav-hover-color))}#navmenu[data-top-nav=top-nav-overlay] li.dropdown-open>ul{display:block}body.mobile-nav-open #navmenu[data-top-nav=top-nav-overlay]>ul{opacity:1;visibility:visible;transform:none}body.mobile-nav-open:has(#navmenu[data-top-nav=top-nav-overlay]) .mobile-nav-toggle{top:calc((5.5rem - var(--toggle-size,44px)) / 2);z-index:60;position:fixed}body.mobile-nav-open:has(#navmenu[data-top-nav=top-nav-overlay]) .mobile-nav-toggle[data-toggle-position=right]{left:auto;right:1.5rem}body.mobile-nav-open:has(#navmenu[data-top-nav=top-nav-overlay]) .mobile-nav-toggle[data-toggle-position=left]{left:1.5rem;right:auto}body:has(#navmenu[data-top-nav=top-nav-overlay][data-navopt-toggle-position=fixed]) .mobile-nav-toggle{top:calc((5.5rem - var(--toggle-size,44px)) / 2);z-index:60;position:fixed}body:has(#navmenu[data-top-nav=top-nav-overlay][data-navopt-toggle-position=fixed]) .mobile-nav-toggle[data-toggle-position=right]{left:auto;right:1.5rem}body:has(#navmenu[data-top-nav=top-nav-overlay][data-navopt-toggle-position=fixed]) .mobile-nav-toggle[data-toggle-position=left]{left:1.5rem;right:auto}}@media (prefers-reduced-motion:reduce){#navmenu[data-top-nav=top-nav-overlay]>ul{transition:none}body:has(#navmenu[data-top-nav=top-nav-overlay]) .nav-scrim{transition:none}}
