.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{position:absolute;transform:translate(-100%);visibility:hidden;z-index:3;left:0;top:100%;width:calc(100vw - 4rem);padding:0;border-width:0 var(--drawer-border-width) 0 0;background-color:rgb(var(--color-background));border-style:solid;border-color:rgba(var(--color-foreground),var(--drawer-border-opacity));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)))}.js .menu-drawer{height:calc(100vh + 4px)}.menu-drawer__footer--social{display:flex;justify-content:space-between;align-items:center}.footer--social-text{color:#121212;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:21px;letter-spacing:.3px;position:relative}.footer--social-text:after{background:#000;content:"";width:90px;height:1px;position:absolute;top:50%;left:140%;transform:translateY(50%);z-index:12}.js details[open]>.menu-drawer,.js details[open]>.menu-drawer__submenu{visibility:var(--duration-long) ease;transition:transform var(--duration-long)ease}.no-js details[open]>.menu-drawer,.js details[open].menu-opening>.menu-drawer,details[open].menu-opening>.menu-drawer__submenu{transform:translate(0);visibility:visible}.menu-drawer__account shop-user-avatar{--shop-avatar-size: 2.4rem;margin-right:.55rem;margin-left:-.45rem}@media screen and (min-width: 768px){.menu-drawer{width:40rem}.no-js .menu-drawer{height:auto}}.menu-drawer__header{display:flex;flex-direction:column;padding:16px;background:#f6f6f6;gap:16px}.menu-drawer__inner-container{overflow:auto;-webkit-overflow-scrolling:touch}.menu-drawer__navigation{height:100%}.menu-drawer__navigation-container{display:grid;grid-template-rows:1fr auto;align-content:space-between}.menu-drawer__inner-submenu{height:100%;overflow-x:hidden;overflow-y:auto}.no-js .menu-drawer__navigation{padding:0}.no-js .menu-drawer__navigation>ul>li{border-bottom:.1rem solid rgba(var(--color-foreground),.04)}.no-js .menu-drawer__submenu ul>li{border-top:.1rem solid rgba(var(--color-foreground),.04)}.js .menu-drawer__menu li{margin-bottom:8px}.menu-drawer__menu-item{padding:1.1rem 3.2rem;text-decoration:none}.no-js .menu-drawer__menu-item{font-size:calc(var(--font-body-scale) * 14px)}.no-js .menu-drawer__submenu .menu-drawer__menu-item{padding:1.2rem 5.2rem 1.2rem 6rem}.no-js .menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item{padding-left:9rem}.menu-drawer summary.menu-drawer__menu-item{word-break:break-word}.no-js .menu-drawer__menu-item .icon-caret{right:3rem}.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:rgba(var(--color-foreground),.04)}.menu-drawer__menu-item--active:hover{background-color:rgba(var(--color-foreground),.08)}.js .menu-drawer__menu-item .icon-caret,.no-js .menu-drawer .icon-arrow{display:none}.menu-drawer__menu-item>.icon-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.js .menu-drawer__submenu{position:absolute;top:calc(var(--announce-height) + 10px);width:100%;bottom:calc(var(--height-height));left:0;background-color:rgb(var(--color-background));border-left:.1rem solid rgba(var(--color-foreground),.2);z-index:1;transform:translate(100%);visibility:hidden;height:calc(100% - 177px);overflow:auto}.js .menu-drawer__submenu .menu-drawer__submenu{overflow-y:auto}.menu-drawer__close-button{margin-top:0;padding:1.2rem 2.6rem;text-decoration:none;display:flex;align-items:center;font-size:calc(var(--font-body-scale) * 14px);width:100%;background-color:transparent;font-family:var(--font-body-family);font-style:var(--font-body-style);text-align:left;word-break:break-all}.no-js .menu-drawer__close-button{display:none}.menu-drawer__close-button .icon-arrow{transform:rotate(180deg);margin-right:1rem}.menu-drawer__utility-links{padding:20px;width:100%;background:#f6f6f6;z-index:99}.menu-drawer__account svg{stroke:rgb(var(--color-foreground));margin-right:10px}.menu-drawer__account{display:inline-flex;align-items:center;text-decoration:none;gap:8px;font-size:calc(var(--font-body-scale) * 14px);color:rgb(var(--color-foreground));color:#121212;text-align:right;font-family:Lato;font-size:12px;font-style:normal;font-weight:500;line-height:16.8px;letter-spacing:.3px}.menu-drawer__account account-icon{height:19px}.menu-drawer__account .icon-account{height:2rem;width:2rem;margin-right:1rem}.menu-drawer__account:hover .icon-account{transform:scale(1.07)}#menu-drawer .list-social .list-social__item{display:inline-block;vertical-align:middle}.menu-drawer .list-social{justify-content:flex-start;margin-left:-15px}.menu-drawer .list-social:empty{display:none}.menu-drawer .list-social__link{min-width:36px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 8px}.category-title-with__icon{display:flex;align-items:center;gap:16px}.mobile-menu-first-image{width:60px;aspect-ratio:1.05;object-fit:cover}.grand_sub_collection{display:flex;justify-content:space-between;align-items:center;padding:4px 24px}.grand_sub_collection:active,.grand_sub_collection:focus{background:#e3ffac}.category-title-with__icon .menu-arrow{width:14px;height:14px}.menu-drawer__add-item{display:flex;padding:6px 24px;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch}.category-title-with__icon .category_title{text-align:right}.menu-drawer__header-icon--content{display:flex;justify-content:space-between;align-items:center}.category-title-with__icon .menu-category-icon{width:20px;height:20px}.menu-drawer .menu-drawer__menu-item{background-color:#fff;display:flex;justify-content:space-between;padding:24px;margin:0 8px;border-radius:8px}.menu-drawer .menu-drawer__main-menu-item:active,.menu-drawer .menu-drawer__main-menu-item:focus{background-color:#000;color:#fff}.menu-drawer .menu-drawer__main-menu-item:active .hover-header-menu-icon,.menu-drawer .menu-drawer__main-menu-item:focus .hover-header-menu-icon{display:block}.menu-drawer .menu-drawer__main-menu-item:active .hover-header-menu-icon,.menu-drawer .menu-drawer__main-menu-item:focus .header-menu-icon{display:none}.menu-drawer .menu-drawer__main-menu-item:active .hover-header-menu-icon,.menu-drawer .menu-drawer__main-menu-item:focus .menu-arrow path{fill:#fff}.menu-drawer .menu-drawer__main-menu-item .hover-header-menu-icon{display:none}.menu-drawer .menu-drawer__main-menu-item .header-menu-icon{display:block}.shop-all-collection{text-align:center;margin:16px}.grand_sub_menu-list .li{margin-bottom:0!important}.shop-all-collection a{padding:12px 24px;background-color:#f6f6f6;border-radius:30px}@media (max-width: 991px){.menu-drawer__utility-links{padding:15px;position:fixed;bottom:50px}#menu-drawer{z-index:4}.header__icon--menu.header__icon,.header--middle-left .header__icon--menu.header__icon{margin-top:0}#menu-drawer{margin-left:0;width:85%;border:1px solid rgba(var(--color-foreground),.1);margin-top:0;display:flex;flex-direction:column;overflow:hidden}.header__icon--menu.header__icon .icon{height:26px;width:22px}.header__icon--menu.header__icon{width:40px;height:25px}header-drawer{display:inline-block;vertical-align:middle}.header__inline-menu .wbsimplemenuxs,.header__inline-menu .wbsecmenu,.header__inline-menu .wbheader_cont{display:none}.menu-drawer__menu-item,.menu-drawer__close-button{padding:10px 15px}.header--top-left #menu-drawer,.header--top-center #menu-drawer{left:0;top:calc(100% - var(--announce-height) - var(--header-height) - 4px);background:#f6f6f6!important}.scrolled-past-header .header--top-left #menu-drawer,.header--top-center #menu-drawer{top:calc(100% - var(--header-height))!important}.wbsecmenu ul{display:inline-grid;margin-bottom:30px}}@media (max-width: 767px){.header__icon--menu.header__icon{margin-top:0}.menu-drawer.country-selector-open{transform:none!important;filter:none!important;transition:none!important}.menu-drawer__close-button{display:flex;justify-content:space-between}.menu-drawer__close-button .menu-arrow{transform:rotate(180deg)}.close-button-arrow-with-text{display:flex;align-items:center;gap:16px;border-right:1px solid #D9D9D9;padding-right:16px}.header--top-left .header__icon--menu .icon-close{position:absolute;right:13px;top:-33px;z-index:34;fill:#fff}.header--top-left .header__icon--menu .icon-close path{stroke:#000;fill:#000}.scrolled-past-header .header--top-left .header__icon--menu .icon-close{top:calc((var(--announce-height) - 33px))}.menu-drawer__header .search-modal__form .field:after{box-shadow:none}.menu-drawer__header .search-modal__form .search__button{left:0}.menu-drawer__header .search-modal__form .search__input.field__input{padding-left:3.5rem;padding-right:8px}.menu-drawer__header .search-modal__form .field__label{left:calc(var(--inputs-border-width) + 50px);color:#bebebe;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:21px;letter-spacing:.3px;text-transform:capitalize}.menu-drawer__header .search__button .icon{fill:transparent!important}.menu-drawer__inner-container{background-color:#f6f6f6}.menu-drawer__header .field__button{width:3.4rem}.menu-drawer__header .search-modal__form .field__input::placeholder{color:#bebebe;font-family:Lato;font-size:16px;font-style:normal;font-weight:400;line-height:21px;letter-spacing:.3px;text-transform:capitalize}.menu-drawer__add-item{color:#9d9d9d;font-family:Lato;font-size:14px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.3px}.menu-drawer__sub-add{padding-bottom:12px}.menu-drawer-subcategory__title{width:130px}.grand_sub_menu-list{padding-top:14px!important;padding-bottom:1px!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-menu-drawer.css.map */
