.menu-drawer{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100;transform:translate(-100%);transition:transform var(--duration-default) ease;background:rgb(var(--color-background));overflow-y:auto}.menu-drawer.animate{transform:translate(0)}.menu-drawer__inner{height:100%;display:flex;flex-direction:column}.menu-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.menu-drawer__heading{margin:0;font-size:1.8rem}.menu-drawer__close{background:transparent;border:none;color:rgb(var(--color-foreground));cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.menu-drawer__close .icon{height:2rem;width:2rem}.menu-drawer__navigation{flex:1;padding:2rem}.menu-drawer__menu{list-style:none;padding:0;margin:0}.menu-drawer__menu-item{border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.menu-drawer__menu-item .link{display:block;padding:1.5rem 0;color:rgb(var(--color-foreground));text-decoration:none;font-size:1.6rem;font-weight:var(--font-body-weight)}.menu-drawer__menu-item .link:hover{color:rgb(var(--color-base-accent-1))}.menu-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(var(--color-shadow),.5);z-index:99;opacity:0;visibility:hidden;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.menu-drawer__overlay.active{opacity:1;visibility:visible}@media screen and (min-width: 750px){.menu-drawer{width:40rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-menu-drawer.css.map */