@layer components{.menu-panel{z-index:0;box-shadow:none;background-color:#fff;flex-direction:column;transition:transform .2s ease-out,box-shadow .2s ease-out;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(100%)}.menu-panel#menu-main{z-index:1;transform:translate(0)}.menu-panel[data-state=active]{z-index:10;transform:translate(0);box-shadow:-4px 0 12px #0000001a}.menu-panel[data-state=behind]{z-index:5;transform:translate(-40px);box-shadow:-2px 0 8px #00000014}.menu-panel[data-state=back]{z-index:0;transform:translate(-100%)}.menu-panel[data-state=closed]{z-index:0;box-shadow:none;transform:translate(100%)}.menu-panel-header{padding:calc(var(--spacing) * 6) calc(var(--spacing) * 4);border-bottom:1px solid var(--color-border);flex-shrink:0}.menu-panel-back{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-base);color:currentColor;cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;transition:opacity .2s;display:flex}.menu-panel-back:hover{opacity:.7}.menu-panel-back-icon{justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;transform:rotate(180deg)}.menu-panel-back-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:100%;height:100%}.menu-panel-title{font-size:var(--text-base);margin-bottom:calc(var(--spacing) * 4);font-weight:700;line-height:1.5}.menu-panel-list{gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.menu-panel-item{width:100%;font-size:var(--text-base);text-align:left;color:currentColor;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:400;line-height:1.5;transition:opacity .2s;display:flex}.menu-panel-item:hover{opacity:.7}.menu-panel-link{font-size:var(--text-base);color:currentColor;font-weight:400;line-height:1.5;text-decoration:none;transition:opacity .2s;display:block}.menu-panel-link:hover{opacity:.7}.menu-panel-link[aria-current=page]{font-weight:600}.menu-panel-chevron{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:transform .2s;display:flex}.menu-panel-chevron svg{stroke:currentColor;fill:none;stroke-width:2px;width:100%;height:100%}.menu-panel-item:hover .menu-panel-chevron{transform:translate(.25rem)}.menu-panel__content{-webkit-overflow-scrolling:touch;background-color:var(--color-background);padding:0 calc(var(--spacing) * 4);flex:1;overflow:hidden auto}@media(prefers-reduced-motion:reduce){.menu-panel{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/mobile-menu-Z7DiuGpr.css.map */