.chart-container-canvas-bar,.chart-container-canvas-doughnut,.chart-container-canvas-line,.chart-container-canvas-pie{display:flex;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;position:relative}.chart-container-canvas-bar>canvas,.chart-container-canvas-doughnut>canvas,.chart-container-canvas-line>canvas,.chart-container-canvas-pie>canvas{display:block}.chart-container-canvas-doughnut,.chart-container-canvas-pie{flex:0 1 var(--chart-height-default);aspect-ratio:1;max-width:var(--chart-height-default);margin-inline:0}.chart-container-canvas-doughnut>canvas,.chart-container-canvas-pie>canvas{width:100%;height:100%;margin:0;padding:0}.chart-container-canvas-gauge{display:flex;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;position:relative;flex:0 1 var(--chart-height-default);aspect-ratio:2;max-width:var(--chart-height-default);margin-inline:0}.chart-container-canvas-gauge>canvas{display:block;width:100%;height:100%;margin:0;padding:0}#legend{margin-top:20px;display:grid;gap:var(--legend-gap) var(--legend-col-gap);max-width:600px;margin-inline: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;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}.legend-detailed{display:block;margin-top:20px;max-width:520px}.legend-row{display:grid;grid-template-columns:var(--legend-box-size) minmax(0,1fr) 3.5em 3.2em;column-gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #eee;transition:opacity .15s}.legend-row .legend-name{overflow-wrap:anywhere}.legend-row .legend-share,.legend-row .legend-value{text-align:right;font-variant-numeric:tabular-nums}.legend-row .legend-share{color:#5f5f5f}.legend-row[role=button]{cursor:pointer}.legend-row[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.legend-total{border-bottom:0;font-family:var(--font-family-bold);font-weight:var(--font-weight-bold)}.legend-total .legend-color{visibility:hidden}.legend-detailed.has-active .legend-row:not(.is-active):not(.legend-total){opacity:.35}.legend-row.is-active .legend-name{font-family:var(--font-family-bold);font-weight:var(--font-weight-bold)}.legend-row.is-off{opacity:.35}.legend-row.is-off .legend-name{text-decoration:line-through}.chart-legend-side{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.chart-legend-side>.legend-detailed{flex:1 1 260px;min-width:0;margin-top:0}@media (max-width:39.99em){.chart-container-canvas-doughnut,.chart-container-canvas-gauge,.chart-container-canvas-pie{justify-content:center;max-width:100%}.legend-2col,.legend-3col,.legend-4col{grid-template-columns:minmax(0,300px)}.chart-legend-side{flex-direction:column;align-items:stretch}.chart-legend-side>.legend-detailed{margin-top:20px}}