te id="oob-parent">
      <style>
        out-of-band {
          --foo: rgb(0, 0, 255);
        }
      </style>
      <out-of-band></out-of-band>
    </template>

    <template id="oob-other-parent">
      <style>
        out-of-band {
          --foo: rgb(255, 0, 0);
        }
      </style>
    </template>

    <oob-parent></oob-parent>
    <oob-other-parent></oob-other-parent>

    <template id="x-sample-dynamic">
      <style>
        .target {
          background-color: rgb(255, 0, 0);
        }
   