.header{display:flex;flex-wrap:nowrap;justify-content:space-between;height:var(--nav-height);position:fixed;top:0;width:100%;z-index:var(--z-index-header)}.header .banner{min-height:var(--banner-height-mobile);height:var(--banner-height-mobile)}@media (min-width: 768px){.header .banner{height:var(--banner-height-desktop);min-height:var(--banner-height-desktop)}}.header .header_logo{font-size:1.4rem}.header .header_logo-mobile{width:78px;height:auto}.header-desktop-main{height:var(--nav-height-desktop);z-index:var(--z-index-header)}.header-mobile-main{height:var(--nav-height-mobile);z-index:var(--z-index-header)}.mobile-menu{z-index:var(--z-index-cart)}.header-spacer{height:var(--nav-height)}.dropdown-panel-wrapper{width:100%;--tw-bg-opacity:1;background-color:rgba(255, 255, 255, 1);background-color:rgba(255, 255, 255, var(--tw-bg-opacity, 1));box-shadow:0px 4px 0px rgba(33,33,33,.15)}.dropdown-panel-wrapper .dropdown-panel-content{animation:contentFadeIn 300ms ease-in-out;display:flex;width:100%;--tw-bg-opacity:1;background-color:rgba(255, 255, 255, 1);background-color:rgba(255, 255, 255, var(--tw-bg-opacity, 1))}@media (min-width: 768px){.dropdown-panel-wrapper .dropdown-panel-content{padding:46px 24px}}.header__underlay{position:fixed;height:100vh;top:0;bottom:0;left:0;right:0;pointer-events:none;z-index:var(--z-index-underlay);opacity:0;transition:300ms opacity ease-in-out;background-color:rgba(0,0,0,.5);mix-blend-mode:multiply}.header__underlay.active{opacity:1;pointer-events:auto}