@layer base{#header>section{background:linear-gradient(180deg,rgba(0,0,0,.35) 0,rgba(0,0,0,.22) 50%,rgba(0,0,0,0));color:#ffffff}#header.active>section{background:#f6f0eb;color:#171717}#header>section .header-logo{filter:brightness(0) invert(1);transition:none}#header.active>section .header-logo{filter:none}#header>section svg{transition:none}#header>section .logo-icon,#header>section .menu-icon{fill:#ffffff!important;color:#ffffff}#header.active>section .logo-icon,#header.active>section .menu-icon{fill:#171717!important;color:#171717}body:has(#top-bar) #header{margin-top:24px}@media (min-width:768px){body:has(#top-bar) #header{margin-top:30px}}}