ar);
        }
      }
    </style>
        </template>
  <script>
  HTMLImports.whenReady(function() {
    Polymer({
      is: 'x-var-produce-via-consume'
    });
  });
  </script>
</dom-module>

<dom-module id="x-cache-child">
  <template>
    <style>
    :host {
      display: block;
      color: var(--foo);
      @apply --bar;
    }
    </style>
    X
  </template>
  <script>
  HTMLImports.whenReady(function() {
    Polymer({
      is: 'x-cache-child'
    });
  });
  </script>
</dom-module>

<dom-module