/*
 * RTL overrides.
 *
 * Arabic (ar-AE, ar-SA) shipped with lang="ar-*" but no dir attribute, so the
 * whole locale rendered left-to-right. dir="rtl" fixes text direction, flex and
 * grid order and scrollbars on its own, and Tailwind v4 compiles space-x-* to
 * margin-inline-*, which already mirrors.
 *
 * What does not mirror is the physical directional utilities the templates use
 * (ml-*, pl-*, left-*, text-left, border-l...). This file flips exactly those,
 * and only the ones actually present in the templates.
 *
 * Note the .left-N.right-M pair rules. An element carrying both sides is the
 * standard full-width idiom (fixed top-0 left-0 right-0, used by 95 elements
 * here); handled by two independent single-side rules, each would set the other
 * side to auto and the element would collapse to its content width. Swapping
 * the two values instead is correct for a symmetric pair (it swaps to itself)
 * and for an asymmetric one (it genuinely mirrors).
 *
 * Hand-generated rather than produced by Tailwind: the compiled stylesheet is a
 * committed artifact that cannot be rebuilt reliably here, since vendor/ lives
 * in a Docker volume and a host build drops the framework's own utilities. That
 * also rules out moving the templates to ms-/me-/ps-/pe-, which would compile
 * to nothing. RtlTest asserts every directional class in the views is covered.
 *
 * Loaded after style.css; the [dir="rtl"] prefix wins on specificity.
 */

[dir="rtl"] .border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 0px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}

[dir="rtl"] .border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}

[dir="rtl"] .left-0 {
  left: auto;
  right: calc(var(--spacing) * 0);
}

[dir="rtl"] .left-0\.5 {
  left: auto;
  right: calc(var(--spacing) * 0.5);
}

[dir="rtl"] .left-1 {
  left: auto;
  right: calc(var(--spacing) * 1);
}

[dir="rtl"] .left-2 {
  left: auto;
  right: calc(var(--spacing) * 2);
}

[dir="rtl"] .left-3 {
  left: auto;
  right: calc(var(--spacing) * 3);
}

[dir="rtl"] .left-4 {
  left: auto;
  right: calc(var(--spacing) * 4);
}

[dir="rtl"] .left-5 {
  left: auto;
  right: calc(var(--spacing) * 5);
}

[dir="rtl"] .left-6 {
  left: auto;
  right: calc(var(--spacing) * 6);
}

[dir="rtl"] .ml-0 {
  margin-left: 0;
  margin-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .ml-1 {
  margin-left: 0;
  margin-right: calc(var(--spacing) * 1);
}

[dir="rtl"] .ml-1\.5 {
  margin-left: 0;
  margin-right: calc(var(--spacing) * 1.5);
}

[dir="rtl"] .ml-10 {
  margin-left: 0;
  margin-right: calc(var(--spacing) * 10);
}

[dir="rtl"] .ml-11 {
  margin-left: 0;
  margin-right: calc(var(--spacing) * 11);
}

[dir="rtl"] .ml-2 {
  margin-left: 0;
  margin-right: calc(var(--spacing) * 2);
}

[dir="rtl"] .ml-3 {
  margin-left: 0;
  margin-right: calc(var(--spacing) * 3);
}

[dir="rtl"] .ml-4 {
  margin-left: 0;
  margin-right: calc(var(--spacing) * 4);
}

[dir="rtl"] .ml-7 {
  margin-left: 0;
  margin-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .mr-0 {
  margin-right: 0;
  margin-left: calc(var(--spacing) * 0);
}

[dir="rtl"] .mr-1 {
  margin-right: 0;
  margin-left: calc(var(--spacing) * 1);
}

[dir="rtl"] .mr-1\.5 {
  margin-right: 0;
  margin-left: calc(var(--spacing) * 1.5);
}

[dir="rtl"] .mr-2 {
  margin-right: 0;
  margin-left: calc(var(--spacing) * 2);
}

[dir="rtl"] .mr-2\.5 {
  margin-right: 0;
  margin-left: calc(var(--spacing) * 2.5);
}

[dir="rtl"] .mr-3 {
  margin-right: 0;
  margin-left: calc(var(--spacing) * 3);
}

[dir="rtl"] .mr-4 {
  margin-right: 0;
  margin-left: calc(var(--spacing) * 4);
}

[dir="rtl"] .pl-0 {
  padding-left: 0;
  padding-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .pl-6 {
  padding-left: 0;
  padding-right: calc(var(--spacing) * 6);
}

[dir="rtl"] .pl-7 {
  padding-left: 0;
  padding-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .pl-8 {
  padding-left: 0;
  padding-right: calc(var(--spacing) * 8);
}

[dir="rtl"] .pr-10 {
  padding-right: 0;
  padding-left: calc(var(--spacing) * 10);
}

[dir="rtl"] .pr-12 {
  padding-right: 0;
  padding-left: calc(var(--spacing) * 12);
}

[dir="rtl"] .pr-16 {
  padding-right: 0;
  padding-left: calc(var(--spacing) * 16);
}

[dir="rtl"] .pr-3 {
  padding-right: 0;
  padding-left: calc(var(--spacing) * 3);
}

[dir="rtl"] .pr-4 {
  padding-right: 0;
  padding-left: calc(var(--spacing) * 4);
}

[dir="rtl"] .right-0 {
  right: auto;
  left: calc(var(--spacing) * 0);
}

[dir="rtl"] .right-0\.5 {
  right: auto;
  left: calc(var(--spacing) * 0.5);
}

[dir="rtl"] .right-10 {
  right: auto;
  left: calc(var(--spacing) * 10);
}

[dir="rtl"] .right-2 {
  right: auto;
  left: calc(var(--spacing) * 2);
}

[dir="rtl"] .right-3 {
  right: auto;
  left: calc(var(--spacing) * 3);
}

[dir="rtl"] .right-4 {
  right: auto;
  left: calc(var(--spacing) * 4);
}

[dir="rtl"] .text-left {
  text-align: right;
}

[dir="rtl"] .text-right {
  text-align: left;
}

[dir="rtl"] .left-0.right-0 {
  left: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0);
}

[dir="rtl"] .left-0.right-0\.5 {
  left: calc(var(--spacing) * 0.5);
  right: calc(var(--spacing) * 0);
}

[dir="rtl"] .left-0.right-10 {
  left: calc(var(--spacing) * 10);
  right: calc(var(--spacing) * 0);
}

[dir="rtl"] .left-0.right-2 {
  left: calc(var(--spacing) * 2);
  right: calc(var(--spacing) * 0);
}

[dir="rtl"] .left-0.right-3 {
  left: calc(var(--spacing) * 3);
  right: calc(var(--spacing) * 0);
}

[dir="rtl"] .left-0.right-4 {
  left: calc(var(--spacing) * 4);
  right: calc(var(--spacing) * 0);
}

[dir="rtl"] .left-0\.5.right-0 {
  left: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 0.5);
}

[dir="rtl"] .left-0\.5.right-0\.5 {
  left: calc(var(--spacing) * 0.5);
  right: calc(var(--spacing) * 0.5);
}

[dir="rtl"] .left-0\.5.right-10 {
  left: calc(var(--spacing) * 10);
  right: calc(var(--spacing) * 0.5);
}

[dir="rtl"] .left-0\.5.right-2 {
  left: calc(var(--spacing) * 2);
  right: calc(var(--spacing) * 0.5);
}

[dir="rtl"] .left-0\.5.right-3 {
  left: calc(var(--spacing) * 3);
  right: calc(var(--spacing) * 0.5);
}

[dir="rtl"] .left-0\.5.right-4 {
  left: calc(var(--spacing) * 4);
  right: calc(var(--spacing) * 0.5);
}

[dir="rtl"] .left-1.right-0 {
  left: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 1);
}

[dir="rtl"] .left-1.right-0\.5 {
  left: calc(var(--spacing) * 0.5);
  right: calc(var(--spacing) * 1);
}

[dir="rtl"] .left-1.right-10 {
  left: calc(var(--spacing) * 10);
  right: calc(var(--spacing) * 1);
}

[dir="rtl"] .left-1.right-2 {
  left: calc(var(--spacing) * 2);
  right: calc(var(--spacing) * 1);
}

[dir="rtl"] .left-1.right-3 {
  left: calc(var(--spacing) * 3);
  right: calc(var(--spacing) * 1);
}

[dir="rtl"] .left-1.right-4 {
  left: calc(var(--spacing) * 4);
  right: calc(var(--spacing) * 1);
}

[dir="rtl"] .left-2.right-0 {
  left: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 2);
}

[dir="rtl"] .left-2.right-0\.5 {
  left: calc(var(--spacing) * 0.5);
  right: calc(var(--spacing) * 2);
}

[dir="rtl"] .left-2.right-10 {
  left: calc(var(--spacing) * 10);
  right: calc(var(--spacing) * 2);
}

[dir="rtl"] .left-2.right-2 {
  left: calc(var(--spacing) * 2);
  right: calc(var(--spacing) * 2);
}

[dir="rtl"] .left-2.right-3 {
  left: calc(var(--spacing) * 3);
  right: calc(var(--spacing) * 2);
}

[dir="rtl"] .left-2.right-4 {
  left: calc(var(--spacing) * 4);
  right: calc(var(--spacing) * 2);
}

[dir="rtl"] .left-3.right-0 {
  left: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 3);
}

[dir="rtl"] .left-3.right-0\.5 {
  left: calc(var(--spacing) * 0.5);
  right: calc(var(--spacing) * 3);
}

[dir="rtl"] .left-3.right-10 {
  left: calc(var(--spacing) * 10);
  right: calc(var(--spacing) * 3);
}

[dir="rtl"] .left-3.right-2 {
  left: calc(var(--spacing) * 2);
  right: calc(var(--spacing) * 3);
}

[dir="rtl"] .left-3.right-3 {
  left: calc(var(--spacing) * 3);
  right: calc(var(--spacing) * 3);
}

[dir="rtl"] .left-3.right-4 {
  left: calc(var(--spacing) * 4);
  right: calc(var(--spacing) * 3);
}

[dir="rtl"] .left-4.right-0 {
  left: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 4);
}

[dir="rtl"] .left-4.right-0\.5 {
  left: calc(var(--spacing) * 0.5);
  right: calc(var(--spacing) * 4);
}

[dir="rtl"] .left-4.right-10 {
  left: calc(var(--spacing) * 10);
  right: calc(var(--spacing) * 4);
}

[dir="rtl"] .left-4.right-2 {
  left: calc(var(--spacing) * 2);
  right: calc(var(--spacing) * 4);
}

[dir="rtl"] .left-4.right-3 {
  left: calc(var(--spacing) * 3);
  right: calc(var(--spacing) * 4);
}

[dir="rtl"] .left-4.right-4 {
  left: calc(var(--spacing) * 4);
  right: calc(var(--spacing) * 4);
}

[dir="rtl"] .left-5.right-0 {
  left: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 5);
}

[dir="rtl"] .left-5.right-0\.5 {
  left: calc(var(--spacing) * 0.5);
  right: calc(var(--spacing) * 5);
}

[dir="rtl"] .left-5.right-10 {
  left: calc(var(--spacing) * 10);
  right: calc(var(--spacing) * 5);
}

[dir="rtl"] .left-5.right-2 {
  left: calc(var(--spacing) * 2);
  right: calc(var(--spacing) * 5);
}

[dir="rtl"] .left-5.right-3 {
  left: calc(var(--spacing) * 3);
  right: calc(var(--spacing) * 5);
}

[dir="rtl"] .left-5.right-4 {
  left: calc(var(--spacing) * 4);
  right: calc(var(--spacing) * 5);
}

[dir="rtl"] .left-6.right-0 {
  left: calc(var(--spacing) * 0);
  right: calc(var(--spacing) * 6);
}

[dir="rtl"] .left-6.right-0\.5 {
  left: calc(var(--spacing) * 0.5);
  right: calc(var(--spacing) * 6);
}

[dir="rtl"] .left-6.right-10 {
  left: calc(var(--spacing) * 10);
  right: calc(var(--spacing) * 6);
}

[dir="rtl"] .left-6.right-2 {
  left: calc(var(--spacing) * 2);
  right: calc(var(--spacing) * 6);
}

[dir="rtl"] .left-6.right-3 {
  left: calc(var(--spacing) * 3);
  right: calc(var(--spacing) * 6);
}

[dir="rtl"] .left-6.right-4 {
  left: calc(var(--spacing) * 4);
  right: calc(var(--spacing) * 6);
}

[dir="rtl"] .ml-0.mr-0 {
  margin-left: calc(var(--spacing) * 0);
  margin-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .ml-0.mr-1 {
  margin-left: calc(var(--spacing) * 1);
  margin-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .ml-0.mr-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
  margin-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .ml-0.mr-2 {
  margin-left: calc(var(--spacing) * 2);
  margin-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .ml-0.mr-2\.5 {
  margin-left: calc(var(--spacing) * 2.5);
  margin-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .ml-0.mr-3 {
  margin-left: calc(var(--spacing) * 3);
  margin-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .ml-0.mr-4 {
  margin-left: calc(var(--spacing) * 4);
  margin-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .ml-1.mr-0 {
  margin-left: calc(var(--spacing) * 0);
  margin-right: calc(var(--spacing) * 1);
}

[dir="rtl"] .ml-1.mr-1 {
  margin-left: calc(var(--spacing) * 1);
  margin-right: calc(var(--spacing) * 1);
}

[dir="rtl"] .ml-1.mr-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
  margin-right: calc(var(--spacing) * 1);
}

[dir="rtl"] .ml-1.mr-2 {
  margin-left: calc(var(--spacing) * 2);
  margin-right: calc(var(--spacing) * 1);
}

[dir="rtl"] .ml-1.mr-2\.5 {
  margin-left: calc(var(--spacing) * 2.5);
  margin-right: calc(var(--spacing) * 1);
}

[dir="rtl"] .ml-1.mr-3 {
  margin-left: calc(var(--spacing) * 3);
  margin-right: calc(var(--spacing) * 1);
}

[dir="rtl"] .ml-1.mr-4 {
  margin-left: calc(var(--spacing) * 4);
  margin-right: calc(var(--spacing) * 1);
}

[dir="rtl"] .ml-1\.5.mr-0 {
  margin-left: calc(var(--spacing) * 0);
  margin-right: calc(var(--spacing) * 1.5);
}

[dir="rtl"] .ml-1\.5.mr-1 {
  margin-left: calc(var(--spacing) * 1);
  margin-right: calc(var(--spacing) * 1.5);
}

[dir="rtl"] .ml-1\.5.mr-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
  margin-right: calc(var(--spacing) * 1.5);
}

[dir="rtl"] .ml-1\.5.mr-2 {
  margin-left: calc(var(--spacing) * 2);
  margin-right: calc(var(--spacing) * 1.5);
}

[dir="rtl"] .ml-1\.5.mr-2\.5 {
  margin-left: calc(var(--spacing) * 2.5);
  margin-right: calc(var(--spacing) * 1.5);
}

[dir="rtl"] .ml-1\.5.mr-3 {
  margin-left: calc(var(--spacing) * 3);
  margin-right: calc(var(--spacing) * 1.5);
}

[dir="rtl"] .ml-1\.5.mr-4 {
  margin-left: calc(var(--spacing) * 4);
  margin-right: calc(var(--spacing) * 1.5);
}

[dir="rtl"] .ml-10.mr-0 {
  margin-left: calc(var(--spacing) * 0);
  margin-right: calc(var(--spacing) * 10);
}

[dir="rtl"] .ml-10.mr-1 {
  margin-left: calc(var(--spacing) * 1);
  margin-right: calc(var(--spacing) * 10);
}

[dir="rtl"] .ml-10.mr-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
  margin-right: calc(var(--spacing) * 10);
}

[dir="rtl"] .ml-10.mr-2 {
  margin-left: calc(var(--spacing) * 2);
  margin-right: calc(var(--spacing) * 10);
}

[dir="rtl"] .ml-10.mr-2\.5 {
  margin-left: calc(var(--spacing) * 2.5);
  margin-right: calc(var(--spacing) * 10);
}

[dir="rtl"] .ml-10.mr-3 {
  margin-left: calc(var(--spacing) * 3);
  margin-right: calc(var(--spacing) * 10);
}

[dir="rtl"] .ml-10.mr-4 {
  margin-left: calc(var(--spacing) * 4);
  margin-right: calc(var(--spacing) * 10);
}

[dir="rtl"] .ml-11.mr-0 {
  margin-left: calc(var(--spacing) * 0);
  margin-right: calc(var(--spacing) * 11);
}

[dir="rtl"] .ml-11.mr-1 {
  margin-left: calc(var(--spacing) * 1);
  margin-right: calc(var(--spacing) * 11);
}

[dir="rtl"] .ml-11.mr-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
  margin-right: calc(var(--spacing) * 11);
}

[dir="rtl"] .ml-11.mr-2 {
  margin-left: calc(var(--spacing) * 2);
  margin-right: calc(var(--spacing) * 11);
}

[dir="rtl"] .ml-11.mr-2\.5 {
  margin-left: calc(var(--spacing) * 2.5);
  margin-right: calc(var(--spacing) * 11);
}

[dir="rtl"] .ml-11.mr-3 {
  margin-left: calc(var(--spacing) * 3);
  margin-right: calc(var(--spacing) * 11);
}

[dir="rtl"] .ml-11.mr-4 {
  margin-left: calc(var(--spacing) * 4);
  margin-right: calc(var(--spacing) * 11);
}

[dir="rtl"] .ml-2.mr-0 {
  margin-left: calc(var(--spacing) * 0);
  margin-right: calc(var(--spacing) * 2);
}

[dir="rtl"] .ml-2.mr-1 {
  margin-left: calc(var(--spacing) * 1);
  margin-right: calc(var(--spacing) * 2);
}

[dir="rtl"] .ml-2.mr-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
  margin-right: calc(var(--spacing) * 2);
}

[dir="rtl"] .ml-2.mr-2 {
  margin-left: calc(var(--spacing) * 2);
  margin-right: calc(var(--spacing) * 2);
}

[dir="rtl"] .ml-2.mr-2\.5 {
  margin-left: calc(var(--spacing) * 2.5);
  margin-right: calc(var(--spacing) * 2);
}

[dir="rtl"] .ml-2.mr-3 {
  margin-left: calc(var(--spacing) * 3);
  margin-right: calc(var(--spacing) * 2);
}

[dir="rtl"] .ml-2.mr-4 {
  margin-left: calc(var(--spacing) * 4);
  margin-right: calc(var(--spacing) * 2);
}

[dir="rtl"] .ml-3.mr-0 {
  margin-left: calc(var(--spacing) * 0);
  margin-right: calc(var(--spacing) * 3);
}

[dir="rtl"] .ml-3.mr-1 {
  margin-left: calc(var(--spacing) * 1);
  margin-right: calc(var(--spacing) * 3);
}

[dir="rtl"] .ml-3.mr-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
  margin-right: calc(var(--spacing) * 3);
}

[dir="rtl"] .ml-3.mr-2 {
  margin-left: calc(var(--spacing) * 2);
  margin-right: calc(var(--spacing) * 3);
}

[dir="rtl"] .ml-3.mr-2\.5 {
  margin-left: calc(var(--spacing) * 2.5);
  margin-right: calc(var(--spacing) * 3);
}

[dir="rtl"] .ml-3.mr-3 {
  margin-left: calc(var(--spacing) * 3);
  margin-right: calc(var(--spacing) * 3);
}

[dir="rtl"] .ml-3.mr-4 {
  margin-left: calc(var(--spacing) * 4);
  margin-right: calc(var(--spacing) * 3);
}

[dir="rtl"] .ml-4.mr-0 {
  margin-left: calc(var(--spacing) * 0);
  margin-right: calc(var(--spacing) * 4);
}

[dir="rtl"] .ml-4.mr-1 {
  margin-left: calc(var(--spacing) * 1);
  margin-right: calc(var(--spacing) * 4);
}

[dir="rtl"] .ml-4.mr-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
  margin-right: calc(var(--spacing) * 4);
}

[dir="rtl"] .ml-4.mr-2 {
  margin-left: calc(var(--spacing) * 2);
  margin-right: calc(var(--spacing) * 4);
}

[dir="rtl"] .ml-4.mr-2\.5 {
  margin-left: calc(var(--spacing) * 2.5);
  margin-right: calc(var(--spacing) * 4);
}

[dir="rtl"] .ml-4.mr-3 {
  margin-left: calc(var(--spacing) * 3);
  margin-right: calc(var(--spacing) * 4);
}

[dir="rtl"] .ml-4.mr-4 {
  margin-left: calc(var(--spacing) * 4);
  margin-right: calc(var(--spacing) * 4);
}

[dir="rtl"] .ml-7.mr-0 {
  margin-left: calc(var(--spacing) * 0);
  margin-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .ml-7.mr-1 {
  margin-left: calc(var(--spacing) * 1);
  margin-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .ml-7.mr-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
  margin-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .ml-7.mr-2 {
  margin-left: calc(var(--spacing) * 2);
  margin-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .ml-7.mr-2\.5 {
  margin-left: calc(var(--spacing) * 2.5);
  margin-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .ml-7.mr-3 {
  margin-left: calc(var(--spacing) * 3);
  margin-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .ml-7.mr-4 {
  margin-left: calc(var(--spacing) * 4);
  margin-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .pl-0.pr-10 {
  padding-left: calc(var(--spacing) * 10);
  padding-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .pl-0.pr-12 {
  padding-left: calc(var(--spacing) * 12);
  padding-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .pl-0.pr-16 {
  padding-left: calc(var(--spacing) * 16);
  padding-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .pl-0.pr-3 {
  padding-left: calc(var(--spacing) * 3);
  padding-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .pl-0.pr-4 {
  padding-left: calc(var(--spacing) * 4);
  padding-right: calc(var(--spacing) * 0);
}

[dir="rtl"] .pl-6.pr-10 {
  padding-left: calc(var(--spacing) * 10);
  padding-right: calc(var(--spacing) * 6);
}

[dir="rtl"] .pl-6.pr-12 {
  padding-left: calc(var(--spacing) * 12);
  padding-right: calc(var(--spacing) * 6);
}

[dir="rtl"] .pl-6.pr-16 {
  padding-left: calc(var(--spacing) * 16);
  padding-right: calc(var(--spacing) * 6);
}

[dir="rtl"] .pl-6.pr-3 {
  padding-left: calc(var(--spacing) * 3);
  padding-right: calc(var(--spacing) * 6);
}

[dir="rtl"] .pl-6.pr-4 {
  padding-left: calc(var(--spacing) * 4);
  padding-right: calc(var(--spacing) * 6);
}

[dir="rtl"] .pl-7.pr-10 {
  padding-left: calc(var(--spacing) * 10);
  padding-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .pl-7.pr-12 {
  padding-left: calc(var(--spacing) * 12);
  padding-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .pl-7.pr-16 {
  padding-left: calc(var(--spacing) * 16);
  padding-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .pl-7.pr-3 {
  padding-left: calc(var(--spacing) * 3);
  padding-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .pl-7.pr-4 {
  padding-left: calc(var(--spacing) * 4);
  padding-right: calc(var(--spacing) * 7);
}

[dir="rtl"] .pl-8.pr-10 {
  padding-left: calc(var(--spacing) * 10);
  padding-right: calc(var(--spacing) * 8);
}

[dir="rtl"] .pl-8.pr-12 {
  padding-left: calc(var(--spacing) * 12);
  padding-right: calc(var(--spacing) * 8);
}

[dir="rtl"] .pl-8.pr-16 {
  padding-left: calc(var(--spacing) * 16);
  padding-right: calc(var(--spacing) * 8);
}

[dir="rtl"] .pl-8.pr-3 {
  padding-left: calc(var(--spacing) * 3);
  padding-right: calc(var(--spacing) * 8);
}

[dir="rtl"] .pl-8.pr-4 {
  padding-left: calc(var(--spacing) * 4);
  padding-right: calc(var(--spacing) * 8);
}

[dir="rtl"] .border-l.border-r {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}

@media (width >= 40rem) {
  [dir="rtl"] .sm\:ml-3 {
    margin-left: 0;
    margin-right: calc(var(--spacing) * 3);
  }

  [dir="rtl"] .sm\:ml-4 {
    margin-left: 0;
    margin-right: calc(var(--spacing) * 4);
  }

  [dir="rtl"] .sm\:pr-20 {
    padding-right: 0;
    padding-left: calc(var(--spacing) * 20);
  }
}

@media (width >= 48rem) {
  [dir="rtl"] .md\:border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  [dir="rtl"] .md\:border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  [dir="rtl"] .md\:left-0 {
    left: auto;
    right: calc(var(--spacing) * 0);
  }

  [dir="rtl"] .md\:pl-4 {
    padding-left: 0;
    padding-right: calc(var(--spacing) * 4);
  }

  [dir="rtl"] .md\:right-0 {
    right: auto;
    left: calc(var(--spacing) * 0);
  }

  [dir="rtl"] .md\:text-left {
    text-align: right;
  }

  [dir="rtl"] .md\:left-0.md\:right-0 {
    left: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
  }

  [dir="rtl"] .md\:border-l.md\:border-r {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
}

@media (width >= 64rem) {
  [dir="rtl"] .lg\:border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  [dir="rtl"] .lg\:left-0 {
    left: auto;
    right: calc(var(--spacing) * 0);
  }

  [dir="rtl"] .lg\:left-3 {
    left: auto;
    right: calc(var(--spacing) * 3);
  }

  [dir="rtl"] .lg\:ml-4 {
    margin-left: 0;
    margin-right: calc(var(--spacing) * 4);
  }

  [dir="rtl"] .lg\:mr-0 {
    margin-right: 0;
    margin-left: calc(var(--spacing) * 0);
  }

  [dir="rtl"] .lg\:mr-2 {
    margin-right: 0;
    margin-left: calc(var(--spacing) * 2);
  }

  [dir="rtl"] .lg\:mr-4 {
    margin-right: 0;
    margin-left: calc(var(--spacing) * 4);
  }

  [dir="rtl"] .lg\:pl-10 {
    padding-left: 0;
    padding-right: calc(var(--spacing) * 10);
  }

  [dir="rtl"] .lg\:pl-6 {
    padding-left: 0;
    padding-right: calc(var(--spacing) * 6);
  }

  [dir="rtl"] .lg\:pr-20 {
    padding-right: 0;
    padding-left: calc(var(--spacing) * 20);
  }

  [dir="rtl"] .lg\:pr-4 {
    padding-right: 0;
    padding-left: calc(var(--spacing) * 4);
  }

  [dir="rtl"] .lg\:right-12 {
    right: auto;
    left: calc(var(--spacing) * 12);
  }

  [dir="rtl"] .lg\:text-left {
    text-align: right;
  }

  [dir="rtl"] .lg\:left-0.lg\:right-12 {
    left: calc(var(--spacing) * 12);
    right: calc(var(--spacing) * 0);
  }

  [dir="rtl"] .lg\:left-3.lg\:right-12 {
    left: calc(var(--spacing) * 12);
    right: calc(var(--spacing) * 3);
  }

  [dir="rtl"] .lg\:ml-4.lg\:mr-0 {
    margin-left: calc(var(--spacing) * 0);
    margin-right: calc(var(--spacing) * 4);
  }

  [dir="rtl"] .lg\:ml-4.lg\:mr-2 {
    margin-left: calc(var(--spacing) * 2);
    margin-right: calc(var(--spacing) * 4);
  }

  [dir="rtl"] .lg\:ml-4.lg\:mr-4 {
    margin-left: calc(var(--spacing) * 4);
    margin-right: calc(var(--spacing) * 4);
  }

  [dir="rtl"] .lg\:pl-10.lg\:pr-20 {
    padding-left: calc(var(--spacing) * 20);
    padding-right: calc(var(--spacing) * 10);
  }

  [dir="rtl"] .lg\:pl-10.lg\:pr-4 {
    padding-left: calc(var(--spacing) * 4);
    padding-right: calc(var(--spacing) * 10);
  }

  [dir="rtl"] .lg\:pl-6.lg\:pr-20 {
    padding-left: calc(var(--spacing) * 20);
    padding-right: calc(var(--spacing) * 6);
  }

  [dir="rtl"] .lg\:pl-6.lg\:pr-4 {
    padding-left: calc(var(--spacing) * 4);
    padding-right: calc(var(--spacing) * 6);
  }
}

/*
 * Inline-style overrides.
 *
 * ~90 hover-reveal arrows across the site are positioned with an inline
 * style="right: 24px" rather than a utility class. An inline declaration beats
 * any stylesheet rule on the cascade, so these are the one case that needs
 * !important — without it the arrow slides out of the wrong edge in Arabic.
 *
 * Matched on the exact declaration text, so each rule only ever touches the
 * elements that actually carry it.
 */

[dir="rtl"] [style*="right: 8px"] {
  right: auto !important;
  left: 8px !important;
}

[dir="rtl"] [style*="right: 12px"] {
  right: auto !important;
  left: 12px !important;
}

[dir="rtl"] [style*="right: 16px"] {
  right: auto !important;
  left: 16px !important;
}

[dir="rtl"] [style*="right: 20px"] {
  right: auto !important;
  left: 20px !important;
}

[dir="rtl"] [style*="right: 24px"] {
  right: auto !important;
  left: 24px !important;
}

[dir="rtl"] [style*="right: 28px"] {
  right: auto !important;
  left: 28px !important;
}

[dir="rtl"] [style*="right: 30px"] {
  right: auto !important;
  left: 30px !important;
}

[dir="rtl"] [style*="right: 32px"] {
  right: auto !important;
  left: 32px !important;
}

[dir="rtl"] [style*="left: 8px"] {
  left: auto !important;
  right: 8px !important;
}