.mobile-menu-wrap{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background:#00000080;height:100vh;z-index:99999;transition:.3s;opacity:0;visibility:hidden}.mobile-menu-wrap.active{opacity:1;visibility:visible}.mobile-menu-close-window-btn{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;width:100vw;height:100vh;-webkit-user-select:none;user-select:none;cursor:pointer}.mobile-menu-container{position:absolute;top:0;left:0;max-width:400px;width:100%;z-index:2;transition:.3s;transform:translate(-100%);opacity:1;visibility:visible;height:100%;max-height:100%;background:var(--white)}.mobile-menu-container.active{transform:translate(0)}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border-bottom:1px solid var(--border-color2)}.mobile-menu-title{font-size:16px;font-weight:500;line-height:1;text-transform:capitalize;display:flex;align-items:center;gap:15px}.mobile-menu-close-btn{width:16px;height:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all ease .3s}.mobile-menu-close-btn svg{flex:0 0 20px;width:20px;height:20px;display:block}.mobile-menu-search{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;-webkit-user-select:none;user-select:none}.mobile-menu-search svg{width:18px;height:18px}.mobile-menu-inner{grid-template-columns:84px minmax(0,1fr);align-items:stretch;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.mobile-menu-tabs{background:var(--item-bg);height:calc(100% - 40px);min-height:0;overflow:hidden auto;scrollbar-width:none}.mobile-menu-tab{border-radius:0 12px 12px 0;gap:4px;padding:12px 8px;position:relative;overflow:visible;display:flex;flex-direction:column}.mobile-menu-tab.active{background:var(--white);border-radius:0}.mobile-menu-tab:before{position:absolute;content:"";background:var(--brand-color);transform-origin:50%;border-radius:5px;width:5px;height:72px;transition:transform .18s,background-color .18s;inset-block:50%;inset-inline-start:0;transform:translateY(-50%)scaleY(0)}.mobile-menu-tab.active:before{transform:translateY(-50%)scaleY(1)}.mobile-menu-tab-img{width:60px;height:60px;border-radius:999px;overflow:hidden;display:block}.mobile-menu-tab-title{text-align:center;color:var(--paragraph-text-color);font-size:12px;font-weight:300;line-height:16px;text-transform:capitalize;letter-spacing:.2px;transition:all ease .3s}.mobile-menu-tab.active .mobile-menu-tab-title{font-weight:500}.mobile-menu-tabs-contents{background:var(--white);scrollbar-width:none;padding:12px 12px 32px;overscroll-behavior:contain;min-width:0;height:calc(100% - 40px);min-height:0;overflow:hidden auto;display:flex;flex-direction:column;gap:32px}.mobile-menu-tabs-contents>:last-child{flex-shrink:0;min-height:100%}.mobile-menu-tabs-content-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.mobile-menu-tabs-content-heading .title{text-transform:uppercase;font-size:14px;font-weight:500;line-height:20px;color:var(--muted)}.mobile-menu-tabs-content-heading .line{width:100%;height:1px;background:var(--border-color2);display:block}.mobile-menu-tabs-content-items{display:flex;flex-direction:column;gap:8px}.mobile-menu-tabs-content-item{border-bottom:1px solid var(--border-color2);padding-bottom:12px}.mobile-menu-tabs-content-item:last-child{border-bottom:0;padding-bottom:0}.mobile-menu-tabs-content-item-title{margin-bottom:12px;font-size:14px;font-weight:500;line-height:20px}.mobile-menu-tabs-content-item-grids{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid;justify-content:start}.mobile-menu-tabs-content-item-grid{display:flex;flex-direction:column;gap:4px}.mobile-menu-tabs-content-item-grid-img{aspect-ratio:1;border-radius:5px;overflow:hidden;display:block}.mobile-menu-tabs-content-item-grid-title{text-align:center;color:var(--paragraph-text-color);font-size:12px;font-weight:300;line-height:16px;text-transform:capitalize}
/*# sourceMappingURL=/cdn/shop/t/8/assets/mobile-menu.css.map */