/**
 * Mirror horizontal directional icons in RTL layouts.
 */

:is(html[dir="rtl"], body.rtl) :is(
	.st-icon--directional-x,
	[data-lucide="arrow-left"],
	[data-lucide="arrow-right"],
	[data-lucide="chevron-left"],
	[data-lucide="chevron-right"],
	[data-lucide="chevrons-left"],
	[data-lucide="chevrons-right"],
	svg.lucide-arrow-left,
	svg.lucide-arrow-right,
	svg.lucide-chevron-left,
	svg.lucide-chevron-right,
	svg.lucide-chevrons-left,
	svg.lucide-chevrons-right
) {
	display: inline-flex;
	transform: scaleX(-1);
}

:is(html[dir="rtl"], body.rtl) .stm-social__card:hover .st-icon--directional-x,
:is(html[dir="rtl"], body.rtl) .stm-social__card:hover .stm-social__arrow svg {
	transform: scaleX(-1) translateX(-0.25rem);
}