html[lang="ar"] .english-font,
html[dir="rtl"] .english-font {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

html[lang="ar"] .font-mono,
html[dir="rtl"] .font-mono,
html[lang="ar"] [dir="ltr"].font-mono,
html[dir="rtl"] [dir="ltr"].font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

html[lang="ar"] .font-mono *,
html[dir="rtl"] .font-mono *,
html[lang="ar"] [dir="ltr"].font-mono *,
html[dir="rtl"] [dir="ltr"].font-mono * {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

html[lang="ar"] body,
html[lang="ar"] p,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] span:not([class*="icon"]):not([class*="material"]),
html[lang="ar"] div:not([class*="icon"]):not([class*="material"]):not(.english-font):not(.font-mono),
html[lang="ar"] label,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] button,
html[lang="ar"] a,
html[lang="ar"] td,
html[lang="ar"] th,
html[lang="ar"] li,
html[lang="ar"] ul,
html[lang="ar"] ol,
html[lang="ar"] .rtl,
html[dir="rtl"] body,
html[dir="rtl"] p,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] span:not([class*="icon"]):not([class*="material"]),
html[dir="rtl"] div:not([class*="icon"]):not([class*="material"]):not(.english-font):not(.font-mono),
html[dir="rtl"] label,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button,
html[dir="rtl"] a,
html[dir="rtl"] td,
html[dir="rtl"] th,
html[dir="rtl"] li,
html[dir="rtl"] ul,
html[dir="rtl"] ol,
html[dir="rtl"] .rtl {
    font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, sans-serif;
}

[dir="ltr"],
.ltr-number,
[dir="rtl"] [dir="ltr"],
[dir="rtl"] .ltr-number {
    direction: ltr !important;
    text-align: left !important;
}

[dir="rtl"] [dir="ltr"],
[dir="rtl"] .ltr-number {
    display: inline-block;
}

[dir="rtl"] button[dir="ltr"],
[dir="rtl"] button.text-center {
    text-align: center !important;
}