@martinomagnifico/tablechart 1.0.7 → 1.1.0

package/dist/tablechart-shared2.d.mts

@@ -0,0 +1,55 @@
+import { n as ChartType, s as Config, t as ChartState } from "./tablechart-shared.mjs";
+//#region src/js/core.d.ts
+/** Adds a chart type for `data-chart="name"`, such as one from `@martinomagnifico/tablechart/additional-types`, before `init()`. */
+declare const addType: (name: string, type: ChartType) => void;
+/** Pass 2: everything a reader will read, before a translation script looks. */
+declare const build: (figure: HTMLElement, config: Config, asKind?: string | null) => ChartState | null;
+/** Pass 3. Needs layout; makes no text, only places it. */
+declare const layout: (state: ChartState, config: Config) => boolean;
+/** Numbers are reformatted in place, so a language change costs no redraw. */
+declare const relabel: (state: ChartState, config: Config) => void;
+/** Removes what `build` added, so the chart can be built again. */
+declare const unbuild: (state: ChartState) => void;
+/** One class, `is-shown`, starts the whole build. */
+declare const setShown: (state: ChartState, shown: boolean) => void;
+//#endregion
+//#region src/js/init.d.ts
+interface TablechartChart {
+  figure: HTMLElement;
+  /** Lays the chart out again, for example after a script has changed its text. */
+  refresh(): void;
+  /** Stops watching scroll, size and language. The chart stays as it is. */
+  destroy(): void;
+  /** On a chart that steps (`data-fragment`): shows one step more. */
+  next(): void;
+  /** On a chart that steps: shows one step less. */
+  previous(): void;
+  /** On a chart that steps: shows the chart up to `step`, from 0 to `steps`. */
+  stepTo(step: number): void;
+  /** How many steps are shown. */
+  readonly step: number;
+  /** How many steps the chart has; 0 for a chart that does not step. */
+  readonly steps: number;
+}
+interface TablechartInstance {
+  charts: TablechartChart[];
+  /** Lays out every chart again, for example after a script has changed its text. */
+  refresh(): void;
+  /** Stops watching scroll, size and language. The charts stay as they are. */
+  destroy(): void;
+}
+declare global {
+  interface HTMLElement {
+    tablechart?: TablechartChart;
+  }
+}
+/** How far an animated parent is in before the chart builds: the figure's `data-chart-entrance`, or else the option. */
+declare const entranceOf: (figure: HTMLElement, config: Config) => number;
+/** Turns elements into figures with a table and translation keys, all at once, so duplicate keys are found. */
+declare const prepare: (found: HTMLElement[], config: Config) => Promise<HTMLElement[]>;
+/** Makes a chart of one figure; returns the existing chart if there is one, or null without data. */
+declare const create: (element: HTMLElement, options?: Partial<Config>) => Promise<TablechartChart | null>;
+/** Makes a chart of every figure in `root` that matches the selector, skipping existing charts. */
+declare const init: (options?: Partial<Config>, root?: ParentNode) => Promise<TablechartInstance>;
+//#endregion
+export { init as a, build as c, setShown as d, unbuild as f, entranceOf as i, layout as l, TablechartInstance as n, prepare as o, create as r, addType as s, TablechartChart as t, relabel as u };

package/dist/tablechart-shared2.mjs

@@ -0,0 +1,134 @@
+//#region src/js/config.ts
+var e = "tablechart", t = "tablechart-plot", n = "tablechart-categories", r = "tablechart-value", i = "tablechart-bar", a = "tablechart-piece", o = "tablechart-rule", s = "tablechart-connector", c = "tablechart-line", l = "tablechart-reference", u = "tablechart-head", d = "tablechart-badge", f = "tablechart-caption", ee = "tablechart-slice", p = "tablechart-divide", m = "tablechart-series", h = "tablechart-area", g = "tablechart-area-fill", _ = "tablechart-name", v = "tablechart-legend", y = "tablechart-point", b = "tablechart-hole", x = "tablechart-centre", S = "tablechart-leader", C = "tablechart-break", w = "is-placed", T = "tablechart-sr", E = "tablechart-minus", D = "is-shown", O = "is-printing", k = "tablechart-queued", A = "tablechart-controls", j = "tablechart-axis", M = "tablechart-tick", te = "tablechart-grid", N = 1e3, P = {
+	selector: "[data-chart]",
+	aspect: .38,
+	barfill: .58,
+	ringfill: .42,
+	animate: !0,
+	entrance: .5,
+	labels: "outside",
+	shape: "straight",
+	legend: !1,
+	axis: !1,
+	grid: !1,
+	names: !0,
+	tooltip: "auto",
+	tooltipparent: null,
+	table: "never",
+	totallabel: "Total",
+	controls: !0,
+	previouslabel: "Previous",
+	nextlabel: "Next",
+	stephint: "step of the chart",
+	threshold: .5,
+	replay: !1,
+	langattribute: "data-i18n"
+}, F = "http://www.w3.org/2000/svg", I = (e) => Math.round(e * 100) / 100, L = (e, t = {}) => {
+	let n = document.createElementNS(F, e);
+	for (let e in t) {
+		let r = t[e];
+		n.setAttribute(e, String(typeof r == "number" ? I(r) : r));
+	}
+	return n;
+}, R = (e, t) => [e, ...t.classes].join(" "), z = (e, t) => {
+	let n = document.createElement("span");
+	return n.className = e, n.inert = !0, t.appendChild(n), n;
+}, B = (e, t, n, r, i) => {
+	e.style.left = `${t / r * 100}%`, e.style.top = `${n / i * 100}%`;
+}, V = 0, H = (e, t, n, r, i) => {
+	if (!t.length) return;
+	let a = `tablechart-cut-${++V}`, o = L("mask", {
+		id: a,
+		maskUnits: "userSpaceOnUse"
+	});
+	o.appendChild(L("rect", {
+		x: -n,
+		y: -r,
+		width: n * 3,
+		height: r * 3,
+		fill: "white"
+	}));
+	for (let e of t) e.setAttribute("fill", "black"), o.appendChild(e);
+	let s = e.querySelector(":scope > defs");
+	if (s || (s = L("defs"), e.prepend(s)), s.appendChild(o), i) return i.setAttribute("mask", `url(#${a})`);
+	let c = L("g", { mask: `url(#${a})` });
+	for (let t of Array.from(e.childNodes)) t !== s && c.appendChild(t);
+	e.appendChild(c);
+}, U = (e) => {
+	let t = -Infinity;
+	for (let n of e) t = Math.max(t, n);
+	return t;
+}, W = (e) => (e.split(/[.,]/)[1] || "").length, G = (e, t) => new Intl.NumberFormat(t || document.documentElement.lang || void 0, {
+	minimumFractionDigits: e,
+	maximumFractionDigits: e
+}), K = (e, t, n) => {
+	let r = G(t, n).formatToParts(e), i = r[0]?.type === "minusSign" ? r[0].value : "";
+	return [i, r.slice(+!!i).map((e) => e.value).join("")];
+}, q = (e) => Number.parseFloat((e.match(/-?[\d.,]+/) || ["NaN"])[0].replace(",", ".")), J = (e, t) => e[0] < t[0] + t[2] && t[0] < e[0] + e[2] && e[1] < t[1] + t[3] && t[1] < e[1] + e[3], Y = (e, t) => e[0] >= t[0] && e[1] >= t[1] && e[0] + e[2] <= t[0] + t[2] && e[1] + e[3] <= t[1] + t[3], X = (e, t, n) => {
+	if (e.length > 400) return e.map(() => null);
+	let r = 1;
+	for (let t of e) for (let [, , e, n] of t) r = Math.max(r, e, n);
+	let i = /* @__PURE__ */ new Map(), a = ([e, t, n, i]) => {
+		let a = [];
+		for (let o = Math.floor(e / r); o <= Math.floor((e + n) / r); o++) for (let e = Math.floor(t / r); e <= Math.floor((t + i) / r); e++) a.push(`${o} ${e}`);
+		return a;
+	}, o = (e) => {
+		for (let t of a(e)) i.get(t)?.push(e) ?? i.set(t, [e]);
+	}, s = (e) => Y(e, n) && a(e).every((t) => !i.get(t)?.some((t) => J(e, t)));
+	return t.forEach(o), e.map((e) => {
+		let t = e.findIndex(s);
+		return t < 0 ? null : (o(e[t]), t);
+	});
+}, Z = /* @__PURE__ */ new WeakMap(), Q = (e) => {
+	let t = [...e].filter((e) => !!e), n = t.map((e) => ({
+		width: e.offsetWidth,
+		height: e.offsetHeight
+	}));
+	t.forEach((e, t) => Z.set(e, n[t]));
+}, ne = (e) => Z.get(e) ?? {
+	width: e.offsetWidth,
+	height: e.offsetHeight
+}, $ = [
+	"circle",
+	"square",
+	"diamond"
+], re = (e, t) => {
+	let n = e[t]?.marker?.toLowerCase().split(/\s+/) ?? [], r = $.find((e) => n.includes(e));
+	return {
+		shape: r ?? $[Math.floor(t / 2) % $.length],
+		open: n.includes("open") || !n.includes("filled") && !r && t % 2 == 1
+	};
+}, ie = (e, t, n, r, i = {}) => {
+	if (e === "square") {
+		let e = r * .88;
+		return L("rect", {
+			x: t - e,
+			y: n - e,
+			width: e * 2,
+			height: e * 2,
+			...i
+		});
+	}
+	if (e === "diamond") {
+		let e = r * 1.2;
+		return L("polygon", {
+			points: `${t},${n - e} ${t + e},${n} ${t},${n + e} ${t - e},${n}`,
+			...i
+		});
+	}
+	if (e === "triangle") {
+		let e = r * 1.3;
+		return L("polygon", {
+			points: `${t},${n - e} ${t + e * .87},${n + e / 2} ${t - e * .87},${n + e / 2}`,
+			...i
+		});
+	}
+	return L("circle", {
+		cx: t,
+		cy: n,
+		r,
+		...i
+	});
+};
+//#endregion
+export { b as A, y as B, n as C, p as D, A as E, E as F, m as G, k as H, _ as I, T as J, D as K, a as L, v as M, e as N, te as O, c as P, P as Q, w as R, C as S, s as T, l as U, O as V, o as W, r as X, M as Y, N as Z, g as _, X as a, d as b, q as c, z as d, B as f, h as g, R as h, ne as i, S as j, u as k, K as l, L as m, re as n, W as o, I as p, ee as q, Q as r, U as s, ie as t, H as u, j as v, x as w, i as x, f as y, t as z };

package/dist/tablechart.css

@@ -1,2 +1,2 @@
-:root{--cssimported-tablechart:true}.tablechart,:where([data-chart]){margin:var(--tablechart-margin,0);color:var(--tablechart-color,currentColor);font-size:var(--tablechart-font-size,1em);line-height:var(--tablechart-line-height,1.25)}.tablechart :where(figcaption),:where([data-chart]) :where(figcaption){margin-bottom:var(--tablechart-caption-gap,.5em);text-align:var(--tablechart-caption-align,left)}.tablechart,:where([data-chart]){position:relative}.tablechart :where(table),.tablechart :where(.chart-annotations),:where([data-chart]) :where(table),:where([data-chart]) :where(.chart-annotations){inset-inline:0;clip-path:inset(50%);margin:0;position:absolute;top:0}.tablechart[data-table]>:where(table),:where([data-chart])[data-table]>:where(table){border-collapse:collapse;margin-top:.75em}.tablechart[data-table]>:where(table) :where(th,td),:where([data-chart])[data-table]>:where(table) :where(th,td){text-align:start;padding:.2em 1.25em .2em 0}.tablechart[data-table]>:where(table) :where(td,thead th:not(:first-child)),:where([data-chart])[data-table]>:where(table) :where(td,thead th:not(:first-child)){text-align:end;font-variant-numeric:tabular-nums}.tablechart[data-table=always]>:where(table),:where([data-chart])[data-table=always]>:where(table){clip-path:none;position:static}@media (scripting:none){.tablechart :where(table),.tablechart :where(.chart-annotations),:where([data-chart]) :where(table),:where([data-chart]) :where(.chart-annotations){clip-path:none;position:static}}@media (scripting:enabled){.tablechart:where(:not([data-chart-empty]):not(:has(>.tablechart-plot))):after,:where([data-chart]):where(:not([data-chart-empty]):not(:has(>.tablechart-plot))):after{content:"";height:0;padding-top:max(var(--tablechart-min-height,200px), var(--_room,.38) * 100%);padding-bottom:1.5em;display:block}.tablechart :where(.tablechart-plot:not(.is-placed)),:where([data-chart]) :where(.tablechart-plot:not(.is-placed)){height:0;padding-top:max(var(--tablechart-min-height,200px), var(--_room,.38) * 100%);overflow:hidden}}:where([data-chart=donut]){--_room:.66}:where([data-chart=bar]){--_room:.5}.tablechart-plot{position:relative}.tablechart-plot :where(svg){width:100%;height:auto;display:block;overflow:visible}.tablechart-plot:not(.is-placed) :where(.tablechart-value,.tablechart-badge,.tablechart-name){visibility:hidden}.tablechart-sr{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tablechart-value{white-space:nowrap;font-size:var(--tablechart-value-size,calc(var(--tablechart-name-size,var(--tablechart-category-size,.95em)) * 1.3));position:absolute;transform:translate(-50%,-100%)}.tablechart-value[data-place=outside]{color:var(--tablechart-value-color,currentColor)}.tablechart-value:where([data-place=outside],[data-place=below]) :where(.tablechart-minus){position:absolute;right:100%}.tablechart-value[data-place=inside]{color:var(--tablechart-bar-value-color,var(--tablechart-bar-ink,oklch(from var(--tablechart-bar-color,currentColor) calc(.18 + .8 * clamp(0, (.68 - l) * 1000, 1)) 0 0)));transform:translate(-50%,-50%)}.tablechart-value[data-place=around]{color:var(--tablechart-value-color,currentColor);transform:translate(-50%,-50%)}.tablechart-value[data-place=below]{color:var(--tablechart-value-color,currentColor);transform:translate(-50%)}.tablechart-value[data-place=middle]{color:var(--tablechart-value-color,currentColor);transform:translate(-50%,-50%)}.tablechart-value[data-place=after]{color:var(--tablechart-value-color,currentColor);transform:translateY(-50%)}.tablechart-value[data-place=before]{color:var(--tablechart-value-color,currentColor);transform:translate(-100%,-50%)}.tablechart-value[data-place=none]{display:none}.tablechart-value[data-left-out]{visibility:hidden}.tablechart-value[data-place=inside][data-kind=up]{color:var(--tablechart-up-value-color,var(--tablechart-up-ink,oklch(from var(--tablechart-up-color,var(--tablechart-bar-color,currentColor)) calc(.18 + .8 * clamp(0, (.68 - l) * 1000, 1)) 0 0)))}.tablechart-value[data-place=inside][data-kind=down]{color:var(--tablechart-down-value-color,var(--tablechart-down-ink,oklch(from var(--tablechart-down-color,var(--tablechart-bar-color,currentColor)) calc(.18 + .8 * clamp(0, (.68 - l) * 1000, 1)) 0 0)))}.tablechart-value[data-place=inside][data-series]{color:var(--tablechart-piece-value-color,var(--tablechart-piece-ink,oklch(from var(--tablechart-series-own-color,var(--tablechart-series-ink,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,var(--tablechart-muted-share,45%)))), var(--tablechart-surface,Canvas)))) calc(.18 + .8 * clamp(0, (.68 - l) * 1000, 1)) 0 0)))}.tablechart-value[data-place=inside][data-kind=total]{color:var(--tablechart-total-value-color,var(--tablechart-total-ink,oklch(from var(--tablechart-total-color,var(--tablechart-bar-color,currentColor)) calc(.18 + .8 * clamp(0, (.68 - l) * 1000, 1)) 0 0)))}.tablechart-name{white-space:nowrap;font-size:var(--tablechart-name-size,var(--tablechart-category-size,.95em));color:var(--tablechart-series-own-color,var(--tablechart-series-ink,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,var(--tablechart-muted-share,45%)))), var(--tablechart-surface,Canvas))));position:absolute;transform:translateY(-50%)}.tablechart-legend{box-sizing:border-box;width:fit-content;max-width:100%;padding:var(--tablechart-legend-padding,0);border:var(--tablechart-legend-border,none);border-radius:var(--tablechart-legend-radius,0);background:var(--tablechart-legend-surface,none);margin-inline:auto;margin-top:var(--tablechart-legend-gap,.6em);font-size:var(--tablechart-name-size,var(--tablechart-category-size,.95em));flex-wrap:wrap;justify-content:center;gap:.3em 1.2em;display:flex}.tablechart-name[data-place=legend]{color:inherit;font-size:inherit;position:static;transform:none}.tablechart-name[data-place=legend]:before{content:"";vertical-align:-.05em;background:var(--tablechart-series-own-color,var(--tablechart-series-ink,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,var(--tablechart-muted-share,45%)))), var(--tablechart-surface,Canvas))));width:1.6em;height:.8em;mask-image:var(--_line), var(--_mark,none);margin-right:.4em;display:inline-block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.tablechart-name[data-place=legend][data-swatch=box]:before{vertical-align:-.05em;background:var(--tablechart-series-own-color,var(--tablechart-series-ink,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,var(--tablechart-muted-share,45%)))), var(--tablechart-surface,Canvas))));border-radius:.15em;width:.7em;height:.7em;mask:none}.tablechart-name[data-place=legend],.tablechart-tooltip-key[data-sample]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=dashed],.tablechart-tooltip-key[data-sample][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=dotted],.tablechart-tooltip-key[data-sample][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle],.tablechart-tooltip-key[data-sample][data-marker=circle]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='6' r='3.4' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle][data-open],.tablechart-tooltip-key[data-sample][data-marker=circle][data-open]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='6' r='3.4'/%3E%3C/svg%3E");--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H8.6 M15.4 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle][data-open][data-line=dashed],.tablechart-tooltip-key[data-sample][data-marker=circle][data-open][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H8.6 M15.4 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle][data-open][data-line=dotted],.tablechart-tooltip-key[data-sample][data-marker=circle][data-open][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H8.6 M15.4 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square],.tablechart-tooltip-key[data-sample][data-marker=square]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='9' y='3' width='6' height='6' stroke-linecap='butt' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square][data-open],.tablechart-tooltip-key[data-sample][data-marker=square][data-open]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='9' y='3' width='6' height='6' stroke-linecap='butt'/%3E%3C/svg%3E");--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H9 M15 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square][data-open][data-line=dashed],.tablechart-tooltip-key[data-sample][data-marker=square][data-open][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H9 M15 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square][data-open][data-line=dotted],.tablechart-tooltip-key[data-sample][data-marker=square][data-open][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H9 M15 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond],.tablechart-tooltip-key[data-sample][data-marker=diamond]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpolygon points='12,1.9 16.1,6 12,10.1 7.9,6' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond][data-open],.tablechart-tooltip-key[data-sample][data-marker=diamond][data-open]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpolygon points='12,1.9 16.1,6 12,10.1 7.9,6'/%3E%3C/svg%3E");--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H7.9 M16.1 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond][data-open][data-line=dashed],.tablechart-tooltip-key[data-sample][data-marker=diamond][data-open][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H7.9 M16.1 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond][data-open][data-line=dotted],.tablechart-tooltip-key[data-sample][data-marker=diamond][data-open][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H7.9 M16.1 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-categories :where(span[data-kind=total]){display:none}.tablechart-categories :where(span[data-kind=slice]):before{content:"";width:var(--tablechart-legend-key-size,var(--tablechart-key-size,.6em));height:var(--tablechart-legend-key-size,var(--tablechart-key-size,.6em));background:var(--palette,color-mix(in oklab, var(--tablechart-slice-color,currentColor) max(var(--tablechart-slice-min,20%), calc(100% - var(--n) * var(--tablechart-slice-fade,15%))), var(--tablechart-surface,Canvas)));border-radius:50%;margin-right:.4em;display:inline-block}.tablechart-categories[data-place=key]{box-sizing:border-box;width:fit-content;max-width:100%;padding:var(--tablechart-legend-padding,0);border:var(--tablechart-legend-border,none);border-radius:var(--tablechart-legend-radius,0);background:var(--tablechart-legend-surface,none);flex-wrap:wrap;justify-content:center;gap:.3em 1.2em;margin-inline:auto;display:flex}.tablechart-categories[data-place=key] :where(span){white-space:nowrap;padding:0}.tablechart-categories[data-place=beside]{pointer-events:none;margin:0;display:block;position:absolute;inset:0}.tablechart-categories[data-place=beside] :where(span){text-align:right;width:max-content;max-width:min(var(--tablechart-name-max,40%), var(--_beside,100%));text-wrap:balance;hyphens:auto;hyphenate-limit-chars:6 3 3;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;overflow-wrap:break-word;min-width:min-content;padding:0;position:absolute;transform:translate(-100%,-50%)}.tablechart-categories{grid-template-columns:repeat(var(--_columns,1), minmax(0, 1fr));margin-top:var(--tablechart-name-gap,var(--tablechart-categories-gap,.45em));display:grid}.tablechart-categories :where(span){text-align:center;padding:var(--tablechart-name-padding,var(--tablechart-category-padding,0 .2em));font-size:calc(var(--tablechart-name-size,var(--tablechart-category-size,.95em)) * var(--_name-fit,1));hyphens:manual;overflow-wrap:normal}.tablechart-bar{fill:var(--tablechart-bar-color,currentColor)}.tablechart-bar[data-kind=up]{fill:var(--tablechart-up-color,var(--tablechart-bar-color,currentColor))}.tablechart-bar[data-kind=down]{fill:var(--tablechart-down-color,var(--tablechart-bar-color,currentColor))}.tablechart-bar[data-kind=total]{fill:var(--tablechart-total-color,var(--tablechart-bar-color,currentColor))}.tablechart-bar[data-series],.tablechart-piece{fill:var(--tablechart-series-own-color,var(--tablechart-series-ink,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,var(--tablechart-muted-share,45%)))), var(--tablechart-surface,Canvas))))}.tablechart-plot[data-grouped] :where(.tablechart-value){font-size:calc(var(--tablechart-value-group-size,.95em) * var(--_fit,1))}.tablechart-rule{stroke:var(--tablechart-baseline-color,var(--tablechart-rule-color,currentColor));stroke-width:var(--tablechart-baseline-width,var(--tablechart-rule-width,1px));opacity:var(--tablechart-baseline-opacity,var(--tablechart-rule-opacity,.45));vector-effect:non-scaling-stroke}.tablechart-connector{stroke:var(--tablechart-connector-color,currentColor);stroke-width:var(--tablechart-connector-width,1px);stroke-dasharray:var(--tablechart-connector-dash,2 3);opacity:var(--tablechart-connector-opacity,.55);fill:none;vector-effect:non-scaling-stroke}.tablechart-series{stroke:var(--tablechart-series-own-color,var(--tablechart-series-ink,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,var(--tablechart-muted-share,45%)))), var(--tablechart-surface,Canvas))));stroke-width:var(--tablechart-series-width,2px);stroke-linecap:round;fill:none;vector-effect:non-scaling-stroke}.tablechart-area{fill:var(--tablechart-area-color,var(--tablechart-series-own-color,var(--tablechart-series-ink,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,var(--tablechart-muted-share,45%)))), var(--tablechart-surface,Canvas)))));opacity:var(--tablechart-area-opacity,.25)}.tablechart-area[data-muted]{opacity:calc(var(--tablechart-area-opacity,.25) / 2)}.tablechart-area[data-stacked]{opacity:var(--tablechart-area-opacity,.5)}.tablechart-area[data-stacked][data-muted]{opacity:calc(var(--tablechart-area-opacity,.5) / 2)}.tablechart-series[data-line=dashed]{stroke-dasharray:var(--tablechart-series-dash,var(--tablechart-dash,6 4))}.tablechart-series[data-line=dotted]{stroke-dasharray:var(--tablechart-series-dot,var(--tablechart-dot,0 4))}.tablechart-point{fill:var(--tablechart-point-color,var(--tablechart-series-own-color,var(--tablechart-series-ink,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,var(--tablechart-muted-share,45%)))), var(--tablechart-surface,Canvas)))))}.tablechart-point[data-open]{fill:none;stroke:var(--tablechart-point-color,var(--tablechart-series-own-color,var(--tablechart-series-ink,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,var(--tablechart-muted-share,45%)))), var(--tablechart-surface,Canvas)))));stroke-width:var(--tablechart-series-width,2px);vector-effect:non-scaling-stroke}.tablechart-slice{fill:none;stroke:var(--palette,color-mix(in oklab, var(--tablechart-slice-color,currentColor) max(var(--tablechart-slice-min,20%), calc(100% - var(--n) * var(--tablechart-slice-fade,15%))), var(--tablechart-surface,Canvas)))}.tablechart-divide{stroke:#000;stroke-width:var(--tablechart-slice-gap,4);fill:none}.tablechart-leader{stroke:var(--tablechart-leader-color,currentColor);stroke-width:var(--tablechart-leader-width,1px);opacity:var(--tablechart-leader-opacity,.45);fill:none;vector-effect:non-scaling-stroke}.tablechart-centre{white-space:nowrap;text-align:center;font-size:var(--tablechart-centre-size,1.6em);color:var(--tablechart-centre-color,currentColor);position:absolute;transform:translate(-50%,-50%)}.tablechart-break[data-part=edge]{fill:none;stroke:var(--tablechart-break-color,currentColor);stroke-width:var(--tablechart-break-width,1px);opacity:var(--tablechart-break-opacity,1);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tablechart-line{stroke:var(--tablechart-annotation-color,currentColor);stroke-width:var(--tablechart-annotation-width,1.25px);fill:none;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.tablechart-head{fill:var(--tablechart-annotation-color,currentColor)}.tablechart-badge{background:var(--tablechart-badge-surface,none);color:var(--tablechart-annotation-color,currentColor);border:var(--tablechart-badge-border-width,1px) solid currentColor;border-radius:var(--tablechart-badge-radius,50%);padding:var(--tablechart-badge-padding,.5em 1.25em);white-space:nowrap;line-height:1;position:absolute;transform:translate(-50%,-50%)}.tablechart-badge :where(.tablechart-caption){color:var(--tablechart-color,currentColor);background:0 0;border:0;position:absolute;bottom:calc(100% + .45em);left:50%;transform:translate(-50%)}@media screen{:where([data-animate],[data-animate] .tablechart-plot){--_el:var(--tablechart-animation-element-duration,var(--tablechart-duration,.5s));--_max:var(--tablechart-animation-max,calc(4 * var(--_el)));--_r:var(--tablechart-animation-stagger,var(--_ratio,.24));--_dur:min(var(--_el), calc(var(--_max) / (1 + var(--_keep,0) * (var(--count,1) - 1) * var(--_r))));--_stg:min(var(--tablechart-stagger,calc(var(--_r) * var(--_el))), max(0s, calc((var(--_max) - var(--_dur)) / max(var(--count,1) - 1, 1))));--_fade:min(var(--_dur), calc(var(--_max) / 4));--_ease:var(--tablechart-animation-ease,var(--tablechart-easing,cubic-bezier(.26, .86, .44, .985)));--_build:min(calc(.6 * var(--count,1) * var(--_dur)), calc(var(--_max) - var(--_fade)));--_steptime:min(calc(.65 * var(--_dur)), calc(var(--_max) / (var(--count,1) - .08)));--_rise:min(calc(var(--_el) * 1.6), calc(var(--_max) - var(--_fade)));--_ring:calc(var(--_dur) + (var(--count,1) - 1) * var(--_stg))}:where([data-animate]) :where(.tablechart-bar){transform-box:fill-box;transform-origin:bottom;transition:transform var(--_dur) var(--_ease);transition-delay:calc(var(--i) * var(--_stg));transform:scaleY(0)}:where([data-animate]) :where(.tablechart-bar[data-grow=down]){transform-origin:top}:where([data-animate]) :where(.tablechart-bar[data-grow=right]){transform-origin:0;transform:scaleX(0)}:where([data-animate]) :where(.tablechart-bar[data-grow=left]){transform-origin:100%;transform:scaleX(0)}:where([data-animate]) :where(.tablechart-series){clip-path:inset(-10px calc(100% + 10px) -10px -10px);transition:clip-path calc(var(--d,1) * var(--_stg)) linear;transition-delay:calc(max(var(--i) - 1, 0) * var(--_stg))}:where([data-animate]) :where(.tablechart-area-fill){opacity:0;transition:opacity calc(max(var(--rows) - 1, 1) * var(--_stg)) linear;transition-delay:calc(max(var(--i) - 1, 0) * var(--_stg))}:where([data-animate]) :where(.tablechart-point,.tablechart-hole){opacity:0;transition:opacity var(--_fade) ease;transition-delay:calc(var(--i) * var(--_stg) + .048 * var(--_dur))}:where([data-animate]) :where(.tablechart-hole[data-for=badge]){transition:opacity .3s;transition-delay:calc(var(--after) * var(--_stg) + .35s)}:where([data-animate]) :where(.tablechart-value,.tablechart-name){opacity:0;transition:opacity var(--_fade) ease;transition-delay:calc(var(--i) * var(--_stg) + .096 * var(--_dur))}:where([data-animate]) :where(.tablechart-connector){clip-path:inset(-10px calc(100% + 10px) -10px -10px);transition:clip-path calc(var(--_dur) / 3) linear;transition-delay:calc(var(--i) * var(--_stg))}:where([data-animate]) :where(.tablechart-slice){stroke-dasharray:0 var(--circ);transition:stroke-dasharray var(--_dur) var(--_ease);transition-delay:calc(var(--i) * var(--_stg))}:where([data-animate]) :where(.tablechart-centre){opacity:0;transition:opacity var(--_fade) ease;transition-delay:calc(var(--i,0) * var(--_stg) + .5 * var(--_dur))}:where([data-animate]) :where(.tablechart-leader){stroke-opacity:0;transition:stroke-opacity var(--_fade) ease;transition-delay:calc(var(--i,0) * var(--_stg) + .5 * var(--_dur))}:where([data-animate]) :where([data-chart=donut] .tablechart-value){transition-delay:calc(var(--i,0) * var(--_stg) + .5 * var(--_dur))}:where([data-animate]) :where(.tablechart-break[data-part=edge]){stroke-opacity:0;transition:stroke-opacity .2s;transition-delay:calc((var(--after) + .9) * var(--_stg))}:where([data-animate]) :where(.tablechart-line){stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset var(--tablechart-annotation-duration,.6s) var(--_ease);transition-delay:calc(var(--after) * var(--_stg))}:where([data-animate]) :where(.tablechart-head){opacity:0;transition:opacity .2s;transition-delay:calc(var(--after) * var(--_stg) + .55s)}:where([data-animate]) :where(.tablechart-badge){opacity:0;transition:opacity .3s;transition-delay:calc(var(--after) * var(--_stg) + .35s)}:where([data-chart=waterfall]:not([data-animate=sweep])){--_ratio:.6;--_keep:1}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-bar,.tablechart-connector){transition-duration:calc(var(--span,1) * var(--_build));transition-timing-function:var(--ease,linear);transition-delay:calc(var(--start,0) * var(--_build))}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-value){transition-delay:calc((var(--start,0) + .5 * var(--span,0)) * var(--_build))}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-badge,.tablechart-hole[data-for=badge]){transition-delay:calc(var(--_build) + .2s)}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-break[data-part=edge]){transition-delay:calc((var(--start,0) + var(--span,1)) * var(--_build))}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-bar){transition-duration:calc(.923 * var(--_steptime));transition-delay:calc(var(--i) * var(--_steptime))}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-connector){transition:clip-path calc(.308 * var(--_steptime)) linear;transition-delay:calc((var(--i) - 1) * var(--_steptime) + calc(.692 * var(--_steptime)))}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-value){transition-delay:calc(var(--i) * var(--_steptime) + calc(.923 * var(--_steptime)) * .5)}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-badge,.tablechart-hole[data-for=badge]){transition-delay:calc(var(--after) * var(--_steptime) + .2s)}:where([data-animate].is-shown) :where(.tablechart-bar){transform:scaleY(1)}:where([data-animate].is-shown) :where(.tablechart-bar:is([data-grow=right],[data-grow=left])){transform:scaleX(1)}:where([data-animate].is-shown) :where(.tablechart-series){clip-path:inset(-10px)}:where([data-animate].is-shown) :where(.tablechart-point),:where([data-animate].is-shown) :where(.tablechart-hole),:where([data-animate].is-shown) :where(.tablechart-area-fill),:where([data-animate].is-shown) :where(.tablechart-value),:where([data-animate].is-shown) :where(.tablechart-name),:where([data-animate].is-shown) :where(.tablechart-head),:where([data-animate].is-shown) :where(.tablechart-badge),:where([data-animate].is-shown) :where(.tablechart-centre){opacity:1}:where([data-animate].is-shown) :where(.tablechart-leader),:where([data-animate].is-shown) :where(.tablechart-break[data-part=edge]){stroke-opacity:1}:where([data-animate].is-shown) :where(.tablechart-slice){stroke-dasharray:var(--arc) calc(var(--circ) - var(--arc))}:where([data-animate].is-shown) :where(.tablechart-connector){clip-path:inset(-10px)}:where([data-animate].is-shown) :where(.tablechart-line){stroke-dashoffset:0}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-series,.tablechart-area){clip-path:none;transform-box:view-box;transform-origin:0 var(--_base);transition:transform var(--_rise) var(--_ease);transition-delay:0s;transform:scaleY(0)}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-area-fill){opacity:1;transition:none}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-point,.tablechart-hole:not([data-for])){opacity:0;transform:translateY(var(--rise,0));transition:transform var(--_rise) var(--_ease), opacity .15s ease;transition-delay:0s}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-value,.tablechart-name){transition-delay:var(--_rise)}:where([data-animate=grow]:is([data-chart=line],[data-chart=area]).is-shown) :where(.tablechart-series,.tablechart-area){transform:scaleY(1)}:where([data-animate=grow]:is([data-chart=line],[data-chart=area]).is-shown) :where(.tablechart-point,.tablechart-hole:not([data-for])){opacity:1;transform:none}:where([data-animate=sweep][data-chart=donut]) :where(.tablechart-slice){transition:stroke-dasharray calc(var(--span,1) * var(--_ring)) var(--ease,linear);transition-delay:calc(var(--start,0) * var(--_ring))}:where([data-animate=sweep][data-chart=donut]) :where(.tablechart-leader,.tablechart-value){transition-delay:calc((var(--start,0) + var(--span,0)) * var(--_ring))}:where([data-animate=sweep][data-chart=donut]) :where(.tablechart-centre){transition-delay:calc(.5 * var(--_ring))}:where([data-animate]){transition:opacity var(--tablechart-queue-duration,.4s) ease}:where([data-animate].tablechart-queued){opacity:0}}@media screen and (prefers-reduced-motion:reduce){:where([data-animate]) :where(*){transition-duration:1ms!important;transition-delay:0s!important}}@media screen{:where([data-animate][data-steps]) :where(.tablechart-series),:where([data-animate][data-steps]) :where(.tablechart-area-fill>*){clip-path:inset(-10px calc(100% + 10px) -10px -10px);transition:clip-path var(--_dur) ease}:where([data-animate][data-steps]) :where(.tablechart-area-fill){opacity:1;transition:none}:where([data-animate][data-steps]) :where(.tablechart-piece){transform-box:fill-box;transform-origin:bottom;transition:transform var(--_dur) var(--_ease);transition-delay:calc(var(--i,0) * var(--_stg))}:where([data-animate][data-steps]) :where(.tablechart-piece[data-grow=right]){transform-origin:0}:where([data-animate][data-steps]) :where(.tablechart-piece[data-grow=down]){transform-origin:top}:where([data-animate][data-steps]) :where(.tablechart-piece[data-grow=left]){transform-origin:100%}:where([data-animate][data-steps].is-shown) :where(.tablechart-bar){transform:scaleY(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-bar:is([data-grow=right],[data-grow=left])){transform:scaleX(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-piece){transform:scaleY(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-piece:is([data-grow=right],[data-grow=left])){transform:scaleX(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-value),:where([data-animate][data-steps].is-shown) :where(.tablechart-name),:where([data-animate][data-steps].is-shown) :where(.tablechart-head),:where([data-animate][data-steps].is-shown) :where(.tablechart-badge),:where([data-animate][data-steps].is-shown) :where(.tablechart-centre),:where([data-animate][data-steps].is-shown) :where(.tablechart-point),:where([data-animate][data-steps].is-shown) :where(.tablechart-hole){opacity:clamp(0, var(--_step,0) - var(--step,-1), 1)}:where([data-animate][data-steps].is-shown) :where(.tablechart-leader),:where([data-animate][data-steps].is-shown) :where(.tablechart-break[data-part=edge]){stroke-opacity:clamp(0, var(--_step,0) - var(--step,-1), 1)}:where([data-animate][data-steps].is-shown) :where(.tablechart-line){stroke-dashoffset:calc(var(--len) * (1 - clamp(0, var(--_step,0) - var(--step,-1), 1)))}:where([data-animate][data-steps].is-shown) :where(.tablechart-connector){clip-path:inset(-10px calc((1 - clamp(0, var(--_step,0) - var(--step,-1), 1)) * (100% + 20px) - 10px) -10px -10px)}:where([data-animate][data-steps].is-shown) :where(.tablechart-series),:where([data-animate][data-steps].is-shown) :where(.tablechart-area-fill>*){clip-path:inset(-10px calc((1 - var(--reveal,0)) * (100% + 20px) - 10px) -10px -10px)}:where([data-animate][data-steps].is-shown) :where(.tablechart-slice){stroke-dasharray:calc(var(--arc) * clamp(0, var(--_step,0) - var(--step,-1), 1)) calc(var(--circ) - var(--arc) * clamp(0, var(--_step,0) - var(--step,-1), 1))}}:where(.tablechart-controls){justify-content:var(--tablechart-control-justify,var(--tablechart-controls-justify,space-between));margin-top:var(--tablechart-control-gap,var(--tablechart-controls-gap,.75em));align-items:center;gap:.5em;display:flex}:where(.tablechart-controls) :where(button){padding:var(--tablechart-control-padding,.3em .7em);border:var(--tablechart-control-border,1px solid color-mix(in oklab, currentColor 30%, transparent));border-radius:var(--tablechart-control-radius,.4em);background:var(--tablechart-control-surface,none);color:inherit;font:inherit;cursor:pointer;align-items:center;gap:.35em;display:inline-flex}:where(.tablechart-controls) :where(button:disabled){opacity:.35;cursor:default}:where(.tablechart-controls) :where(.tablechart-control-icon svg){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.8em;height:.8em;display:block}@media print{:where([data-steps]){--_step:999!important}:where([data-steps] [data-from]){--reveal:1!important}:where(.tablechart-controls){display:none}}.tablechart-plot[data-hover]{cursor:default}.tablechart-plot[data-hover] :where(.tablechart-value){-webkit-user-select:none;user-select:none}.tablechart-tooltip{pointer-events:auto;text-align:start;z-index:1000;box-sizing:border-box;min-width:7em;max-width:min(18em,100vw - 16px);padding:var(--tablechart-tooltip-padding,.45em .7em);border:var(--tablechart-tooltip-border,1px solid color-mix(in oklab, currentColor 28%, transparent));border-radius:var(--tablechart-tooltip-radius,.4em);background:var(--tablechart-tooltip-surface,light-dark(#fff,oklch(from var(--tablechart-surface,Canvas) calc(l + .06) c h)));color:var(--tablechart-tooltip-color,var(--_color,CanvasText));box-shadow:var(--tablechart-tooltip-shadow,0 1px 3px #0000001f, 0 6px 18px #0000002e);line-height:1.35;position:fixed;top:0;left:0}.tablechart-tooltip[hidden]{display:none}.tablechart-tooltip-title{font-weight:600}.tablechart-tooltip-line{align-items:baseline;gap:.45em;display:flex}.tablechart-tooltip-name,.tablechart-tooltip-title{min-width:0}.tablechart-tooltip-value{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;padding-left:1em}.tablechart-tooltip-key{border-radius:50%;flex:none;align-self:center;width:.6em;height:.6em}.tablechart-tooltip-key[data-sample=line]{width:1.6em;height:.8em;mask-image:var(--_line), var(--_mark,none);border-radius:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.tablechart-tooltip-key[data-sample=box]{border-radius:.15em;width:.7em;height:.7em}.tablechart-tooltip-arrow{border:inherit;background:inherit;width:.6em;height:.6em;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}[data-side=top]>.tablechart-tooltip-arrow{border-top-color:#0000;border-left-color:#0000;top:100%}[data-side=bottom]>.tablechart-tooltip-arrow{border-bottom-color:#0000;border-right-color:#0000;top:0}@media print{.tablechart-tooltip,:where(.tablechart,[data-chart]) :where(table,.chart-annotations){display:none}:where(.tablechart-plot){break-inside:avoid;page-break-inside:avoid}:where(.tablechart,[data-chart])>:where(figcaption){break-after:avoid;page-break-after:avoid}:where(.tablechart-categories,.tablechart-legend){break-before:avoid;page-break-before:avoid}[data-table=print]>:where(table),[data-table=always]>:where(table),[data-table=auto][data-left-out]>:where(table){clip-path:none;display:table;position:static}}.is-printing,.is-printing *{transition:none!important;animation:none!important}
+:root{--cssimported-tablechart:true}.tablechart,:where([data-chart]){margin:var(--tablechart-margin,0);color:var(--tablechart-color,currentColor);font-size:var(--tablechart-font-size,1em);line-height:var(--tablechart-line-height,1.25)}.tablechart :where(figcaption),:where([data-chart]) :where(figcaption){margin-bottom:var(--tablechart-caption-gap,.5em);text-align:var(--tablechart-caption-align,left)}.tablechart,:where([data-chart]){position:relative}.tablechart :where(table),.tablechart :where(.chart-annotations),:where([data-chart]) :where(table),:where([data-chart]) :where(.chart-annotations){inset-inline:0;clip-path:inset(50%);margin:0;position:absolute;top:0}.tablechart[data-table]>:where(table),:where([data-chart])[data-table]>:where(table){border-collapse:collapse;margin-top:.75em}.tablechart[data-table]>:where(table) :where(th,td),:where([data-chart])[data-table]>:where(table) :where(th,td){text-align:start;padding:.2em 1.25em .2em 0}.tablechart[data-table]>:where(table) :where(td,thead th:not(:first-child)),:where([data-chart])[data-table]>:where(table) :where(td,thead th:not(:first-child)){text-align:end;font-variant-numeric:tabular-nums}.tablechart[data-table=always]>:where(table),:where([data-chart])[data-table=always]>:where(table){clip-path:none;position:static}@media (scripting:none){.tablechart :where(table),.tablechart :where(.chart-annotations),:where([data-chart]) :where(table),:where([data-chart]) :where(.chart-annotations){clip-path:none;position:static}}@media (scripting:enabled){.tablechart:where(:not([data-chart-empty]):not(:has(>.tablechart-plot))):after,:where([data-chart]):where(:not([data-chart-empty]):not(:has(>.tablechart-plot))):after{content:"";height:0;padding-top:max(var(--tablechart-min-height,200px), var(--_room,.38) * 100%);padding-bottom:1.5em;display:block}.tablechart :where(.tablechart-plot:not(.is-placed)),:where([data-chart]) :where(.tablechart-plot:not(.is-placed)){height:0;padding-top:max(var(--tablechart-min-height,200px), var(--_room,.38) * 100%);overflow:hidden}}:where([data-chart=donut]){--_room:.66}:where([data-chart=bar]){--_room:.5}.tablechart-plot{position:relative}.tablechart-plot :where(svg){width:100%;height:auto;display:block;overflow:visible}.tablechart-plot:not(.is-placed) :where(.tablechart-value,.tablechart-badge,.tablechart-name){visibility:hidden}.tablechart-sr{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tablechart-value{white-space:nowrap;font-size:var(--tablechart-value-size,calc(var(--tablechart-name-size,.95em) * 1.3));position:absolute;transform:translate(-50%,-100%)}.tablechart-value[data-place=outside]{color:var(--tablechart-value-color,currentColor)}.tablechart-value:where([data-place=outside],[data-place=below]) :where(.tablechart-minus){position:absolute;right:100%}.tablechart-value[data-place=inside]{color:var(--tablechart-bar-value-color,oklch(from var(--tablechart-bar-color,currentColor) calc(.18 + .8 * clamp(0, (.68 - l) * 1000, 1)) 0 0));transform:translate(-50%,-50%)}.tablechart-value[data-place=around]{color:var(--tablechart-value-color,currentColor);transform:translate(-50%,-50%)}.tablechart-value[data-place=below]{color:var(--tablechart-value-color,currentColor);transform:translate(-50%)}.tablechart-value[data-place=middle]{color:var(--tablechart-value-color,currentColor);transform:translate(-50%,-50%)}.tablechart-value[data-place=after]{color:var(--tablechart-value-color,currentColor);transform:translateY(-50%)}.tablechart-value[data-place=before]{color:var(--tablechart-value-color,currentColor);transform:translate(-100%,-50%)}.tablechart-value[data-place=none]{display:none}.tablechart-value[data-left-out]{visibility:hidden}.tablechart-value[data-place=inside][data-kind=up]{color:var(--tablechart-up-value-color,oklch(from var(--tablechart-up-color,var(--tablechart-bar-color,currentColor)) calc(.18 + .8 * clamp(0, (.68 - l) * 1000, 1)) 0 0))}.tablechart-value[data-place=inside][data-kind=down]{color:var(--tablechart-down-value-color,oklch(from var(--tablechart-down-color,var(--tablechart-bar-color,currentColor)) calc(.18 + .8 * clamp(0, (.68 - l) * 1000, 1)) 0 0))}.tablechart-value[data-place=inside][data-series]{color:var(--tablechart-piece-value-color,oklch(from var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas))) calc(.18 + .8 * clamp(0, (.68 - l) * 1000, 1)) 0 0))}.tablechart-value[data-place=inside][data-kind=total]{color:var(--tablechart-total-value-color,oklch(from var(--tablechart-total-color,var(--tablechart-bar-color,currentColor)) calc(.18 + .8 * clamp(0, (.68 - l) * 1000, 1)) 0 0))}.tablechart-name{white-space:nowrap;font-size:var(--tablechart-name-size,.95em);color:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas)));position:absolute;transform:translateY(-50%)}.tablechart-legend{box-sizing:border-box;width:fit-content;max-width:100%;padding:var(--tablechart-legend-padding,0);border:var(--tablechart-legend-border,none);border-radius:var(--tablechart-legend-radius,0);background:var(--tablechart-legend-surface,none);margin-inline:auto;margin-top:var(--tablechart-legend-gap,.6em);font-size:var(--tablechart-name-size,.95em);flex-wrap:wrap;justify-content:center;gap:.3em 1.2em;display:flex}.tablechart-name[data-place=legend]{color:inherit;font-size:inherit;position:static;transform:none}.tablechart-name[data-place=legend]:before{content:"";vertical-align:-.05em;background:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas)));width:1.6em;height:.8em;mask-image:var(--_line), var(--_mark,none);margin-right:.4em;display:inline-block;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.tablechart-name[data-place=legend][data-swatch=box]:before{vertical-align:-.05em;background:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas)));border-radius:.15em;width:.7em;height:.7em;mask:none}.tablechart-name[data-place=legend],.tablechart-tooltip-key[data-sample]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=dashed],.tablechart-tooltip-key[data-sample][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=dotted],.tablechart-tooltip-key[data-sample][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle],.tablechart-tooltip-key[data-sample][data-marker=circle]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='6' r='3.4' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle][data-open],.tablechart-tooltip-key[data-sample][data-marker=circle][data-open]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='6' r='3.4'/%3E%3C/svg%3E");--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H8.6 M15.4 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle][data-open][data-line=dashed],.tablechart-tooltip-key[data-sample][data-marker=circle][data-open][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H8.6 M15.4 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=circle][data-open][data-line=dotted],.tablechart-tooltip-key[data-sample][data-marker=circle][data-open][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H8.6 M15.4 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square],.tablechart-tooltip-key[data-sample][data-marker=square]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='9' y='3' width='6' height='6' stroke-linecap='butt' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square][data-open],.tablechart-tooltip-key[data-sample][data-marker=square][data-open]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='9' y='3' width='6' height='6' stroke-linecap='butt'/%3E%3C/svg%3E");--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H9 M15 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square][data-open][data-line=dashed],.tablechart-tooltip-key[data-sample][data-marker=square][data-open][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H9 M15 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=square][data-open][data-line=dotted],.tablechart-tooltip-key[data-sample][data-marker=square][data-open][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H9 M15 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond],.tablechart-tooltip-key[data-sample][data-marker=diamond]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpolygon points='12,1.9 16.1,6 12,10.1 7.9,6' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond][data-open],.tablechart-tooltip-key[data-sample][data-marker=diamond][data-open]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpolygon points='12,1.9 16.1,6 12,10.1 7.9,6'/%3E%3C/svg%3E");--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H7.9 M16.1 6H24'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond][data-open][data-line=dashed],.tablechart-tooltip-key[data-sample][data-marker=diamond][data-open][data-line=dashed]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H7.9 M16.1 6H24' stroke-dasharray='4 2.5' stroke-linecap='butt'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-marker=diamond][data-open][data-line=dotted],.tablechart-tooltip-key[data-sample][data-marker=diamond][data-open][data-line=dotted]{--_line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M0 6H7.9 M16.1 6H24' stroke-dasharray='0 3'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=none]{--_line:none}.tablechart-name[data-place=legend][data-line=none][data-marker=triangle]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpolygon points='12,1.6 16.4,9.6 7.6,9.6' fill='white'/%3E%3C/svg%3E")}.tablechart-name[data-place=legend][data-line=none][data-marker=size]{--_mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12' fill='none' stroke='white' stroke-width='1.4'%3E%3Ccircle cx='6' cy='8' r='2.6'/%3E%3Ccircle cx='15.5' cy='6' r='4.8'/%3E%3C/svg%3E")}.tablechart-tick,.tablechart-axis-title{white-space:nowrap;font-size:var(--tablechart-axis-size,var(--tablechart-name-size,.95em));color:var(--tablechart-axis-text-color,inherit);position:absolute}.tablechart-tick[data-place=below]{transform:translate(-50%)}.tablechart-tick[data-place=before]{transform:translate(-100%,-50%)}.tablechart-tick[data-place=none]{display:none}.tablechart-axis-title{transform:translate(-50%)}.tablechart-axis-title[data-axis=y]{writing-mode:vertical-rl;transform:translateY(-50%)rotate(180deg)}.tablechart-categories :where(span[data-kind=total]){display:none}.tablechart-categories :where(span[data-kind=slice]):before{content:"";width:var(--tablechart-legend-key-size,.6em);height:var(--tablechart-legend-key-size,.6em);background:var(--palette,color-mix(in oklab, var(--tablechart-slice-color,currentColor) max(var(--tablechart-slice-min,20%), calc(100% - var(--n) * var(--tablechart-slice-fade,15%))), var(--tablechart-surface,Canvas)));border-radius:50%;margin-right:.4em;display:inline-block}.tablechart-categories[data-place=key]{box-sizing:border-box;width:fit-content;max-width:100%;padding:var(--tablechart-legend-padding,0);border:var(--tablechart-legend-border,none);border-radius:var(--tablechart-legend-radius,0);background:var(--tablechart-legend-surface,none);flex-wrap:wrap;justify-content:center;gap:.3em 1.2em;margin-inline:auto;display:flex}.tablechart-categories[data-place=key] :where(span){white-space:nowrap;padding:0}.tablechart-categories[data-place=beside]{pointer-events:none;margin:0;display:block;position:absolute;inset:0}.tablechart-categories[data-place=beside] :where(span){text-align:right;width:max-content;max-width:min(var(--tablechart-name-max,40%), var(--_beside,100%));text-wrap:balance;hyphens:auto;hyphenate-limit-chars:6 3 3;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;overflow-wrap:break-word;min-width:min-content;padding:0;position:absolute;transform:translate(-100%,-50%)}.tablechart-categories{grid-template-columns:repeat(var(--_columns,1), minmax(0, 1fr));margin-top:var(--tablechart-name-gap,.45em);display:grid}.tablechart-categories :where(span){color:var(--tablechart-name-color,inherit);text-align:center;padding:var(--tablechart-name-padding,0 .2em);font-size:calc(var(--tablechart-name-size,.95em) * var(--_name-fit,1));hyphens:manual;overflow-wrap:normal}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span){text-align:left;max-width:12em;transform:none}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span)[data-side=left]{text-align:right}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span):is([data-side=above],[data-side=below]){text-align:center}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span)[data-left-out]{visibility:hidden}:where([data-chart=scatter]) .tablechart-categories[data-place=beside] :where(span)[data-more]:after{content:" +" attr(data-more)}.tablechart-bar{fill:var(--tablechart-bar-color,currentColor)}.tablechart-bar[data-kind=up]{fill:var(--tablechart-up-color,var(--tablechart-bar-color,currentColor))}.tablechart-bar[data-kind=down]{fill:var(--tablechart-down-color,var(--tablechart-bar-color,currentColor))}.tablechart-bar[data-kind=total]{fill:var(--tablechart-total-color,var(--tablechart-bar-color,currentColor))}.tablechart-bar[data-series],.tablechart-piece{fill:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas)))}.tablechart-plot[data-grouped] :where(.tablechart-value){font-size:calc(var(--tablechart-value-group-size,.95em) * var(--_fit,1))}.tablechart-rule{stroke:var(--tablechart-baseline-color,currentColor);stroke-width:var(--tablechart-baseline-width,1px);opacity:var(--tablechart-baseline-opacity,.45);vector-effect:non-scaling-stroke}.tablechart-connector{stroke:var(--tablechart-connector-color,currentColor);stroke-width:var(--tablechart-connector-width,1px);stroke-dasharray:var(--tablechart-connector-dash,2 3);opacity:var(--tablechart-connector-opacity,.55);fill:none;vector-effect:non-scaling-stroke}.tablechart-series{stroke:var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas)));stroke-width:var(--tablechart-series-width,2px);stroke-linecap:round;fill:none;vector-effect:non-scaling-stroke}.tablechart-area{fill:var(--tablechart-area-color,var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas))));opacity:var(--tablechart-area-opacity,.25)}.tablechart-area[data-muted]{opacity:calc(var(--tablechart-area-opacity,.25) / 2)}.tablechart-area[data-stacked]{opacity:var(--tablechart-area-opacity,.5)}.tablechart-area[data-stacked][data-muted]{opacity:calc(var(--tablechart-area-opacity,.5) / 2)}.tablechart-series[data-line=dashed]{stroke-dasharray:var(--tablechart-series-dash,6 4)}.tablechart-series[data-line=dotted]{stroke-dasharray:var(--tablechart-series-dot,0 4)}.tablechart-point{fill:var(--tablechart-point-color,var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas))))}.tablechart-point[data-open]{fill:none;stroke:var(--tablechart-point-color,var(--tablechart-series-own-color,color-mix(in oklab, var(--palette,color-mix(in oklab, var(--tablechart-series-color,var(--tablechart-bar-color,currentColor)) max(var(--tablechart-series-min,40%), calc((100% - var(--n,0) * min(var(--tablechart-series-fade,30%), calc((100% - var(--tablechart-series-min,40%)) / max(var(--_series-count,2) - 1, 1)))) * (1 - var(--m,0)) + var(--m,0) * 100%)), var(--tablechart-surface,Canvas))) calc(100% - var(--m,0) * (100% - var(--tablechart-series-muted-share,45%))), var(--tablechart-surface,Canvas))));stroke-width:var(--tablechart-series-width,2px);vector-effect:non-scaling-stroke}:where([data-chart=scatter]) .tablechart-point{stroke:var(--tablechart-surface,Canvas);stroke-width:1px;vector-effect:non-scaling-stroke}.tablechart-axis{fill:none;stroke:var(--tablechart-axis-color,color-mix(in oklab, currentColor 55%, transparent));stroke-width:var(--tablechart-axis-width,1px);vector-effect:non-scaling-stroke}.tablechart-grid{fill:none;stroke:var(--tablechart-grid-color,currentColor);stroke-width:var(--tablechart-grid-width,1px);opacity:var(--tablechart-grid-opacity,.09);vector-effect:non-scaling-stroke}.tablechart-slice{fill:none;stroke:var(--palette,color-mix(in oklab, var(--tablechart-slice-color,currentColor) max(var(--tablechart-slice-min,20%), calc(100% - var(--n) * var(--tablechart-slice-fade,15%))), var(--tablechart-surface,Canvas)))}.tablechart-divide{stroke:#000;stroke-width:var(--tablechart-slice-gap,4);fill:none}.tablechart-leader{stroke:var(--tablechart-leader-color,currentColor);stroke-width:var(--tablechart-leader-width,1px);opacity:var(--tablechart-leader-opacity,.45);fill:none;vector-effect:non-scaling-stroke}.tablechart-centre{white-space:nowrap;text-align:center;font-size:var(--tablechart-centre-size,1.6em);color:var(--tablechart-centre-color,currentColor);position:absolute;transform:translate(-50%,-50%)}.tablechart-break[data-part=edge]{fill:none;stroke:var(--tablechart-break-color,currentColor);stroke-width:var(--tablechart-break-width,1px);opacity:var(--tablechart-break-opacity,1);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tablechart-line{stroke:var(--tablechart-annotation-color,currentColor);stroke-width:var(--tablechart-annotation-width,1.25px);fill:none;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.tablechart-reference{stroke:var(--tablechart-annotation-color,currentColor);stroke-width:var(--tablechart-annotation-width,1.25px);stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.tablechart-reference[data-line=dotted]{stroke-dasharray:0 4;stroke-linecap:round}.tablechart-badge[data-kind=reference]{white-space:nowrap;border:0;border-radius:0;padding:.2em .4em}.tablechart-head{fill:var(--tablechart-annotation-color,currentColor)}.tablechart-badge{background:var(--tablechart-badge-surface,none);color:var(--tablechart-annotation-color,currentColor);border:var(--tablechart-badge-border-width,1px) solid currentColor;border-radius:var(--tablechart-badge-radius,50%);padding:var(--tablechart-badge-padding,.5em 1.25em);white-space:nowrap;line-height:1;position:absolute;transform:translate(-50%,-50%)}.tablechart-badge :where(.tablechart-caption){color:var(--tablechart-color,currentColor);background:0 0;border:0;position:absolute;bottom:calc(100% + .45em);left:50%;transform:translate(-50%)}@media screen{:where([data-animate],[data-animate] .tablechart-plot){--_el:var(--tablechart-animation-element-duration,.5s);--_max:var(--tablechart-animation-max,calc(4 * var(--_el)));--_r:var(--tablechart-animation-stagger,var(--_ratio,.24));--_dur:min(var(--_el), calc(var(--_max) / (1 + var(--_keep,0) * (var(--count,1) - 1) * var(--_r))));--_stg:min(calc(var(--_r) * var(--_el)), max(0s, calc((var(--_max) - var(--_dur)) / max(var(--count,1) - 1, 1))));--_fade:min(var(--_dur), calc(var(--_max) / 4));--_ease:var(--tablechart-animation-ease,cubic-bezier(.26, .86, .44, .985));--_build:min(calc(.6 * var(--count,1) * var(--_dur)), calc(var(--_max) - var(--_fade)));--_steptime:min(calc(.65 * var(--_dur)), calc(var(--_max) / (var(--count,1) - .08)));--_rise:min(calc(var(--_el) * 1.6), calc(var(--_max) - var(--_fade)));--_ring:calc(var(--_dur) + (var(--count,1) - 1) * var(--_stg))}:where([data-animate]) :where(.tablechart-bar){transform-box:fill-box;transform-origin:bottom;transition:transform var(--_dur) var(--_ease);transition-delay:calc(var(--i) * var(--_stg));transform:scaleY(0)}:where([data-animate]) :where(.tablechart-bar[data-grow=down]){transform-origin:top}:where([data-animate]) :where(.tablechart-bar[data-grow=right]){transform-origin:0;transform:scaleX(0)}:where([data-animate]) :where(.tablechart-bar[data-grow=left]){transform-origin:100%;transform:scaleX(0)}:where([data-animate]) :where(.tablechart-series){clip-path:inset(-10px calc(100% + 10px) -10px -10px);transition:clip-path calc(var(--d,1) * var(--_stg)) linear;transition-delay:calc(max(var(--i) - 1, 0) * var(--_stg))}:where([data-animate]) :where(.tablechart-area-fill){opacity:0;transition:opacity calc(max(var(--rows) - 1, 1) * var(--_stg)) linear;transition-delay:calc(max(var(--i) - 1, 0) * var(--_stg))}:where([data-animate]) :where(.tablechart-point,.tablechart-hole){opacity:0;transition:opacity var(--_fade) ease;transition-delay:calc(var(--i) * var(--_stg) + .048 * var(--_dur))}:where([data-animate]) :where(.tablechart-hole[data-for=badge]){transition:opacity .3s;transition-delay:calc(var(--after) * var(--_stg) + .35s)}:where([data-animate]) :where([data-chart=scatter] .tablechart-point){transform-box:fill-box;transform-origin:50%;transition:transform var(--_dur) var(--_ease), opacity var(--_fade) ease;transition-delay:calc(var(--i) * var(--_stg));transform:scale(0)}:where([data-animate]) :where(.tablechart-value,.tablechart-name,[data-chart=scatter] .tablechart-categories span,.tablechart-hole[data-for=text]){opacity:0;transition:opacity var(--_fade) ease;transition-delay:calc(var(--i) * var(--_stg) + .096 * var(--_dur))}:where([data-animate]) :where(.tablechart-connector){clip-path:inset(-10px calc(100% + 10px) -10px -10px);transition:clip-path calc(var(--_dur) / 3) linear;transition-delay:calc(var(--i) * var(--_stg))}:where([data-animate]) :where(.tablechart-slice){stroke-dasharray:0 var(--circ);transition:stroke-dasharray var(--_dur) var(--_ease);transition-delay:calc(var(--i) * var(--_stg))}:where([data-animate]) :where(.tablechart-centre){opacity:0;transition:opacity var(--_fade) ease;transition-delay:calc(var(--i,0) * var(--_stg) + .5 * var(--_dur))}:where([data-animate]) :where(.tablechart-leader){stroke-opacity:0;transition:stroke-opacity var(--_fade) ease;transition-delay:calc(var(--i,0) * var(--_stg) + .5 * var(--_dur))}:where([data-animate]) :where([data-chart=donut] .tablechart-value){transition-delay:calc(var(--i,0) * var(--_stg) + .5 * var(--_dur))}:where([data-animate]) :where(.tablechart-break[data-part=edge]){stroke-opacity:0;transition:stroke-opacity .2s;transition-delay:calc((var(--after) + .9) * var(--_stg))}:where([data-animate]) :where(.tablechart-line){stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset var(--tablechart-annotation-duration,.6s) var(--_ease);transition-delay:calc(var(--after) * var(--_stg))}:where([data-animate]) :where(.tablechart-reference){opacity:0;transition:opacity .3s;transition-delay:calc(var(--after) * var(--_stg) + .35s)}:where([data-animate]) :where(.tablechart-head){opacity:0;transition:opacity .2s;transition-delay:calc(var(--after) * var(--_stg) + .55s)}:where([data-animate]) :where(.tablechart-badge){opacity:0;transition:opacity .3s;transition-delay:calc(var(--after) * var(--_stg) + .35s)}:where([data-chart=waterfall]:not([data-animate=sweep])){--_ratio:.6;--_keep:1}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-bar,.tablechart-connector){transition-duration:calc(var(--span,1) * var(--_build));transition-timing-function:var(--ease,linear);transition-delay:calc(var(--start,0) * var(--_build))}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-value,.tablechart-hole[data-for=text]){transition-delay:calc((var(--start,0) + .5 * var(--span,0)) * var(--_build))}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-badge,.tablechart-hole[data-for=badge]){transition-delay:calc(var(--_build) + .2s)}:where([data-animate=sweep][data-chart=waterfall]:not([data-steps])) :where(.tablechart-break[data-part=edge]){transition-delay:calc((var(--start,0) + var(--span,1)) * var(--_build))}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-bar){transition-duration:calc(.923 * var(--_steptime));transition-delay:calc(var(--i) * var(--_steptime))}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-connector){transition:clip-path calc(.308 * var(--_steptime)) linear;transition-delay:calc((var(--i) - 1) * var(--_steptime) + calc(.692 * var(--_steptime)))}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-value,.tablechart-hole[data-for=text]){transition-delay:calc(var(--i) * var(--_steptime) + calc(.923 * var(--_steptime)) * .5)}:where([data-animate][data-chart=waterfall][data-steps]) :where(.tablechart-badge,.tablechart-hole[data-for=badge]){transition-delay:calc(var(--after) * var(--_steptime) + .2s)}:where([data-animate].is-shown) :where(.tablechart-bar){transform:scaleY(1)}:where([data-animate].is-shown) :where(.tablechart-bar:is([data-grow=right],[data-grow=left])){transform:scaleX(1)}:where([data-animate].is-shown) :where(.tablechart-series){clip-path:inset(-10px)}:where([data-animate].is-shown) :where(.tablechart-point),:where([data-animate].is-shown) :where(.tablechart-hole),:where([data-animate].is-shown) :where(.tablechart-area-fill){opacity:1}:where([data-animate].is-shown) :where([data-chart=scatter] .tablechart-point){transform:none}:where([data-animate].is-shown) :where(.tablechart-reference),:where([data-animate].is-shown) :where(.tablechart-value),:where([data-animate].is-shown) :where(.tablechart-name),:where([data-animate].is-shown) :where([data-chart=scatter] .tablechart-categories span),:where([data-animate].is-shown) :where(.tablechart-head),:where([data-animate].is-shown) :where(.tablechart-badge),:where([data-animate].is-shown) :where(.tablechart-centre){opacity:1}:where([data-animate].is-shown) :where(.tablechart-leader),:where([data-animate].is-shown) :where(.tablechart-break[data-part=edge]){stroke-opacity:1}:where([data-animate].is-shown) :where(.tablechart-slice){stroke-dasharray:var(--arc) calc(var(--circ) - var(--arc))}:where([data-animate].is-shown) :where(.tablechart-connector){clip-path:inset(-10px)}:where([data-animate].is-shown) :where(.tablechart-line){stroke-dashoffset:0}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-series,.tablechart-area){clip-path:none;transform-box:view-box;transform-origin:0 var(--_base);transition:transform var(--_rise) var(--_ease);transition-delay:0s;transform:scaleY(0)}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-area-fill){opacity:1;transition:none}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-point,.tablechart-hole:not([data-for])){opacity:0;transform:translateY(var(--rise,0));transition:transform var(--_rise) var(--_ease), opacity .15s ease;transition-delay:0s}:where([data-animate=grow]:is([data-chart=line],[data-chart=area])) :where(.tablechart-value,.tablechart-name,.tablechart-hole[data-for=text]){transition-delay:var(--_rise)}:where([data-animate=grow]:is([data-chart=line],[data-chart=area]).is-shown) :where(.tablechart-series,.tablechart-area){transform:scaleY(1)}:where([data-animate=grow]:is([data-chart=line],[data-chart=area]).is-shown) :where(.tablechart-point,.tablechart-hole:not([data-for])){opacity:1;transform:none}:where([data-animate=sweep][data-chart=donut]) :where(.tablechart-slice){transition:stroke-dasharray calc(var(--span,1) * var(--_ring)) var(--ease,linear);transition-delay:calc(var(--start,0) * var(--_ring))}:where([data-animate=sweep][data-chart=donut]) :where(.tablechart-leader,.tablechart-value){transition-delay:calc((var(--start,0) + var(--span,0)) * var(--_ring))}:where([data-animate=sweep][data-chart=donut]) :where(.tablechart-centre){transition-delay:calc(.5 * var(--_ring))}:where([data-animate]){transition:opacity var(--tablechart-queue-duration,.4s) ease}:where([data-animate].tablechart-queued){opacity:0}}@media screen and (prefers-reduced-motion:reduce){:where([data-animate]) :where(*){transition-duration:1ms!important;transition-delay:0s!important}}@media screen{:where([data-animate][data-steps]) :where(.tablechart-series),:where([data-animate][data-steps]) :where(.tablechart-area-fill>*){clip-path:inset(-10px calc(100% + 10px) -10px -10px);transition:clip-path var(--_dur) ease}:where([data-animate][data-steps]) :where(.tablechart-area-fill){opacity:1;transition:none}:where([data-animate][data-steps]) :where(.tablechart-piece){transform-box:fill-box;transform-origin:bottom;transition:transform var(--_dur) var(--_ease);transition-delay:calc(var(--i,0) * var(--_stg))}:where([data-animate][data-steps]) :where(.tablechart-piece[data-grow=right]){transform-origin:0}:where([data-animate][data-steps]) :where(.tablechart-piece[data-grow=down]){transform-origin:top}:where([data-animate][data-steps]) :where(.tablechart-piece[data-grow=left]){transform-origin:100%}:where([data-animate][data-steps].is-shown) :where(.tablechart-bar){transform:scaleY(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-bar:is([data-grow=right],[data-grow=left])){transform:scaleX(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-piece){transform:scaleY(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-piece:is([data-grow=right],[data-grow=left])){transform:scaleX(clamp(0, var(--_step,0) - var(--step,-1), 1))}:where([data-animate][data-steps].is-shown) :where(.tablechart-value),:where([data-animate][data-steps].is-shown) :where(.tablechart-name),:where([data-animate][data-steps].is-shown) :where(.tablechart-head),:where([data-animate][data-steps].is-shown) :where(.tablechart-badge),:where([data-animate][data-steps].is-shown) :where(.tablechart-centre),:where([data-animate][data-steps].is-shown) :where(.tablechart-point),:where([data-animate][data-steps].is-shown) :where(.tablechart-hole){opacity:clamp(0, var(--_step,0) - var(--step,-1), 1)}:where([data-animate][data-steps].is-shown) :where(.tablechart-leader),:where([data-animate][data-steps].is-shown) :where(.tablechart-break[data-part=edge]){stroke-opacity:clamp(0, var(--_step,0) - var(--step,-1), 1)}:where([data-animate][data-steps].is-shown) :where(.tablechart-line){stroke-dashoffset:calc(var(--len) * (1 - clamp(0, var(--_step,0) - var(--step,-1), 1)))}:where([data-animate][data-steps].is-shown) :where(.tablechart-connector){clip-path:inset(-10px calc((1 - clamp(0, var(--_step,0) - var(--step,-1), 1)) * (100% + 20px) - 10px) -10px -10px)}:where([data-animate][data-steps].is-shown) :where(.tablechart-series),:where([data-animate][data-steps].is-shown) :where(.tablechart-area-fill>*){clip-path:inset(-10px calc((1 - var(--reveal,0)) * (100% + 20px) - 10px) -10px -10px)}:where([data-animate][data-steps].is-shown) :where(.tablechart-slice){stroke-dasharray:calc(var(--arc) * clamp(0, var(--_step,0) - var(--step,-1), 1)) calc(var(--circ) - var(--arc) * clamp(0, var(--_step,0) - var(--step,-1), 1))}}:where(.tablechart-controls){justify-content:var(--tablechart-control-justify,space-between);margin-top:var(--tablechart-control-gap,.75em);align-items:center;gap:.5em;display:flex}:where(.tablechart-controls) :where(button){padding:var(--tablechart-control-padding,.3em .7em);border:var(--tablechart-control-border,1px solid color-mix(in oklab, currentColor 30%, transparent));border-radius:var(--tablechart-control-radius,.4em);background:var(--tablechart-control-surface,none);color:inherit;font:inherit;cursor:pointer;align-items:center;gap:.35em;display:inline-flex}:where(.tablechart-controls) :where(button:disabled){opacity:.35;cursor:default}:where(.tablechart-controls) :where(.tablechart-control-icon svg){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.8em;height:.8em;display:block}@media print{:where([data-steps]){--_step:999!important}:where([data-steps] [data-from]){--reveal:1!important}:where(.tablechart-controls){display:none}}.tablechart-plot[data-hover]{cursor:default}.tablechart-plot[data-hover] :where(.tablechart-value){-webkit-user-select:none;user-select:none}.tablechart-tooltip{pointer-events:auto;text-align:start;z-index:1000;box-sizing:border-box;min-width:7em;max-width:min(18em,100vw - 16px);padding:var(--tablechart-tooltip-padding,.45em .7em);border:var(--tablechart-tooltip-border,1px solid color-mix(in oklab, currentColor 28%, transparent));border-radius:var(--tablechart-tooltip-radius,.4em);background:var(--tablechart-tooltip-surface,light-dark(#fff,oklch(from var(--tablechart-surface,Canvas) calc(l + .06) c h)));color:var(--tablechart-tooltip-color,var(--_color,CanvasText));box-shadow:var(--tablechart-tooltip-shadow,0 1px 3px #0000001f, 0 6px 18px #0000002e);line-height:1.35;position:fixed;top:0;left:0}.tablechart-tooltip[hidden]{display:none}.tablechart-tooltip-title{font-weight:600}.tablechart-tooltip-line{align-items:baseline;gap:.45em;display:flex}.tablechart-tooltip-name,.tablechart-tooltip-title{min-width:0}.tablechart-tooltip-value{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;padding-left:1em}.tablechart-tooltip-key{border-radius:50%;flex:none;align-self:center;width:.6em;height:.6em}.tablechart-tooltip-key[data-sample=line]{width:1.6em;height:.8em;mask-image:var(--_line), var(--_mark,none);border-radius:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.tablechart-tooltip-key[data-sample=box]{border-radius:.15em;width:.7em;height:.7em}.tablechart-tooltip-arrow{border:inherit;background:inherit;width:.6em;height:.6em;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}[data-side=top]>.tablechart-tooltip-arrow{border-top-color:#0000;border-left-color:#0000;top:100%}[data-side=bottom]>.tablechart-tooltip-arrow{border-bottom-color:#0000;border-right-color:#0000;top:0}@media print{.tablechart-tooltip,:where(.tablechart,[data-chart]) :where(table,.chart-annotations){display:none}:where(.tablechart-plot){break-inside:avoid;page-break-inside:avoid}:where(.tablechart,[data-chart])>:where(figcaption){break-after:avoid;page-break-after:avoid}:where(.tablechart-categories,.tablechart-legend){break-before:avoid;page-break-before:avoid}[data-table=print]>:where(table),[data-table=always]>:where(table),[data-table=auto][data-left-out]>:where(table){clip-path:none;display:table;position:static}}.is-printing,.is-printing *{transition:none!important;animation:none!important}
 /*$vite$:1*/

package/dist/tablechart.d.mts

@@ -1,2 +1,3 @@
-import { a as init, n as TablechartInstance, p as defaultConfig, r as create, s as Config, t as TablechartChart } from "./tablechart-shared.mjs";
-export { type TablechartChart, type Config as TablechartConfig, type TablechartInstance, create, defaultConfig, init };
+import { n as ChartType, p as defaultConfig, s as Config } from "./tablechart-shared.mjs";
+import { a as init, n as TablechartInstance, r as create, s as addType, t as TablechartChart } from "./tablechart-shared2.mjs";
+export { type ChartType, type TablechartChart, type Config as TablechartConfig, type TablechartInstance, addType, create, defaultConfig, init };