          --item-mixin:{background:rgb(0, 0, 255);};
        }
      </style>
      <x-group></x-group>
    </template>

    <template id="x-item-b">
      <style>
      :host {
        display:block;
        background: rgb(255, 255, 255);
        @apply --item-mixin;
      }
      </style>
      <slot></slot>
    </template>

    <template id="x-dynamic">
      <style>
        :host {
          display: block;
          background: rgb(255, 255, 255);
          @apply --mixin;
        }
      </style>
   