.header__icon--menu{position:initial}.header .menu-drawer>details>summary:before,.header .menu-drawer>details[open]:not(.menu-opening)>summary:before{content:"";position:absolute;cursor:default;width:var(--size-100-per-100);height:calc(100vh - 100%);height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));top:var(--size-100-per-100);left:0;background:var(--color-black);opacity:0;visibility:hidden;z-index:2;transition:opacity 0s,visibility 0s}.header .menu-drawer>details[open]>summary:before{visibility:visible;opacity:1;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.header .menu-drawer{background-color:var(--color-white);top:var(--size-100-per-100);height:var(--size-100-dvh);left:0;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0;position:absolute;visibility:hidden;width:var(--size-100-per-100);z-index:3}.header details[open]>.menu-drawer,.header details[open]>.menu-drawer__submenu{transition:transform var(--duration-default) ease,visibility var(--duration-default) ease}.header details[open].menu-opening>.menu-drawer,.header details[open].menu-opening>.menu-drawer__submenu{transform:translate(0);visibility:visible}.menu-drawer__navigation .submenu-open{visibility:hidden}@media screen and (min-width: 750px){.header .menu-drawer{border-width:0 var(--drawer-border-width) 0 0;border-style:solid;border-color:rgba(var(--color-foreground),var(--drawer-border-opacity));left:0;width:var(--size-100-per-100)}}.header .menu-drawer .menu-drawer__inner-container{position:relative;height:var(--size-100-per-100)}.header .menu-drawer .menu-drawer__navigation-container{display:grid;grid-template-rows:1fr auto;align-content:space-between;overflow-y:auto;height:var(--size-100-per-100)}.header .menu-drawer .menu-drawer__navigation{display:flex;flex-direction:column;height:calc(var(--size-100-dvh) - calc(var(--size-xs-xs) * 12));justify-content:start;padding:0;overflow-y:auto}.header .menu-drawer .menu-drawer__inner-submenu{height:var(--size-100-per-100);overflow-x:hidden;overflow-y:auto}.header .menu-drawer ul.menu-drawer__menu.list-menu{display:flex;flex-direction:column;gap:var(--space-s);height:auto;padding:var(--space-xs);margin:0;width:var(--size-100-per-100)}.header .menu-drawer .menu-drawer__menu details.second-level .menu-drawer__submenu{position:static;visibility:visible;transform:translate(0)}.header .menu-drawer .menu-drawer__menu details.second-level .menu-drawer__submenu,.header .menu-drawer .menu-drawer__menu details.second-level .menu-drawer__submenu .list-menu{background:transparent}.header .menu-drawer .menu-drawer__menu details.second-level summary svg{transform:rotate(var(--deg-90))}.header .menu-drawer .menu-drawer__menu details[open].second-level summary svg{transform:rotate(calc(var(--deg-90) * -1))}.header .menu-drawer .menu-drawer__menu details.second-level ul{padding:var(--space-s) var(--space-xs) var(--space-xxs)}.header .menu-drawer .menu-drawer__menu details.second-level ul .menu-drawer__menu-item{font-size:var(--typo-body-xs);font-weight:var(--font-weight-400)}.header .menu-drawer ul.menu-drawer__menu.list-menu ul{height:calc(var(--size-10-per-100) * 11)}.header .menu-drawer ul.menu-drawer__menu.list-menu li .list-menu__item.sale{color:var(--color-danger-4)}.header .menu-drawer ul.menu-drawer__menu.list-menu li .list-menu__item.lighter{font-size:var(--typo-body-xs);font-weight:var(--font-weight-400)}.header .menu-drawer ul.menu-drawer__menu li{width:var(--size-100-per-100)}.header .menu-drawer ul.menu-drawer__menu li.drawer-item-drops{border-bottom:1px solid var(--color-gray-2);border-top:1px solid var(--color-gray-2);padding:var(--space-xs) 0}.header .menu-drawer ul.menu-drawer__menu li:last-child{border-bottom:1px solid var(--color-gray-2);padding-bottom:var(--space-xs)}.header .menu-drawer .menu-drawer__menu-item{font-size:var(--typo-body-s);font-weight:var(--font-weight-400);text-decoration:none}.header .menu-drawer summary.menu-drawer__menu-item{align-items:center;display:flex;justify-content:space-between}.header .menu-drawer .menu-drawer__menu-item--active,.header .menu-drawer .menu-drawer__menu-item--active:hover,.header .menu-drawer .menu-drawer__menu-item:focus,.header .menu-drawer .menu-drawer__close-button:focus,.header .menu-drawer .menu-drawer__close-button:hover{color:var(--color-black);background-color:transparent}.header .menu-drawer .menu-drawer__menu-item .icon-caret{display:none}.header .menu-drawer .menu-drawer__menu-item>.icon-arrow{position:absolute;right:3rem;top:50%;transform:translateY(-50%)}.header .menu-drawer .menu-drawer__submenu{background-color:var(--color-white);position:absolute;top:0;width:var(--size-100-per-100);bottom:0;left:0;z-index:1;transform:translate(var(--size-100-per-100));visibility:hidden}.header .menu-drawer .menu-drawer__submenu .menu-drawer__submenu{overflow-y:auto}.header .menu-drawer .menu-drawer__close-button{align-items:center;background-color:transparent;display:flex;margin:0 var(--space-xs);padding:var(--space-s) 0;text-align:left;width:calc(var(--size-100-per-100) - var(--space-m))}.header .menu-drawer .menu-drawer__close-button .icon-container{align-items:center;display:flex;justify-content:center;margin-right:var(--space-xs)}.header .menu-drawer .menu-drawer__close-button p{font-family:var(--typo-heading-family);font-size:var(--typo-body-xs);font-weight:var(--font-weight-400);margin:var(--space-3xs) 0 0;text-transform:uppercase;letter-spacing:calc(var(--space-xs-xs) * .3)}.header .menu-drawer .menu-drawer__close-button .icon-arrow{transform:rotate(180deg);margin-right:1rem}.header .menu-drawer .menu-drawer__utility-links{padding:0;background-color:var(--color-black);position:relative}.header .menu-drawer .menu-drawer__account{display:inline-flex;align-items:center;text-decoration:none;padding:1rem 0;font-size:1.4rem;color:rgb(var(--color-foreground));margin-bottom:0}.header .menu-drawer .menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account{margin:0}@media screen and (max-width: 749px){.header .menu-drawer .menu-drawer.country-selector-open{transform:none!important;filter:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-menu-drawer.css.map */
