/* Right-to-left support for Arabic and Hebrew public/account interfaces. Loaded only when is active. */ html[dir="rtl"], html[dir="rtl"] body { direction: rtl; text-align: right; font-family: "Noto Sans Arabic", "Noto Sans Hebrew", Inter, Arial, sans-serif; } html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select { text-align: right; } /* Identifiers, numeric values and technical strings remain readable LTR. */ html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="url"], html[dir="rtl"] input[inputmode="numeric"], html[dir="rtl"] input[name*="iban" i], html[dir="rtl"] input[name*="api" i], html[dir="rtl"] code, html[dir="rtl"] pre, html[dir="rtl"] .copy-value { direction: ltr; text-align: left; } html[dir="rtl"] .sidebar { right: 0; left: auto; border-right: 0; border-left: 1px solid var(--color-border); } html[dir="rtl"] .sidebar .nav-item { border-left: 0; border-right: 2px solid transparent; } html[dir="rtl"] .sidebar .nav-item.is-active { border-right-color: var(--color-primary-strong); } html[dir="rtl"] .sidebar .nav-item.nav-action { padding-right: calc(var(--space-4) + var(--space-5)); padding-left: var(--space-4); } html[dir="rtl"] .sidebar .nav-group .nav-item { padding-right: calc(var(--space-4) + var(--space-4)); padding-left: var(--space-4); } html[dir="rtl"] .sidebar .nav-group .nav-item.nav-action { padding-right: calc(var(--space-4) + var(--space-6) + var(--space-2)); padding-left: var(--space-4); } html[dir="rtl"] .sidebar .nav-parent { text-align: right; } html[dir="rtl"] .topbar { right: var(--sidebar-width); left: 0; } html[dir="rtl"] .app-content, html[dir="rtl"] .docs-content { margin-right: var(--sidebar-width); margin-left: 0; } html[dir="rtl"] .slidein { right: auto; left: 0; border-right: 1px solid var(--color-border); border-left: 0; transform: translateX(-100%); } html[dir="rtl"] .slidein.is-open { transform: translateX(0); } html[dir="rtl"] .lang-globe, html[dir="rtl"] .start-lang { right: auto; left: var(--space-4); } html[dir="rtl"] .lang-globe-menu, html[dir="rtl"] .start-lang-menu { right: auto; left: 0; } html[dir="rtl"] .users-search > .lucide { right: 14px; left: auto; } html[dir="rtl"] .users-search input { padding-right: 44px; padding-left: var(--space-4); } html[dir="rtl"] .table th, html[dir="rtl"] .table td { text-align: right; } html[dir="rtl"] .table .cell-end, html[dir="rtl"] .text-right { text-align: left; } @media (max-width: 900px) { html[dir="rtl"] .sidebar { transform: translateX(100%); } html[dir="rtl"] .sidebar.is-open { transform: translateX(0); } html[dir="rtl"] .topbar { right: 0; } html[dir="rtl"] .app-content, html[dir="rtl"] .docs-content { margin-right: 0; } }