header{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:var(--z-header)}header-bar{display:block;position:sticky;top:0;pointer-events:none}header-bar.header--hidden .header-bar--menu-toggle{transform:translate(-50%) translateY(-200%)}header-bar.header--hidden .header-bar--utility{transform:translateY(-200%)}.header-bar--overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--color-black) 40%,transparent);transition:opacity var(--transition-duration) var(--transition-ease-cubic);z-index:1}.header-bar--inner{--vertical-padding: 1.25rem ;position:relative;display:flex;align-items:flex-start;height:calc(var(--btn-height) + var(--vertical-padding) * 2);gap:1.25rem;padding:var(--vertical-padding) 0 var(--vertical-padding) 3.9375rem}.header-bar--logo{position:absolute;top:var(--vertical-padding);left:0;display:flex;align-items:center;gap:1.25rem;pointer-events:auto;clip-path:inset(0 0 0 0);transition:clip-path var(--transition-duration) var(--transition-ease-cubic)}.header-bar--logo .marque{display:none;transition:width var(--transition-duration) var(--transition-ease)}.header-bar--menu-toggle{pointer-events:auto;position:absolute;top:var(--vertical-padding);left:50%;transform:translate(-50%);background-color:var(--color-white);border-radius:calc(var(--btn-height) / 2);border-color:transparent;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:width var(--transition-duration) var(--transition-ease-cubic),transform var(--transition-duration) var(--transition-ease-cubic),background-color var(--transition-duration) var(--transition-ease-cubic),border-color var(--transition-duration) var(--transition-ease-cubic),color var(--transition-duration) var(--transition-ease-cubic);z-index:2}.header-bar--menu-toggle .cta{display:none}.header-menu{position:absolute;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-ease-cubic);z-index:1;pointer-events:none}header-bar[menu-open=true] .header-menu{opacity:1;pointer-events:auto}.header-menu--inner{display:flex;height:100%;min-height:0;padding-bottom:3.125rem;overflow-y:scroll;overflow-x:clip}.header-menu--primary{height:auto;flex-shrink:0;overflow:auto}.header-menu--primary,.header-menu--primary-link,.header-menu--primary-sublink{display:flex;flex-direction:column;gap:1.875rem}.header-menu--primary-sublink{overflow:clip}.header-menu--primary-sublinks{padding-left:1.875rem}.header-menu--primary-subsublinks{display:flex;flex-direction:column;gap:.375rem}.header-menu--products{display:flex;flex-direction:column;gap:.625rem}.header-menu--product-content{display:flex;flex-direction:column}.header-menu--product-subtitle{color:var(--color-gray-dark)}.header-menu--utility{display:flex;flex-direction:column;gap:.5rem}.header-bar--utility{margin-left:auto;transition:transform var(--transition-duration) var(--transition-ease-cubic)}.header-bar--utility-links{display:none}.header-menu li,.header-menu--products h3,.header-menu--product-inner{opacity:0;transition:transform,opacity;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-ease-cubic);transition-delay:calc(calc(var(--index) * 25ms) + var(--animation-delay))}header-bar[menu-open=true] .header-menu li,header-bar[menu-open=true] .header-menu--products h3,header-bar[menu-open=true] .header-menu--product-inner{opacity:1;transform:translate(0)}@media(max-width:1023px){.header-bar--menu-toggle{width:calc(100% - 8rem);transition:width var(--transition-duration) var(--transition-ease-cubic),transform .6s ease-out,background-color var(--transition-duration) var(--transition-ease-cubic),border-color var(--transition-duration) var(--transition-ease-cubic),color var(--transition-duration) var(--transition-ease-cubic);will-change:transform}.header-bar--utility{transition:transform .6s ease-out;will-change:transform}.header-bar--logo{transition:clip-path var(--transition-duration) var(--transition-ease-cubic),transform .8s ease-out;will-change:transform}header-bar.header--logo-hidden .header-bar--logo{transform:translateY(calc(-100% - var(--vertical-padding)))}header-bar[menu-open=true] .header-bar--menu-toggle{width:5rem;background-color:transparent;border-color:var(--color-white)}.header-menu{--animation-delay: 0ms;top:calc(var(--margin-main) * -1);left:calc(var(--container-gutter) * -1);right:calc(var(--container-gutter) * -1);bottom:0;width:calc(100% + calc(var(--container-gutter) * 2));height:100dvh;padding-top:calc(var(--margin-main) + var(--btn-height) + calc(var(--vertical-padding) * 2));opacity:0;transition-property:opacity;background:var(--color-background)}header-bar.scrolled .header-menu{top:0}.header-menu--inner{flex-direction:column;gap:3.25rem;padding-top:.75rem;width:100%;padding-inline:24px}.header-menu--products-links{width:calc(100% + calc(var(--container-gutter) * 2));margin-left:calc(var(--container-gutter) * -1)!important}.header-menu--product{width:14.375rem!important}.header-menu--product-inner{display:flex;gap:.9375rem;padding:.9375rem;background:var(--color-white);border-radius:var(--radius-sm);overflow:hidden}.header-menu--product-image{width:25%;height:100%;flex-shrink:0}.header-menu--product-price{margin-top:auto}.header-menu li,.header-menu--products h3,.header-menu--product-inner{transform:translate(-.625rem)}}@media(min-width:1024px){.header-bar--overlay{display:block;opacity:0;pointer-events:none}header-bar[menu-open=true] .header-bar--overlay{opacity:1;pointer-events:auto}.header-bar--inner{transition:height var(--transition-duration) var(--transition-ease)}header-bar[menu-open=true] .header-bar--inner{height:30.625rem;transition-delay:.3s}.header-bar--logo .marque,.header-bar--menu-toggle .cta{display:block}.header-bar--logo .marque{width:8.125rem;overflow:hidden}.header-bar--logo .marque svg{width:8.125rem;height:8.125rem}header-bar.scrolled .header-bar--logo .marque{width:0}.header-bar--menu-toggle{width:14.0625rem;height:calc(100% - var(--vertical-padding) * 2);padding:.8125rem 0;align-items:flex-start;transition:width var(--transition-duration) var(--transition-ease) .3s,transform var(--transition-duration) var(--transition-ease-cubic),background-color var(--transition-duration) var(--transition-ease-cubic),border-color var(--transition-duration) var(--transition-ease-cubic),color var(--transition-duration) var(--transition-ease-cubic)}header-bar[menu-open=true] .header-bar--menu-toggle{width:72%;background-color:#f3f2ee;transition-delay:0ms}.header-menu{--animation-delay: .3s;top:calc(var(--btn-height) + var(--vertical-padding));left:50%;right:unset;transform:translate(-50%);width:72%;height:calc(100% - calc(var(--btn-height) + calc(var(--vertical-padding) * 2)));transition:height var(--transition-duration) var(--transition-ease);overflow:hidden;z-index:2}.header-menu--inner{gap:.625rem;width:100%;padding:var(--container-gutter)}.header-menu--primary{width:36%}.header-menu--products,.header-menu--products-links{width:100%}.header-menu--products-links{height:100%;overflow:auto}.header-menu--products-links .swiper-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}.header-menu--product-inner{display:flex;flex-direction:column;gap:1.25rem;max-width:7.8125rem}.header-menu--product-image{aspect-ratio:5 / 7;padding-right:1.25rem}.header-menu--product-price,.header-menu--utility{display:none}.header-bar--utility{display:flex;align-items:center;gap:1.25rem}.header-bar--utility-links{display:flex;align-items:center;gap:1.875rem;height:var(--btn-height);padding:0 2.5rem;border-radius:var(--radius-full);background-color:var(--color-white);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);text-transform:uppercase;pointer-events:auto}}@media(min-width:1024px)and (hover:hover){.header-bar--utility-links a{transition:color var(--transition-duration) var(--transition-ease)}header-bar[menu-open=true] .header-bar--menu-toggle,.header-bar--menu-toggle:hover,.header-bar--utility-links a:hover{color:var(--color-gray-dark)}.header-menu--product{transition:opacity var(--transition-duration) var(--transition-ease)}.header-menu--product:hover{opacity:.6}.header-menu--primary-link>a,.header-menu--primary-sublink>a{display:block;transition:color var(--transition-duration) var(--transition-ease)}.header-menu--primary-link>a:hover,.header-menu--primary-sublink>a:hover{color:var(--color-gray-dark)}.header-menu--primary-subsublink a:hover{color:var(--color-gray-dark);transform:translate(5px)}.header-menu--primary-subsublink a{display:block;transition-property:color,transform;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-ease)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/header.css.map */