/* Mirror layout, while keeping phone numbers, amounts and linking codes legible. */
html[dir="rtl"] { font-family: "Noto Sans Arabic", "Geeza Pro", Tahoma, Arial, sans-serif; }
html[dir="rtl"] :is(h1,h2,h3,button,input,select,textarea) { font-family: inherit; }
html[dir="rtl"] :is(h1,h2,h3,.eyebrow,.nav-caption,.hero-badge) { letter-spacing: normal; }
html[dir="rtl"] :is(p,h1,h2,h3,label) { line-height: 1.7; }
html[dir="rtl"] :is(.nav-item,.task-button,.instructions,.task-card,.record-item,.history-item) { text-align: start; }
html[dir="rtl"] :is(input[type="tel"],input[type="email"],input[type="password"],input[type="number"],input[inputmode="numeric"],input[inputmode="decimal"],input[name="account_number"],input[name="ifsc"],input[name="upi_id"],input[readonly],.device-pairing-code,.device-code-group,.brand,.mobile-brand,.connect-task-name strong) {
  direction: ltr;
  unicode-bidi: isolate;
}
html[dir="rtl"] :is(input[type="email"],input[type="tel"],input[name="account_number"],input[name="ifsc"]) { text-align: start; }
html[dir="rtl"] :is(.history-top strong,.device-stats strong,.wallet-balance,.balance-amount,.money,.bonus-amount,.welcome-amount,.store-score,.review-stars) { unicode-bidi: isolate; }
html[dir="rtl"] .sidebar { inset: 0 0 0 auto; border-right: 0; border-left: 1px solid var(--border); }
html[dir="rtl"] .workspace { margin-left: 0; margin-right: 240px; }
html[dir="rtl"] :is(.nav-dot,.help-link .icon:last-child,.session-button,.online-dot) { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .modal-close { right: auto; left: 15px; }
html[dir="rtl"] .modal-toolbar { padding-right: 0; padding-left: 32px; }
html[dir="rtl"] :is(.device-progress,.connect-how) { direction: rtl; }
html[dir="rtl"] :is(.device-progress li,.device-code-character) { unicode-bidi: isolate; }
html[dir="rtl"] :is(.task-button,.connect-back) .icon { transform: scaleX(-1); }
html[dir="rtl"] .reward-art { right: auto; left: -5px; }
html[dir="rtl"] .hero-content { padding-inline-end: 200px; }
.languages { flex-wrap: wrap; }
.language-switch select { max-width: 165px; }
@media (max-width: 1180px) {
  html[dir="rtl"] .workspace { margin-right: 205px; }
}
@media (max-width: 1000px) {
  html[dir="rtl"] .workspace { margin-right: 185px; }
}
@media (max-width: 760px) {
  html[dir="rtl"] .workspace { margin-right: 0; }
  html[dir="rtl"] .hero-content { padding-inline-end: 120px; }
  html[dir="rtl"] .reward-art { left: -39px; transform-origin: bottom left; }
  .languages { justify-content: center; max-width: 100%; }
  .languages button { font-size: 11px; padding-inline: 8px; }
}
@media (max-width: 380px) {
  html[dir="rtl"] .hero-content { padding-inline-end: 25px; }
  html[dir="rtl"] .reward-art { opacity: .25; }
}