.btn-mobile-menu{display:flex;align-items:center;justify-content:start;height:30px;width:30px;position:relative;padding-right:5px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-decoration:none;cursor:pointer}.btn-mobile-menu span{display:block;transform:translateY(0);width:16px;height:2px;background-color:rgba(var(--color-text-heading));border-radius:5px}.btn-mobile-menu:after,.btn-mobile-menu:before{content:"";position:absolute;left:0;right:0;width:22px;height:2px;background-color:rgba(var(--color-text-heading));border-radius:2px;transition:all .3s ease}.btn-mobile-menu:before{transform:translateY(-6px);width:26px}.btn-mobile-menu:after{transform:translateY(6px);width:22px}.canvas-mb{width:100%!important;max-width:min(90%,320px)}.canvas-mb .icon-close-popup{position:absolute;font-size:16px;z-index:3;top:15px;left:15px;background-color:transparent;border:none;height:30px;width:30px;padding:7px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-dark)}.canvas-mb .mb-canvas-content{padding-top:60px;min-width:100%;grid-auto-rows:minmax(0,1fr) auto;isolation:isolate;height:100%;width:100%;display:grid;align-content:start}.canvas-mb .mb-body{padding-right:20px;padding-left:20px;padding-bottom:20px;border-bottom:1px solid rgba(var(--color-border));overscroll-behavior-y:contain;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.canvas-mb .mb-body::-webkit-scrollbar{width:3px}.canvas-mb .mb-body::-webkit-scrollbar-thumb{background-color:rgba(var(--color-primary));border-radius:5px}.nav-ul-mb .nav-mb-item{padding:2px 0}.nav-ul-mb .nav-mb-item:not(:last-child){border-bottom:1px solid rgba(var(--color-border))}.nav-ul-mb .nav-mb-item .mb-menu-link{min-height:40px;font-weight:500;font-size:14px;color:rgba(var(--color-text-heading));display:flex;align-items:center;justify-content:space-between;width:100%}.nav-ul-mb .nav-mb-item.active .sub-nav-link.active,.nav-ul-mb .nav-mb-item.active .mb-menu-link{color:rgba(var(--color-primary))}.nav-ul-mb .btn-open-sub{position:relative;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}.nav-ul-mb .nav-mb-item.active .sub-nav-link.active .btn-open-sub:after,.nav-ul-mb .nav-mb-item.active .sub-nav-link.active .btn-open-sub:before,.nav-ul-mb .nav-mb-item.active .mb-menu-link .btn-open-sub:after,.nav-ul-mb .nav-mb-item.active .mb-menu-link .btn-open-sub:before{background-color:rgba(var(--color-primary))}.nav-ul-mb .btn-open-sub:after,.nav-ul-mb .btn-open-sub:before{content:"";position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;background-color:rgba(var(--color-text-heading));transition:.4s ease .1s;margin:auto}.nav-ul-mb .btn-open-sub:before{width:2px;height:12px}.nav-ul-mb .btn-open-sub:after{width:12px;height:2px}.nav-ul-mb .nav-mb-item .mb-menu-link:not(.collapsed) .btn-open-sub:before{transform:rotate(90deg)}.nav-ul-mb .sub-nav-menu{margin-left:10px;padding-left:15px;margin-bottom:20px;border-left:1px solid rgba(var(--color-border))}.nav-ul-mb .sub-menu-level-2{margin-bottom:5px}.nav-ul-mb .sub-nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:32px;font-size:14px}.nav-ul-mb .sub-nav-link:not(.collapsed) .btn-open-sub:before{transform:rotate(90deg)}.nav-ul-mb .sub-nav-link.line-clamp{position:relative;display:inline-flex}.mb-group-icon{margin:20px 0;display:flex;flex-wrap:wrap;gap:8px}.mb-group-icon .nav-icon-item{display:inline-flex;align-items:center;gap:2px;padding:10px 12px 10px 7px;background-color:rgba(var(--color-border));color:rgba(var(--color-text-heading));border-radius:3px;font-size:14px;line-height:1;font-weight:500}.mb-group-icon .nav-icon-item .icon{font-size:20px}.mb-group-icon .nav-icon-item:hover{color:var(--color-white);background-color:rgba(var(--color-text-heading))}.mb-info{display:grid;gap:8px}.canvas-mb .text-need{margin-bottom:12px;font-weight:500;font-size:14px;line-height:24px;text-decoration:underline;text-underline-offset:4px}.mb-info li{font-weight:400;font-size:14px;line-height:24px;color:rgba(var(--color-text-body))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mobile-menu.css.map */
