.menu-drawer{--menu-drawer__width: 21rem;box-shadow:0 0 1rem var(--color-foreground-50);bottom:0;left:0;position:fixed;transform:var(--menu-drawer__transform, translateX(-100%));transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);top:0;width:min(90vw,var(--menu-drawer__width));z-index:51}.menu-drawer .icon-caret{box-sizing:content-box;flex-shrink:0;height:1rem;margin:.75rem 1rem;transform:var(--menu-drawer__icon-caret__transform, rotate(0));transition:transform .3s cubic-bezier(.4,0,.2,1);width:1rem}.menu-drawer .list-menu summary{display:flex;justify-content:space-between}.menu-drawer .childlist-menu--disclosure{padding-left:.75rem}.menu-drawer .link--text[aria-current=page],.menu-drawer [open]>summary,.menu-drawer [open]>summary>.link--text,.menu-drawer details:has([aria-current=page])>summary,.menu-drawer details:has([aria-current=page])>summary>.link--text{color:var(--menu-drawer__item-active--color, var(--color-base-accent-1))}.menu-drawer .localization-language-wrapper,.menu-drawer .localization-currency-wrapper{padding:0 2rem}.menu-drawer .localization-language-wrapper:empty,.menu-drawer .localization-currency-wrapper:empty{display:none}.menu-drawer button.localization-form__select{padding:.75rem}.menu-drawer .localization-form__select{display:flex;justify-content:flex-start;border-color:var(--color-foreground-4);border-radius:0;border-width:2px;width:100%}.menu-drawer .localization-form__select .icon-caret{margin:0;position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:currentColor}.no-js [open]>.menu-drawer,.menu-opening>.menu-drawer{transform:var(--menu-drawer--opened__transform, translateX(0))}.menu-drawer__navigation-header{display:flex;padding:.75rem 1rem;margin-bottom:-2rem;background:var(--color-foreground-4);justify-content:space-between;align-items:center}.menu-drawer__navigation-header>span{text-transform:uppercase;color:var(--header--text-color);font-weight:600;max-width:calc(100% - 2rem + 8px);word-break:break-all;padding:0 1rem 0 0}.menu-drawer__navigation-header .icon-x{display:none;cursor:pointer;color:var(--header--text-color)}.menu-drawer__navigation-header .icon-x:hover,.menu-drawer__navigation-header .icon-x:focus{color:rgba(var(--header--text-color-rgb),.75)}.menu-drawer__inner-container{--color-foreground: var(--header--text-color);--color-foreground-4: rgba(var(--header--text-color-rgb), .04);background:var(--header--background-color);display:flex;flex-direction:column;gap:2rem;min-height:100%}.menu-drawer__navigation{margin-top:1rem}.menu-drawer [open]>summary .icon-caret{transform:var(--menu-drawer--opened__icon-caret__transform, rotate(-180deg))}.menu-drawer .list-menu .list-menu__item{font-weight:500}.menu-drawer .list-menu .list-menu__item,.menu-drawer .menu-drawer__menu-item-top>li>a{align-items:center;display:flex;gap:.5rem;margin:0 .5rem;padding:.5rem;overflow:hidden;text-overflow:ellipsis}.menu-drawer .list-menu .list-menu__item>a{display:inline-block;padding:0;max-width:calc(100% - 2rem)}[open]>.menu-drawer-toggler:before{background-color:rgba(var(--color-background-rgb),.6);content:"";position:fixed;left:0;right:0;bottom:0;top:0;z-index:49}[open] .menu-drawer .menu-drawer__navigation-header .icon-x{display:block}.menu-drawer .disclosure__list--wrapper.localization-panel{bottom:10rem;margin:0;max-width:none;min-height:10rem;min-width:auto;left:1rem;padding:2rem 1rem 1rem;position:fixed;right:1rem;top:10rem;transform-origin:center;width:auto;z-index:45}.menu-drawer .disclosure__list--wrapper:after{display:none}.menu-drawer .disclosure__list{max-height:100%}.menu-drawer .localization-form__select:before{content:"";transition-property:background;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;position:fixed;z-index:40}.menu-drawer .localization-form__select[aria-expanded=true]:before{background:rgba(var(--color-background-rgb),.6);bottom:0;top:0;left:0;right:0}.menu-drawer .localization-form__select .icon-x{box-sizing:content-box;color:var(--header--dropdown-color);position:absolute;padding:1rem;visibility:hidden}.menu-drawer .localization-form__select[aria-expanded=true] .icon-x{position:fixed;top:9.5rem;right:.5rem;z-index:50;visibility:visible;transition-delay:.3s}.menu-drawer .localization-form__select .icon-x[hidden]{display:block}.menu-drawer__navigation-container+.localization-language-wrapper,.menu-drawer__navigation-container+.localization-currency-wrapper,.menu-drawer__navigation-container+.menu-drawer__navigation-footer{margin-top:auto}.menu-drawer__navigation-footer{display:flex;flex-direction:column;align-items:center;background:var(--color-foreground-4);padding:1rem;font-size:.875rem;line-height:1.25rem}.menu-drawer__navigation-footer a{align-items:center;display:flex;gap:.5rem}.menu-drawer__navigation-footer svg{height:1rem;width:1rem}.menu-drawer__menu-item-top>li:not(:last-child){border-bottom:var(--menu-drawer__item-top__border-bottom, 2px solid var(--color-foreground-8))}@media all and (max-width: 989px){.menu-drawer{overflow-y:auto}}@media all and (min-width: 640px){.menu-drawer__menu .item--account{display:none}}@media (min-width: 1200px){.menu-drawer{--menu-drawer__width: 24rem}}@media (min-width: 990px){.menu-drawer .menu-drawer__menu .icon-caret{margin:.75rem 1rem}.menu-drawer .localization-language-wrapper .localization-form,.menu-drawer .localization-currency-wrapper .localization-form{display:none}.lg\:header-drawer__drawer .menu-drawer .menu-drawer__menu .menu-drawer__submenu{position:absolute;top:0;bottom:0;background:var(--header--background-color);width:var(--menu-drawer__width);right:100%;opacity:0;transform:translate(-100%);transition:transform,right,opacity;transition-duration:.35s;transition-timing-function:cubic-bezier(.4,0,.2,1);box-shadow:#0e3f7e0a 0 0 0 1px,#2a33450a 0 1px 1px -.5px,#2a33460a 0 3px 3px -1.5px,#2a33460a 0 6px 6px -3px,#0e3f7e0a 0 12px 12px -6px,#0e3f7e0a 0 24px 24px -12px;z-index:40}.lg\:header-drawer__drawer .menu-drawer .menu-drawer__menu .menu-drawer__submenu .childlist-menu--disclosure:first-child{border-top:var(--menu-drawer__item-top__border-bottom, 2px solid var(--color-foreground-8));margin-top:calc(3rem - 2px);padding-top:1rem;padding-left:0}.lg\:header-drawer__drawer .menu-drawer .menu-drawer__menu .menu-drawer__submenu .childlist-menu--disclosure:first-child .childlist-menu--disclosure{position:absolute;top:0;bottom:0;background:var(--header--background-color);width:var(--menu-drawer__width);right:100%;opacity:0;transform:translate(-100%);transition:transform,right,opacity;transition-duration:.35s;transition-timing-function:cubic-bezier(.4,0,.2,1);box-shadow:#0e3f7e0a 0 0 0 1px,#2a33450a 0 1px 1px -.5px,#2a33460a 0 3px 3px -1.5px,#2a33460a 0 6px 6px -3px,#0e3f7e0a 0 12px 12px -6px,#0e3f7e0a 0 24px 24px -12px;padding-top:4rem;padding-left:0;z-index:40}.lg\:header-drawer__drawer .menu-drawer .menu-drawer__menu .menu-drawer__submenu .childlist-menu--disclosure:first-child [open] .childlist-menu--disclosure,.lg\:header-drawer__drawer .menu-drawer .menu-drawer__menu [open] .menu-drawer__submenu{right:-100%;opacity:1;transform:translate(0)}.lg\:header-drawer__drawer .menu-drawer .menu-drawer__menu [open]>summary>svg{transform:var(--menu-drawer--opened__icon-caret__transform, rotate(-90deg))}}@media (min-width: 1200px){.lg\:header-drawer__drawer .menu-drawer .menu-drawer__menu .menu-drawer__submenu,.lg\:header-drawer__drawer .menu-drawer .menu-drawer__menu .menu-drawer__submenu .childlist-menu--disclosure:first-child .childlist-menu--disclosure{width:var(--menu-drawer__width)}}@media (min-width: 990px){.lg\:header-drawer__dropdown{--menu-drawer__transform: scale(0, 0);--menu-drawer--opened__transform: scale(1, 1);--menu-drawer__icon-caret__transform: rotate(-90deg);--menu-drawer--opened__icon-caret__transform: rotate(90deg);--menu-drawer__item-top__border-bottom: none;position:relative}.lg\:header-drawer__dropdown .menu-drawer{position:absolute;left:auto;top:calc(100% + .5rem);bottom:auto;overflow:visible;transform-origin:1.5rem -1.5rem;width:auto}.lg\:header-drawer__dropdown .menu-drawer .menu-drawer__menu .icon-caret{margin:.75rem 1rem}.lg\:header-drawer__dropdown [open]>.menu-drawer-toggler:before{opacity:0}.lg\:header-drawer__dropdown .menu-drawer__inner-container>:not(.menu-drawer__navigation-container){display:none}.lg\:header-drawer__dropdown .menu-drawer__navigation{margin:.5rem 0;min-width:16rem}.lg\:header-drawer__dropdown .menu-drawer__navigation details>summary+*{position:absolute;left:calc(100% - .5rem);top:0;min-height:100%;min-width:10rem;width:-moz-max-content;width:max-content;padding:.5rem 0;max-width:20rem;background:var(--header--background-color);box-shadow:0 0 1rem var(--color-foreground-50)}}[dir=rtl] .menu-drawer{--menu-drawer__transform: translateX(100%);left:auto;right:0}[dir=rtl] .menu-drawer__navigation-header>span{padding:0 0 0 1rem}[dir=rtl] .menu-drawer .localization-form__select[aria-expanded=true] .icon-x{left:.5rem;right:auto}@media (min-width: 990px){[dir=rtl] .header-drawer__desktop-dropdown .menu-drawer{--menu-drawer__transform: scale(0, 0);--menu-drawer--opened__transform: scale(1, 1);--menu-drawer__icon-caret__transform: rotate(90deg);--menu-drawer--opened__icon-caret__transform: rotate(-90deg);right:auto;transform-origin:calc(100% - 1.5rem) -1.5rem}[dir=rtl] .header-drawer__desktop-dropdown .menu-drawer__navigation details>summary+*{left:auto;right:calc(100% - .5rem)}}[data-preset=beauty] .menu-drawer__menu-item-top{text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-menu-drawer.css.map */