.c-header{background-color:rgb(var(--c-header-background));color:rgb(var(--c-header-text))}body:has([data-c-header-overlay]) .c-header{background-color:rgb(var(--c-header-background) / 0);transition:background-color var(--motion-duration-ui) var(--motion-ease-ui)}body:has([data-c-header-overlay]) .c-header[data-c-header-solid]{background-color:rgb(var(--c-header-background))}@media(prefers-reduced-motion:reduce){body:has([data-c-header-overlay]) .c-header{transition:none}}[data-c-header-overlay]{--c-sticky-height: var(--c-sticky-offset, 0px)}.c-header [data-c-header-tone=dark]{color:rgb(var(--c-white))}.c-header [data-c-header-tone=dark] .c-header__logo-image{filter:brightness(0) invert(1)}.c-header [data-c-header-tone]{transition:color var(--motion-duration-ui) var(--motion-ease-ui),opacity var(--motion-duration-ui) var(--motion-ease-ui),translate var(--motion-duration-ui) var(--motion-ease-ui)}.c-header [data-c-header-tone] .c-header__logo-image{transition:filter var(--motion-duration-ui) var(--motion-ease-ui)}@media(prefers-reduced-motion:reduce){.c-header [data-c-header-tone],.c-header [data-c-header-tone] .c-header__logo-image{transition:none}}.c-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-16);max-width:var(--c-container-max);margin-inline:auto;padding-inline:var(--c-gutter);min-height:var(--c-header-height)}.c-header__logo{position:relative;z-index:21;display:block;flex:0 0 auto;line-height:0;color:inherit;text-decoration:none}.c-header__logo-image{display:block;width:calc(var(--c-header-logo-width) * .86);height:auto}@media screen and (min-width:741px){.c-header__logo-image{width:var(--c-header-logo-width)}}.c-header__logo-text{font-family:var(--c-font-heading);font-size:var(--fs-ui);font-weight:var(--heading-font-weight);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase}.c-header__utility{display:flex;align-items:center;gap:var(--sp-24)}@media screen and (min-width:741px){.c-header__utility{gap:var(--sp-40)}}.c-header__link{font-family:var(--c-font-heading);font-size:var(--fs-ui-sp);font-weight:var(--heading-font-weight);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase;color:inherit;text-decoration:none;white-space:nowrap;transition:opacity var(--motion-duration-ui) var(--motion-ease-ui)}@media screen and (min-width:741px){.c-header__link{font-size:var(--fs-ui)}}.c-header__locale{display:flex}.c-header__locale-button{display:inline-flex;align-items:center;gap:var(--sp-8);border:0;padding:0;background:none;cursor:pointer}.c-header__locale-button:after{content:"";width:10px;height:6px;background-color:currentColor;clip-path:polygon(0 0,100% 0,50% 100%);transition:transform var(--motion-duration-ui) var(--motion-ease-ui)}.c-header__locale-button[aria-expanded=true]:after{transform:rotate(180deg)}.c-header__menu{position:relative;z-index:20}.c-header__menu-toggle{position:relative;z-index:2;display:inline-flex;align-items:center;cursor:pointer;list-style:none}.c-header__menu-toggle::-webkit-details-marker{display:none}.c-header__menu-close-label{display:none}.c-header__menu-label{transition:opacity var(--motion-duration-ui) var(--motion-ease-ui),visibility var(--motion-duration-ui)}.c-header__menu[open] .c-header__menu-label{opacity:0;visibility:hidden}.c-header__menu[open] .c-header__menu-close-label{display:block}.c-header__menu-close{display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;width:20px;height:20px;opacity:0;visibility:hidden;transform:translate(-50%,-50%);transition:opacity var(--motion-duration-ui) var(--motion-ease-ui),visibility var(--motion-duration-ui)}.c-header__menu[open] .c-header__menu-close{opacity:1;visibility:visible}@media screen and (min-width:741px){.c-header__menu-close{width:28px;height:28px}}.c-header__menu-close:before,.c-header__menu-close:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:0;width:100%;height:1px;background-color:currentColor}.c-header__menu-close:before{transform:rotate(45deg)}.c-header__menu-close:after{transform:rotate(-45deg)}.c-header__menu:not([open]) .c-header__overlay{display:none}.c-header__overlay{position:fixed;inset-block:var(--c-sticky-offset, 0px) 0;inset-inline:0;z-index:1;background-color:rgb(var(--c-header-background));color:rgb(var(--c-header-text));overflow-y:auto;overscroll-behavior:contain}.c-header__overlay-inner{display:flex;flex-direction:column;justify-content:space-between;gap:min(var(--sp-64),6dvh);min-height:calc(100dvh - var(--c-sticky-offset, 0px));max-width:var(--c-container-max);margin-inline:auto;padding:min(112px,14dvh) var(--c-gutter) min(var(--sp-48),5dvh)}@media screen and (min-width:741px){.c-header__overlay-inner{padding-block:min(136px,14dvh) min(var(--sp-48),5dvh)}}@media screen and (min-height:640px){.c-header__overlay-inner{padding-block-end:calc(75px + var(--sp-16))}}.c-header__menu[open] .c-header__overlay{animation:c-menu-fade var(--motion-duration-ui) var(--motion-ease) both}.c-header__menu[open] .c-header__overlay-list{animation:c-menu-fade var(--motion-duration) var(--motion-ease) backwards}.c-header__menu[open] .c-header__search{animation:c-menu-fade var(--motion-duration) var(--motion-ease) backwards;animation-delay:var(--motion-duration-ui)}@keyframes c-menu-fade{0%{opacity:0}}.c-header__menu[data-c-menu-closing] .c-header__overlay{animation:c-menu-fade-out var(--motion-duration-ui) var(--motion-ease) forwards}.c-header__menu[data-c-menu-closing] .c-header__overlay-list,.c-header__menu[data-c-menu-closing] .c-header__search{animation:none}@keyframes c-menu-fade-out{to{opacity:0}}.c-header__menu[data-c-menu-closing] .c-header__menu-label{opacity:1;visibility:visible}.c-header__menu[data-c-menu-closing] .c-header__menu-close{opacity:0;visibility:hidden}@media(prefers-reduced-motion:reduce){.c-header__menu[open] .c-header__overlay,.c-header__menu[open] .c-header__overlay-list,.c-header__menu[open] .c-header__search,.c-header__menu[data-c-menu-closing] .c-header__overlay{animation:none}.c-header__menu-label,.c-header__menu-close{transition:none}}.c-header__overlay-list{display:grid;gap:var(--sp-16);margin:0;padding:0;list-style:none}.c-header__overlay-link{font-family:var(--c-font-heading);font-size:var(--fs-nav);font-weight:var(--heading-font-weight);letter-spacing:var(--c-tracking);line-height:1.2;text-transform:uppercase;color:inherit;text-decoration:none;display:inline-block;transition:opacity var(--motion-duration-ui) var(--motion-ease-ui),translate var(--motion-duration-ui) var(--motion-ease-ui)}.c-header__sublist{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--sp-8) var(--sp-24);margin:var(--sp-12) 0 0;padding:0;list-style:none}.c-header__subitem{display:flex;flex-direction:column;gap:var(--sp-8)}.c-header__sublist--deep{flex-direction:column;gap:var(--sp-8);margin-block-start:0;padding-inline-start:var(--sp-12)}.c-header__sublink{font-family:var(--c-font-heading);font-size:var(--fs-ui);font-weight:var(--c-weight-label);letter-spacing:var(--c-tracking);line-height:1.4;text-transform:uppercase;color:inherit;text-decoration:none;display:inline-block;transition:opacity var(--motion-duration-ui) var(--motion-ease-ui),translate var(--motion-duration-ui) var(--motion-ease-ui)}.c-header__sublink--deep{font-size:var(--fs-ui-sp);line-height:var(--lh-heading);opacity:.7}.c-header__overlay-item:has(.c-header__sublist){margin-block-end:var(--sp-16)}.c-header__search{display:flex;align-items:center;gap:var(--sp-16);align-self:flex-end;width:min(100%,320px)}.c-header__search-field{flex:1 1 auto;min-width:0;padding:var(--sp-8) 0;border:0;border-block-end:1px solid currentColor;border-radius:0;background:none;color:inherit;font-family:var(--c-font-body);font-size:var(--fs-label);line-height:var(--lh-heading)}.c-header__search-field::placeholder{color:inherit;opacity:.5}.c-header__search-submit{flex:0 0 auto;padding:0;border:0;background:none;cursor:pointer;font-family:var(--c-font-heading);font-size:var(--fs-ui);font-weight:var(--heading-font-weight);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase;color:inherit}@media screen and (pointer:fine){.c-header__link:hover,.c-header__overlay-link:hover,.c-header__sublink:hover{opacity:.6;translate:0 calc(var(--c-lift) * -1)}.c-header__sublink--deep:hover{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-header.css.map */