html[dir="rtl"] body {
  font-family: 'Noto Sans Arabic', 'Sora', sans-serif;
  text-align: right;
}

html[dir="rtl"] .logo,
html[dir="rtl"] nav,
html[dir="rtl"] .nav-links,
html[dir="rtl"] .nav-right,
html[dir="rtl"] .account-actions,
html[dir="rtl"] .app-links,
html[dir="rtl"] .app-launcher,
html[dir="rtl"] .dashboard-header,
html[dir="rtl"] .dashboard-continue,
html[dir="rtl"] .dashboard-panel-heading,
html[dir="rtl"] .device-row,
html[dir="rtl"] .security-state-row,
html[dir="rtl"] .footer-links,
html[dir="rtl"] .footer-bottom,
html[dir="rtl"] .footer-bottom-right {
  direction: rtl;
}

html[dir="rtl"] .account-hero-inner,
html[dir="rtl"] .account-card,
html[dir="rtl"] .contact-card,
html[dir="rtl"] .auth-card,
html[dir="rtl"] .dashboard-card,
html[dir="rtl"] .dashboard-shell,
html[dir="rtl"] .dashboard-panel,
html[dir="rtl"] .security-shell {
  text-align: right;
}

html[dir="rtl"] .security-row-actions {
  align-items: flex-start;
}

html[dir="rtl"] .lang-menu {
  inset-inline-start: 0;
  inset-inline-end: auto;
}

html[dir="rtl"] .lang-option,
html[dir="rtl"] .mobile-menu a,
html[dir="rtl"] .contact-form label,
html[dir="rtl"] .auth-form label,
html[dir="rtl"] .contact-form input,
html[dir="rtl"] .contact-form select,
html[dir="rtl"] .contact-form textarea,
html[dir="rtl"] .auth-form input,
html[dir="rtl"] .profile-list dt,
html[dir="rtl"] .profile-list dd {
  text-align: right;
}

html[dir="rtl"] .plan-features,
html[dir="rtl"] .plan-unlocks-list {
  text-align: right;
}

html[dir="rtl"] .plan-features li,
html[dir="rtl"] .plan-unlocks-list li {
  direction: rtl;
}

html[dir="rtl"] .plan-flag {
  right: 20px;
  left: auto;
}

html[dir="rtl"] .pw-field input {
  padding-inline-end: 12px;
  padding-inline-start: 74px;
}

html[dir="rtl"] .pw-toggle {
  inset-inline-start: 6px;
  inset-inline-end: auto;
}

html[dir="rtl"] .account-eyebrow,
html[dir="rtl"] .lang-trigger {
  direction: ltr;
}