menu-drawer{display:block}.menu-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:99}.menu-drawer__overlay.active{opacity:1;visibility:visible}.menu-drawer{position:fixed;top:0;left:-100%;width:320px;max-width:85vw;height:100vh;background:rgb(var(--color-background));box-shadow:2px 0 12px #00000026;z-index:100;transition:left .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-drawer.menu-opening{left:0}.menu-drawer__inner{display:flex;flex-direction:column;height:100%;padding:6rem 2rem 2rem}.menu-drawer__close-button{position:absolute;top:2rem;right:2rem;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.menu-drawer__close-button .icon{width:2.4rem;height:2.4rem}.menu-drawer__navigation{flex:1}.menu-drawer__menu{margin:0;padding:0;list-style:none}.menu-drawer__menu-item{border-bottom:1px solid rgba(var(--color-foreground),.08)}.menu-drawer__menu-link{display:block;padding:1.8rem 0;font-size:1.8rem;font-weight:500;color:rgb(var(--color-foreground));text-decoration:none}.menu-drawer__menu-link:hover,.menu-drawer__menu-link[aria-current=page]{color:rgba(var(--color-foreground),.6)}.menu-drawer__submenu{margin:0;padding:0 0 1rem 2rem;list-style:none}.menu-drawer__submenu-link{display:block;padding:1.2rem 0;font-size:1.5rem;color:rgba(var(--color-foreground),.8);text-decoration:none}.menu-drawer__submenu-link:hover{color:rgb(var(--color-foreground))}.menu-drawer__footer{margin-top:auto;padding-top:2rem;border-top:1px solid rgba(var(--color-foreground),.08)}.menu-drawer__account-link{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;font-size:1.6rem;text-decoration:none;color:rgb(var(--color-foreground))}.menu-drawer__account-link .icon{width:2.4rem;height:2.4rem}.menu-drawer__close-button:focus-visible,.menu-drawer__menu-link:focus-visible,.menu-drawer__submenu-link:focus-visible,.menu-drawer__account-link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (min-width:990px){menu-drawer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-menu-drawer.css.map */