.portal-language-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:0;padding:12px 24px;background:var(--tint);border:0;border-bottom:1px solid var(--line-brand);color:var(--brand);width:100%;box-sizing:border-box;position:relative;z-index:2}
.portal-language-bar>span{font-weight:700}.portal-language-bar>div{display:flex;gap:6px;flex-wrap:wrap}.portal-language-bar button{padding:9px 12px;border:1px solid var(--line-brand);border-radius:6px;background:var(--surface);color:var(--brand);cursor:pointer;min-height:44px;font-size:14px;var(--surface)-space:normal;overflow-wrap:anywhere}.portal-language-bar button.active{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:700}.portal-language-bar [role=alert]{width:100%;margin:0;color:var(--danger, #9c2222)}.portal-file-input{position:absolute;width:1px!important;height:1px!important;opacity:0;overflow:hidden}.portal-file-label{cursor:pointer;display:block;min-height:44px;padding:10px;border:1px solid var(--line-brand);border-radius:5px}.portal-file-label:focus-within{outline:2px solid var(--brand)}
@media(max-width:520px){.portal-language-bar{padding:10px 14px;gap:5px;justify-content:flex-start}.portal-language-bar>span{width:100%}.portal-language-bar>div{display:grid;grid-template-columns:1fr 1fr 1.5fr;width:100%}.portal-language-bar button{font-size:13px;padding:8px;min-width:0}}
.portal-language-footer{width:100%;clear:both;margin-top:24px;flex-shrink:0}.portal-language-footer .portal-language-bar{border-bottom:0;border-top:1px solid var(--line-brand)}

.portal-language-bar button:hover{background:var(--tint-2);color:var(--brand);border-color:var(--accent)}.portal-language-bar button.active:hover{background:var(--brand-hover);color:#fff}.portal-language-bar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}