@font-face { font-family: "Vynli Arabic"; src: url("fonts/noto-sans-arabic.ttf") format("truetype"); font-style: normal; font-weight: 100 900; font-display: swap; }
html[dir="rtl"] body, html[dir="rtl"] body * { font-family: "Vynli Arabic", Arial, sans-serif; }
html[dir="rtl"] body { letter-spacing: normal; }
html[dir="rtl"] :is(input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="password"], input[autocomplete="one-time-code"], code, pre) { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] :is(.auth-reset-form, .auth-back, .security-choice, .account-field, .profile-name, .feed-post__body, .post-menu__options, .account-menu, .app-search, .info-shell, .chat-person) { text-align: start; }
html[dir="rtl"] [data-app-navigation] button.topbar__search { text-align: start; }
html[dir="rtl"] .nav-item > .nav-badge { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .footer-language-menu__options { right: auto; left: 0; }
html[dir="rtl"] .post-menu__options { right: auto; left: 0; }
html[dir="rtl"] .profile-content :is(.profile-tabs, .album-list) { direction: rtl; }
html[dir="rtl"] .notice-panel { right: auto; left: 16px; }
@media (min-width: 721px) {
    html[dir="rtl"] .app-shell > .sidebar { left: auto; right: 0; border-right: 0; border-left: 1px solid #e1e8f1; }
    html[dir="rtl"] .app-shell > .content { padding-left: 0; padding-right: var(--sidebar-width); }
}

html[dir="rtl"] [data-game-board] { direction: ltr; }