/* The key a chart draws under its drawing: one swatch and one name per series.
 * One shape for every chart, so a reader learns it once and the download draws
 * the same thing into every saved file.
 * ---------------------------------------------------------------------- */

@layer components {
  .chart-key__legend {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .chart-key__swatch {
    background: var(--series-color);
    block-size: 0.6rem;
    border-radius: 2px;
    display: inline-block;
    flex: none;
    inline-size: 0.6rem;
  }
}