/* Right-to-left pages (Arabic, Persian). dir="rtl" mirrors flex and grid by
   itself; this covers what is positioned or aligned to a physical side. */

/* parked off the start side, not 9999px to the left: in RTL that left edge
   is scrollable and made the page 11,000px wide */
[dir="rtl"] .skip{left:auto;right:-9999px}
[dir="rtl"] .skip:focus{right:0}

/* menus open under their button on the right */
[dir="rtl"] .dropdown{left:auto;right:0;text-align:right}
[dir="rtl"] .navitem[data-dd].dd-right .dropdown{right:auto;left:0}

/* text that was set to start on the left */
[dir="rtl"] body,[dir="rtl"] .bge,[dir="rtl"] .bge-tip>span,[dir="rtl"] .bge-q button,
[dir="rtl"] .acct-menu,[dir="rtl"] .faq,[dir="rtl"] table{text-align:right}

/* media and sliders keep their left-to-right maths: the before/after wipe, the
   preview canvas, the seek bar, the sliders and the range picker */
[dir="rtl"] .ba,[dir="rtl"] .bge-cvw,[dir="rtl"] .bge-seek,[dir="rtl"] .bge-sl .trk,
[dir="rtl"] .bge-strip,[dir="rtl"] .bge-player{direction:ltr}
[dir="rtl"] .bge-badge{left:auto;right:10px}

/* the ticks, check marks and arrows read from the right */
[dir="rtl"] .bge-over,[dir="rtl"] .bge-btn,[dir="rtl"] .bge-btn2{flex-direction:row}
[dir="rtl"] .bge-x,[dir="rtl"] .bge-dlg>.bge-x{right:auto;left:14px}

/* code, file names, formats and keys stay left-to-right inside the text */
[dir="rtl"] kbd,[dir="rtl"] code,[dir="rtl"] .bge-fname,[dir="rtl"] .bge-fmeta,
[dir="rtl"] .bge-time,[dir="rtl"] .bge-hex{direction:ltr;unicode-bidi:isolate}