.flow-locale{position:relative;flex:none;color:var(--text,#203550);font-size:12px}
.flow-locale summary{display:flex;align-items:center;justify-content:center;gap:12px;min-width:76px;height:44px;padding:0 12px;border:1px solid var(--line,#d9e2ef);border-radius:9px;cursor:pointer;list-style:none;background:var(--panel,#fff)}
.flow-locale summary::-webkit-details-marker{display:none}
.flow-locale>div{position:absolute;top:calc(100% + 7px);inset-inline-end:0;min-width:170px;padding:6px;border:1px solid var(--line,#d9e2ef);border-radius:12px;background:var(--panel,#fff);box-shadow:0 12px 32px #091d3526;z-index:100}
.flow-locale button{border:0;display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;min-height:40px;padding:8px 12px;border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.flow-locale button:hover,.flow-locale button[aria-checked=true]{background:#3289d51a;color:#2a65af}
.flow-locale small{opacity:.6;font-size:10px}
html[data-theme=dark] .flow-locale{--panel:#193047;--text:#e1edf7;--line:#35516c}
html[data-marsa-dive=on] .layout.marsa-chrome,html[data-marsa-dive=on] .main,html[data-marsa-dive=on] .content{background:transparent}
html[data-marsa-dive=on] #app{position:relative;z-index:1}
html[data-marsa-dive=on]{background:#04131f}
html[dir=ltr] body .layout.marsa-chrome.marsa-chrome.marsa-chrome{direction:ltr}
html[dir=ltr] .sidebar,html[dir=ltr] .main,html[dir=ltr] .content{direction:ltr}
html[dir=ltr] .marsa-chrome-header{direction:ltr}

/* One explicit chevron; the generic details marker must not duplicate it. */
.flow-locale>summary::after{content:none}
.flow-locale[open]>summary>span[aria-hidden]{transform:rotate(180deg)}
/* The selection follows the reading edge in every language. */
.sidebar .nav-link{position:relative}
.sidebar .nav-link.active::before{inset-inline-start:0;inset-inline-end:auto;margin-inline-start:0;top:50%;transform:translateY(-50%)}