     }
      </style>
      <x-item-a>menu item A</x-item-a>
      <x-item-b>menu item B</x-item-b>
    </template>

    <template id="x-group">
      <style>
      :host{
        display:block;
        --item-mixin:{background:rgb(255, 0, 0);};
        }
      </style>
      <x-item-a>group item A</x-item-a>
      <x-item-b>group item B</x-item-b>
    </template>

    <template id="x-menu-group">
      <style>
        :host {
          display:block;
          border:1px solid black;
          margin:2px;
