/* ===== cp_sources_html (HTML form, scoped :where(.cp-sources)) ===== */

:where(.cp-sources) .cp-chart { min-height: 235px; }
:where(.cp-sources) .cp-source-legend { display: grid; gap: 0.75rem; margin: 0 1.4rem 1.2rem; }
:where(.cp-sources) .cp-source-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.8rem;
}
:where(.cp-sources) .cp-source-name { display: flex; align-items: center; gap: 0.5rem; }
:where(.cp-sources) .cp-source-line b { font-size: 0.95rem; }
:where(.cp-sources) .cp-source-key { display: inline-block; width: 10px; height: 10px; border-radius: 2px; }
:where(.cp-sources) .cp-source-key.cp-series-1 { background: var(--cp-series-1); }
:where(.cp-sources) .cp-source-key.cp-series-2 { background: var(--cp-series-2); }
:where(.cp-sources) .cp-source-key.cp-series-3 { background: var(--cp-series-3); }

@media print {
  :where(.cp-sources) .cp-source-key { background: repeating-linear-gradient(45deg, transparent 0 2px, currentColor 2px 3px); }
}
@media (forced-colors: active) {
  :where(.cp-sources) .cp-source-key {
    border: 2px solid CanvasText;
    background: repeating-linear-gradient(45deg, Canvas 0 2px, CanvasText 2px 3px);
  }
}