green</div>

    <x-sample id="inBody"></x-sample>

    <x-sample id="inContainer"></x-sample>

    <x-container></x-container>

    <template id="x-dynamic">
      <style>
        span {
          background-color: rgb(123, 123, 123);
        }
      </style>
      <div id="container"></div>
    </template>

    <x-dynamic></x-dynamic>

    <template id="out-of-band">
      <style>
        div {
          color: var(--foo);
        }
      </style>
      <div>oob shadowed</div>
    </template>

    <templa