/* Direction-specific rules that logical properties cannot express.
   The campaign stylesheet is written with logical properties throughout, so
   this file only carries what genuinely differs between the two directions. */

/* The drawer opens from the leading edge: right in Arabic, left in English.
   Its close button stays on the physical right in both, as in the reference. */
.sheet[dir=rtl] .sheet-trigger .chev{transform:rotate(0deg)}
.sheet[dir=ltr] .sheet-trigger .chev{transform:rotate(180deg)}
.sheet[dir=rtl] .sheet-group[data-state=open]>.sheet-trigger .chev,
.sheet[dir=ltr] .sheet-group[data-state=open]>.sheet-trigger .chev{transform:rotate(-90deg)}
.sheet[dir=rtl] .sheet-sub-in{padding-right:16px;border-right-width:2px;margin-right:16px}
.sheet[dir=ltr] .sheet-sub-in{padding-left:16px;border-left-width:2px;margin-left:16px}