alcite-color-status-info);
        --calcite-icon-color: var(--calcite-color-status-info);
      }
    </style>
    <script src="_assets/head.ts"></script>
  </head>

  <body>
    <demo-dom-swapper>
      <h1 style="margin: 0 auto; text-align: center">Chip</h1>
      <!-- Header -->
      <div class="parent">
        <div class="child"></div>
        <div class="child">Solid (default)</div>
        <div class="child">Outline</div>
        <div class="child">Outline-fill</div>
      </div>

      <!-- Basic 