.header-container{position:fixed;background-color:var(--wp--preset--color--white);top:0;left:0;width:100%;z-index:6;transition:transform .3s ease,background-color .3s ease;border-bottom:1px solid rgba(0,0,0,.1)}.header-container.init{background-color:var(--wp--preset--color--white)}.header-container.scrolled{background-color:var(--wp--preset--color--white);box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-container.hide{transform:translateY(-100%)}