.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);@media (width >= 768px){width:13.8rem}&:has(.menu__btn[aria-expanded=true]){grid-template-rows:1.1em 1fr;padding:var(--space-lg);width:100%}& ul[class^=menu]{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;overflow:hidden}& .menu__btn{color:var(--color-black)}& 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)}}.menu__nav{overflow:hidden}.menu-1{& li{display:grid;grid-template-rows:min-content 0fr;overflow:hidden;padding-left:var(--space-md);position:relative;transition:grid-template-rows var(--mouse-in);&:first-child{margin-top:var(--space-sm)}&:has(button[aria-expanded=true]){grid-template-rows:min-content 1fr}}& a,& button{&: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:"-"}}}.lang-switcher{margin-top:var(--space-lg);& ul{list-style:none}& li{padding-left:var(--space-md);position:relative}& li:not(.current-lang){order:1}& a{text-decoration:none;&:focus,&:hover{color:var(--color-black)}}}.current-lang a{color:var(--color-black);&:before{aspect-ratio:1/1;background-color:var(--color-black);border-radius:50%;content:"";left:0;position:absolute;width:var(--space-sm)}}.lang-switcher--inline{& li,& ul{display:flex}& a{text-transform:capitalize}}