/* Portal languages: language menu, letters beyond basic Latin, right-to-left pages. Loaded by every portal page. */

/* Until the page is translated (lang.mjs), it stays hidden; it shows after 2.5 s even if a script fails. */
html.i18n-pending body{visibility:hidden;animation:lang-show 0s 2.5s forwards}
@keyframes lang-show{to{visibility:visible}}

/* Inter for Vietnamese, Turkish and other extended Latin letters, and Cyrillic (the pages already load basic Latin). */
@font-face{font-family:Inter;src:url('/fonts/inter-400-latin-ext.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url('/fonts/inter-500-latin-ext.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url('/fonts/inter-600-latin-ext.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url('/fonts/inter-400-vietnamese.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Inter;src:url('/fonts/inter-500-vietnamese.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Inter;src:url('/fonts/inter-600-vietnamese.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Inter;src:url('/fonts/inter-400-cyrillic.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url('/fonts/inter-500-cyrillic.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url('/fonts/inter-600-cyrillic.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url('/fonts/inter-400-cyrillic-ext.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Inter;src:url('/fonts/inter-500-cyrillic-ext.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Inter;src:url('/fonts/inter-600-cyrillic-ext.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}

/* Language menu in the header (same look as hoaifx.com). */
.lang-menu{position:relative;flex-shrink:0;font-family:Inter,system-ui,sans-serif}
.lang-menu summary{list-style:none;display:flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 9px;border:1px solid #2a2b30;border-radius:999px;color:#cbc9c4;font:500 12px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;cursor:pointer;user-select:none;-webkit-user-select:none;transition:border-color .2s,color .2s}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary::marker{content:''}
.lang-menu summary:hover,.lang-menu[open] summary{border-color:#4a4b52;color:#f2f2f2}
.lang-menu summary:focus-visible{outline:2px solid #6aa9ff;outline-offset:3px}
.lang-menu svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex:none}
.lang-menu .lang-globe{width:16px;height:16px;stroke-width:1.7}
.lang-menu .lang-chevron{width:13px;height:13px;stroke-width:2;transition:transform .2s}
.lang-menu[open] .lang-chevron{transform:rotate(180deg)}
.lang-list{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:max-content;min-width:200px;max-height:min(72vh,540px);overflow:auto;margin:0;padding:6px;list-style:none;background:#101012;border:1px solid #2c2c30;border-radius:12px;box-shadow:0 18px 50px #000b;letter-spacing:normal;text-align:start}
.lang-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border-radius:8px;color:#c4c4c9;font:400 14px/1.3 Inter,system-ui,sans-serif;white-space:nowrap;text-decoration:none}
.lang-list a:hover,.lang-list a:focus-visible{background:#1b1b1f;color:#fff}
.lang-list a[aria-current]{color:#fff;font-weight:600}
.lang-list a[aria-current]::after{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
/* Headers with a logo and a label: the menu sits just before the label. */
.lang-push{margin-inline-start:auto;margin-inline-end:12px}
/* While an email link is being opened, changing language would reload the page and lose the link. */
.lang-locked .lang-menu{display:none}
@media(max-width:560px){.lang-menu summary{width:34px;padding:0;justify-content:center;gap:0}.lang-menu .lang-code,.lang-menu .lang-chevron{display:none}.lang-push{margin-inline-end:8px}}

/* Scripts without letter case or with joined letters: no letter spacing, no synthetic italics. */
:lang(ar) *,:lang(hi) *{letter-spacing:0!important}
:lang(zh) em,:lang(ja) em,:lang(ar) em,:lang(hi) em{font-style:normal}
:lang(zh) *,:lang(ja) *{word-break:normal;line-break:strict}

/* Right-to-left (Arabic): icons, amounts, addresses and codes keep left-to-right drawing. */
[dir=rtl] svg{direction:ltr}
[dir=rtl] .lang-list{right:auto;left:0}
[dir=rtl] .action-arrow svg,[dir=rtl] #back-from-usdt svg{transform:scaleX(-1)}
[dir=rtl] .link-logo{direction:ltr}
/* Emails, passwords, usernames, codes and transaction IDs are written left to right, aligned with the Arabic text. */
[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] #tradingview-username,[dir=rtl] #username,[dir=rtl] #discount-code,[dir=rtl] #txid{direction:ltr;text-align:right}
/* Long words in small headers (de "BESTELLBESTÄTIGUNG") wrap instead of leaving the screen. */
html:not([lang=en]) .receipt-header>span{overflow-wrap:anywhere}