.header__icon--menu{position:initial}.menu-drawer-container[open]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#00000080;animation:fadeIn .3s ease}body:has(.menu-drawer-container[open]) .header-promotion,body.drawer-open .header-promotion{z-index:-1!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-drawer{position:fixed;transform:translate(-100%);visibility:hidden;z-index:100000;left:0;top:0;width:85vw;max-width:400px;height:100vh;height:100dvh;padding:0;background-color:#fff;overflow-x:hidden;overflow-y:auto;box-shadow:4px 0 20px #0003}@media screen and (min-width: 750px){.menu-drawer{width:400px}}.js .menu-drawer{height:100vh;height:100dvh}.js details[open]>.menu-drawer,.js details[open]>.menu-drawer__submenu{transition:transform .3s ease,visibility .3s ease}.js details[open].menu-opening>.menu-drawer,details[open].menu-opening>.menu-drawer__submenu,.menu-drawer-container[open] .menu-drawer{transform:translate(0);visibility:visible}.menu-drawer-container:not([open]) .menu-drawer{transform:translate(-100%);visibility:hidden}.js .menu-drawer__navigation .submenu-open{visibility:hidden}.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:24px 0}.menu-drawer__inner-submenu{height:100%;overflow-x:hidden;overflow-y:auto}.js .menu-drawer__menu li{margin-bottom:0;border-bottom:1px solid #E8E8F0}.menu-drawer__menu-item{padding:18px 24px;text-decoration:none;font-family:FuturaPTDemi!important;font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:#2c2c2c;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;background-color:#fff}.menu-drawer summary.menu-drawer__menu-item{padding-right:24px;cursor:pointer}.menu-drawer__menu-item--active,.menu-drawer__menu-item:focus,.menu-drawer__menu-item:hover{color:#fff;background:linear-gradient(135deg,#9aa0ce,#7b8ec8)}.menu-drawer__menu-item--active:hover{background:linear-gradient(135deg,#8890c0,#6a7db8)}.js .menu-drawer__menu-item .icon-caret{display:none}.menu-drawer__menu-item>.svg-wrapper{width:12px;height:12px;flex-shrink:0;margin-left:12px}.menu-drawer__menu-item>.svg-wrapper svg{width:100%;height:100%;stroke:currentColor;stroke-width:2px}.js .menu-drawer__submenu{position:absolute;top:0;width:100%;bottom:0;left:0;background-color:#fff;z-index:1;transform:translate(100%);visibility:hidden}.js .menu-drawer__submenu .menu-drawer__submenu{overflow-y:auto}.menu-drawer__close-button{margin-top:0;padding:18px 24px;text-decoration:none;display:flex;align-items:center;font-family:FuturaPTDemi!important;font-size:14px;letter-spacing:.15em;text-transform:uppercase;width:100%;background:linear-gradient(135deg,#b89ac8,#c8a8c8);color:#fff;border:none;border-bottom:2px solid #9AA0CE;cursor:pointer;transition:all .2s ease}.menu-drawer__close-button:hover{background:linear-gradient(135deg,#a88ab8,#b898b8);color:#fff}.menu-drawer__close-button .svg-wrapper{transform:rotate(180deg);margin-right:12px;width:12px;height:12px}.menu-drawer__close-button .svg-wrapper svg{width:100%;height:100%;stroke:currentColor;stroke-width:2px}.menu-drawer__submenu .menu-drawer__menu-item{padding:16px 24px;display:flex;align-items:center;gap:16px}.menu-drawer__submenu .menu-drawer__menu-item img{width:60px;height:60px;object-fit:cover;border-radius:8px;flex-shrink:0;border:2px solid #E8E8F0;transition:border-color .2s ease}.menu-drawer__submenu .menu-drawer__menu-item:hover img{border-color:#9aa0ce}.menu-drawer__submenu ul,.menu-drawer__submenu .menu-drawer__menu{display:block!important;visibility:visible!important;opacity:1!important}.menu-drawer__submenu li,.menu-drawer__submenu .menu-drawer__menu-item{display:flex!important;visibility:visible!important;opacity:1!important}.menu-drawer__utility-links{padding:20px 24px;background:linear-gradient(180deg,#f9f9fb,#f5f5f9);border-top:2px solid #E8E8F0}.header--has-social .menu-drawer__utility-links{padding:20px 24px}@media screen and (max-width: 749px){.header--has-account:where(:not(.header--has-social):not(.header--has-localizations)) .menu-drawer__utility-links{padding:20px 24px}}@media screen and (max-width: 989px){.header--has-localizations:where(:not(.header--has-social)) .menu-drawer__utility-links{padding:20px 24px}}.menu-drawer__account{display:inline-flex;align-items:center;text-decoration:none;padding:14px 20px;font-family:FuturaPTDemi!important;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#9aa0ce,#6fcceb);border:none;border-radius:25px;margin-bottom:0;transition:all .3s ease;width:100%;justify-content:center;box-shadow:0 2px 8px #9aa0ce4d}.menu-drawer__account:hover{background:linear-gradient(90deg,#8890c0,#5fbcdb);box-shadow:0 4px 12px #9aa0ce66;transform:translateY(-1px);color:#fff}.menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account{margin:0 0 35px}.menu-drawer__account account-icon>.svg-wrapper{height:18px;width:18px;margin-right:8px}.menu-drawer__account shop-user-avatar{--shop-avatar-size: 20px;margin-right:8px;margin-left:0}.menu-drawer__account:hover account-icon>.svg-wrapper{transform:scale(1)}.menu-drawer .list-social{justify-content:center;margin:16px 0 0;gap:12px}.menu-drawer .list-social:empty{display:none}.menu-drawer .list-social__link{padding:8px;background-color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.menu-drawer .list-social__link:hover{background-color:#7b8ec8;color:#fff}@media screen and (max-width: 749px){.menu-drawer.country-selector-open{transform:none!important;filter:none!important;transition:none!important}}.menu-drawer details[open]>summary{background:linear-gradient(135deg,#9aa0ce,#7b8ec8);color:#fff}.menu-drawer details>summary{list-style:none}.menu-drawer details>summary::-webkit-details-marker{display:none}.menu-drawer details>summary>.svg-wrapper{transition:transform .3s ease}.menu-drawer details[open]>summary>.svg-wrapper{transform:rotate(180deg)}.menu-drawer__navigation>.menu-drawer__menu>li{position:relative}.menu-drawer__navigation>.menu-drawer__menu>li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#9aa0ce,#6fcceb);opacity:0;transition:opacity .2s ease}.menu-drawer__navigation>.menu-drawer__menu>li:hover:before{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-menu-drawer-custom.css.map */
