.mega-menu-drawer__overlay.active{opacity:1;pointer-events:auto}.mega-menu-drawer__container.hide-focus *:focus,.mega-menu-drawer__container.hide-focus *:focus-visible{outline:0;border:0;box-shadow:none}.mega-menu-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:109;background-color:#00000091;backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);opacity:0;pointer-events:none;transition:opacity var(--hh-duration-default) ease-in-out;min-width:100%;min-height:100%;width:100vw;height:120vh}.mega-menu-drawer__overlay-button{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.mega-menu-drawer__container{position:fixed;top:0;left:0;height:var(--hh-mega-menu-drawer-height);max-height:100vh;width:100%;z-index:110;transform:translate3d(-100%,0,0);transition:transform var(--hh-duration-xx-long) var(--hh-cubic-1)}.mega-menu-drawer__container[open]{transform:translateZ(0)}.mega-menu-drawer__container[open]+.header-wrapper__inner .header__inline-menu{color:var(--hh-color-subdued)}.mega-menu-drawer__container[open]+.header-wrapper__inner hh-button:is(:hover,:focus,.active),.mega-menu-drawer__container[open]+.header-wrapper__inner .header__menu-item{--hh-color: var(--hh-color-foreground);--hh-color-subdued: var(--hh-color-foreground)}.mega-menu-drawer__submenus{display:flex;flex-wrap:wrap;column-gap:4.5rem;row-gap:2.5rem;width:100%;max-height:100%;overflow-y:auto;position:absolute;top:0;left:0;opacity:0;pointer-events:none;background-color:var(--hh-color-day);transition:opacity var(--hh-duration-default) linear}.mega-menu-drawer__submenus.active{opacity:1;pointer-events:auto}.mega-menu-drawer__submenu{width:100%;max-width:17.5rem}.mega-menu-drawer__heading{margin:0 0 1.6rem;font:var(--hh-body-small-font);color:var(--hh-color-text);display:inline-block}.mega-menu-drawer__heading:is(:hover,:focus-visible){color:var(--hh-color-subdued)}.mega-menu-drawer__heading.focus-visible:focus{outline:.2rem solid var(--hh-color-focus);outline-offset:var(--hh-focus-outline-offset)}.mega-menu-drawer__link{padding:.5rem .2rem;font:var(--hh-body-small-font);color:var(--hh-color-subdued)}.mega-menu-drawer__link:is(:hover,:focus){color:var(--hh-color-text);outline:none}
/*# sourceMappingURL=/cdn/shop/t/279/assets/component-mega-menu-drawer.css.map */