.header__icon--menu{position:initial}details>summary{z-index:1}.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 - var(--bannerHeight));top:100%;left:0;background:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden;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}.menu-drawer{position:absolute;pointer-events:none;opacity:0;left:0;top:0;width:100%;padding:0}.js .menu-drawer{height:calc(100vh - var(--bannerHeight))}.menu-drawer__bg{opacity:0;transition:opacity .35s ease;position:absolute;top:0;left:0;z-index:-1;height:calc(100vh - var(--bannerHeight));width:100%;display:block!important;pointer-events:none;padding:0}.menu-drawer__bg:after{content:"";display:block;width:100%;height:100%;padding:0;background:transparent;border-radius:0;transition:all .35s ease}.menu-open .menu-drawer__bg{opacity:1;padding:var(--margin)}.menu-open .menu-drawer__bg:after{padding:var(--margin);background:var(--color-grey);border-radius:var(--radius-small)}.js details[open]>.menu-drawer,.js details[open]>.menu-drawer__submenu{transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.js details[open].menu-opening>.menu-drawer,details[open].menu-opening>.menu-drawer__submenu{visibility:visible;opacity:1;pointer-events:unset}.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{padding-top:calc(var(--navHeight) + var(--margin))}.menu-drawer__inner-submenu{height:100%;overflow-x:hidden;overflow-y:auto}.menu-drawer__menu.has-submenu{margin-top:calc(var(--margin) * 1.5);padding-bottom:calc(var(--margin) * 1.5)}.menu-drawer__menu.has-submenu:before{content:"";display:block;border-top:1px solid var(--color-black10);padding-bottom:calc(var(--margin) * 2);width:calc(100% - var(--margin) * 6);margin:0 auto}.menu-drawer__menu.has-submenu:after{content:"";display:block;border-bottom:1px solid var(--color-black10);padding-top:calc(var(--margin) * 2);width:calc(100% - var(--margin) * 6);margin:0 auto}.js .menu-drawer__menu li{margin-bottom:.2rem}.menu-drawer__submenu .menu-drawer__menu{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 calc(var(--margin) * 3);margin-top:var(--margin);margin-bottom:calc(var(--margin) * 2)}.menu-drawer__menu-item:not(.menu-drawer__submenu .menu-drawer__menu-item){padding:.5rem calc(var(--margin) * 3);text-decoration:none}.menu-drawer summary.menu-drawer__menu-item{padding-right:5.2rem}.menu-drawer__menu-item--active:hover{background-color:rgba(var(--color-foreground),.08)}.js .menu-drawer__menu-item .icon-caret{display:none}.menu-drawer__menu-item>.svg-wrapper{width:15px;position:absolute;right:3rem;top:50%;transform:translateY(-50%)}.menu-drawer__close-button{margin-top:1.5rem;padding:1.2rem 2.6rem 1.2rem 3rem;text-decoration:none;display:flex;align-items:center;font-size:1.4rem;width:100%;background-color:transparent;font-family:var(--font-body-family);font-style:var(--font-body-style);text-align:left}.menu-drawer__close-button .svg-wrapper{transform:rotate(180deg);margin-right:1rem;width:15px}.menu-drawer__utility-links{padding:0;position:relative;width:calc(100% - var(--margin) * 6);margin:0 auto}.menu-drawer__socials{display:flex;gap:.5rem;justify-content:center;margin-top:calc(var(--margin) * 2)}.menu-drawer__socials~.b2{text-align:center;color:var(--color-darkGrey)}.header--has-social .menu-drawer__utility-links{padding:2rem 3rem}.menu-drawer__utility-links{color:var(--color-white)}.menu-drawer__account{display:inline-flex;align-items:center;text-decoration:none;margin-bottom:0}.menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account{margin:0}.menu-drawer__account account-icon>.svg-wrapper{height:2rem;width:2rem;margin-right:1rem}.menu-drawer__account shop-user-avatar{--shop-avatar-size: 2.4rem;margin-right:.55rem;margin-left:-.45rem}.menu-drawer__account:hover account-icon>.svg-wrapper{transform:scale(1.07)}.menu-drawer .list-social{justify-content:flex-start;margin-left:-1.25rem}.menu-drawer .list-social:empty{display:none}.menu-drawer .list-social__link{padding:1.1rem}@media screen and (max-width: 749px){.menu-drawer.country-selector-open{transform:none!important;filter:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-menu-drawer.css.map */