dialog::backdrop{background:rgba(var(--cd__fill-1),.5)}.header__icon--menu{position:initial}.js menu-drawer>details>summary:before,.js menu-drawer>details[open]:not(.menu-opening)>summary:before{content:"";position:absolute;cursor:default;width:100%;height:calc(100vh - 100%);height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));top:100%;left:0;background:rgba(var(--cd__fill-1),.5);opacity:0;visibility:hidden;z-index:2;transition:opacity 0s,visibility 0s}menu-drawer>details[open]>summary:before{visibility:visible;opacity:1;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}dialog.menu-drawer{position:absolute;transform:translate(-100%);opacity:0;z-index:3;left:0;top:100%;width:100%;height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));margin:0;padding:0;background-color:var(--cl__fill-1);transition:transform var(--duration-default) ease,opacity var(--duration-default) ease;border:none}dialog[open].menu-drawer{transform:translate(0);opacity:1}dialog[open].menu-drawer{transform:translate(-100%);opacity:1;visibility:visible}dialog[open].menu-drawer.menu-drawer--open{transform:translate(0);transition:transform var(--duration-default) ease,opacity var(--duration-default) ease}.header__icon-close-menu{position:absolute;top:-12px;transform:translateY(-100%);left:var(--side-padding);display:flex;background:var(--cl__fill-1)}.js details[open]>.menu-drawer__submenu{transition:transform var(--duration-default) ease,visibility var(--duration-default) ease}.no-js details[open]>.menu-drawer,.js details[open].menu-opening>.menu-drawer,details[open].menu-opening>.menu-drawer__submenu{transform:translate(0);visibility:visible}.js .menu-drawer__navigation .submenu-open{visibility:hidden}@media screen and (min-width: 750px){.menu-drawer{width:25rem;border-width:0 var(--drawer-border-width) 0 0;border-style:solid;border-color:var(--c__grey-20);border-top:none}.menu-drawer .menu-drawer__navigation{border-top-color:var(--c__grey-20)}.no-js .menu-drawer{height:auto}}.menu-drawer__inner-container{position:relative;height:100%}.menu-drawer__navigation-container{display:grid;grid-template-rows:1fr auto;align-content:space-between;overflow-y:auto;height:100%}.menu-drawer__navigation{border-top:1px solid var(--c__grey-30)}.menu-drawer__inner-submenu{height:100%;overflow-x:hidden;overflow-y:auto}.no-js .menu-drawer__navigation{padding:0}.no-js .menu-drawer__navigation>ul>li{border-bottom:.06rem solid rgba(var(--cl__high-contrast),.04)}.no-js .menu-drawer__submenu ul>li{border-top:.06rem solid rgba(var(--cl__high-contrast),.04)}.menu-drawer__menu>li{margin-bottom:0}.menu-drawer__menu .list-menu__item{font-size:.875rem;font-family:var(--font-body);font-weight:400;line-height:150%;letter-spacing:.01em;padding:16px calc(40px + var(--side-padding)) 16px var(--side-padding);border-bottom:1px solid var(--c__grey-30)}@media (min-width: 478px){.menu-drawer__menu .list-menu__item{font-size:1rem}}.menu-drawer__menu .menu-drawer__menu-item{font-weight:400;position:relative;width:100%}.menu-drawer__menu .menu-drawer__menu-item strong{font-weight:500}.menu-drawer__menu .menu-drawer__menu-item--product_link .menu-drawer__menu-item{padding:16px var(--side-padding) 16px 12px;display:flex;width:100%}.menu-drawer__menu .menu-drawer__menu-item--product_link .menu-drawer__menu-item-label{display:flex;flex-direction:column;flex-wrap:wrap;row-gap:0}@media (min-width: 375px){.menu-drawer__menu .menu-drawer__menu-item--product_link .menu-drawer__menu-item-label{flex-direction:row;align-items:center}}.menu-drawer__menu .menu-drawer__menu-item--product_link .menu-drawer__menu-item--product-no-image{padding-left:var(--side-padding)}.menu-drawer__menu .menu-drawer__menu-item--product_link img{grid-column:1/2;grid-row:1/3;width:32px;height:32px;margin-right:12px}.menu-drawer__menu--main .list-menu__item{background-color:var(--cl__fill-1)}.menu-drawer__menu--main summary.menu-drawer__menu-item{font-weight:500}.menu-drawer__menu--secondary .list-menu__item{background-color:var(--cl__fill-2)}.menu-drawer__menu-item{padding:.69rem 1.88rem;text-decoration:none;font-size:1.13rem}.no-js .menu-drawer__menu-item{font-size:1rem}.no-js .menu-drawer__submenu .menu-drawer__menu-item{padding:.75rem 3.25rem .75rem 3.75rem}.no-js .menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item{padding-left:5.63rem}.menu-drawer summary.menu-drawer__menu-item{padding-right:3.25rem}.menu-drawer__menu-item>.icon-arrow,.menu-drawer__menu-item>.icon-caret{position:absolute;right:var(--side-padding);top:50%;transform:translatey(-50%) rotate(-90deg);height:8px;width:auto}.js .menu-drawer__submenu{position:absolute;top:0;width:100%;bottom:0;left:0;background-color:var(--cl__fill-1);z-index:1;transform:translate(100%);visibility:hidden}.js .menu-drawer__submenu .menu-drawer__submenu{overflow-y:auto}.menu-drawer__close-button{font-size:1rem;font-family:var(--font-body);font-weight:400;line-height:150%;letter-spacing:.01em;border-bottom:1px solid var(--c__grey-30);padding:16px calc(40px + var(--side-padding));width:100%;position:relative;background-color:var(--cl__fill-2);text-decoration:none;font-weight:500}.menu-drawer__close-button .icon-caret{position:absolute;top:50%;height:8px;width:auto;left:var(--side-padding);right:auto;transform:translatey(-50%) rotate(90deg)}.no-js .menu-drawer__close-button{display:none}.menu-drawer__close-button .icon-arrow{transform:rotate(180deg);margin-right:.63rem}.menu-drawer__utility-links{padding:1rem var(--side-padding);background-color:var(--cd__fill-1);color:var(--cd__high-contrast);position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px 28px;padding-right:140px}.menu-drawer__utility-links a:focus{outline:2px solid var(--cd__high-contrast);outline-offset:2px}.menu-drawer__account{font-size:.875rem;font-family:var(--font-body);font-weight:400;line-height:150%;letter-spacing:.01em;display:inline-flex;align-items:center;text-decoration:none;color:var(--cd__high-contrast);margin-bottom:0}.menu-drawer__account svg.icon-account{width:20px;height:32px}.menu-drawer__account svg.icon-account path{fill:var(--cd__high-contrast)}.menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account{margin:0}.menu-drawer__account .icon-account{height:1.25rem;width:1.25rem;margin-right:.63rem}.menu-drawer__account:hover .icon-account{transform:scale(1.07)}.menu-drawer .list-social{justify-content:flex-start}.menu-drawer .list-social:empty{display:none}.menu-drawer .list-social__link{color:var(--cd__high-contrast);padding:0}.menu-drawer .list-social__item{padding:0}.menu-drawer .list-social__item+.list-social__item{margin-left:32px}.menu-drawer .list-social__item .icon{height:32px;width:32px}#extole_zone_mobile_menu div{font-size:.875rem;font-family:var(--font-body);font-weight:400;line-height:150%;letter-spacing:.01em;padding:16px calc(40px + var(--side-padding)) 16px var(--side-padding);border-bottom:1px solid var(--c__grey-30);color:initial!important;margin-bottom:0!important}@media (min-width: 478px){#extole_zone_mobile_menu div{font-size:1rem}}#extole_zone_mobile_menu div a:hover{color:rgba(var(--color-foreground),.75)}
/*# sourceMappingURL=/cdn/shop/t/572/assets/component-menu-drawer.css.map */