 }

      #mixin1 {
        @apply --mixin1;
      }

      #mixin2 {
        @apply --mixin2;
      }

      #mixin3 {
        padding: 3px;
        @apply --mixin3;
      }

      #mixin4 {
        @apply --mixin4;
      }

      #mixin6 {
        @apply --mixin6
      }

      #mixin7 {@apply --mixin7}

      #mixin8 {
        @apply --mixin8
      }

      #mixin9 {
        @apply --mixin9
      }
    </style>

      <div id="mixin1">mixin1</div>
      <div id="mixin2">mixin2</div>
      <div id="mixin3