m-a>
      <x-item-b>item B</x-item-b>
    </div>
  <x-menu>
  </x-menu>
  <x-menu-group>
  </x-menu-group>

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

    <template id="x-menu">
      <style>
        :host {
          display:block;
          border:1px solid black;
          margin:2px;
          --item-mixin:{background:rgb(0, 0, 255);};
   