.header-wrapper--cnoir{--cnoir-gutter: clamp(1.6rem, 1.8vw, 3.2rem);--cnoir-utility-height: 2.8rem;--cnoir-rule: rgba(var(--color-foreground), .14);--cnoir-rule-strong: rgba(var(--color-foreground), .32);--cnoir-muted: rgba(var(--color-foreground), .72);--cnoir-dim: rgba(var(--color-foreground), .58);--cnoir-ease: cubic-bezier(.4, 0, .2, 1);--cnoir-speed: .28s;--cnoir-speed-fast: .18s;--cnoir-surface: rgba(var(--cnoir-menu-bg), var(--cnoir-menu-alpha, .85));position:relative;display:block;isolation:isolate}.header-wrapper--cnoir{background-color:var(--cnoir-surface);transition:background-color var(--cnoir-speed) var(--cnoir-ease)}.header-wrapper--transparent{background-color:rgba(var(--cnoir-menu-bg),0)}.header-wrapper--transparent:hover,.header-wrapper--transparent:focus-within,.header-wrapper--transparent:has(details[open]),.scrolled-past-header .header-wrapper--transparent{background-color:var(--cnoir-surface)}.header-wrapper--transparent:before{content:"";position:absolute;top:0;left:0;right:0;z-index:-1;height:calc(100% + 8rem);background:linear-gradient(to bottom,rgba(var(--cnoir-menu-bg),.55),rgba(var(--cnoir-menu-bg),.28) 55%,rgba(var(--cnoir-menu-bg),0));pointer-events:none}@media screen and (prefers-reduced-motion:reduce){.header-wrapper--cnoir{transition:none}}.cnoir-utility{display:none}@media screen and (min-width:750px){.cnoir-utility{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:2.4rem;height:var(--cnoir-utility-height);padding:0 var(--cnoir-gutter);background-color:rgb(var(--cnoir-menu-bg));border-bottom:.1rem solid var(--cnoir-rule)}}.cnoir-utility__bag,.cnoir-utility__end{display:flex;align-items:center}.cnoir-utility__end{gap:0;height:100%}.cnoir-utility__bag{font-family:var(--font-body-family);font-size:1rem;font-weight:var(--font-body-weight);letter-spacing:.12em;line-height:1;text-transform:uppercase;text-decoration:none;color:var(--cnoir-muted);transition:color var(--cnoir-speed-fast) var(--cnoir-ease)}.cnoir-utility__bag:hover{color:rgb(var(--color-foreground));text-decoration:none}.cnoir-utility__form+.cnoir-utility__form{border-left:.1rem solid var(--cnoir-rule);margin-left:1.6rem;padding-left:1.6rem}.cnoir-utility .cnoir-utility__form,.cnoir-utility .localization-form,.cnoir-utility .localization-form>div,.cnoir-utility .disclosure,.cnoir-utility noscript{display:flex;align-items:center;height:100%;min-height:0;padding-top:0;padding-bottom:0;margin:0}.cnoir-utility .localization-form{padding:0}.cnoir-utility .disclosure{position:relative}.cnoir-utility .localization-form__select,.cnoir-utility .disclosure__button{height:auto;min-height:0;padding:.2rem 0;margin:0;font-size:1rem;letter-spacing:.12em;line-height:1;text-transform:uppercase;text-decoration:none;color:var(--cnoir-muted);transition:color var(--cnoir-speed-fast) var(--cnoir-ease)}.cnoir-utility .localization-form__select:after,.cnoir-utility .disclosure__button:after{content:none}.cnoir-utility .localization-form__select:hover,.cnoir-utility .disclosure__button:hover{color:rgb(var(--color-foreground));text-decoration:none}.cnoir-utility .localization-form__select .icon-caret,.cnoir-utility .disclosure__button .icon-caret{height:.5rem}.cnoir-utility .disclosure__list-wrapper{position:absolute;top:calc(100% + .6rem);bottom:auto;right:0;left:auto;z-index:6;border:.1rem solid var(--cnoir-rule);background-color:rgb(var(--cnoir-menu-bg))}.cnoir-utility .disclosure__list{max-height:28rem;overflow-y:auto}.header-wrapper--cnoir .header{position:relative;z-index:2}.header-wrapper--cnoir .header.page-width{max-width:none;width:100%;padding:0 var(--cnoir-gutter);min-height:var(--cnoir-header-height-mobile, 6rem);align-items:center;column-gap:2rem}.header-wrapper--cnoir .header__heading{margin:0}.header-wrapper--cnoir .header__heading,.header-wrapper--cnoir .header__heading-link{position:relative;z-index:5}.header-wrapper--cnoir .header__heading-link,.header-wrapper--cnoir .header__heading-logo-wrapper,.header-wrapper--cnoir .header__heading-logo{opacity:1;filter:none;mix-blend-mode:normal;box-shadow:none;text-shadow:none}.header-wrapper--cnoir .header__heading-link{display:inline-flex;align-items:center;padding:0;background:none}.header-wrapper--cnoir .header__heading-logo-wrapper{width:auto}.header-wrapper--cnoir .header__heading-logo{height:var(--cnoir-logo-height-mobile, 2.8rem);width:auto;max-width:100%;object-fit:contain}.header-wrapper--cnoir header-drawer{margin-left:0;justify-self:start}@media screen and (min-width:990px){.header-wrapper--cnoir .header.page-width{min-height:var(--cnoir-header-height, 9rem);grid-template-areas:"heading navigation icons";grid-template-columns:auto 1fr auto;column-gap:3.2rem}.header-wrapper--cnoir .header__heading-logo{height:var(--cnoir-logo-height, 4.4rem)}}@media screen and (min-width:1200px){.header-wrapper--cnoir .header.page-width{column-gap:4.8rem}}.header-wrapper--cnoir .header__inline-menu{grid-area:navigation;min-width:0;margin:0}.header-wrapper--cnoir .header__inline-menu>.list-menu--inline{align-items:stretch;flex-wrap:nowrap;column-gap:var(--cnoir-nav-gap, 2.4rem)}.header-wrapper--cnoir .header__inline-menu>.list-menu--inline>li{display:flex}.header-wrapper--cnoir .header__menu-item{display:flex;align-items:center;height:var(--cnoir-header-height, 9rem);padding:0;font-family:var(--font-body-family);font-size:1.1rem;font-style:normal;font-weight:var(--font-body-weight);letter-spacing:.1em;line-height:1;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--cnoir-muted);transition:color var(--cnoir-speed) var(--cnoir-ease)}.header-wrapper--cnoir .header__menu-item:hover,.header-wrapper--cnoir details[open]>.header__menu-item{color:rgb(var(--color-foreground));text-decoration:none}.header-wrapper--cnoir .header__inline-menu .header__menu-item .icon-caret{display:none}.header-wrapper--cnoir .header__inline-menu .header__menu-item>span{position:relative;display:inline-block;text-decoration:none}.header-wrapper--cnoir .header__inline-menu .header__menu-item>span:after{content:"";position:absolute;left:0;right:0;bottom:-.6rem;height:.1rem;background-color:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform var(--cnoir-speed) var(--cnoir-ease)}.header-wrapper--cnoir .header__inline-menu .header__menu-item:hover>span:after,.header-wrapper--cnoir .header__inline-menu details[open]>.header__menu-item>span:after,.header-wrapper--cnoir .header__inline-menu .header__menu-item>.header__active-menu-item:after{transform:scaleX(1)}.header-wrapper--cnoir .header__inline-menu .header__active-menu-item{text-decoration:none}@media screen and (prefers-reduced-motion:reduce){.header-wrapper--cnoir .header__inline-menu .header__menu-item>span:after{transition:none}}.header-wrapper--cnoir .header__icons{grid-area:icons;display:flex;align-items:center;justify-self:end;gap:.6rem;padding-right:0}.header-wrapper--cnoir .header__icon{display:flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;margin:0;color:var(--cnoir-muted);transition:color var(--cnoir-speed) var(--cnoir-ease)}.header-wrapper--cnoir .header__icon:hover{color:rgb(var(--color-foreground))}.header-wrapper--cnoir .header__icon .svg-wrapper,.header-wrapper--cnoir .header__icon .icon,.header-wrapper--cnoir .header__icon svg{width:1.9rem;height:1.9rem}.header-wrapper--cnoir .header__icon--cart{position:relative}.header-wrapper--cnoir .cart-count-bubble{position:absolute;right:-.2rem;bottom:1.1rem;width:auto;min-width:auto;height:auto;padding:0;background-color:transparent;border-radius:0;color:rgb(var(--color-foreground));font-size:1rem;letter-spacing:.04em;line-height:1}@media screen and (min-width:990px){.header-wrapper--cnoir .mega-menu__content{--color-foreground: var(--cnoir-menu-fg);padding:4rem 0 5.6rem;background-color:var(--cnoir-surface);background-image:none;border-top:.1rem solid rgba(var(--cnoir-menu-fg),.14);box-shadow:none;transition:opacity var(--cnoir-speed) var(--cnoir-ease),transform var(--cnoir-speed) var(--cnoir-ease)}.header-wrapper--cnoir .mega-menu__list.page-width{max-width:none;padding:0 var(--cnoir-gutter);grid-template-columns:repeat(auto-fill,minmax(17rem,21rem));justify-content:start;column-gap:5.6rem;row-gap:4rem}.header-wrapper--cnoir .mega-menu__link{display:block;padding:.75rem 0;font-family:var(--font-body-family);font-size:1.1rem;font-weight:var(--font-body-weight);letter-spacing:.1em;line-height:1.3;text-transform:uppercase;text-decoration:none;color:rgba(var(--cnoir-menu-fg),.58);transition:color var(--cnoir-speed) var(--cnoir-ease)}.header-wrapper--cnoir .mega-menu__link:hover,.header-wrapper--cnoir .mega-menu__link--active{color:rgb(var(--cnoir-menu-fg));text-decoration:none}.header-wrapper--cnoir .mega-menu__link--level-2{padding:0 0 1.2rem;margin-bottom:1.6rem;border-bottom:.1rem solid rgba(var(--cnoir-menu-fg),.32);font-weight:var(--font-body-weight);letter-spacing:.12em;color:rgb(var(--cnoir-menu-fg))}.header-wrapper--cnoir .mega-menu__link--level-2:hover{color:rgb(var(--cnoir-menu-fg));border-bottom-color:rgb(var(--cnoir-menu-fg))}.header-wrapper--cnoir .mega-menu__list--condensed{display:grid}.header-wrapper--cnoir .mega-menu__list--condensed .mega-menu__link{padding-bottom:0;margin-bottom:0;border-bottom:0;color:rgba(var(--cnoir-menu-fg),.58)}.header-wrapper--cnoir .mega-menu__list--condensed .mega-menu__link:hover{color:rgb(var(--cnoir-menu-fg))}}.header-wrapper--cnoir .header__search .modal__toggle{padding:0}.header-wrapper--cnoir .search-modal{background-color:var(--cnoir-surface)}.header-wrapper--cnoir .search-modal__content{padding-left:var(--cnoir-gutter);padding-right:var(--cnoir-gutter)}.header-wrapper--cnoir .header__icon--account account-icon img{width:1.9rem;height:1.9rem}.header-wrapper--cnoir .header__icon--menu{width:4.2rem;height:4.2rem;margin:0}.header-wrapper--cnoir .menu-drawer{--color-foreground: var(--cnoir-menu-fg);padding:0;border-right:0;background-color:var(--cnoir-surface);background-image:none}.header-wrapper--cnoir .menu-drawer__submenu{background-color:transparent;background-image:none}.header-wrapper--cnoir .menu-drawer__navigation{padding:2.4rem 0 3.2rem}.header-wrapper--cnoir .menu-drawer__menu>li{border-bottom:.1rem solid rgba(var(--cnoir-menu-fg),.14);transition:border-bottom-color var(--cnoir-speed-fast) var(--cnoir-ease)}.header-wrapper--cnoir .menu-drawer__menu-item{padding:1.8rem var(--cnoir-gutter);font-family:var(--font-body-family);font-size:1.3rem;font-weight:var(--font-body-weight);letter-spacing:.12em;line-height:1;text-transform:uppercase;color:rgba(var(--cnoir-menu-fg),.72);transition:color var(--cnoir-speed-fast) var(--cnoir-ease),opacity var(--cnoir-speed-fast) var(--cnoir-ease)}.header-wrapper--cnoir .menu-drawer__menu-item:hover,.header-wrapper--cnoir .menu-drawer__menu-item--active{background-color:transparent;color:rgb(var(--cnoir-menu-fg));text-decoration:none}.header-wrapper--cnoir .menu-drawer__menu:has(>li>details[open])>li>a.menu-drawer__menu-item,.header-wrapper--cnoir .menu-drawer__menu:has(>li>details[open])>li>details>summary.menu-drawer__menu-item{opacity:0;pointer-events:none}.header-wrapper--cnoir .menu-drawer__menu:has(>li>details[open])>li{border-bottom-color:transparent}.header-wrapper--cnoir .menu-drawer__navigation-container:has(.menu-drawer__menu>li>details[open]) .menu-drawer__utility-links{opacity:0;pointer-events:none}.header-wrapper--cnoir .menu-drawer__utility-links{transition:opacity var(--cnoir-speed-fast) var(--cnoir-ease)}.header-wrapper--cnoir .menu-drawer__close-button{padding:1.8rem var(--cnoir-gutter);font-family:var(--font-body-family);font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--cnoir-menu-fg),.72);transition:color var(--cnoir-speed-fast) var(--cnoir-ease),opacity var(--cnoir-speed-fast) var(--cnoir-ease)}.header-wrapper--cnoir .menu-drawer__inner-submenu:has(details[open])>.menu-drawer__close-button{opacity:0;pointer-events:none}.header-wrapper--cnoir .menu-drawer__utility-links{padding:2.4rem var(--cnoir-gutter);border-top:.1rem solid rgba(var(--cnoir-menu-fg),.14);background-color:transparent}.header-wrapper--cnoir .menu-drawer__account{font-family:var(--font-body-family);font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;padding:0 0 1.6rem;background-color:transparent}.header-wrapper--cnoir .cnoir-drawer-group{padding-bottom:1.2rem}.header-wrapper--cnoir .cnoir-drawer-group__label{display:flex;padding-bottom:.6rem;color:rgb(var(--cnoir-menu-fg))}.header-wrapper--cnoir span.cnoir-drawer-group__label{cursor:default}.header-wrapper--cnoir .cnoir-drawer-sublist{list-style:none;margin:0;padding:0}.header-wrapper--cnoir .cnoir-drawer-sublink{display:block;padding:.8rem var(--cnoir-gutter) .8rem calc(var(--cnoir-gutter) + 1.6rem);font-family:var(--font-body-family);font-size:1.1rem;font-weight:var(--font-body-weight);letter-spacing:.1em;line-height:1;text-transform:uppercase;text-decoration:none;color:rgba(var(--cnoir-menu-fg),.58);transition:color var(--cnoir-speed-fast) var(--cnoir-ease)}.header-wrapper--cnoir .cnoir-drawer-sublink:hover,.header-wrapper--cnoir .cnoir-drawer-sublink--active{color:rgb(var(--cnoir-menu-fg));text-decoration:none}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-header-cnoir.css.map */