.main-header{position:fixed;top:0;width:100%;z-index:100;transition:background-color .25s,color .25s,fill .25s,transform .3s ease-in-out;background-color:var(--header-background-color);color:var(--header-text-color);fill:var(--header-text-color);transform:translateY(0)}.main-header:hover,.header-background{background-color:var(--header-background-color-hover);fill:var(--header-text-color-hover);color:var(--header-text-color-hover)}.main-header svg{fill:inherit}.header-scroll{transform:translateY(0)}.header-scroll-hide{transform:translateY(-100%)}.header-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}.logo{padding-block:1rem;max-width:220px;transition:max-width .35s ease-in-out}.logo svg{width:100%}.header-scroll .logo{max-width:150px}.header-logo.mobile-only{max-width:150px;transition:max-width .35s ease-in-out}.header-scroll .header-logo.mobile-only{max-width:120px}.link-underline{width:fit-content}.link-underline:after{content:"";display:block;width:100%;height:1px;background:var(--header-text-color-hover);transition:width .15s ease-in-out;width:0px}.link-underline:hover:after{width:100%}.header-menu{height:100%}.header-menu__link-list{display:flex;align-items:center;gap:2rem;height:100%}.primary-nav-link-wrapper{height:100%}.primary-nav-link{display:flex;align-items:center;width:fit-content;height:100%;opacity:.8;border-bottom:2px solid var(--transparent);transition:border .15s ease-in-out}.primary-nav-link.active-link,.primary-nav-link:hover{opacity:1;border-color:var(--header-text-color-hover)}.main-menu>ul{justify-content:flex-end}.mega-menu{transition:opacity .35s,max-height .25s ease-in-out;max-height:0px;opacity:0%;position:fixed;left:0;right:0;width:100vw;background-color:var(--mega-menu-background-color);overflow:hidden}.mega-menu--open{max-height:600px;opacity:100%}.mega-menu-inner{display:grid;padding-block:2rem;grid-template-columns:repeat(6,1fr);gap:1rem 2.5rem}.header-search{grid-column:3 / span 2;display:grid;justify-items:end;align-items:center}.header-search-input{background-color:var(--warm-grey);padding:1.25rem 2.5rem;border-radius:100vw;width:100%}.header-search-button{display:flex;align-items:center;cursor:pointer;height:100%;padding-inline-end:1.5rem;fill:var(--grey-400)}.mega-menu h2{font-size:1rem}.mega-menu ul{flex-direction:column;gap:.5rem}.mega-menu-footer-link{grid-column:1 / span 6}.header-icon-nav{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;height:100%}.header-icon-wrapper{height:100%}.header-icon{display:flex;align-items:center;height:100%}.header-icon svg{opacity:.8}.header-icon:hover svg{opacity:1}.cart-icon{position:relative}.cart-count{position:absolute;top:30%;right:-7px;font-size:.9rem}.desktop-mega-menu-section h2{margin-bottom:1rem}.desktop-mega-menu-section li{margin-bottom:.5rem}.mobile-only{display:none}.main-header__infobar{display:flex;justify-content:space-between;align-items:flex-end;height:2rem;transition:height .3s ease-in-out}.header-scroll .main-header__infobar{height:0px}.main-header__infobar-button{display:flex;gap:.25rem}.main-header__infobar-button svg{height:1.25rem;width:1.25rem}@media screen and (max-width: 900px){.desktop-only{display:none}.mobile-only{display:block}.mega-menu{display:flex;flex-direction:column;top:0;width:100%;height:100%;max-height:100%;padding:0;transition:transform .3s ease-in-out;transform:translate(100%)}.mega-menu--open{transform:translate(0)}.main-header__infobar-text{font-size:.875rem}.header-search-input{padding:.625rem 1.25rem}.header-search-button{padding-inline-end:.625rem}}.mobile-menu-link{cursor:pointer;color:inherit}.mobile-menu{position:fixed;top:0rem;right:0;width:300px;height:100dvh;background:var(--mega-menu-background-color);transition:transform .4s;transform:translate(100%);z-index:1001}.mobile-menu--open{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--warm-grey);padding:1rem 1.5rem}.mobile-search{padding:2rem 1.5rem}.mobile-cart-icon{display:flex;justify-content:flex-end}.mobile-menu-header h2{color:var(--headline-color);font-weight:900;font-size:1.5rem}.close-mobile-mega-menu svg,.close-button svg{height:24px;width:24px}.mobile-main-menu-wrapper{display:flex;flex-direction:column;gap:2rem}.mobile-main-menu-link{display:flex;justify-content:space-between;align-items:center;line-height:1.6;padding:.625rem 1.5rem;width:100%;border-top:1px solid var(--warm-grey);transition:background-color .25s ease-in-out}.mobile-main-menu-link>svg{height:24px;width:24px}.mobile-main-menu-link:hover{background-color:var(--warm-grey)}.mobile-main-menu-header{padding-inline:1.5rem}.mobile-main-menu h3{font-size:1rem;margin-bottom:1rem}.mobile-mega-menu-section{padding-inline:1.5rem}.mobile-mega-menu{gap:2rem;z-index:10}.mobile-grandchild-link{display:block;padding-block:.325rem}
/*# sourceMappingURL=/cdn/shop/t/20/assets/main-header.css.map */