.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(--color-foreground),.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}.menu-drawer{--drawer-width: calc(100% - 48px) ;border-radius:12px;opacity:0;position:fixed;visibility:hidden;z-index:3;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:var(--drawer-width);height:calc(100vh - 48px);height:calc(100dvh - 48px);padding:0;background-color:rgba(var(--color-background),.6);border:1px solid rgb(var(--color-background));overflow-x:hidden;filter:drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity)))}@media screen and (min-width:750px){.menu-drawer{--drawer-width: 52rem}}@media screen and (min-width:750px){.menu-drawer{height:100vh;height:100dvh;inset:0 0 auto auto;padding:0;opacity:1;border-width:0 var(--drawer-border-width) 0 0;border-color:rgba(var(--color-foreground),var(--drawer-border-opacity));background-color:rgba(var(--color-background),1);transform:translate(100%)}}.js details[open]>.menu-drawer{transition:opacity var(--duration-default) ease,transform var(--duration-default) ease,visibility var(--duration-default) ease}.js details[open].menu-opening .menu-drawer-container__placeholder-banner{opacity:1}.js details[open].menu-opening>.menu-drawer{visibility:visible;opacity:1}@media screen and (min-width:750px){.js details[open].menu-opening>.menu-drawer{transform:translate(0)}}details[open].menu-opening>.menu-drawer__submenu{visibility:visible}.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:var(--header-bottom-position, 80px) 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.menu-drawer__menu-item{color:rgba(var(--color-foreground),.6);text-decoration:none;text-align:center;font-weight:400;transition:.15s color}.menu-drawer__menu-item:hover{color:rgba(var(--color-foreground),1)}.menu-drawer__close-button:focus,.menu-drawer__menu-item:hover,.menu-drawer__close-button:hover{color:rgba(var(--color-foreground),1);text-decoration:underline}.menu-drawer__menu-item--active{color:rgba(var(--color-foreground),1)}.menu-drawer__menu-item--active:hover{color:rgba(var(--color-foreground),1);text-decoration:underline}.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%)}.js .menu-drawer__submenu{visibility:hidden}.menu-drawer__submenu{display:flex;flex-direction:column}.menu-drawer__close-button{display:none}@media screen and (max-width:749px){.menu-drawer__close-button{position:absolute;inset:20px 20px auto auto;width:40px;height:40px;padding:8px;display:flex;align-items:center;background-color:transparent}}.menu-drawer__close-button .svg-wrapper{transform:rotate(180deg);width:15px}.menu-drawer__utility-links{padding:0;background-color:rgba(var(--color-foreground),.03);position:relative}.header--has-social .menu-drawer__utility-links{padding:2rem 3rem}@media screen and (max-width:749px){.header--has-account:where(:not(.header--has-social):not(.header--has-localizations)) .menu-drawer__utility-links{padding:2rem 3rem}}@media screen and (max-width:989px){.header--has-localizations:where(:not(.header--has-social)) .menu-drawer__utility-links{padding:2rem 3rem}}.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}.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}}.menu-drawer__menu{display:flex;flex-direction:column;gap:20px}.menu-drawer__menu .menu-drawer__menu--lvl-2{padding-top:28px;gap:8px}@media screen and (min-width:750px){.menu-drawer__menu{gap:28px}}.menu-drawer__details--lvl-1[open] summary.menu-drawer__menu-item--lvl-1{color:rgba(var(--color-foreground),1);text-decoration:underline}.menu-drawer__details--lvl-2[open] summary.menu-drawer__menu-item--lvl-2{color:rgba(var(--color-foreground),1);text-decoration:underline}.menu-drawer__menu-item--lvl-2:has(+.menu-drawer-flyout-menu:popover-open){color:rgba(var(--color-foreground),1);text-decoration:underline}.menu-drawer-flyout-menu__list{display:flex;flex-direction:column;gap:8px}.menu-drawer-flyout-menu{display:none}@media screen and (min-width:750px){.menu-drawer-flyout-menu{position:fixed;flex-direction:column;justify-content:end;inset:auto auto 0 0;max-height:100dvh;height:auto;max-width:calc(100% - var(--drawer-width));background-color:transparent;width:auto;margin:0;border:0;padding:var(--header-bottom-position, 80px) 20px var(--header-bottom-position, 80px) var(--container-padding-right-desktop);opacity:0;transition:opacity .15s ease,display .15s ease allow-discrete,overlay .15s ease allow-discrete}}.menu-drawer-flyout-menu:popover-open{display:none}@media screen and (min-width:750px){.menu-drawer-flyout-menu:popover-open{display:flex;opacity:1}@starting-style{.menu-drawer-flyout-menu:popover-open{opacity:0}}}.menu-drawer-flyout-menu .menu-drawer-flyout-menu__inner-content{display:flex;align-items:end;text-align:start;gap:20px}.menu-drawer-flyout-menu .menu-drawer-flyout-menu__link{display:block;text-align:left}.menu-drawer-flyout-menu .menu-drawer-flyout-menu__image{display:flex;width:200px;aspect-ratio:1 / 1}.menu-drawer-flyout-menu .menu-drawer-flyout-menu__image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-menu-drawer.css.map */