">
    <template>
      <style>
        #direct:dir(rtl) {
          border: 10px solid black;
        }
        :dir(rtl) #indirect {
          border: 9px solid black;
        }
        other-element:dir(rtl) {
          border: 8px solid black;
        }
        #container:dir(rtl) ::slotted(*) {
          border: 7px solid black;
        }
      </style>
      <div id="direct"></div>
      <div id="indirect"></div>
      <other-element id="other"></other-element>
      <div id="container">
        <slot