/* Navigation follows the viewport; initial transparent state preserves banners. */
@layer realm-surface-treatment {
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .site-header{position:sticky!important;top:0!important;left:auto!important;right:auto!important;z-index:90!important;isolation:isolate!important;transform:none!important;overflow:visible!important;background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;margin-top:0!important;margin-bottom:0!important;transition:background-color 160ms ease,box-shadow 160ms ease!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .site-header::before{content:''!important;display:block!important;position:absolute!important;top:0!important;bottom:0!important;left:50%!important;right:auto!important;width:100vw!important;height:auto!important;transform:translateX(-50%)!important;z-index:-1!important;pointer-events:none!important;background:var(--dropdown-surface,#171717)!important;opacity:0!important;border:0!important;box-shadow:0 5px 18px #0003!important;transition:opacity 160ms ease!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .site-header::after{content:none!important;display:none!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .site-header.scrolled{background:var(--dropdown-surface,#171717)!important;box-shadow:none!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .site-header.scrolled::before{opacity:1!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .launcher-workspace{padding-top:0!important;overflow:visible!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class]{overflow-x:clip!important}
@media(prefers-reduced-motion:reduce){html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .site-header,html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class] .site-header::before{transition:none!important}}
}