@layer base{header>section{background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.2) 50%,rgba(0,0,0,0));color:#ffffff}header.active>section{background:#ffffff;color:#777777}header>section .logo-icon,header>section .menu-icon{fill:#ffffff!important;color:#ffffff}header.active>section .logo-icon,header.active>section .menu-icon{fill:#777777!important;color:#777777}body:has(#top-bar) #header{margin-top:24px}@media (min-width:768px){body:has(#top-bar) #header{margin-top:30px}}}