Псевдокласс :dir(rtl) и [dir="rtl"] переключают отступы и иконки «назад» в интерфейсе без зеркального дублирования компонентов.
Используйте padding-inline-start вместо padding-left — меньше ошибок при смене направления.
- [:dir() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:dir) — ltr и rtl.
- [CSS logical properties — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values) — inline и block.
---
## Иконки
Стрелки с направлением зеркальте через transform: scaleX(-1) только в rtl-контексте.