html[dir="rtl"], body[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

body[dir="rtl"] .text-left,
body[dir="rtl"] .md\:text-left,
body[dir="rtl"] .lg\:text-left {
    text-align: right !important;
}

body[dir="rtl"] .text-right,
body[dir="rtl"] .md\:text-right,
body[dir="rtl"] .lg\:text-right {
    text-align: left !important;
}

body[dir="rtl"] .flex-row,
body[dir="rtl"] .md\:flex-row {
    flex-direction: row-reverse;
}

body[dir="rtl"] .left-0 { right: 0; left: auto; }
body[dir="rtl"] .right-0 { left: 0; right: auto; }
body[dir="rtl"] .left-1 { right: 0.25rem; left: auto; }
body[dir="rtl"] .right-1 { left: 0.25rem; right: auto; }
body[dir="rtl"] .left-2 { right: 0.5rem; left: auto; }
body[dir="rtl"] .right-2 { left: 0.5rem; right: auto; }
body[dir="rtl"] .left-3 { right: 0.75rem; left: auto; }
body[dir="rtl"] .right-3 { left: 0.75rem; right: auto; }
body[dir="rtl"] .left-4 { right: 1rem; left: auto; }
body[dir="rtl"] .right-4 { left: 1rem; right: auto; }

body[dir="rtl"] .pl-9 { padding-left: 0.75rem; padding-right: 2.25rem; }
body[dir="rtl"] .pl-11 { padding-left: 1rem; padding-right: 2.75rem; }
body[dir="rtl"] .pr-10 { padding-right: 0.75rem; padding-left: 2.5rem; }
body[dir="rtl"] .mr-1,
body[dir="rtl"] .mr-2,
body[dir="rtl"] .mr-3,
body[dir="rtl"] .mr-4,
body[dir="rtl"] .mr-1\.5 { margin-right: 0 !important; margin-left: .25rem !important; }
body[dir="rtl"] .ml-1,
body[dir="rtl"] .ml-2,
body[dir="rtl"] .ml-3,
body[dir="rtl"] .ml-4,
body[dir="rtl"] .ml-auto { margin-left: 0 !important; margin-right: auto !important; }