.menu-drawer-container{display:flex}.menu-drawer{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;transform:translate(-100%);visibility:hidden}details[open] .menu-drawer{transform:translate(0);visibility:visible}.menu-drawer__inner-container{position:absolute;overflow-x:hidden;overflow-y:auto;width:100%;height:100%}.menu-drawer__navigation-container{display:grid;grid-template-rows:1fr auto;align-content:space-between;overflow-x:hidden;overflow-y:auto;height:100%;background-color:var(--color-background)}.menu-drawer__navigation{padding:3rem 0}.menu-drawer__menu-item{padding:1.2rem 3rem;text-decoration:none;font-size:1.6rem}.menu-drawer__menu-item--active,.menu-drawer__menu-item:focus,.menu-drawer__close-button:focus,.menu-drawer__menu-item:hover,.menu-drawer__close-button:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04)}.menu-drawer__menu-item:focus,.menu-drawer__close-button:focus{outline:.2rem solid rgba(var(--color-foreground),.5)}.menu-drawer__menu li{margin-bottom:.2rem}.menu-drawer__menu{padding:0;margin:0;list-style:none}.menu-drawer__utility-links{padding:2rem;background-color:rgba(var(--color-foreground),.03)}.menu-drawer__account{display:inline-flex;align-items:center;text-decoration:none;padding:1.2rem;margin-left:-1.2rem;font-size:1.6rem}.menu-drawer__account .icon{height:2rem;width:2rem;margin-right:1rem}.menu-drawer__submenu{position:absolute;top:0;width:100%;bottom:0;left:0;background-color:var(--color-background);border-left:.1rem solid rgba(var(--color-foreground),.2);z-index:1;transform:translate(100%);visibility:hidden}.menu-drawer__submenu.menu-opening{visibility:visible;transform:translate(0)}.menu-drawer__close-button{margin-top:1.5rem;padding:1.2rem 2.6rem;text-decoration:none;display:flex;align-items:center;font-size:1.4rem;width:100%;background-color:transparent;font-family:var(--font-body-family);font-style:var(--font-body-style);text-align:left;border:none}.menu-drawer__close-button .icon-arrow{transform:rotate(180deg);margin-right:1rem}.menu-opening .menu-drawer__close-button .icon-arrow{transform:rotate(180deg)}.overflow-hidden-mobile,.overflow-hidden-tablet{overflow:hidden}@media screen and (min-width: 750px){.overflow-hidden-mobile{overflow:auto}}@media screen and (min-width: 990px){.overflow-hidden-tablet{overflow:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-menu-drawer.css.map */