.language-picker{display:inline-flex!important;align-items:center;gap:5px;flex-shrink:0;margin:0 0 0 auto!important;position:relative;z-index:3;padding:0 9px;border:1px solid #b699cd66;border-radius:24px;min-height:40px;color:#654176;background:#faf5ff;font:14px/1.4 system-ui,"Noto Sans Lao",sans-serif;white-space:nowrap}
.language-picker>span{font-size:20px;line-height:1;pointer-events:none}
.language-picker select{display:block;width:auto;max-width:100px;min-height:40px;margin:0;padding:5px 2px;border:0;border-radius:18px;box-shadow:none;background:transparent;color:inherit;font:inherit;cursor:pointer}
.language-picker:focus-within{outline:2px solid #b18ad1;outline-offset:3px}
body:has(.entrance) .language-picker,body:has(.admin-shell) .language-picker{background:#251333;color:#f2e7d5;border-color:#d2b77966}
header:has(.language-picker){gap:16px}
header:has(#member-toolbar) .language-picker{margin-left:0!important}
html[lang=lo] body{font-family:"Noto Sans Lao","Lao Sangam MN","Phetsarath OT",system-ui,sans-serif}
html[lang=lo] input,html[lang=lo] textarea,html[lang=lo] button,html[lang=lo] select{font-family:inherit}
html[lang=en] .flow-progress button,html[lang=lo] .flow-progress button{line-height:1.4;white-space:normal}
@media(max-width:600px){
 header:has(.language-picker){gap:8px}
 .language-picker{font-size:12px;min-height:36px;padding:0 7px}
 .language-picker select{min-height:36px;max-width:80px}
 header:has(#member-toolbar){display:grid!important;grid-template-columns:1fr auto;height:auto!important;min-height:84px!important;padding-block:5px!important;row-gap:0}
 header:has(#member-toolbar)>.logo{grid-column:1;grid-row:1}
 header:has(#member-toolbar)>.language-picker{grid-column:2;grid-row:1}
 header:has(#member-toolbar)>#member-toolbar{grid-column:1/-1;grid-row:2;justify-content:flex-end;margin:0;font-size:11px}
 header:has(#member-toolbar)>#member-toolbar>button{padding:4px 2px;min-height:28px}
 header:has(#member-toolbar)>#member-toolbar>span{padding:3px 7px}
 body:has(.entrance) header .brand{font-size:17px;gap:6px}
 body:has(.entrance) header .brand em{font-size:20px}
 body:has(.admin-shell) header{flex-wrap:wrap;height:auto;padding-block:12px}
 body:has(.admin-shell) header>.brand{width:100%}
 .flow-progress button{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:no-preference){.language-picker{transition:border-color .2s,background .2s}}
header>.language-picker{order:3}
