.chart{container-type:inline-size}.chart>svg{width:100%;height:round(up, calc(100cqw * var(--ratio)), var(--u));color:var(--ink-2);display:block;overflow:visible}.chart-wide{--ratio:.5}.chart-tall{--ratio:.75}.chart-shapes,.chart-round{--ratio:1;width:calc(var(--u) * 10);max-width:100%;margin-inline:auto}.chart-round{width:calc(var(--u) * 12)}.chart-round>svg{overflow:hidden}.demo text{font-family:var(--font-mono)}.chart-label{font:500 .75rem/var(--u) var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0}.chart+.chart-label{margin-top:var(--u)}.chart-round path{stroke:var(--figure-bg);stroke-width:1.5px}.bar{fill:var(--series-1)}.bar.selected{fill:var(--series-2)}.line{fill:none;stroke:var(--series-1);stroke-width:2px}.fill-1{fill:var(--series-1)}.fill-2{fill:var(--series-2)}.fill-3{fill:var(--series-3)}.fill-4{fill:var(--series-4)}.fill-5{fill:var(--series-5)}.fill-6{fill:var(--series-6)}.fill-7{fill:var(--series-7)}.fill-8{fill:var(--series-8)}.marker{fill:var(--ink);r:3;transition:fill .4s,r .4s}.marker:hover,.marker-hit:hover .marker,.marker-hit:focus-visible .marker{fill:var(--hot);r:6}.marker-hit{outline:none}.hit{fill:#0000}.show-hits .hit{fill:color-mix(in srgb, var(--accent) 12%, transparent);stroke:var(--accent);stroke-dasharray:2 2}.arc circle{transition:transform .2s cubic-bezier(.45,0,.55,1);transform:scale(.9)}.arc:hover circle,.arc:focus-visible circle{transform:none}.donut-label{fill:var(--ink);pointer-events:none;font-size:22px}.donut-label tspan+tspan{fill:var(--ink-3);font-size:12px}.arc{outline:none}@media (prefers-reduced-motion:reduce){.marker,.arc circle{transition:none}}.legend{justify-content:center;gap:0 var(--u);margin:var(--u) 0 0;font:400 .75rem/var(--u) var(--font-mono);color:var(--ink-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.legend li{align-items:center;gap:1ch;display:inline-flex}.legend i{width:10px;height:10px}.swatch-1{background:var(--series-1)}.swatch-2{background:var(--series-2)}.swatch-3{background:var(--series-3)}.swatch-4{background:var(--series-4)}.swatch-5{background:var(--series-5)}.swatch-6{background:var(--series-6)}.swatch-7{background:var(--series-7)}.swatch-8{background:var(--series-8)}