component-mega-menu>[popover]{--mega-menu-top: 0px;--mega-menu-viewport-top: 0px;--mega-menu-height: 0px;--transition-duration: .2s;position:absolute;inset:var(--mega-menu-top) 0 auto;margin:0;padding:0;border:0;width:100%;max-width:none;max-height:calc(100dvh - var(--mega-menu-viewport-top));color:inherit;background:var(--background-color);box-shadow:0 4px 4px #00000040;opacity:0;transition:opacity var(--transition-duration) ease,display var(--transition-duration) allow-discrete,overlay var(--transition-duration) allow-discrete}component-mega-menu>[popover]::backdrop{top:calc(var(--mega-menu-viewport-top) + var(--mega-menu-height));background-color:#0009;opacity:0;transition:opacity var(--transition-duration) ease,display var(--transition-duration) allow-discrete,overlay var(--transition-duration) allow-discrete}component-mega-menu>[popover]:popover-open,component-mega-menu>[popover]:popover-open::backdrop{opacity:1}@starting-style{component-mega-menu>[popover]:popover-open,component-mega-menu>[popover]:popover-open::backdrop{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/component-mega-menu.css.map */