drawer-menu{height:24px}.drawer-menu__toggle-btn,.drawer-menu__back-btn{background-color:transparent;transition:all .3s ease}.drawer-menu__toggle-btn:hover,.drawer-menu__back-btn:hover{filter:brightness(1.5)}.drawer-menu{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:#0008;z-index:3;display:none;animation:menuSlideIn .3s ease both}.drawer-menu.open{display:block}.drawer-menu__container{background-color:var(--body_background);height:100%;width:90%;display:flex;flex-direction:column;gap:32px;position:relative}.drawer-menu__header{height:max-content;border-bottom:1px solid #e9e9e9;display:flex;align-items:center;justify-content:space-between;padding:14px 24px}.drawer-menu__main,.drawer-menu__main-submenu{padding:0 24px;display:flex;flex-direction:column;gap:20px}.drawer-menu__main summary{cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between;color:#000}.drawer-menu__main summary svg{min-width:9px;width:9px}.drawer-menu__main-link{color:#000;display:flex;align-items:center;gap:16px}.drawer-menu__main>.drawer-menu__main-link,.drawer-menu__main>details .drawer-menu__main-link{text-transform:uppercase}.drawer-menu__main-link-image{min-width:50px;width:50px;height:50px;overflow:hidden;border:1px solid #e9e9e9;border-radius:100px}.drawer-menu__main-link-image img{width:100%;height:100%;object-fit:cover}.drawer-menu__main-link--view-all{color:currentColor;text-decoration:underline;text-underline-offset:4px;margin-top:12px}.drawer-menu__main-submenu-container{display:none;position:absolute;top:0;left:0;width:100%;height:100%;flex-direction:column;gap:32px;animation:menuSlideIn .3s ease both;background-color:var(--body_background)}.drawer-menu__main details[open]+.drawer-menu__main-submenu-container{display:flex}.drawer-menu__main-submenu-header{width:100%;height:70px;border-bottom:1px solid #e9e9e9;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:0 24px}.drawer-menu__main-submenu-header h5{text-align:center;font-size:20px;font-weight:500;text-transform:uppercase;color:#000}.drawer-menu__secondary{display:flex;flex-direction:column;gap:16px;padding:32px 24px 0;border-top:1px solid #e9e9e9}.drawer-menu__secondary-link{text-decoration:none;display:block;color:#666}@keyframes menuSlideIn{0%{transform:translate(-100dvw)}to{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/drawer-menu.css.map */