/* Arabic is the only right-to-left UI locale.  Keep media stages and their
 * progress/gesture axes LTR so existing playback controls do not reverse. */
html[dir="rtl"] body {
  direction: rtl;
}

html[dir="rtl"] input:not([type="range"]),
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .hg-language-switch__menu,
html[dir="rtl"] .hg-reel-account__menu,
html[dir="rtl"] .hg-account-action-dialog__panel {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .hg-language-switch__menu,
html[dir="rtl"] .hg-reel-account__menu {
  left: 0;
  right: auto;
}

html[dir="rtl"] .hg-reel__stage,
html[dir="rtl"] .hg-reel__player,
html[dir="rtl"] .dplayer {
  direction: ltr;
}

html[dir="rtl"] .hg-reel__subtitle-overlay[dir="rtl"] {
  direction: rtl;
  unicode-bidi: plaintext;
}