/* language picker (see cgn-i18n.js) */
html.i18n-wait body{visibility:hidden}
.i18n-pick{position:relative;flex:none}
.i18n-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;cursor:pointer;font:600 14px/1 inherit;font-family:inherit;min-height:40px;padding:8px 14px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;white-space:nowrap}
.i18n-btn:hover{background:rgba(255,255,255,.16)}
.i18n-btn:focus-visible{outline:2px solid #ffd25e;outline-offset:2px}
.i18n-btn .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.i18n-car{font-size:11px;opacity:.8}
.i18n-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:#fff;color:#0f172a;border:1px solid #e5e9f0;border-radius:14px;
  box-shadow:0 18px 40px rgba(15,23,42,.22);padding:6px;z-index:9600;display:flex;flex-direction:column}
.i18n-menu[hidden]{display:none}
.i18n-opt{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:left;font:600 14.5px/1.2 inherit;font-family:inherit;color:#0f172a;
  padding:11px 12px;border-radius:10px;cursor:pointer;min-height:44px}
.i18n-opt:hover,.i18n-opt:focus-visible{background:#f3e8ff;outline:none}
.i18n-opt[aria-checked="true"]{color:#7c3aed}
.i18n-flag{font-size:18px;line-height:1}
.i18n-ck{margin-left:auto;font-weight:800}
/* sign-in card: light pill in the corner */
.auth-card{position:relative}
.i18n-auth{position:absolute;top:12px;right:12px}
.i18n-auth .i18n-btn{background:#f1f3fa;border-color:#e2e6f0;color:#334155;min-height:36px;padding:6px 11px;font-size:13px}
.i18n-auth .i18n-btn:hover{background:#e9ecf6}
.i18n-auth .i18n-btn:focus-visible{outline-color:#7c3aed}
.i18n-slot .i18n-btn{background:#f1f3fa;border-color:#e2e6f0;color:#334155}
.i18n-slot .i18n-menu{left:0;right:auto}
/* phones: compact globe button in the top bar */
@media(max-width:900px){
  .top .i18n-top{display:block}
  .top .i18n-top .i18n-btn{padding:0;width:40px;height:40px;justify-content:center;gap:0;min-height:0}
  .top .i18n-top .i18n-cur,.top .i18n-top .i18n-car{display:none}
  .top .i18n-top .i18n-btn .ic{width:20px;height:20px}
  .top .i18n-top .i18n-menu{position:fixed;top:64px;right:10px;left:auto}
}
@media(max-width:420px){.auth-card{padding-top:56px !important}}
/* longer words in other languages: let buttons wrap instead of pushing the card off screen */
.dl-auth,.dl-welcome{white-space:normal;text-align:center;line-height:1.3}
.auth-card,.auth-tabs button{min-width:0}
.auth-tabs button{overflow-wrap:anywhere}
