.header{position:relative;width:100%;display:grid;grid-template-areas:"desktop-menu logo icons";--logo-width: 24rem;grid-template-columns:1fr var(--logo-width) 1fr;grid-gap:var(--gap-s);background-color:var(--store-background-color);border-bottom:solid .4rem var(--store-main-color);transition:var(--transition)}.header header-drawer{grid-area:mobile-menu;height:100%}.header .header-left{grid-area:desktop-menu;padding-left:var(--gap-l);height:100%}.header .header-logo{position:relative;display:block;grid-area:logo;padding:var(--gap-s) 0;transition:var(--transition)}.header .header-logo a{display:flex;align-items:center;justify-content:center;color:var(--carbon);text-decoration:none}.header .header-logo img{width:var(--logo-width);height:auto;max-height:6.4rem;object-fit:contain;transition:var(--transition)}.header .header-right{grid-area:icons;padding-right:var(--gap-l);height:100%}.header-underline{position:absolute;left:50%;transform:translate(-50%);top:calc(100% + .2rem);background-color:var(--store-main-color);padding:var(--gap-xxs) var(--gap-s);border-bottom-left-radius:var(--rad);border-bottom-right-radius:var(--rad);transition:var(--transition);box-shadow:var(--shadow);z-index:-2}.header-underline .svg{height:1.6rem;width:auto}.header-underline .svg>*{fill:var(--store-background-color)}@media screen and (max-width: 989px){.header{grid-template-areas:"mobile-menu logo icons";--logo-width: 14.4rem;grid-template-columns:4.4rem var(--logo-width) auto}.header .header-icons{gap:var(--gap-s)}.header-icon__caption{display:none}.header .header-right{padding-right:var(--gap-s)}}.header-icons{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:var(--gap)}.header-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-xxs);color:var(--store-main-color);text-decoration:none;transition:var(--transition)}.header-icon .svg{width:2.8rem;height:2.8rem;color:var(--store-main-color);transition:var(--transition)}.header-icon:hover .svg:not(.menu){color:var(--store-accent-color)}.header-icon__caption{text-transform:lowercase;overflow:hidden}.header-icon__store{padding-right:var(--gap);border-right:solid .1rem var(--store-main-color)}.header-icon__cart{position:relative}.cart-count-bubble:empty{display:none}.cart-count-bubble{position:absolute;background-color:var(--store-secondary-color);color:var(--store-main-color);height:1.8rem;width:1.8rem;border-radius:100%;display:flex;justify-content:center;align-items:center;font-size:var(--font-12);top:1.6rem;left:calc(50% + .2rem);line-height:var(--font-12)}.scrolled-past-header .header{border-bottom-width:.2rem}.scrolled-past-header .header .header-logo{padding:var(--gap-xs) 0}.scrolled-past-header .header .header-logo img{height:4rem}.scrolled-past-header .header-icon__caption{display:none}.scrolled-past-header .header-underline{transform:translate(-50%) translateY(calc(-100% + .2rem))}.header-desktop-nav{height:100%}.header-desktop-nav .nav-item-main{height:100%;cursor:pointer}.header-desktop-nav .nav-item-main>.svg{width:2.8rem;height:2.8rem;color:var(--store-main-color)}.header-desktop-nav .nav-item-main>span{font-weight:var(--font-bold);font-size:var(--font-20);text-transform:uppercase;color:var(--store-main-color)}.header-desktop-nav .nav-drawer{position:absolute;top:calc(100% + .4rem);height:calc(100vh - var(--main-header-height));min-width:44rem;left:0;transform:translate(-100%);padding:var(--gap);background-color:var(--store-background-color);box-shadow:var(--shadow);transition:var(--transition);z-index:1;overflow-y:scroll}.scrolled-past-header .header-desktop-nav .nav-drawer{top:calc(100% + .2rem)}.header-desktop-nav .nav-item-main:hover .nav-drawer{transform:translate(0)}.header-desktop-nav .nav-drawer a{color:var(--store-main-color);text-decoration:none;transition:var(--transition)}.header-desktop-nav .nav-drawer a:hover{color:var(--store-accent-color)}.header-desktop-nav .nav-item-n1>a{display:block;height:100%;padding-right:var(--gap-s);border-right:solid .1rem var(--store-secondary-color)}.header-desktop-nav .nav-item-n1>a .svg-icon{width:4rem;height:4rem}.header-desktop-nav .nav-item-n1>div>a{display:flex;align-items:baseline;gap:var(--gap-xs);font-family:var(--font-heading-family);font-size:var(--font-20);font-weight:var(--font-bold)}.header-desktop-nav .nav-item-n1>div>a:after{content:"";display:block;min-width:2.4rem;flex-grow:1;height:.1rem;background-color:var(--store-secondary-color)}.header-desktop-nav .nav-item-n2 details summary svg{width:1.2rem;height:auto;color:var(--store-main-color);transform:rotate(90deg);transition:var(--transition)}.header-desktop-nav .nav-item-n2 details[open] summary svg{transform:rotate(-90deg)}.header-desktop-nav .nav-item-n3{border-top:solid .1rem var(--store-secondary-color);padding:var(--gap-xs) var(--gap-s)}.nav-item-simple.store-selection,.nav-alpha-list{border-bottom:solid .1rem var(--store-secondary-color);padding-bottom:var(--gap)}.nav-item-simple.store-selection img{width:5.6rem;height:5.6rem;object-fit:contain;padding:var(--gap-xxs);border:solid .1rem var(--store-secondary-color);border-radius:var(--rad-s);background-color:var(--white)}.header-desktop-nav .nav-item-simple,.header-desktop-nav .nav-alpha-list a{font-family:var(--font-heading-family);font-size:var(--font-20);font-weight:var(--font-bold)}.header-desktop-nav .nav-item-simple small{font-family:var(--font-body-family);font-weight:var(--font-regular)}.nav-alpha-list{max-width:38.4rem}.nav-alpha-list>div>a{width:2.8rem;height:2.8rem;color:var(--store-main-color-light);text-transform:uppercase;border:solid .1rem var(--store-secondary-color);border-radius:var(--rad-s);text-align:center;line-height:2.8rem;transition:var(--transition)}.nav-alpha-list>div>a:hover,.header-desktop-nav .nav-alpha-list>div>a:hover{background-color:var(--store-accent-color);color:var(--store-main-color)}.header-mobile-nav>details,.header-mobile-nav>details>summary{height:100%}.header-mobile-nav>details{padding-left:var(--gap-s)}.header-mobile-nav svg.menu rect{transition:var(--transition)}.header-mobile-nav>details[open] svg.menu rect:first-of-type{transform:rotate(45deg) scaleX(calc(100%*sqrt(1.88)));transform-origin:0 0}.header-mobile-nav>details[open] svg.menu rect:nth-of-type(2){opacity:0}.header-mobile-nav>details[open] svg.menu rect:last-of-type{transform:rotate(-45deg) scaleX(calc(100%*sqrt(1.88)));transform-origin:0 100%}.search-modal.modal__content{background-color:var(--white)}.header__search .search__input{padding:var(--gap-xs) 8rem var(--gap-xs) var(--gap-xs);border-bottom:solid .2rem var(--store-secondary-color);font-size:var(--font-24);font-weight:var(--font-bold);height:unset}.header__search .field__input:focus~.field__label,.header__search .field__input:not(:placeholder-shown)~.field__label{font-size:var(--font-12);top:.2rem;left:.1rem}.header__search .field__label{font-size:var(--font-18);top:50%;transform:translateY(-50%);left:.1rem}.header__search .reset__button,.header__search .search__button{top:50%;transform:translateY(-50%)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-header.css.map */