.menu{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background-color:var(--color-white-30);border-radius:var(--space-lg);display:grid;flex-grow:1;grid-template-rows:5rem 0fr;overflow:hidden;padding:0 var(--space-lg);transition:grid-template-rows var(--mouse-in),padding var(--mouse-in),width var(--mouse-in);&:has(.menu__btn[aria-expanded=true]){grid-template-rows:1.1em 1fr;padding:var(--space-lg);width:100%;& .menu__nav{display:block}}& .menu__nav{display:none;overflow:hidden}& .menu__nav-wrapper{margin-top:var(--space-sm);position:relative;transition:height var(--mouse-in),width var(--mouse-in),left var(--mouse-in)}& .menu__btn{color:var(--color-black);&:after,&:before{content:none!important}}& ul{display:flex;list-style:none;&[class^=menu]{flex-direction:column;gap:var(--space-sm)}}& li{display:flex;flex-direction:column;padding-left:var(--space-md)}& a,& button{align-items:center;background:none;border:none;color:var(--color-black-60);cursor:pointer;display:flex;font-weight:700;text-align:left;transition:color var(--mouse-in);&:focus,&:hover{color:var(--color-black);&:before{transform:scale(1)}}&:before{aspect-ratio:1/1;background-color:var(--color-black);border-radius:50%;content:"";left:0;position:absolute;transform:scale(0);transition:transform var(--mouse-in);width:var(--space-sm)}}& button{gap:var(--space-sm);&:after{content:"+";margin-left:auto}&[aria-expanded=true]:after{content:"-"}}}@media (width >= 992px){.menu:has(.menu__btn[aria-expanded=false]){width:13.8rem}.menu__nav-wrapper{width:24rem;&:has(button[aria-expanded=true]+.menu-2){width:calc(48rem + var(--space-lg)*2 + var(--space-xl))}&:has(button[aria-expanded=true]+.menu-3){width:calc(72rem + var(--space-lg)*2 + var(--space-xl)*2)}& ul[class^=menu]{width:24rem}}.menu-1 button[aria-expanded=true]{color:var(--color-black);&:before{transform:scale(1)}}.menu-2,.menu-3{left:calc(24rem + var(--space-xl));opacity:0;position:absolute;top:0;transition:opacity .4s ease;visibility:hidden;button[aria-expanded=true]+&{opacity:1;visibility:visible}}}@media (width < 992px){.menu__nav-wrapper{left:0;&:has(button[aria-expanded=true]+.menu-2){left:calc(-100% - var(--space-lg))}&:has(button[aria-expanded=true]+.menu-3){left:calc(-200% - var(--space-lg)*2)}}.menu-2,.menu-3{left:calc(100% + var(--space-lg));position:absolute;top:0;visibility:hidden;width:100%;button[aria-expanded=true]+&{visibility:visible}& button[data-js=close-submenu-btn]{color:var(--color-black);&:before{transform:scale(1);width:1rem}&:after{content:none}}}}.lang-switcher{margin-top:var(--space-lg);& li:not(.current-lang){order:1;& a:before{content:none}}& .current-lang a{color:var(--color-black);&:before{transform:scale(1)}}}