.header__icon--menu{position:initial}@media screen and (min-width:750px){.header--desktop nav-menu+.header__drawer nav-drawer{display:none}}.menu-drawer-container .header__icon--summary{color:var(--color-foreground);display:flex;justify-content:center;align-items:center;padding-block:var(--fit-padding-lg);padding-inline:var(--fit-padding-xs)}@media screen and (max-width:749px){.menu-drawer-container .header__icon--summary{width:100%;box-sizing:border-box}}.header__icon--summary .nav-drawer-icon{margin:auto;width:var(--hamburger-icon-size, var(--icon-size-xs));height:var(--hamburger-icon-size, var(--icon-size-xs))}.header__drawer{display:flex;min-height:60px;align-items:center}@media screen and (min-width:750px){.header__drawer{min-height:0}}.header--compact .header__drawer{min-height:var(--minimum-touch-target)}.menu-drawer__navigation{padding:0}@media screen and (min-width:750px){.menu-drawer__navigation{margin-top:var(--drawer-header-desktop-top)}}details:not([open]) .header__icon--menu .nav-drawer-icon--close{display:none}@media screen and (min-width:750px){details[open] .header__icon--menu .nav-drawer-icon--close{display:none}}details[open] .header__icon--menu .nav-drawer-icon--open{display:none}@media screen and (min-width:750px){details[open] .header__icon--menu .nav-drawer-icon--open{display:flex}}.menu-drawer{position:fixed;transform:translate(-100%);visibility:hidden;height:var(--drawer-height);width:var(--drawer-width);max-width:var(--drawer-max-width);z-index:var(--layer-menu-drawer);left:0;top:0;padding:0;overflow:auto;display:flex;border:none;flex-direction:column}@media screen and (min-width:750px){.menu-drawer{width:25rem}}.header__drawer--desktop .menu-drawer{height:100vh}.menu-drawer:not(.fit-header-surface-placement--interactive){border-right:var(--fit-border-drawer);box-shadow:var(--shadow-drawer)}.menu-drawer:has(.menu-drawer__menu-container[open]){overflow:initial}.menu-drawer__backdrop{position:fixed;top:0;left:0;width:100vw;height:100dvh;-webkit-backdrop-filter:var(--backdrop-filter) brightness(var(--backdrop-brightness));backdrop-filter:var(--backdrop-filter) brightness(var(--backdrop-brightness));background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity));z-index:var(--layer-heightened);opacity:0;transition:opacity var(--drawer-animation-speed) ease,-webkit-backdrop-filter var(--drawer-animation-speed) ease,backdrop-filter var(--drawer-animation-speed) ease,background var(--drawer-animation-speed) ease}.menu-open .menu-drawer__backdrop{opacity:1}.menu-drawer,details[open]>.menu-drawer__submenu{transition:transform var(--drawer-animation-speed) ease,visibility var(--drawer-animation-speed) ease,opacity var(--drawer-animation-speed) ease}.menu-open>.menu-drawer,.menu-open>.menu-drawer__submenu:not(.menu-drawer__menu--childlist){transform:translate(0);visibility:visible;opacity:1;display:flex;flex-direction:column;will-change:transform}.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__inner-submenu{display:flex;flex-direction:column;height:100%;overflow-y:auto}@media screen and (min-width:750px){.menu-drawer__inner-submenu{margin-top:var(--drawer-header-desktop-top)}}.menu-drawer__nav-buttons{display:flex;justify-content:space-between;align-items:center}.menu-drawer__menu{--menu-drawer-inline-padding: calc(var(--fit-padding-sm) + 7px);list-style:none;padding-inline:var(--drawer-padding);margin-inline:0;margin-block-start:0}.menu-drawer__menu--childlist{flex-grow:1}.menu-drawer__menu.has-submenu,.menu-drawer__menu--childlist:not(:has(.menu-drawer__animated-element)){margin-block-end:var(--fit-margin-xs)}@media screen and (min-width:750px){.menu-drawer__menu.has-submenu,.menu-drawer__menu--childlist:not(:has(.menu-drawer__animated-element)){margin-block-end:2.5rem}}collapsible-group .menu-drawer__menu--childlist,collapsible-group .menu-drawer__menu--grandchildlist,collapsible-group .menu-drawer__menu--childlist:not(:has(.menu-drawer__animated-element)),collapsible-group .menu-drawer__menu--grandchildlist:not(:has(.menu-drawer__animated-element)){margin-block-end:0}.menu-drawer__list-item--divider{border-block-end:1px solid var(--color-border)}.menu-drawer__list-item--deep:not(.menu-drawer__list-item--divider) .menu-drawer__menu{margin-block-start:-.3rem}.menu-drawer__list-item--flat.menu-drawer__list-item--divider .menu-drawer__menu{margin-block-start:-.4rem}.menu-drawer__menu>.menu-drawer__list-item{display:flex;min-height:calc(2 * var(--fit-padding-lg) + var(--icon-size-xs))}@media screen and (max-width:749px){.menu-drawer__menu>.menu-drawer__list-item{min-height:max(var(--minimum-touch-target, 44px),calc(2 * var(--fit-padding-lg) + var(--icon-size-xs)))}}.menu-drawer__list-item--deep .menu-drawer__list-item,.menu-drawer__list-item--flat .menu-drawer__list-item{min-height:auto}.menu-drawer__menu .menu-drawer__list-item--flat{display:flex;flex-direction:column;align-items:flex-start;margin-block-end:var(--fit-margin-md)}.menu-drawer__menu--childlist .menu-drawer__list-item--flat{margin-block-end:var(--fit-margin-sm)}@media screen and (min-width:750px){.menu-drawer__menu--childlist .menu-drawer__list-item--flat{margin-block-end:var(--fit-margin-lg)}}.menu-drawer__menu--childlist .menu-drawer__list-item--flat.menu-drawer__list-item--divider{margin-block-end:0}.menu-drawer__list-item--flat .menu-drawer__menu--grandchildlist{width:100%;padding-inline-start:0}.menu-drawer-container[open] .menu-drawer__animated-element{opacity:0;animation:menu-drawer-nav-open var(--drawer-animation-speed) ease-out forwards;animation-delay:var(--drawer-animation-speed)}.menu-drawer__menu details,.menu-drawer__menu-item,.menu-drawer__menu collapsible-group{width:100%}.menu-drawer__list-item--divider .menu-drawer__menu-item:not(.menu-drawer__menu-item--child){min-height:calc(2 * var(--fit-padding-lg) + var(--icon-size-xs))}.menu-drawer__menu-item--mainlist{min-height:calc(2 * var(--fit-padding-lg) + var(--icon-size-xs));font-family:var(--menu-top-level-font-family);font-style:var(--menu-top-level-font-style);font-weight:var(--menu-top-level-font-weight);font-size:var(--menu-top-level-font-size);line-height:var(--menu-top-level-font-line-height);text-transform:var(--menu-top-level-font-case);color:var(--menu-top-level-font-color);justify-content:space-between}.menu-drawer__menu-item--mainlist:hover{color:var(--menu-top-level-font-color)}.menu-drawer__menu-item--parent{font-family:var(--menu-parent-font-family);font-style:var(--menu-parent-font-style);font-weight:var(--menu-parent-font-weight);font-size:var(--menu-parent-font-size);line-height:var(--menu-parent-font-line-height);text-transform:var(--menu-parent-font-case);color:var(--menu-parent-font-color)}.menu-drawer__menu-item--parent:hover{color:var(--menu-parent-font-color)}.menu-drawer__menu-item--child{font-family:var(--menu-child-font-family);font-style:var(--menu-child-font-style);font-weight:var(--menu-child-font-weight);font-size:var(--menu-child-font-size);line-height:var(--menu-child-font-line-height);text-transform:var(--menu-child-font-case);color:var(--menu-child-font-color)}.menu-drawer__menu-item--child:hover{color:var(--menu-child-font-color)}.menu-drawer__menu--childlist summary.menu-drawer__menu-item{display:flex;width:100%;padding-inline-end:0}.menu-drawer__list-item--deep .menu-drawer__menu,.menu-drawer__menu--grandchildlist{padding-inline-start:0}.menu-drawer__list-item--deep .menu-drawer__menu{padding-block-end:.5rem}.menu-drawer__list-item--deep.menu-drawer__list-item--divider .menu-drawer__menu{padding-block-end:.3rem}.menu-drawer__list-item--flat.menu-drawer__list-item--divider .menu-drawer__menu--grandchildlist{padding-block-end:.5rem}.menu-drawer__menu-item{display:flex;padding:var(--fit-padding-2xs) 0;position:relative;text-decoration:none;justify-content:space-between;align-items:center}@media screen and (max-width:749px){.menu-drawer__menu-item{box-sizing:border-box;min-inline-size:var(--minimum-touch-target, 44px);min-block-size:var(--minimum-touch-target, 44px)}.menu-drawer__list-item--divider .menu-drawer__menu-item:not(.menu-drawer__menu-item--child),.menu-drawer__menu-item--mainlist{min-height:max(var(--minimum-touch-target, 44px),calc(2 * var(--fit-padding-lg) + var(--icon-size-xs)))}}.menu-drawer__close-button{position:relative;right:auto;top:auto;width:fit-content;height:fit-content;padding:var(--fit-padding-lg);will-change:transform}.menu-drawer__menu-item:focus-visible,.menu-drawer__close-button:focus-visible{outline:var(--focus-outline-width, 2px) solid currentcolor;outline-offset:var(--focus-outline-offset, 2px)}.menu-drawer__cta-button:focus-visible{outline-width:var(--focus-outline-width, 2px);outline-style:solid;outline-offset:var(--focus-outline-offset, 2px)}.menu-drawer__back-button{display:flex;width:100%;min-block-size:var(--minimum-touch-target, 44px);padding:var(--fit-padding-md) var(--fit-padding-xl);border:none;align-items:center;color:var(--color-foreground);background-color:transparent;text-align:left;text-decoration:none;white-space:nowrap;overflow-x:hidden;line-height:1.2;box-shadow:none}.menu-drawer__menu-item-text{overflow:hidden;text-overflow:ellipsis}@media(hover:hover){nav-drawer[data-hover-effect=underline] .menu-drawer__menu-item-text{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2em;transition:text-decoration-color .2s ease}nav-drawer[data-hover-effect=underline] .menu-drawer__menu-item:hover .menu-drawer__menu-item-text{text-decoration-color:currentColor}nav-drawer[data-hover-effect=background] .menu-drawer__menu-item{border-radius:calc(var(--fit-border-radius-popover) / 2);transition:background-color .2s ease;padding-inline:var(--fit-padding-sm)}nav-drawer[data-hover-effect=background] .menu-drawer__menu-item:hover{background-color:rgb(var(--color-foreground-rgb) / var(--fit-opacity-7))}}.menu-drawer .language-selector:not(.menu-drawer__submenu *){width:fit-content;padding-inline-start:0}.menu-drawer .language-selector:not(.menu-drawer__submenu *) .localization-form__select{text-align:left}.menu-drawer__menu-item>.svg-wrapper{width:fit-content;height:fit-content;margin:0;padding-block:var(--fit-padding-lg);padding-inline-start:var(--fit-padding-xl);flex-shrink:0}.menu-drawer__list-item--divider .menu-drawer__menu-item>.svg-wrapper{padding-block:var(--fit-padding-md)}.menu-drawer svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.menu-drawer__submenu{position:absolute;width:100%;top:0;height:100vh;height:100dvh;left:0;background-color:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:var(--layer-flat);transform:translate(-5%);visibility:hidden;overflow-y:auto;opacity:0}.menu-drawer:has(.menu-drawer__panel-container[open])>.menu-drawer__close-button,.menu-drawer:has(.menu-drawer__panel-container[open])>.menu-drawer__cta-buttons-wrapper,.menu-drawer:has(.menu-drawer__panel-container[open])>.menu-drawer__utility-links{opacity:0;visibility:hidden;pointer-events:none}.menu-drawer__menu.has-submenu:has(>.menu-drawer__list-item>.menu-drawer__panel-container[open])>.menu-drawer__list-item:not(:has(>.menu-drawer__panel-container[open])){display:none}.menu-drawer__menu.has-submenu>.menu-drawer__list-item:has(>.menu-drawer__panel-container[open]){min-height:0}.menu-drawer__menu.has-submenu>.menu-drawer__list-item:has(>.menu-drawer__panel-container[open])>.menu-drawer__panel-container>summary,.menu-drawer__locale-nav>.menu-drawer__list-item:has(>.menu-drawer__panel-container[open])>.menu-drawer__panel-container>summary{display:none}.menu-drawer__navigation:has(.menu-drawer__menu.has-submenu>.menu-drawer__list-item>.menu-drawer__panel-container[open]) .menu-drawer__locale-nav{display:none}.menu-drawer__navigation:has(.menu-drawer__locale-nav>.menu-drawer__list-item>.menu-drawer__panel-container[open]) .menu-drawer__menu.has-submenu{display:none}.menu-drawer__locale-nav:has(>.menu-drawer__list-item>.menu-drawer__panel-container[open])>.menu-drawer__list-item{min-height:0}@media screen and (min-width:750px){nav-drawer[data-bar-mode] .menu-drawer:has(.menu-drawer__panel-container[open])>.menu-drawer__close-button,nav-drawer[data-bar-mode] .menu-drawer:has(.menu-drawer__panel-container[open])>.menu-drawer__cta-buttons-wrapper,nav-drawer[data-bar-mode] .menu-drawer:has(.menu-drawer__panel-container[open])>.menu-drawer__utility-links{display:none}nav-drawer[data-bar-mode] .menu-drawer__navigation:has(.menu-drawer__panel-container[open]){padding-block-end:0}nav-drawer[data-bar-mode] .menu-drawer__navigation:has(.menu-drawer__menu.has-submenu>.menu-drawer__list-item>.menu-drawer__panel-container[open]) .menu-drawer__menu.has-submenu,nav-drawer[data-bar-mode] .menu-drawer__navigation:has(.menu-drawer__locale-nav>.menu-drawer__list-item>.menu-drawer__panel-container[open]) .menu-drawer__locale-nav{margin-block-end:0}}[id^=Details-menu-drawer-localization-]>.menu-drawer__submenu{overflow:hidden}.menu-drawer__back-button>.svg-wrapper{margin-right:var(--fit-padding-md);width:var(--icon-size-xs);height:var(--icon-size-xs)}.menu-drawer{padding-bottom:env(safe-area-inset-bottom)}.menu-drawer__locale-nav{list-style:none;padding-inline:var(--drawer-padding);margin:0;border-top:1px solid rgb(var(--color-foreground-rgb) / var(--fit-opacity-7));padding-block-start:0}.menu-drawer__locale-label{display:inline-flex;align-items:center;gap:6px}.menu-drawer__locale-label .icon-flag{display:inline-block;flex-shrink:0;width:var(--icon-size-sm);height:var(--icon-size-sm);border-radius:50%;overflow:hidden;-webkit-clip-path:circle(50%);clip-path:circle(50%);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;vertical-align:middle}.menu-drawer__submenu .country-selector-form__wrapper{padding-inline:var(--drawer-padding)}[id^=Details-menu-drawer-localization-]>.menu-drawer__submenu>.menu-drawer__inner-submenu{min-height:0;overflow:hidden}[id^=Details-menu-drawer-localization-] locale-form{min-height:0}.menu-drawer__submenu .language-selector{padding-inline:var(--drawer-padding)}.menu-drawer__cta-buttons-wrapper{margin-block-start:auto;padding-inline:var(--fit-padding-xl);padding-block:var(--fit-padding-sm)}.menu-drawer__cta-buttons{display:flex;flex-wrap:wrap;gap:var(--fit-gap-sm)}.menu-drawer__cta-button{flex:1 1 0%;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;transition:color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing)}.menu-drawer__cta-button--custom{display:grid;align-content:center;padding:var(--button-padding-vertical) var(--button-padding-horizontal);cursor:pointer}.menu-drawer__cta-buttons-wrapper~.menu-drawer__utility-links{margin-block-start:0}.menu-drawer__utility-links{display:flex;flex-direction:column;padding:0;margin-block:auto var(--fit-padding-sm);margin-inline-start:var(--fit-padding-xl);background-color:rgb(var(--color-foreground) / .03)}.menu-drawer__account{display:inline-flex;align-items:center;gap:var(--fit-gap-xs);text-decoration:none;height:44px;font-size:1.4rem;color:rgb(var(--color-foreground))}.menu-drawer__account svg{height:var(--icon-size-sm);width:var(--icon-size-sm)}.menu-drawer__account shop-user-avatar{--shop-avatar-size: 2.4rem;margin-right:.55rem;margin-left:-.45rem}@keyframes menu-drawer-nav-open{0%{opacity:0}to{opacity:1}}@media screen and (min-width:750px){nav-drawer[data-bar-mode] .menu-drawer{interpolate-size:allow-keywords;overflow-y:auto}nav-drawer[data-bar-mode] .menu-drawer__navigation-container{height:auto;overflow-y:visible}nav-drawer[data-bar-mode] .menu-drawer__inner-container{height:auto}nav-drawer[data-bar-mode] .menu-drawer__submenu{position:relative;height:auto;transform:translateY(-5%);background-color:transparent}nav-drawer[data-bar-mode] .menu-open>.menu-drawer__submenu:not(.menu-drawer__menu--childlist){transform:translateY(0)}nav-drawer[data-bar-mode] .menu-drawer__inner-submenu{margin-top:0}nav-drawer[data-bar-mode] .menu-drawer__navigation{margin-top:0;display:flex;flex-direction:column;min-height:0;padding-block-end:var(--fit-padding-lg)}nav-drawer[data-bar-mode] .menu-drawer__cta-buttons-wrapper{margin-block-start:var(--fit-padding-lg)}nav-drawer[data-bar-mode] .menu-drawer__utility-links{margin-block:var(--fit-padding-sm) 0}nav-drawer[data-bar-mode] .menu-drawer__backdrop{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/5551/assets/menu-drawer.css.map */