html[dir="rtl"] body {
  font-family: Shabnam, 'Google Sans Variable', sans-serif;
  direction: rtl;
  text-align: right;
}

.font-persian {
  font-family: Shabnam, 'Google Sans Variable', sans-serif;
}

html[dir="rtl"] .text-left {
  text-align: right;
}

html[dir="rtl"] .text-right {
  text-align: left;
}

html[dir="rtl"] #sidebar {
  left: auto;
  right: 0;
}

html[dir="rtl"] #sidebar.fixed {
  left: auto;
  right: 0;
}

html[dir="rtl"] #sidebar.-translate-x-full {
  transform: translateX(100%);
}

html[dir="rtl"] #sidebar.md\:translate-x-0 {
  transform: none;
}

html[dir="rtl"] table.text-left {
  text-align: right;
}

@media (min-width: 768px) {
  html[dir="rtl"] #sidebar.md\:sticky {
    left: auto;
  }
}

html[dir="rtl"] .nav-link,
html[dir="rtl"] .mobile-nav-item {
  text-align: right;
}

html[dir="rtl"] .space-y-1 > :not([hidden]) ~ :not([hidden]),
html[dir="rtl"] .space-y-3 > :not([hidden]) ~ :not([hidden]),
html[dir="rtl"] .space-y-4 > :not([hidden]) ~ :not([hidden]),
html[dir="rtl"] .space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
}

html[dir="rtl"] .left-0 {
  left: auto;
  right: 0;
}

html[dir="rtl"] .-left-24 {
  left: auto;
  right: -6rem;
}

html[dir="rtl"] .-right-16 {
  right: auto;
  left: -4rem;
}

html[dir="rtl"] .js-folder-card > a {
  text-align: start;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
}

html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] #result-url {
  direction: ltr;
  text-align: left;
}

html[dir="rtl"] .lang-switch {
  direction: ltr;
}

html[dir="rtl"] [data-plan-gb] {
  line-height: 1;
}

html[dir="rtl"] [data-plan-gb] > span {
  transform: translateY(-0.08em);
}
