/* RTL */

[dir='rtl'] {
	.international(rtl, bidi-override);
	// set the direction of all text to RTL
	> * {
		unicode-bidi: bidi-override;
		&[dir='ltr'] {
			.international(ltr, embed);
		}
		&[dir='rtl'] {
			.international(rtl, embed);
		}
	}
	// override RTL for bidirectional strings
	> .bidi {
		unicode-bidi: embed;
	}
	// want to use the <bdo> element? go right ahead!
	> bdo {
		&[dir='ltr'] {
			.international(ltr, bidi-override);
		}
		&[dir='rtl'] {
			.international(rtl, bidi-override);
		}
	}
}