<svg xmlns="http://www.w3.org/2000/svg" class="ts-chart" width="100%" height="100%" viewBox="0 0 288 192" role="img" aria-roledescription="chart" aria-label="Pie Chart - Legend implemented with TanStack Charts" tabindex="-1" direction="ltr" style="display:block;overflow:visible"><style data-tanstack-catalog-preview-theme="">:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#172033;--panel:#ffffff;--panel-muted:#f7f8fb;--background:#ffffff;--foreground:#172033;--border:#dce1ea;--muted:#f7f8fb;--muted-foreground:#697386;--accent:#2563eb;--accent-muted:#e9f0ff;--ts-chart-1:#2563eb;--ts-chart-2:#f97316;--ts-chart-3:#10b981;--ts-chart-4:#8b5cf6;--ts-chart-5:#ec4899;--ts-chart-6:#06b6d4;}@media(prefers-color-scheme:dark){:root{color-scheme:dark;color:#edf2fb;--panel:#151a24;--panel-muted:#10151e;--background:#151a24;--foreground:#edf2fb;--border:#2b3342;--muted:#10151e;--muted-foreground:#9aa6b9;--accent:#6ea8fe;--accent-muted:#172746;--ts-chart-1:#6ea8fe;--ts-chart-2:#ff9b65;--ts-chart-3:#4fd1a1;--ts-chart-4:#ae8cff;--ts-chart-5:#f679bc;--ts-chart-6:#4fd4e7;}}</style><g data-ts-key="marks" class="ts-chart__marks"><g data-ts-key="polar-0" class="ts-chart__polar" aria-hidden="true" transform="translate(144 66.93)"><g data-ts-key="browser-slices" class="ts-chart__arc" aria-hidden="true"><path data-ts-key="browser-slices:object:null:string:6:chrome" fill="var(--chart-1, var(--ts-chart-1))" stroke="var(--background)" stroke-width="1" stroke-linejoin="round" d="M52.205,0A52.205,52.205,0,0,0,-15.287,-49.917L0,0Z" vector-effect="non-scaling-stroke"/><path data-ts-key="browser-slices:object:null:string:6:safari" fill="var(--chart-2, var(--ts-chart-2))" stroke="var(--background)" stroke-width="1" stroke-linejoin="round" d="M-15.287,-49.917A52.205,52.205,0,0,0,-52.017,4.427L0,0Z" vector-effect="non-scaling-stroke"/><path data-ts-key="browser-slices:object:null:string:7:firefox" fill="var(--chart-3, var(--ts-chart-3))" stroke="var(--background)" stroke-width="1" stroke-linejoin="round" d="M-52.017,4.427A52.205,52.205,0,0,0,-11.172,50.996L0,0Z" vector-effect="non-scaling-stroke"/><path data-ts-key="browser-slices:object:null:string:4:edge" fill="var(--chart-4, var(--ts-chart-4))" stroke="var(--background)" stroke-width="1" stroke-linejoin="round" d="M-11.172,50.996A52.205,52.205,0,0,0,42.75,29.964L0,0Z" vector-effect="non-scaling-stroke"/><path data-ts-key="browser-slices:object:null:string:5:other" fill="var(--chart-5, var(--ts-chart-5))" stroke="var(--background)" stroke-width="1" stroke-linejoin="round" d="M42.75,29.964A52.205,52.205,0,0,0,52.205,0L0,0Z" vector-effect="non-scaling-stroke"/></g></g></g><g data-ts-key="legend" class="ts-chart__legend" aria-hidden="true"><rect data-ts-key="legend-square:string:6:chrome" fill="var(--chart-1, var(--ts-chart-1))" x="21.04" y="137.86" width="12" height="12"/><text data-ts-key="legend-label:string:6:chrome" fill="var(--chart-1, var(--ts-chart-1))" fill-opacity="1" x="38.29" y="143.86" text-anchor="start" dominant-baseline="middle" font-size="12" font-family="inherit">Chrome</text><rect data-ts-key="legend-square:string:6:safari" fill="var(--chart-2, var(--ts-chart-2))" x="94.09" y="137.86" width="12" height="12"/><text data-ts-key="legend-label:string:6:safari" fill="var(--chart-2, var(--ts-chart-2))" fill-opacity="1" x="111.42" y="143.86" text-anchor="start" dominant-baseline="middle" font-size="12" font-family="inherit">Safari</text><rect data-ts-key="legend-square:string:7:firefox" fill="var(--chart-3, var(--ts-chart-3))" x="155.23" y="137.86" width="12" height="12"/><text data-ts-key="legend-label:string:7:firefox" fill="var(--chart-3, var(--ts-chart-3))" fill-opacity="1" x="172.15" y="143.86" text-anchor="start" dominant-baseline="middle" font-size="12" font-family="inherit">Firefox</text><rect data-ts-key="legend-square:string:4:edge" fill="var(--chart-4, var(--ts-chart-4))" x="221.98" y="137.86" width="12" height="12"/><text data-ts-key="legend-label:string:4:edge" fill="var(--chart-4, var(--ts-chart-4))" fill-opacity="1" x="238.9" y="143.86" text-anchor="start" dominant-baseline="middle" font-size="12" font-family="inherit">Edge</text><rect data-ts-key="legend-square:string:5:other" fill="var(--chart-5, var(--ts-chart-5))" x="119.48" y="157.93" width="12" height="12"/><text data-ts-key="legend-label:string:5:other" fill="var(--chart-5, var(--ts-chart-5))" fill-opacity="1" x="136.73" y="163.93" text-anchor="start" dominant-baseline="middle" font-size="12" font-family="inherit">Other</text></g></svg>
