.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:#fdfdfd;overflow-x:hidden;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)))}.menu-drawer .link--text,.menu-drawer .link--text:hover{color:#1d1d1f}.js .menu-drawer{height:calc(100vh - 100%);height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)))}.js details[open]>.menu-drawer,.js details[open]>.menu-drawer__submenu{transition:transform var(--duration-default) ease,visibility var(--duration-default) 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}.js .menu-drawer__navigation .submenu-open{visibility:hidden}@media screen and (min-width: 750px){.menu-drawer{width:40rem}.no-js .menu-drawer{height:auto}}.x-menu-active{display:none}.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:1.5rem 0}.menu-drawer__navigation .icon.icon-caret path{fill:#1d1d1f}.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:.2rem}.menu-drawer__menu-item{padding:1.1rem 2.5rem;text-decoration:none;font-size:1.5rem;font-weight:500}a.menu-drawer__menu-item,summary .menu-drawer__menu-item{text-transform:uppercase}.menu-drawer__menu-item.x-menu-side{text-transform:uppercase;font-weight:600}.no-js .menu-drawer__menu-item{font-size:1.6rem}.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{padding-right:5.2rem}.no-js .menu-drawer__menu-item .icon-caret{right:3rem}ul.has-submenu{margin-left:1.5rem}ul.has-submenu li a{font-size:1.4rem;text-transform:capitalize}.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:#1d1d1f}.menu-drawer__inner-submenu button.menu-drawer__close-button.link:hover{color:#1d1d1f!important}.menu-drawer__menu-item--active{border-left:3px solid #1D1D1F}.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:2.5rem;top:50%;transform:translateY(-50%)}.js .menu-drawer__submenu{position:absolute;top:0;width:100%;bottom:0;left:0;background-color:#fdfdfd;z-index:1;transform:translate(100%);visibility:hidden}.js .menu-drawer__submenu .menu-drawer__submenu{overflow-y:auto}.menu-drawer__close-button{margin-top:1.5rem;padding:1.2rem 2.6rem;text-decoration:none;text-transform:uppercase;display:flex;align-items:center;font-size:1.4rem;width:100%;background-color:transparent;font-family:var(--font-body-family);font-style:var(--font-body-style);text-align:left}.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:2rem;background-color:rgba(var(--color-foreground),.03);position:relative}.menu-drawer__utility-links-update-link a{display:block;text-decoration:none;font-size:1.4rem;color:#a7a7a7;padding:.7rem .5rem}.menu-drawer__account{display:block;align-items:center;padding:.7rem .5rem;text-decoration:none;font-size:1.4rem;font-weight:400;color:#a7a7a7}.menu-drawer__utility-links:has(ul:empty) .menu-drawer__account,.menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account{margin-bottom:0}@media screen and (min-width: 750px){.menu-drawer__utility-links:has(ul:nth-child(2):empty){display:none}}.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{justify-content:flex-start}.menu-drawer .list-social:empty{display:none}.menu-drawer .list-social__link{padding:1.3rem 1.25rem}#link-shop-by-collection.menu-drawer__menu li:nth-of-type(1),ul.list-menu li:nth-of-type(1) .mega-menu__list>li:nth-of-type(4)>.list-unstyled li:nth-of-type(1){background:url(https://xmondohair.com/cdn/shop/files/nav-circle-wavetech_43700d27-70c8-4c34-aee7-144b75461530.png?v=1727382905) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-shop-by-collection.menu-drawer__menu li:nth-of-type(2),ul.list-menu li:nth-of-type(1) .mega-menu__list>li:nth-of-type(4)>.list-unstyled li:nth-of-type(2){background:url(https://xmondohair.com/cdn/shop/files/nav-circle-supernova_132e706f-9fab-4413-a454-0e9c19086152.png?v=1728505293) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}OLD#link-shop-by-collection.menu-drawer__menu li:nth-of-type(4),ul.list-menu li:nth-of-type(1) .mega-menu__list>li:nth-of-type(4)>.list-unstyled li:nth-of-type(4){background:url(https://xmondohair.com/cdn/shop/files/nav-circle-a3_0101ae1e-0eea-4093-af04-257eccaf1d54.png?v=1728505293) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-shop-by-collection.menu-drawer__menu li:nth-of-type(3),ul.list-menu li:nth-of-type(1) .mega-menu__list>li:nth-of-type(4)>.list-unstyled li:nth-of-type(3){background:url(https://xmondohair.com/cdn/shop/files/nav-circle-super_a09772fd-fb3c-4099-bd4b-1b542d284025.png?v=1727382904) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-shop-by-collection.menu-drawer__menu li:nth-of-type(4),ul.list-menu li:nth-of-type(1) .mega-menu__list>li:nth-of-type(4)>.list-unstyled li:nth-of-type(4){background:url(/cdn/shop/files/nav-circle-hydrify.png?v=1732858144) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-shop-by-collection.menu-drawer__menu li:nth-of-type(5),ul.list-menu li:nth-of-type(1) .mega-menu__list>li:nth-of-type(4)>.list-unstyled li:nth-of-type(5){background:url(https://xmondohair.com/cdn/shop/files/nav-circle-recalibrate_fcf5468c-6232-4327-b1d3-2bcf685b7d1c.png?v=1727382905) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-featured-colors.menu-drawer__menu li:nth-of-type(1),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>.list-unstyled li:nth-of-type(1){background:url(https://xmondohair.com/cdn/shop/files/swatch-update-1.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-featured-colors.menu-drawer__menu li:nth-of-type(2),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>.list-unstyled li:nth-of-type(2){background:url(https://xmondohair.com/cdn/shop/files/swatch-update-2.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-featured-colors.menu-drawer__menu li:nth-of-type(3),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>.list-unstyled li:nth-of-type(3){background:url(https://xmondohair.com/cdn/shop/files/swatch-update-3.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-featured-colors.menu-drawer__menu li:nth-of-type(4),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>.list-unstyled li:nth-of-type(4){background:url(https://xmondohair.com/cdn/shop/files/swatch-update-4.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-featured-colors.menu-drawer__menu li:nth-of-type(5),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>.list-unstyled li:nth-of-type(5){background:url(https://xmondohair.com/cdn/shop/files/swatch-update-5.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-shop-by-shade.menu-drawer__menu li:nth-of-type(1),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(3)>ul.list-unstyled li:nth-of-type(1){background:url(https://xmondohair.com/cdn/shop/files/yellow_green.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-shop-by-shade.menu-drawer__menu li:nth-of-type(2),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(3)>ul.list-unstyled li:nth-of-type(2){background:url(https://xmondohair.com/cdn/shop/files/red_orange.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-shop-by-shade.menu-drawer__menu li:nth-of-type(3),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(3)>ul.list-unstyled li:nth-of-type(3){background:url(https://xmondohair.com/cdn/shop/files/blue_viole.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-shop-by-shade.menu-drawer__menu li:nth-of-type(4),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(3)>ul.list-unstyled li:nth-of-type(4){background:url(https://xmondohair.com/cdn/shop/files/pink_purple.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-shop-by-shade.menu-drawer__menu li:nth-of-type(5),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(3)>ul.list-unstyled li:nth-of-type(5){background:url(https://xmondohair.com/cdn/shop/files/circle-borw2.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-shop-by-shade.menu-drawer__menu li:nth-of-type(6),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(3)>ul.list-unstyled li:nth-of-type(6){background:url(https://xmondohair.com/cdn/shop/files/circle-greysblonde2.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#link-shop-by-shade.menu-drawer__menu li:nth-of-type(7),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(3)>ul.list-unstyled li:nth-of-type(7){background:url(https://xmondohair.com/cdn/shop/files/supergloss.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#Details-HeaderMenu-mega-7 #link-shop-by-collection.menu-drawer__menu li:nth-of-type(1),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(4)>ul.list-unstyled li:nth-of-type(1){background:url(https://xmondohair.com/cdn/shop/files/swatch-update-6.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#Details-HeaderMenu-mega-7 #link-shop-by-collection.menu-drawer__menu li:nth-of-type(2),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(4)>ul.list-unstyled li:nth-of-type(2){background:url(https://xmondohair.com/cdn/shop/files/swatch-update-7.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#Details-HeaderMenu-mega-7 #link-shop-by-collection.menu-drawer__menu li:nth-of-type(3),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(4)>ul.list-unstyled li:nth-of-type(3){background:url(https://xmondohair.com/cdn/shop/files/swatch-update-9.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#Details-HeaderMenu-mega-7 #link-shop-by-collection.menu-drawer__menu li:nth-of-type(4),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(4)>ul.list-unstyled li:nth-of-type(4){background:url(/cdn/shop/files/naturals-collection.png) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}#Details-HeaderMenu-mega-7 #link-shop-by-collection.menu-drawer__menu li:nth-of-type(5),ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(4)>ul.list-unstyled li:nth-of-type(5){background:url(/cdn/shop/files/5-min.png?v=1750711717) no-repeat;background-size:20px;background-position:right;margin-right:2.5rem}.United.Kingdom #link-featured-colors.menu-drawer__menu li:nth-of-type(1),.United.Kingdom ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>.list-unstyled li:nth-of-type(1){background:none;background-size:0;background-position:right;margin-right:0}.United.Kingdom #link-featured-colors.menu-drawer__menu li:nth-of-type(2),.United.Kingdom ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>.list-unstyled li:nth-of-type(2){background:none;background-size:0;background-position:right;margin-right:0}.United.Kingdom #link-featured-colors.menu-drawer__menu li:nth-of-type(3),.United.Kingdom ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>.list-unstyled li:nth-of-type(3){background:none;background-size:0;background-position:right;margin-right:0}.United.Kingdom #link-featured-colors.menu-drawer__menu li:nth-of-type(4),.United.Kingdom ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>.list-unstyled li:nth-of-type(4){background:none;background-size:0;background-position:right;margin-right:0}.United.Kingdom #link-featured-colors.menu-drawer__menu li:nth-of-type(5),.United.Kingdom ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>.list-unstyled li:nth-of-type(5){background:none;background-size:0;background-position:right;margin-right:0}@media screen and (min-width: 750px){.list-unstyled li{background-position:left!important}ul.list-menu li:nth-of-type(1) .mega-menu__list>li:nth-of-type(4)>ul.list-unstyled .mega-menu__link,ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>ul.list-unstyled .mega-menu__link,ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(3)>ul.list-unstyled .mega-menu__link,ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(4)>ul.list-unstyled .mega-menu__link{padding-left:60px;margin-left:-30px}.United.Kingdom ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>ul.list-unstyled .mega-menu__link,.United.Kingdom ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(3)>ul.list-unstyled .mega-menu__link,.United.Kingdom ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(4)>ul.list-unstyled .mega-menu__link{padding-left:30px;margin-left:-30px}ul.list-menu li:nth-of-type(1) .mega-menu__list>li:nth-of-type(4)>ul.list-unstyled a.mega-menu__link:hover,ul.list-menu li:nth-of-type(1) .mega-menu__list>li:nth-of-type(4)>ul.list-unstyled a.mega-menu__link--active{padding-left:45px;margin-left:-18px}ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>ul.list-unstyled a.mega-menu__link:hover,ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(2)>ul.list-unstyled a.mega-menu__link--active{padding-left:45px;margin-left:-18px}ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(3)>ul.list-unstyled a.mega-menu__link:hover,ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(3)>ul.list-unstyled a.mega-menu__link--active{padding-left:45px;margin-left:-18px}ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(4)>ul.list-unstyled a.mega-menu__link:hover,ul.list-menu li:nth-of-type(2) .mega-menu__list>li:nth-of-type(4)>ul.list-unstyled a.mega-menu__link--active{padding-left:45px;margin-left:-18px}}
/*# sourceMappingURL=/cdn/shop/t/400/assets/component-menu-drawer.css.map */