/* i18n chrome only — no body hide (was causing white flash) */
.ccx-language-switcher{
  position:fixed;
  left:18px;
  bottom:calc(18px + env(safe-area-inset-bottom,0px));
  z-index:1300;
  display:block;
  width:auto;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  pointer-events:none;
}
.ccx-language-switcher>*{pointer-events:auto}
.ccx-language-switcher-button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:132px;
  height:44px;
  padding:0 12px 0 13px;
  border:1px solid rgba(52,165,255,.55);
  border-radius:12px;
  color:#eef7ff;
  background:#111827;
  box-shadow:0 10px 30px rgba(0,0,0,.28);
  font:600 13px/1 var(--ccx-font-family,system-ui,sans-serif);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.ccx-language-switcher-button::after{
  content:"";
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid currentColor;
  opacity:.7;
}
.ccx-language-switcher-button:focus-visible{outline:2px solid #2d9cff;outline-offset:2px}
.ccx-language-menu{
  position:absolute;
  left:0;
  right:auto;
  top:auto;
  bottom:calc(100% + 8px);
  z-index:1301;
  min-width:100%;
  max-height:var(--ccx-lang-menu-max,min(280px,calc(100vh - 24px)));
  max-height:var(--ccx-lang-menu-max,min(280px,calc(100dvh - 24px)));
  overflow:auto;
  overscroll-behavior:contain;
  padding:6px;
  border:1px solid rgba(52,165,255,.35);
  border-radius:12px;
  background:#111827;
  box-shadow:0 16px 36px rgba(0,0,0,.38);
  -webkit-overflow-scrolling:touch;
}
.ccx-language-menu[hidden]{display:none!important}
.ccx-language-menu:not(.is-up){
  top:calc(100% + 8px);
  bottom:auto;
}
.ccx-language-menu.is-end{
  left:auto;
  right:0;
}
.ccx-language-menu button{
  display:block;
  width:100%;
  min-height:44px;
  padding:0 12px;
  border:0;
  border-radius:8px;
  color:#eef7ff;
  background:transparent;
  font:600 14px/1 var(--ccx-font-family,system-ui,sans-serif);
  text-align:left;
  cursor:pointer;
}
.ccx-language-menu button:hover,
.ccx-language-menu button[aria-selected="true"]{
  background:rgba(45,156,255,.16);
}
[data-theme="light"] .ccx-language-switcher-button,
[data-theme="light"] .ccx-language-menu{
  color:#191919;
  background:#fff;
  border-color:#D5DEEA;
  box-shadow:0 10px 30px rgba(25,28,38,.12);
}
[data-theme="light"] .ccx-language-menu button{color:#191919}
[data-theme="light"] .ccx-language-menu button:hover,
[data-theme="light"] .ccx-language-menu button[aria-selected="true"]{
  background:#E8EEF6;
}
@media(max-width:720px){
  .ccx-language-switcher{
    left:12px;
    bottom:calc(12px + env(safe-area-inset-bottom,0px));
  }
  .ccx-language-switcher-button{min-width:124px;height:44px;font-size:13px}
}
body.trader-body .ccx-language-switcher,
body.trader-body .ccx-language-switcher.ccx-language-switcher-header,
body.auth-body .ccx-language-switcher.ccx-language-switcher-header,
body.site-body .ccx-language-switcher.ccx-language-switcher-header{
  position:relative;
  left:auto;
  right:auto;
  top:auto;
  bottom:auto;
  z-index:70;
  display:block;
  flex:0 0 auto;
  pointer-events:auto;
}
body.trader-body .ccx-language-switcher-button,
body.auth-body .ccx-language-switcher-button,
body.site-body .ccx-language-switcher-header .ccx-language-switcher-button{
  min-width:0;
  height:38px;
  padding:0 10px 0 11px;
  border-radius:10px;
  box-shadow:none;
  font-size:12px;
}
body.trader-body .ccx-language-menu,
body.site-body .ccx-language-switcher-header .ccx-language-menu{
  left:auto;
  right:0;
  top:calc(100% + 8px);
  bottom:auto;
  z-index:80;
  min-width:max(100%,132px);
  box-shadow:0 12px 28px rgba(0,0,0,.36);
}
body.trader-body .ccx-language-menu.is-up,
body.site-body .ccx-language-switcher-header .ccx-language-menu.is-up{
  top:auto;
  bottom:calc(100% + 8px);
}
@media(max-width:900px){
  body.trader-body .ccx-language-switcher,
  body.trader-body .ccx-language-switcher.ccx-language-switcher-header,
  body.site-body .ccx-language-switcher.ccx-language-switcher-header{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
  }
  body.trader-body .ccx-language-switcher-button,
  body.site-body .ccx-language-switcher-header .ccx-language-switcher-button{
    min-width:0;
    max-width:112px;
    height:36px;
    padding:0 8px 0 9px;
    font-size:11px;
  }
}
body.ops-body .ccx-language-switcher{display:none!important}