@layer components{body.bg-secondary header{--color-white: #f8f8f8}body.bg-secondary header.menu-is-open{--color-white: #ffffff}body.bg-secondary header:has(.header__section--bottom.is-open){--color-white: #ffffff}.menu__level-1--mobile{display:grid;font-family:Diptyque Saint Germain;font-size:16px;font-weight:400;line-height:18px;letter-spacing:0}.menu__level-1--desktop{display:none}header{--move-to: 0;position:sticky;left:0;top:0;height:100%;pointer-events:none;transition:transform .3s cubic-bezier(.48,-.01,.34,.99),top .3s cubic-bezier(.48,-.01,.34,.99),background-color .3s cubic-bezier(.48,-.01,.34,.99);z-index:10;margin:0 auto;width:100%}header:has(.header--grid){position:absolute;top:unset}.header-relative{position:relative;pointer-events:none;height:100%}.header-inside{padding-block:calc(var(--spacing) * 8);padding-inline:calc(var(--spacing) * 8);position:sticky;top:0;background-color:var(--color-white);transition:transform .3s cubic-bezier(.48,-.01,.34,.99),background-color .3s cubic-bezier(.48,-.01,.34,.99);z-index:10;margin:0 auto;width:100%}header:has(.header--transparent){mix-blend-mode:difference}header:has(.header--transparent) .header-inside{background-color:transparent}header:has(.header--transparent) .header__logo svg{color:var(--color-white)}header:has(.header--transparent) .menu__item{color:var(--color-white)}header:has(.header__menu-toggle.is-open){mix-blend-mode:normal}header:has(.header__menu-toggle.is-open) .header-inside{background-color:var(--color-white)}@media screen and (max-width: 1024px){.body--product:has(.header--transparent) .header-inside a,.body--product:has(.header--transparent) .header__logo svg,.body--product:has(.header--transparent) .menu__item,.body--product:has(.header--transparent) .header__actions svg,.body--product:has(.header--transparent) .header__search-button svg,.body--product:has(.header--transparent) .header__menu-toggle svg{color:var(--color-black)}.body--product:has(.header--transparent) .header--reverse .main-product__image-container:not(.custom-container) img,.body--product:has(.header--transparent) .header--reverse .main-product__image-container.container-black img,.body--product:has(.header--transparent) .header--reverse .main-product__image-container:not(.custom-container) video,.body--product:has(.header--transparent) .header--reverse .main-product__image-container.container-black video{background-color:var(--color-white)}.body--product:has(.header--transparent) .header--reverse .header-inside a,.body--product:has(.header--transparent) .header--reverse .header__logo svg,.body--product:has(.header--transparent) .header--reverse .menu__item,.body--product:has(.header--transparent) .header--reverse .header__actions svg,.body--product:has(.header--transparent) .header--reverse .header__search-button svg,.body--product:has(.header--transparent) .header--reverse .header__menu-toggle svg{color:var(--color-white)}}header:has(.header__menu-toggle.is-open) .header__logo svg{color:var(--color-black)}header:has(.header__menu-toggle.is-open) .menu__item{color:var(--color-black)}header:has(.header--transparent) .header__actions svg,header:has(.header--transparent) .header__search-button svg,header:has(.header--transparent) .header__menu-toggle svg{color:var(--color-white)}header:has(.header__menu-toggle.is-open) .header__actions svg,header:has(.header__menu-toggle.is-open) .header__search-button svg,header:has(.header__menu-toggle.is-open) .header__menu-toggle svg{color:var(--color-black)}.header__menu-toggle{display:grid}.header__menu-toggle .icon-cross{opacity:0}.header__menu-toggle .icon-cross,.header__menu-toggle .icon-menu{grid-column:1/-1;grid-row:1/-1;transition:opacity .3s cubic-bezier(.48,-.01,.34,.99)}.header__menu-toggle.is-open .icon-menu{opacity:0}.header__menu-toggle.is-open .icon-cross{opacity:1}.menu__level-1-container{position:relative;top:unset;background-color:var(--color-white);z-index:10}.container-menu-level-1{display:flex;justify-content:space-between;background-color:var(--color-white);align-items:center;transform:translate(100px);opacity:0;z-index:2;transition:all .3s cubic-bezier(.48,-.01,.34,.99) .1s}.container-menu-level-1 .menu-level-1_label-mobile{padding-top:calc(var(--spacing) * 16);padding-bottom:calc(var(--spacing) * 8)}header.is-scroll-down .header-inside{transform:translateY(-100%)}header.menu-is-open{transform:translateY(calc(var(--move-to) * -1));transition:transform .3s cubic-bezier(.48,-.01,.34,.99)}.header__logo{pointer-events:auto}.header__logo svg{width:calc(var(--spacing) * 52);aspect-ratio:104 / 32;color:var(--color-black)}.header__controls{display:flex;align-items:center;column-gap:calc(var(--spacing) * 8);pointer-events:auto}.header__section--top{display:flex;justify-content:space-between;align-items:center;z-index:11;pointer-events:none}.header__actions{display:flex;align-items:center;column-gap:calc(var(--spacing) * 8);pointer-events:auto}.header__action-link--cart{display:grid}.header__action-link--cart svg,.header__action-link--cart .header__action-link--cart-count{grid-column:1/-1;grid-row:1/-1;justify-self:center;align-self:center}.header__action-link--cart-count{font-size:10px;font-weight:600;-webkit-user-select:none;user-select:none;padding-top:7px}.header__section--bottom{display:block;box-sizing:border-box;position:absolute;top:64px;overflow-y:scroll;left:0;background-color:var(--color-white);width:100%;height:calc(100svh - 64px);z-index:10;padding:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 50);clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:padding .3s .6s cubic-bezier(.48,-.01,.34,.99),clip-path .9s cubic-bezier(.48,-.01,.34,.99),opacity .3s .6s cubic-bezier(.48,-.01,.34,.99),background-color .3s cubic-bezier(.48,-.01,.34,.99);pointer-events:none}.header__section--bottom.is-open{opacity:1;pointer-events:auto;padding-bottom:0;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);transition:padding .3s cubic-bezier(.48,-.01,.34,.99),clip-path .9s cubic-bezier(.48,-.01,.34,.99),opacity .3s cubic-bezier(.48,-.01,.34,.99)}.mobile-search-bar{position:relative;inline-size:100%;cursor:pointer}@media (width >= 64rem){.mobile-search-bar{display:none}}.mobile-search-bar svg{position:absolute;block-size:3rem;inline-size:1.25rem;inset-block-start:0rem;inset-inline-start:.75rem;pointer-events:none}.mobile-search-bar input{display:grid;min-block-size:3rem;inline-size:100%;margin-block-end:1rem;padding-inline:2.75rem .75rem;column-gap:calc(var(--spacing) * 5);font-family:Apercu Pro,sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.1px;background-color:transparent;border:.0625rem solid var(--Gris-Nacre, #e6e5e5);border-radius:.125rem;-webkit-appearance:none;appearance:none;pointer-events:none}.menu__level-1-arrow{width:100%;display:flex;justify-content:space-between}.menu__level-1,.menu__level-1-arrow,slide-push-mobile{pointer-events:none;transition:all .3s cubic-bezier(.48,-.01,.34,.99)}.menu__level-1{--title-menu: var(--color-black);color:var(--title-menu);font-weight:300}.header__section--bottom.is-open .menu__level-1,.header__section--bottom.is-open .menu__level-1-arrow,.header__section--bottom.is-open slide-push-mobile{pointer-events:auto}.header__section--bottom:has(.menu__submenu.is-open){overflow:hidden}.header__section--bottom:has(.menu__submenu.is-open) .menu__level-1,.header__section--bottom:has(.menu__submenu.is-open) .menu__level-1-arrow,.header__section--bottom:has(.menu__submenu.is-open) slide-push-mobile{transform:translate(-100px);opacity:0;pointer-events:none}.menu__item{padding:calc(var(--spacing) * 8) 0;display:flex;align-items:center;column-gap:calc(var(--spacing) * 8);justify-content:space-between;font-family:Diptyque Saint Germain;font-size:16px;font-weight:400;line-height:18px;letter-spacing:0}.menu__item--submenu{width:100%;background-color:var(--color-white);justify-content:flex-start;position:sticky;top:0}.menu__level-1-container .menu__level-1-label--mobile{margin:0}.menu__item--submenu.w-fit{width:fit-content}.menu__item-arrow svg{width:calc(var(--spacing) * 10)}.menu__submenu{position:fixed;overflow:scroll;transition:all .3s cubic-bezier(.48,-.01,.34,.99);opacity:0;pointer-events:none;top:68px;left:0;background-color:var(--color-white);width:100%;max-height:calc(100vh - 114px);height:max-content;padding:calc(var(--spacing) * 8);display:grid;padding:var(--spacings-small-xl, 16px);padding-top:0}.menu__submenu-content{display:grid;row-gap:calc(var(--spacing) * 12)}.menu__level-1-container{display:flex;width:100%;align-items:center;padding-top:calc(var(--spacing) * 16);padding-top:var(--spacings-small-xl);justify-content:space-between}.menu__submenu.is-open{opacity:1;pointer-events:auto;visibility:visible}.menu__submenu.is-open .list-menu,.menu__submenu.is-open .push-menu,.header__section--bottom:has(.menu__submenu.is-open) .menu__level-1-container{transform:translate(0);opacity:1;transition:all .3s cubic-bezier(.48,-.01,.34,.99) 0s}.push-menu__link{margin:0;padding-top:var(--spacings-small-l);width:fit-content;justify-self:center}.list-menu{display:grid;row-gap:calc(var(--spacing) * 12);padding-top:calc(var(--spacing) * 8)}.list-menu__header{display:flex;justify-content:space-between;align-items:center}.list-menu__header .button-primary--link{margin:0}.list-menu__items{display:grid;row-gap:calc(var(--spacing) * 10)}.list-menu__items--heavy{row-gap:0}.list-menu__item{color:var(--color-content-secondary);font-family:Apercu Pro;font-size:14px;font-weight:300;line-height:16px;letter-spacing:0;display:grid;row-gap:calc(var(--spacing))}.list-menu__item--link-desktop{display:none}.list-menu__item.font-heavy{color:var(--color-black);font-family:Diptyque Saint Germain;font-size:16px;font-weight:400;line-height:18px;letter-spacing:0;padding-block:calc(var(--spacing) * 8)}.push-menu{display:grid;gap:var(--spacings-small-xl, 8px);padding-top:var(--spacings-small-xl, 16px)}.push-menu,.list-menu{transform:translate(100px);opacity:0;transition:all .3s cubic-bezier(.48,-.01,.34,.99) .1s}.push-menu__image-link img{aspect-ratio:4 / 3;height:100%}.push-menu__content{display:grid;text-align:center;row-gap:calc(var(--spacing) * 4);padding:0 var(--spacings-small-xl, 16px) var(--spacings-small-xl, 16px) var(--spacings-small-xl, 16px)}@media screen and (min-width: 1024px){.menu-dekstop-backdrop{visibility:hidden;opacity:0;position:fixed;pointer-events:none;top:0;left:0;width:100%;height:100%;z-index:5;background-color:#00000080}.menu__level-1--mobile{display:none}.menu__level-1--desktop{display:grid}header:has(.menu__item:hover),header:has(.menu__item:focus-within){mix-blend-mode:normal}:is(header:has(.menu__item:hover),header:has(.menu__item:focus-within)) .header-inside{background-color:var(--color-white)}header.is-scroll-down .header-inside{transform:translateY(-100%);transition:.15s .2s cubic-bezier(.48,-.01,.34,.99)}header.is-scroll-down:has(.menu__item:hover),header.is-scroll-down:has(.menu__item:focus-within){mix-blend-mode:normal}:is(header.is-scroll-down:has(.menu__item:hover),header.is-scroll-down:has(.menu__item:focus-within)) .header-inside{transform:translateY(-80%)}.header-inside:has(.header--transparent) .menu__item:hover,.header-inside:has(.header--transparent) .menu__item:focus-within{color:var(--color-black)}.header-inside:has(.menu__item:hover) .header__actions svg,.header-inside:has(.menu__item:hover) .header__search-button svg,.header-inside:has(.menu__item:hover) .header__logo svg,.header-inside:has(.menu__item:focus-within) .header__actions svg,.header-inside:has(.menu__item:focus-within) .header__search-button svg,.header-inside:has(.menu__item:focus-within) .header__logo svg{color:var(--color-black)}body:has(.menu__item:hover) .menu-dekstop-backdrop,body:has(.menu__item:focus-within) .menu-dekstop-backdrop{visibility:visible;opacity:1;transition:all .3s cubic-bezier(.48,-.01,.34,.99)}.menu__level-1-container .menu__level-1-label--mobile{display:none}.menu__level-1-container{position:relative;top:unset;padding:0}header{display:grid;pointer-events:none;z-index:6;position:sticky;top:-56px;transition:transform .3s cubic-bezier(.48,-.01,.34,.99)}header:has(.header--grid){position:absolute;top:unset}.header-relative{position:relative;pointer-events:none}.header-inside{position:sticky;display:grid;grid-template:.5fr 1fr / 1fr;align-items:flex-start;top:-56px;transition:.15s cubic-bezier(.48,-.01,.34,.99);height:fit-content;padding-block:0;pointer-events:none;padding-bottom:calc(var(--spacing) * 0);padding-top:calc(var(--spacing) * 12);padding-inline:calc(var(--spacing) * 16);background-color:var(--color-white)}.header__menu-toggle{display:none}.header__section--top{grid-row:1/-1;grid-column:1/-1;position:relative;align-self:flex-start;height:100%;align-items:flex-start;z-index:11;pointer-events:none;max-width:var(--max-width);margin:0 auto;width:100%}.header__controls{position:sticky;top:18px;padding-bottom:0;pointer-events:auto}.header__actions{position:sticky;top:18px;pointer-events:auto}.menu__level-1,.menu__level-1-arrow{transform:translate(0);opacity:1;pointer-events:auto;transition:all .3s cubic-bezier(.48,-.01,.34,.99)}.push-menu,.list-menu{transform:translate(0);opacity:1;transition:all .3s cubic-bezier(.48,-.01,.34,.99) .1s}.header__section--bottom{overflow:visible;grid-row:2 / -1;grid-column:1 / -1;display:flex;box-sizing:border-box;position:sticky;justify-content:center;align-items:center;opacity:1;clip-path:unset;top:0;left:0;background-color:transparent;width:100%;height:auto;z-index:10;padding:0;transition:all .3s cubic-bezier(.48,-.01,.34,.99);pointer-events:auto;visibility:visible}.menu__item-arrow{display:none}t-menu:has(.menu__item.is-first) .menu__submenu{transition:clip-path .9s cubic-bezier(.48,-.01,.34,.99),opacity .3s cubic-bezier(.48,-.01,.34,.99)}.menu__submenu{position:absolute;overflow:visible;transition:all 0s cubic-bezier(.48,-.01,.34,.99);opacity:0;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 0,0 0);top:100%;left:-32px;background-color:var(--color-white);width:calc(100% + 64px);max-height:auto;height:max-content;display:grid;padding:var(--spacings-medium-l, 40px) var(--spacings-small-m)}.list-menu__header a{display:none}.list-menu .links{padding-top:calc(var(--spacing) * 4)}.list-menu__item--link-desktop{display:grid;margin:0;width:fit-content;padding-top:8px}.list-menu__items{row-gap:calc(var(--spacing) * 10)}.list-menu__item.font-heavy{padding:0}.menu__item{padding:0;cursor:pointer;padding-block-start:calc(var(--spacing) * 10);padding-block-end:calc(var(--spacing) * 12);padding-inline:calc(var(--spacing) * 6);transition:all 0s cubic-bezier(.48,-.01,.34,.99);font-family:Apercu Pro;font-size:16px;font-weight:400;line-height:20px;letter-spacing:0}.menu__item:hover .menu__submenu,.menu__item:focus-within .menu__submenu{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);pointer-events:auto}.header__section--bottom:has(.menu__item:hover) .menu__item:not(:hover) .menu__level-1,.header__section--bottom:has(.menu__item:focus-within) .menu__item:not(:focus-within) .menu__level-1{opacity:.7}.menu__item--submenu{display:none}.menu__submenu-content{display:flex;justify-content:center;column-gap:calc(var(--spacing) * 8)}.list-menu{padding-top:0;padding-right:var(--spacings-small-xl, 16px)}.push-menu{padding-top:0}.block-push-menu{width:100%;max-width:calc(var(--spacing) * 137)}.block-list-menu{max-width:calc(var(--spacing) * 100);width:100%}}.mobile-menu-link{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding-block-end:1rem}@media (width >= 64rem){.mobile-menu-link{display:none}}.mobile-menu-link svg{block-size:1rem;inline-size:1rem}}.header-inside [data-btn-toogle-search]{transition:.2s ease-out}.header-inside:has(.header__section--bottom.is-open) [data-btn-toogle-search]{opacity:0;pointer-events:none}header.header--transition{mix-blend-mode:normal}header.header--transition .header-inside{background-color:var(--color-white)}header.header--transition a,header.header--transition .header__logo svg,header.header--transition .menu__item,header.header--transition .header__actions svg,header.header--transition .header__search-button svg,header.header--transition .header__menu-toggle svg{color:var(--color-black)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/header.css.map */