.js menu-drawer>details>summary:before,.js menu-drawer>details[open]:not(.menu-opening)>summary:before{content:"";position:absolute;top:100%;left:0;z-index:2;width:100%;height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));background-color:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden;transition:opacity 0s,visibility 0s;cursor:default}menu-drawer>details[open]>summary:before{visibility:visible;opacity:1;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.js .menu-drawer{height:calc(var(--viewport-height, 100vh) - (var(--header-main-height, 100%) - 1px))}.js details[open]>.menu-drawer,.js details[open]>.menu-drawer__submenu{transition:transform var(--duration-default) ease,visibility var(--duration-default) ease}.js details[open].menu-opening>.menu-drawer,details[open].menu-opening>.menu-drawer__submenu{transform:translate(100%);visibility:visible}.js .menu-drawer__navigation .submenu-open{visibility:hidden}.menu-drawer__navigation-container{display:grid;grid-template-rows:1fr auto;align-content:space-between;height:100%;overflow-y:auto}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-menu-drawer.css.map */