/* Language switcher in the site header, styled like the wallet and bell. */
.lang-switch{position:relative;flex:none;margin-left:auto}
.lang-switch+.account,.lang-switch+.steam-sign,.site-header.hv2 .lang-switch+.account,.site-header.hv2 .lang-switch+.steam-sign{margin-left:0}
.lang-switch-btn{height:42px;display:flex;align-items:center;gap:7px;padding:0 10px 0 11px;border:1px solid #33405a;border-radius:12px;background:#121a2a;color:#c6cede;font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.lang-switch-btn:hover,.lang-switch.open .lang-switch-btn{border-color:#5d5aa8;background:#1b2238;color:#fff}
.lang-switch-btn:focus-visible,.lang-switch-menu a:focus-visible,.lang-suggest a:focus-visible,.lang-suggest button:focus-visible{outline:2px solid #aa8dff;outline-offset:2px}
.lang-flag{display:inline-flex;width:22px;height:15px;flex:none;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.lang-flag svg{width:100%;height:100%;display:block}
.lang-chev{width:14px;height:14px;opacity:.7;transition:transform .15s}
.lang-switch.open .lang-chev{transform:rotate(180deg)}
.lang-switch-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:90;min-width:200px;margin:0;padding:6px;list-style:none;border:1px solid #2f3a55;border-radius:14px;background:#0f1524;box-shadow:0 18px 40px rgba(0,0,0,.5);display:none}
.lang-switch.open .lang-switch-menu{display:block}
.lang-switch-menu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:#c6cede;font-size:14px;font-weight:650;text-decoration:none}
.lang-switch-menu a:hover{background:#1b2238;color:#fff}
.lang-switch-menu a[aria-current]{background:#1d2440;color:#fff}
.lang-switch-menu a[aria-current]::after{content:"";width:7px;height:7px;margin-left:auto;border-radius:50%;background:#42ddb9}
@media(max-width:680px){
  .lang-switch-btn{height:36px;padding:0 7px;gap:5px}
  .lang-code{display:none}
  .lang-switch-menu{position:fixed;left:10px;right:10px;top:64px;min-width:0}
}
@media(prefers-reduced-motion:reduce){.lang-switch-btn,.lang-chev{transition:none}}

/* Note shown above documents that exist in English only. */
.i18n-legal-note{margin:0 0 22px;padding:12px 14px;border:1px solid #33405a;border-radius:10px;background:#121a2a;color:#c6cede;font-size:14px}

/* "View this site in your language?" bar on English pages. */
.lang-suggest{position:fixed;left:50%;bottom:16px;z-index:95;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:10px 10px 10px 16px;border:1px solid #33405a;border-radius:14px;background:#0f1524;box-shadow:0 18px 40px rgba(0,0,0,.5);color:#e6e9f4;font-size:14px}
.lang-suggest a{flex:none;padding:8px 12px;border-radius:9px;background:#42ddb9;color:#07110e;font-weight:800;text-decoration:none}
.lang-suggest button{flex:none;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#9aa3ba;font-size:20px;cursor:pointer}
.lang-suggest button:hover{background:#1b2238;color:#fff}