:root:lang(ar) { --arabic: "SF Arabic", "Geeza Pro", "Segoe UI", "Noto Sans Arabic", "Noto Naskh Arabic", Tahoma;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", var(--arabic), system-ui, Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, var(--arabic), monospace; }
:root:lang(he) { --hebrew: "SF Hebrew", "Arial Hebrew", "Segoe UI", "Noto Sans Hebrew", Arial;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", var(--hebrew), system-ui, Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, var(--hebrew), monospace; }
:root:lang(ar) *:not(svg *) { letter-spacing: normal !important; }

.canvas-wrap, .wb-canvas, .wb-canvashost, .s2e, .slide, .chart-svg, .gantt-wrap, .tpm-chart, .present-stage,
code, pre, kbd, samp { direction: ltr; }
code, kbd, samp { unicode-bidi: isolate; }
.slide .sl-text, .wb-canvas .wb-edit, .wb-canvas foreignObject div { unicode-bidi: plaintext; }

:root[dir=rtl] :is(input:not([type]), input[type=text], input[type=search], textarea, [contenteditable=true], [contenteditable=""]) { unicode-bidi: plaintext; }
:root[dir=rtl] :is(input[type=email], input[type=url], input[type=number], input[type=tel], input[type=password], .mono, .input.mono) { direction: ltr; text-align: end; }

.i-dir:dir(rtl) { transform: scaleX(-1); }

[dir=rtl] .shell[data-rail=hidden] .rail { left: auto; right: var(--rail-strip-w); transform: translateX(102%); }
[dir=rtl] .shell[data-rail=hidden].peek .rail { transform: none; }
[dir=rtl] .progress-card.indeterminate .progress-fill { animation-name: progress-slide-rtl; }
@keyframes progress-slide-rtl { from { right: -35%; } to { right: 100%; } }
[dir=rtl] select.input:not([multiple]):not([size]), [dir=rtl] .input.doc-choice { background-position: 8px 52%, 13px 52%; }

[dir=rtl] .wb-cdhelp { margin-left: 0; margin-right: auto; }
[dir=rtl] :is(.cp-fn, .wbi-prev th, .wbi-prev td, .wb-cdprev th, .wb-cdprev td) { text-align: right; }

[dir=rtl] .sg-rh.on { box-shadow: inset 2px 0 0 var(--sg-active); }
[dir=rtl] .sg-frozen-c .sg-left, [dir=rtl] .sg-frozen-c .sg-corner { box-shadow: -1px 0 0 var(--line-strong); }