.header{height:var(--nav-height);position:fixed;top:0;width:100%;z-index:var(--z-index-header);transition:height .3s ease-in-out;will-change:height}.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 .banner a{-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:1px;transition:text-underline-offset ease-in-out .15s}.header .banner a:hover,.header .banner a:active{text-underline-offset:2px}.scroll-mobile-logo,body.scrolled .mobile-logo,body.scrolled .hidden-on-scroll,body.scrolled .no-scroll-header{display:none}body.scrolled .scroll-mobile-logo,body.scrolled .block-on-hidden{display:block}body.scrolled .header{height:calc(var(--nav-height-mobile-scrolled) + var(--banner-height-mobile))}@media(min-width:768px){body.scrolled .header{height:calc(var(--nav-height-desktop-scrolled) + var(--banner-height-desktop))}}.header-spacer{height:var(--nav-height)}.header__underlay{position:fixed;height:50vh;top:0;bottom:0;left:0;right:0;pointer-events:none;z-index:11;opacity:0;transition:.3s opacity ease-in-out;background:linear-gradient(to bottom,black,transparent);mix-blend-mode:multiply}.header__underlay.active{opacity:.8;pointer-events:auto}.header__underlay.active:not(.is-menu-open){pointer-events:none}.header-hamburger-btn{color:#262626}.header--transparent{background:transparent!important;transition:background .3s ease,height .3s ease-in-out}.header--transparent:hover,body.scrolled .header--transparent{background:#faf8f5!important}body:not(.scrolled) .header--transparent:not(:hover) .header__bar a:not([class*=button__]),body:not(.scrolled) .header--transparent:not(:hover) .header__bar button:not([class*=button__]){color:#fff!important}body:not(.scrolled) .header--transparent:not(:hover) .header__bar .header-logo-wrap svg{filter:brightness(0) invert(1)}body:not(.scrolled) .header--transparent:not(:hover) .header__bar.border-b-charcoal,body:not(.scrolled) .header--transparent:not(:hover) .header__bar .border-b-charcoal{border-color:transparent!important}body:not(.scrolled) .header--transparent:not(:hover) .header__bar .cart-icon svg path,body:not(.scrolled) .header--transparent:not(:hover) .header__bar .cart-icon svg line{stroke:#fff!important}body:not(.scrolled) .header--transparent:not(:hover) .header__bar .header-search-btn svg path,body:not(.scrolled) .header--transparent:not(:hover) .header__bar .header-search-btn svg line{stroke:#fff!important}body:not(.scrolled) .header--transparent:not(:hover) .header__bar .input__search{background-color:#fff0!important;color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2718%27 viewBox=%270 0 18 18%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg opacity=%270.85%27%3E%3Cpath d=%27M7 12C9.76142 12 12 9.76142 12 7C12 4.23858 9.76142 2 7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12Z%27 stroke=%27%23ffffff%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M11 11L14 14%27 stroke=%27%23ffffff%27 stroke-width=%271.5%27 stroke-linecap=%27square%27 stroke-linejoin=%27round%27/%3E%3C/g%3E%3C/svg%3E")!important}body:not(.scrolled) .header--transparent:not(:hover) .header__bar .input__search::placeholder{color:#ffffffd9!important;opacity:1}body:not(.scrolled) .header--transparent:not(:hover) .header__bar .input__search::-moz-placeholder{color:#ffffffd9!important;opacity:1}body:not(.scrolled) .header--transparent:not(:hover) .header__bar .input__search::-webkit-input-placeholder{color:#ffffffd9!important}.banner>*{flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/180/assets/component-header.css.map */