.menu-drawer,.menu-drawer *{-webkit-user-select:none;user-select:none}.header__icon--menu{position:initial}.header__icon--menu>span{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:30px;height:30px;transition:gap .2s ease}.header__icon--menu>span:before,.header__icon--menu>span:after{content:"";display:block;width:30px;height:2px;background:#000;transition:transform .2s ease}details[open].menu-opening>.header__icon--menu>span{gap:0}details[open].menu-opening>.header__icon--menu>span:before{transform:rotate(45deg)}details[open].menu-opening>.header__icon--menu>span:after{transform:rotate(-45deg)}.menu-drawer{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;transform:translate(-100%);visibility:hidden;z-index:100;padding:0;background-color:rgb(var(--color-background));overflow-x:hidden;display:flex;flex-direction:column}.js details[open]>.menu-drawer{transition:transform var(--duration-default) ease,visibility var(--duration-default) ease}.js details[open].menu-opening>.menu-drawer{transform:translate(0);visibility:visible}.menu-drawer__panel-header{height:86px;border-bottom:1px solid #000;transition:height .2s ease;flex-shrink:0}body.scrolled-past-header .menu-drawer__panel-header{height:70px}.menu-drawer__panel-header-inner{max-width:1024px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 20px}@media screen and (min-width:1280px){.menu-drawer__panel-header-inner{padding:0}}.menu-drawer__panel-close{background:none;border:none;cursor:pointer;padding:0;width:30px;height:30px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-drawer__panel-close:before,.menu-drawer__panel-close:after{content:"";position:absolute;width:28px;height:2px;background:#000}.menu-drawer__panel-close:before{transform:rotate(45deg)}.menu-drawer__panel-close:after{transform:rotate(-45deg)}.menu-drawer__inner-container{flex:1;overflow-y:auto;display:flex;flex-direction:column}.menu-drawer__navigation-container{flex:1;display:flex;flex-direction:column;max-width:1024px;width:100%;margin:0 auto;padding:0 20px;position:relative;overflow-x:hidden}.menu-drawer__navigation{flex:1;padding:48px 0 24px}.menu-drawer__inner-submenu{height:100%;overflow-x:hidden;overflow-y:auto;padding:116px 0 24px}@media screen and (max-width:749px){.menu-drawer__inner-submenu{padding:0}}.js .menu-drawer__submenu{position:absolute;top:108px;width:100%;bottom:0;background-color:rgb(var(--color-background));z-index:1;transform:translate(100%);visibility:hidden;padding-bottom:40px}.js details[open]>.menu-drawer__submenu{transition:transform var(--duration-default) ease,visibility var(--duration-default) ease}.js details[open].menu-opening>.menu-drawer__submenu{transform:translate(0);visibility:visible}.js .menu-drawer__submenu .menu-drawer__submenu{overflow-y:auto}@media screen and (max-width:749px){.js .menu-drawer__submenu{transform:translate(-100%);opacity:0}.js details[open]>.menu-drawer__submenu{transition:transform var(--duration-default) ease,opacity var(--duration-default) ease,visibility var(--duration-default) ease}.js details[open].menu-opening>.menu-drawer__submenu{transform:translate(0);opacity:1;visibility:visible}.js details[open]:not(.menu-opening)>.menu-drawer__submenu{transform:translate(-100%);opacity:0;visibility:hidden}}.js .menu-drawer__menu li{margin-bottom:.2rem}.menu-drawer__menu-item{padding:0;text-decoration:none;font-size:32px}.menu-drawer summary.menu-drawer__menu-item{padding-right:0}.menu-drawer__menu-item--active,.menu-drawer__menu-item:focus,.menu-drawer__close-button:focus,.menu-drawer__menu-item:hover,.menu-drawer__close-button:hover{color:rgb(var(--color-foreground));background-color:transparent}.js .menu-drawer__menu-item .icon-caret{display:none}.menu-drawer__inner-submenu .menu-drawer__menu-item{font-size:24px}.menu-drawer__menu-item>.svg-wrapper{width:28px;height:28px;position:static;display:inline-flex;align-items:center;vertical-align:middle;margin-left:4px}.menu-drawer__close-button{margin:0 0 24px;padding:0;text-decoration:none;display:flex;align-items:center;font-size:32px;line-height:1.3;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:8px;margin-top:6px;width:28px;height:28px}.menu-drawer__utility-links{padding:0;background-color:transparent}.header--has-social .menu-drawer__utility-links{padding:24px 0 48px}@media screen and (max-width:749px){.header--has-account:where(:not(.header--has-social):not(.header--has-localizations)) .menu-drawer__utility-links{padding:2rem 0}}.menu-drawer__account{display:block;padding:24px 0;margin-bottom:0;text-decoration:none;color:rgb(var(--color-foreground))}.menu-drawer__account account-icon>.svg-wrapper{height:24px;width:24px;margin-right:1rem}.menu-drawer__account shop-user-avatar{--shop-avatar-size: 2.4rem;margin-right:.55rem;margin-left:-.45rem}.menu-drawer__account-link{font-size:20px;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.2em}.menu-drawer__account-link--secondary{font-size:16px;text-decoration:underline;text-underline-offset:.2em;color:rgba(var(--color-foreground),.6)}.menu-drawer__account-sep{font-size:16px;color:rgba(var(--color-foreground),.6)}.menu-drawer .list-social{justify-content:flex-start;gap:12px}.menu-drawer .list-social:empty{display:none}.menu-drawer .list-social__link{padding:0}@media screen and (max-width:749px){.menu-drawer.country-selector-open{transform:none!important;filter:none!important;transition:none!important}}@keyframes submenuSlideIn{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@media screen and (min-width:1024px){.menu-drawer__navigation{width:50%}.js .menu-drawer__submenu{position:fixed;left:40%;right:calc((100vw - 1024px)/2);top:86px;bottom:0;width:auto;background-color:rgb(var(--color-background));overflow-y:auto;opacity:0;visibility:hidden;transform:translate(-40px)}.js details[open]>.menu-drawer__submenu{transition:opacity .3s ease,visibility .3s ease,transform .3s ease}body.scrolled-past-header .js .menu-drawer__submenu{top:70px}.js details[open].menu-opening>.menu-drawer__submenu{animation:submenuSlideIn .45s ease forwards;visibility:visible;transition:none}.menu-drawer__close-button{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-menu-drawer.css.map */