html[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] table {
  text-align: start;
}

html[dir="rtl"] [data-directional-icon="true"] {
  transform: scaleX(-1);
}

[data-localised-copy] {
  overflow-wrap: anywhere;
}

[data-localised-control] {
  min-inline-size: 0;
  max-inline-size: 100%;
}