.chart:is([data-chart=donut],[data-chart=pie]){display:flex;flex-direction:column;width:100%;max-width:400px;margin-inline:auto}.chart:is([data-chart=donut],[data-chart=pie])>figcaption{order:0}.chart:is([data-chart=donut],[data-chart=pie]) .chart-viewport{order:1}.chart:is([data-chart=donut],[data-chart=pie]) .chart-svg{margin-inline:auto}.chart:is([data-chart=donut],[data-chart=pie]) .chart-legend{order:2;display:grid;gap:8px;margin:16px 0 0}.chart:is([data-chart=donut],[data-chart=pie]) .chart-legend li{min-width:0}.chart:is([data-chart=donut],[data-chart=pie]) .chart-key{flex:none}.chart-legend-value{margin-inline-start:auto;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}.chart:is([data-chart=donut],[data-chart=pie]) .chart-data{order:4}.chart:is([data-chart=donut],[data-chart=pie]) .chart-hint{order:3}.chart:is([data-chart=donut],[data-chart=pie]) .chart-empty{min-height:0}.donut-track{stroke:var(--line)}.donut-segment{fill:var(--series);stroke:var(--surface);stroke-width:2;stroke-linejoin:round;transition:filter var(--motion-normal) var(--motion-ease)}.donut-segment:hover{filter:brightness(1.08)}.donut-segment:focus{outline:none}.donut-segment:focus-visible{stroke:var(--ink);stroke-width:3}.chart-svg .donut-total{fill:var(--ink);font-size:var(--donut-total-size,28px);font-weight:650;font-variant-numeric:tabular-nums}.chart-svg .donut-label{font-size:14px}.chart:is([data-chart=donut],[data-chart=pie]){--chart-series-5:light-dark(#ae405a,#ef9caf);--chart-series-6:light-dark(#46791b,#add080)}@media(forced-colors:active){.donut-segment{fill:Canvas;stroke:CanvasText}.donut-segment:focus-visible{fill:Highlight}.donut-track{stroke:GrayText}}.donut-whole{stroke:none}.donut-whole:focus-visible{stroke:var(--ink)}@media(prefers-reduced-motion:no-preference){.chart:is([data-chart=donut],[data-chart=pie]) .chart-tooltip[data-moving]{transition:transform var(--motion-normal) var(--motion-ease)}}.chart:is([data-chart=donut],[data-chart=pie]) .chart-tooltip{--motion-ease:cubic-bezier(.16,1,.3,1)}