/*! PLF v0.1.0 | MIT */
/* extension: table-backed Chart.js presentation */
[data-plf-root] .chart {
  box-sizing: border-box;
  min-width: 0px;
  margin: 0;
  color: var(--plf-chart-color, var(--plf-color-text));
  font: var(--plf-font-size-sm)/var(--plf-line-height) var(--plf-font-family);
}
[data-plf-root] :is(.chart-frame, [data-plf-part~="chart-frame"]) {
  display: grid;
  min-width: 0px;
  gap: var(--plf-space-3);
}
[data-plf-root] :is(.chart-plot, [data-plf-part~="chart-plot"]) {
  position: relative;
  min-width: 0px;
  block-size: var(--plf-chart-height, calc(16 * var(--plf-rem)));
}
[data-plf-root] :is(.chart-canvas, [data-plf-part~="chart-canvas"]) {
  box-sizing: border-box;
  display: block;
  max-inline-size: 100%;
  border-radius: var(--plf-chart-radius, var(--plf-radius-md));
  outline-offset: var(--plf-focus-offset);
  touch-action: pan-y;
}
[data-plf-root] :is(.chart-legend, [data-plf-part~="chart-legend"]) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--plf-space-1) var(--plf-space-2);
}
[data-plf-root] :is(.chart-legend-button, [data-plf-part~="chart-legend-button"]) {
  box-sizing: border-box;
  display: inline-flex;
  min-width: 0px;
  cursor: pointer;
  align-items: center;
  text-align: start;
  gap: var(--plf-space-2);
  min-block-size: var(--plf-control-height-sm);
  padding: var(--plf-space-1) var(--plf-space-2);
  border: 1px solid transparent;
  border-radius: var(--plf-radius-md);
  background: transparent;
  box-shadow: none;
  color: inherit;
  font: inherit;
  margin: 0;
  letter-spacing: normal;
  text-transform: none;
}
[data-plf-root] :is(.chart-legend-button, [data-plf-part~="chart-legend-button"]):where(:hover) {
  background: var(--plf-color-surface-muted);
}
[data-plf-root] :is(.chart-canvas, [data-plf-part~="chart-canvas"]):focus-visible, [data-plf-root] :is(.chart-legend-button, [data-plf-part~="chart-legend-button"]):focus-visible {
  outline: var(--plf-focus-width) solid var(--plf-focus-color);
  outline-offset: var(--plf-focus-offset);
}
[data-plf-root] :is(.chart-legend-label, [data-plf-part~="chart-legend-label"]) {
  overflow-wrap: anywhere;
}
[data-plf-root] :is(.chart-swatch, [data-plf-part~="chart-swatch"]) {
  box-sizing: border-box;
  flex: none;
  inline-size: calc(0.625 * var(--plf-rem));
  block-size: calc(0.625 * var(--plf-rem));
  border: 1px solid currentcolor;
  border-radius: calc(0.1875 * var(--plf-rem));
  background: var(--_plf-chart-swatch-color, var(--plf-color-primary));
}
[data-plf-root] :is(.chart-legend-button, [data-plf-part~="chart-legend-button"]):where([aria-pressed="false"]) :is(.chart-swatch, [data-plf-part~="chart-swatch"]) {
  background: transparent;
  border-style: dashed;
}
[data-plf-root] :is(.chart-legend-button, [data-plf-part~="chart-legend-button"]):where([aria-pressed="false"]) :is(.chart-legend-label, [data-plf-part~="chart-legend-label"]) {
  text-decoration: line-through;
}
[data-plf-root] :is(.chart-tooltip, [data-plf-part~="chart-tooltip"]) {
  pointer-events: none;
  position: absolute;
  box-sizing: border-box;
  overflow-wrap: anywhere;
  inset-block-start: var(--plf-space-2);
  inset-inline-end: var(--plf-space-2);
  z-index: 1;
  max-inline-size: calc(100% - 16px);
  padding: var(--plf-space-3);
  border: var(--plf-border-width) solid var(--plf-chart-tooltip-border, var(--plf-color-border-subtle));
  border-radius: var(--plf-radius-lg);
  background: var(--plf-chart-tooltip-bg, var(--plf-color-surface));
  color: var(--plf-chart-tooltip-color, var(--plf-color-text));
  box-shadow: var(--plf-shadow-md);
}
[data-plf-root] :is(.chart-tooltip-title, [data-plf-part~="chart-tooltip-title"]) {
  margin: 0 0 var(--plf-space-2);
  font-weight: var(--plf-font-weight-semibold);
}
[data-plf-root] :is(.chart-tooltip-values, [data-plf-part~="chart-tooltip-values"]) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--plf-space-1) var(--plf-space-4);
  margin: 0;
}
[data-plf-root] :is(.chart-tooltip-label, [data-plf-part~="chart-tooltip-label"]) {
  color: var(--plf-color-text-muted);
}
[data-plf-root] :is(.chart-tooltip-value, [data-plf-part~="chart-tooltip-value"]) {
  margin: 0;
  font-variant-numeric: tabular-nums;
  text-align: end;
}
[data-plf-root] :is(.chart-help, [data-plf-part~="chart-help"]) {
  margin: 0;
  color: var(--plf-color-text-muted);
  font-size: var(--plf-font-size-xs);
}
[data-plf-root] :where(:is(.chart-frame, [data-plf-part~="chart-frame"]):not(:has(:is(.chart-canvas, [data-plf-part~="chart-canvas"]):focus-visible))) :is(.chart-help, [data-plf-part~="chart-help"]) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}
[data-plf-root] :is(.chart-empty, [data-plf-part~="chart-empty"]) {
  text-align: center;
  margin: 0;
  padding: var(--plf-space-8) var(--plf-space-4);
  color: var(--plf-color-text-muted);
}
[data-plf-root] .chart-data {
  margin-block-start: var(--plf-space-4);
}
[data-plf-root] .chart-data-toggle {
  cursor: pointer;
  inline-size: fit-content;
  color: var(--plf-color-text-muted);
}
[data-plf-root] .chart-data-toggle:focus-visible {
  outline: var(--plf-focus-width) solid var(--plf-focus-color);
  outline-offset: var(--plf-focus-offset);
}
[data-plf-root] .chart-data-scroll {
  margin-block-start: var(--plf-space-2);
}
[data-plf-root] :is(.chart-status, [data-plf-part~="chart-status"]) {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  inline-size: 1px;
  block-size: 1px;
  clip-path: inset(50%);
}
[data-plf-root] :is(.chart-view, [data-plf-part~="chart-view"])[hidden], [data-plf-root] :is(.chart-plot, [data-plf-part~="chart-plot"])[hidden], [data-plf-root] :is(.chart-tooltip, [data-plf-part~="chart-tooltip"])[hidden], [data-plf-root] :is(.chart-help, [data-plf-part~="chart-help"])[hidden], [data-plf-root] :is(.chart-empty, [data-plf-part~="chart-empty"])[hidden] {
  display: none !important;
}