.open-main-menu .header__menu-button .drawer[open]{z-index:6}.drawer__outer-background{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:var(--color-modal-background);opacity:0;z-index:6;visibility:hidden}details[open].menu-opening .drawer__outer-background,.no-js details[open] .drawer__outer-background{visibility:visible;opacity:.3}details[open] .drawer__outer-background{transition:visibility var(--duration-medium) ease,opacity var(--duration-medium) ease}.menu-drawer{display:flex;flex-direction:column;position:fixed;width:calc(100% / 3);top:30px;left:30px;bottom:30px;background:var(--color-secondary-background);z-index:7;overflow-x:hidden;transform:translate(-120%);box-shadow:var(--shadow-hover);border-radius:var(--radius-always);border:var(--border-width) var(--border-style) var(--color-border-hover)}.menu-drawer a{text-decoration:none}details[open].menu-opening>.menu-drawer,.no-js details[open]>.menu-drawer,details[open].menu-opening>.menu-drawer__submenu,.no-js details[open]>.menu-drawer__submenu{transform:translate(0);visibility:visible}details[open]>.menu-drawer,details[open]>.menu-drawer__submenu{transition:transform var(--duration-medium) ease,visibility var(--duration-medium) ease}.menu-drawer__submenu{display:flex;flex-direction:column;position:absolute;width:100%;top:0;left:0;bottom:0;background:var(--color-secondary-background);z-index:1;transform:translate(100%);visibility:hidden}.no-js .menu-drawer__submenu{position:inherit}.no-js .menu-drawer__submenu .menu-drawer__submenu-content>*:first-child{display:none}.drawer__container{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative}.drawer__content{overflow-x:hidden;overflow-y:auto;height:100%}@media (min-width: 993px){.page-grid-header .drawer__content>*:not(:last-child){border-bottom:max(var(--border-width),1px) var(--border-style) var(--color-border-hover)}}@media (max-width: 992px){.page-grid-header .drawer__content>*:not(:last-child){border-bottom:max(var(--border-width),1px) var(--border-style) var(--color-border-hover)}}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px;background:var(--color-heading-background);border-bottom:max(var(--border-width),1px) var(--border-style) var(--color-border-hover)}.drawer__header>*{color:var(--color-heading)}.menu-drawer__close-button{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;border:none;box-shadow:none;background-color:transparent;padding:0;margin:0;text-decoration:none}.menu-drawer__close-button:before{content:"";display:block;position:absolute;width:44px;height:44px;background:#000;opacity:0}.menu-drawer__close-button svg.theme-icon path{fill:var(--color-heading-button)}@media (min-width: 993px){.menu-drawer__close-button:hover svg.theme-icon path{fill:var(--color-heading-text-button-hover)}}.drawer__announce-bar{padding:20px;border-top:max(var(--border-width),1px) var(--border-style) var(--color-border-hover);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px}.menu-drawer__menu-item--main{font-size:calc(24px * var(--font-heading-scale));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:130%}.menu-drawer__menu-item{--main-color:var(--color-link-text-button);--hover-color:var(--color-link-text-button-hover);--color-icons-hover:var(--color-link-text-button-hover);display:flex;align-items:center;padding:10px 20px;gap:10px;color:var(--main-color)}@media (min-width:993px){.menu-drawer__menu-item:not(.menu-drawer__menu-item--main){padding:5px 20px}.menu-drawer__menu-item.menu-drawer__menu-item--return{padding-bottom:15px}}.menu-drawer__menu-item svg.theme-icon path{fill:var(--main-color)}.menu-drawer__menu-item svg{flex:0 0 auto}.menu-drawer__menu-item svg:last-child:not(:first-child){margin-left:auto}.menu-drawer__navigation ul li:first-child>.menu-drawer__menu-item{padding-top:20px}.menu-drawer__navigation:not(:first-child) ul li:first-child .menu-drawer__menu-item{padding-top:20px}.menu-drawer__navigation ul>li:first-child .menu-drawer__menu-item--first-level{padding-top:20px}.menu-drawer__navigation ul li:last-child>.menu-drawer__menu-item{padding-bottom:20px}.drawer-menu-icon-image{flex:0 0 96px;border-radius:var(--radius-image-icon);border:var(--border-width) var(--border-style) var(--color-border);transition:border-color var(--duration-medium) var(--animation-bezier)}@media (max-width:576px){.drawer-menu-icon-image{flex:0 0 64px}}.header-tiles-mobile .drawer-menu-icon-image{border:none}.menu-drawer__menu-item .drawer-menu-icon-image:first-child,.menu-drawer__menu-item svg:first-child{margin-right:5px}.drawer__icon-account{padding:20px}.drawer__icon-account:only-child{margin-top:-20px}.menu-drawer__inner-submenu{height:100%;overflow-x:hidden;overflow-y:auto}.menu-drawer__back-button{width:100%}.menu-badge{display:flex;flex-direction:column;gap:5px}@media (min-width: 577px) and (max-width: 992px){.menu-drawer{top:20px;left:20px;bottom:20px;width:calc(100% - 40px)}}@media (max-width: 576px){.menu-drawer{top:10px;left:10px;bottom:10px;width:calc(100% - 20px)}}.menu-drawer__back-button.link:before{content:none}@media (min-width: 993px){.menu-drawer__menu-item:hover{color:var(--hover-color)}.menu-drawer__menu-item:hover svg.theme-icon path{fill:var(--color-icons-hover)}.menu-drawer__menu-item>span{transition:color var(--duration-medium) var(--animation-bezier)}.menu-drawer__menu-item:hover>span{color:var(--color-link-text-button-hover)}.menu-drawer__menu-item>span{position:relative}.menu-drawer__menu-item>span:before{content:"";position:absolute;width:0;height:var(--animation-underline-thin);left:0;top:100%;background:var(--color-link-text-button-hover);transition:width var(--duration-medium) var(--animation-bezier)}.menu-drawer__menu-item:hover>span:before{text-decoration:none;width:100%}.menu-drawer__menu-item:hover .drawer-menu-icon-image{border-color:var(--submenu_border_image_hover)}.drawer__icon-account{display:none}}@media (max-width:992px){.menu-drawer__menu-item:focus .drawer-menu-icon-image,.menu-drawer__menu-item:focus-visible .drawer-menu-icon-image{border-color:var(--color-border-hover)}}.menu-drawer__disable-hover-underline .menu-drawer__menu-item>span:before{content:none}.drawer__announce-bar{background:var(--color-drawer__announce-bar-bg)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-menu-drawer.css.map */