:host:after,:host:before{background:#131313;content:"";position:absolute;z-index:-1}@media only screen and (min-width:992px){:host:after,:host:before{backdrop-filter:saturate(180%) blur(15px);background:hsla(0,0%,7%,.8);border-radius:0;border-radius:var(--menu-border-radius-desktop,0)}}:host:before{display:none;grid-column:menu;grid-row:top}@media only screen and (min-width:992px){:host:before{bottom:0;display:none;height:var(--menu-height);left:0;right:0;top:0;inset:0}}:host:after{bottom:0;display:block;grid-column:menu;height:100dvh;left:0;right:0;top:auto;inset:auto 0 0 0;transform:translateX(-100%);transform:var(--menu-after-translate,translateX(-100%));transform-origin:bottom center;transition:scale .2s,transform .2s}@media only screen and (min-width:992px){:host:after{bottom:0;grid-row:top-start/submenu-end;height:85px;height:var(--menu-after-height-desktop,85px);left:0;right:0;top:0;transform:none;transform-origin:top center}}:host([menu-open=true]){--menu-after-translate:translateX(0);--menu-after-height-desktop:calc(100dvh - 32px)}