.esalon-submenu-drawer{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-floral-white);z-index:60;transform:translate(100%);visibility:hidden;transition:transform .3s ease,visibility .3s ease;overflow-y:auto}@media screen and (min-width:750px){.esalon-submenu-drawer{width:640px;border-left:1px solid var(--color-cloudy-20)}}.esalon-submenu-drawer.is-open{transform:translate(0);visibility:visible}.esalon-submenu-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom-width:1px;border-bottom-style:solid}.esalon-submenu-drawer__back svg{width:12px;height:12px;transform:rotate(90deg)}.esalon-submenu-drawer__close-icon,.esalon-submenu-drawer__close-icon-hover{display:flex;align-items:center;justify-content:center}.esalon-submenu-drawer__close-icon-hover,.esalon-submenu-drawer__close:hover .esalon-submenu-drawer__close-icon{display:none}.esalon-submenu-drawer__close:hover .esalon-submenu-drawer__close-icon-hover{display:flex}.esalon-submenu-drawer__close svg{width:20px;height:20px}.esalon-submenu-drawer__item{display:block;padding:16px 8px;font-family:Apercu Pro,Apercu Pro Regular,sans-serif;font-weight:400;font-size:16px;line-height:24px;text-decoration:none;transition:color .2s ease}.esalon-submenu-drawer__divider{margin:8px;border:none;border-top:1px solid var(--color-cloudy-20)}.esalon-submenu-drawer__group{border-bottom:1px solid var(--color-cloudy-20)}.esalon-submenu-drawer__group summary{list-style:none}.esalon-submenu-drawer__group summary::-webkit-details-marker{display:none}.esalon-submenu-drawer__group-trigger{display:flex;align-items:center;justify-content:space-between;padding:16px 8px;cursor:pointer;font-family:Apercu Pro Bold,Apercu Pro Regular,sans-serif;font-weight:700;font-size:16px;line-height:24px;color:var(--color-rich-black)}.esalon-submenu-drawer__group-chevron{transition:transform .2s ease;color:var(--color-storm-dust)}.esalon-submenu-drawer__group[open]>.esalon-submenu-drawer__group-trigger .esalon-submenu-drawer__group-chevron{transform:rotate(180deg)}.esalon-submenu-drawer__group .esalon-submenu-drawer__list{padding-bottom:8px}.esalon-submenu-drawer__group .esalon-submenu-drawer__item{padding:10px 8px 10px 16px;font-size:16px}
/*# sourceMappingURL=/cdn/shop/t/18/assets/esalon-component-submenu-drawer.css.map */