.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);background-color:--header-bg-color;transition:background-color .2s ease-in-out}.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);transition:box-shadow .2s ease-in-out;z-index:var(--z-index-header);background-color:var(--header-bg-color);transition:background-color .2s ease-in-out}.header-mobile-main{height:var(--nav-height-mobile);transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:var(--header-bg-color);z-index:var(--z-index-header)}.header-mobile-main.scrolled{box-shadow:4px 4px #21212126;background-color:#fff}.header-mobile-main svg{fill:var(--header-text-color)}.header-mobile-main .logo-svg path{fill:var(--header-text-color)}.header-mobile-main a,.header-mobile-main button{color:var(--header-text-color)}.header-spacer{height:var(--nav-height)}.header-spacer-banner{height:var(--banner-height)}.dropdown-panel-wrapper{width:100%;--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.dropdown-panel-wrapper .dropdown-panel-content{opacity:0;animation:fadeIn .3s ease-in-out .15s forwards;width:100%;--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity))}@media (min-width: 768px){.dropdown-panel-wrapper .dropdown-panel-content{padding:30px 10px 10px;min-height:456px}}.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:.3s opacity ease-in-out;background-color:#ffffffbf}.header__underlay.active{opacity:1;pointer-events:auto}.mobile-content-wrapper-height{height:calc(100% - var(--nav-height))}.header-transparent-mobile .header-mobile-main{background-color:var(--header-bg-color)}.header-transparent-mobile .header-mobile-main .button__menu{color:var(--header-text-color)}
/*# sourceMappingURL=/cdn/shop/t/104/assets/component-header.css.map */