button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

[data-dir='rtl'] input {
  text-align: right !important;
  /* @noflip */
  direction: ltr !important;

  &::placeholder {
    /* @noflip */
    direction: ltr !important;
  }
}

/* 字体相关 */
:lang(en-US),
:lang(pt),
:lang(pt-BR),
:lang(tr),
:lang(fr),
:lang(de),
:lang(it),
:lang(pl),
:lang(id),
:lang(fil),
:lang(vi-VN),
:lang(th),
:lang(hi),
:lang(ro),
:lang(sv),
:lang(sl),
:lang(sk),
:lang(lv),
:lang(cs),
:lang(el),
:lang(uk),
:lang(bg),
:lang(sq),
:lang(uz),
:lang(bn),
:lang(nl),
:lang(sw),
:lang(ar),
:lang(he),
:lang(ur),
:lang(es) {
  font-family: 'HarmonyOS Sans', sans-serif;
}

:lang(fa) {
  font-family: 'IranSansX', sans-serif;
}

:lang(zh-TW) {
  font-family: 'HarmonyOS Sans', 'PingFang TC', -apple-system, system-ui, 'Helvetica Neue',
    'Microsoft YaHei', Arial, sans-serif;
}

:lang(zh-TC) {
  font-family: 'HarmonyOS Sans', 'PingFang TC', -apple-system, system-ui, 'Helvetica Neue',
    'Microsoft YaHei', Arial, sans-serif;
}

:lang(ja) {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Helvetica Neue, Arial, sans-serif;
}

:lang(ru) {
  font-family: IBM Plex Sans, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
}

/** Trading View */
:root {
  --tv-color-toolbar-button-text-active: #ffdb00;
  --tv-color-toolbar-button-text-active-hover: #ffdb00;
}
.theme-dark:root {
  --tv-color-platform-background: #000;
  --tv-color-pane-background: #000;
}
.price-button,
.mcap-button {
  cursor: pointer;
  line-height: 16px;
  font-weight: 400;
  font-size: 14px;
  color: #81807f;
}

.price-button.active,
.mcap-button.active {
  color: #fff;
  cursor: default;
}