   </style>
      <h2></h2>
      <p>here .target elements are red</p>
      <div class="target">I'm red</div>
      <template id="renderer">
        <div class="target"></div>
      </template>
    </template>

    <template id="x-container-dynamic">
      <style>
        .target {
          background-color: rgb(123, 123, 123);
        }
      </style>
      <h1>x-container</h1>
      <p>here .target elements are gray</p>
      <div class="target">I'm gray</div>
      <slot></slot>
    </template>

    <x