.auth-header{display:flex;justify-content:space-between;align-items:center;gap:15px}
.language-picker{display:inline-flex;align-items:center;gap:7px;color:#65715e;flex-shrink:0}
.language-picker>span[aria-hidden]{display:flex;align-items:center}
.language-picker svg{width:16px;height:16px}
.language-picker select{max-width:115px;min-height:44px;cursor:pointer;color:var(--ink);border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px 23px 7px 10px;font-size:var(--text-base)}
.language-picker select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
html[lang=de] .nav-item,html[lang=fr] .nav-item{overflow-wrap:anywhere}
html:not([lang=it]) .topbar-right{gap:12px}
@media(max-width:700px){.topbar-right .demo-badge{display:none}
.language-picker select{max-width:100px}
.auth-header{gap:8px}
.auth-header .brand{font-size:var(--text-2xl)}
}
@media(max-width:390px){.auth-header{flex-wrap:wrap}
.auth-header .language-picker{margin-left:auto}
.topbar{padding-left:15px;padding-right:15px}
.language-picker select{font-size:var(--text-base)}
}


.language-picker select{border-color:var(--field-border);min-width:7.5rem;max-width:8.125rem}
.auth-header .brand{font-size:clamp(20px,1.5rem,24px)}
@media(max-width:767px){html[lang=de] .nav-item,html[lang=fr] .nav-item{font-size:0}}