:root {
  --chart-height-default: 350px;
  --legend-gap: 8px;
  --legend-col-gap: 12px;
  --legend-box-size: 16px;
}

.chart-container-canvas-bar,.chart-container-canvas-line{display:flex;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;position:relative}.chart-container-canvas-bar>canvas,.chart-container-canvas-line>canvas{display:block}.chart-container-canvas-doughnut,.chart-container-canvas-pie{flex:0 1 var(--chart-height-default);height:auto!important;aspect-ratio:1/1!important;max-width:var(--chart-height-default);margin-left:auto;margin-right:auto}.chart-container-canvas-doughnut>canvas,.chart-container-canvas-pie>canvas{display:block;width:100%!important;height:100%!important;margin:0;padding:0;box-sizing:border-box}.image>canvas{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:center}#legend{margin-top:20px;display:grid;gap:var(--legend-gap) var(--legend-col-gap);max-width:600px;margin-left:auto;margin-right:auto}[class^=legend-]{display:grid;padding-left:0}.legend-1col{grid-template-columns:repeat(1,minmax(0,250px))}.legend-2col{grid-template-columns:repeat(2,minmax(0,250px))}.legend-3col{grid-template-columns:repeat(3,minmax(0,250px))}.legend-4col{grid-template-columns:repeat(4,minmax(0,250px))}.legend-item{display:grid;grid-template-columns:var(--legend-box-size) 1fr;align-items:center;gap:var(--legend-gap);padding-right:10px;justify-items:start;white-space:nowrap;overflow:hidden}.legend-color{width:var(--legend-box-size);height:var(--legend-box-size);border-radius:3px;background-color:currentColor;border:1px solid #ccc;flex-shrink:0}.legend-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:39.99em){.chart-container-canvas-doughnut,.chart-container-canvas-pie{justify-content:center;align-items:flex-start;margin-top:0;max-width:100%}.chart-container-canvas-doughnut>canvas,.chart-container-canvas-pie>canvas{max-width:100%}.legend-2col,.legend-3col,.legend-4col{grid-template-columns:repeat(1,minmax(0,300px))}}

//# sourceMappingURL=/layout/css/sourcemaps/chart.css.map