@mkbabb/glass-ui 3.13.0 → 4.0.1

package/dist/fourier-field.js

@@ -1,12 +1,12 @@
-import { t as e } from "./useCanvas2D-ClrQuZtp.js";
-import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { i as n, s as r, t as i } from "./color-CUYeFbgd.js";
-import { t as a } from "./useGlobalDark-yhL4Wp-s.js";
-import { n as o, t as s } from "./prng-D27-B3tK.js";
-import { i as c, n as l, r as u, t as d } from "./math-U6-RrLmV.js";
-import { createElementBlock as f, createElementVNode as p, defineComponent as m, onMounted as h, openBlock as g, ref as _, useTemplateRef as v, watch as y } from "vue";
+import { t as e } from "./useCanvas2D-B8w_E3Rr.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { i as n, s as r, t as i } from "./color-DweYl7pE.js";
+import { t as a } from "./useGlobalDark-C28t0VWJ.js";
+import { n as o, t as s } from "./prng-Za0Rmgag.js";
+import { a as c, i as l, n as u, r as d, t as f } from "./math-BINYmg5z.js";
+import { createElementBlock as p, createElementVNode as m, defineComponent as h, onMounted as g, openBlock as _, ref as v, useTemplateRef as y, watch as b } from "vue";
 //#region src/components/custom/fourier-field/presets.ts
-var b = {
+var x = {
 	hero: {
 		harmonics: 5,
 		harmonicScale: .24,
@@ -59,135 +59,148 @@ var b = {
 		trailFadeExp: 1.45,
 		trailFloor: .36
 	}
-}, x = /* @__PURE__ */ t(/* @__PURE__ */ m({
+};
+//#endregion
+//#region src/components/custom/fourier-field/composables/useFourierField.ts
+function S(t, { hostRef: l, canvasRef: u }) {
+	let { variant: f, colorResolver: p, seed: m, freeze: h, intensity: _, clock: y } = t, S = Math.max(0, Math.min(2, _)), C = v(t.color), w = v("rgb(0, 0, 0)"), T = v("rgb(0, 0, 0)"), E = v([]);
+	function D(e) {
+		if (!e.includes("var(") && !e.includes("light-dark(")) return e;
+		let t = l.value;
+		if (typeof window > "u" || !t) return e;
+		let n = t.style.color;
+		t.style.color = e;
+		let r = getComputedStyle(t).color;
+		return t.style.color = n, r || e;
+	}
+	let O = x[f], k = 0;
+	function A() {
+		C.value = D(t.color);
+		let [e, a, o] = p(C.value).map((e) => Math.round(e * 255));
+		w.value = `rgb(${e}, ${a}, ${o})`;
+		let s = i(C.value), [c, l, u] = r({
+			L: s.L,
+			C: s.C,
+			h: n(s.h, "analogous", O.epicycleHueShift, 1)
+		}).map((e) => Math.round(e * 255));
+		if (T.value = `rgb(${c}, ${l}, ${u})`, O.epicycleRainbow && k > 0) {
+			let e = [];
+			for (let t = 0; t < k; t++) {
+				let n = k > 1 ? t / (k - 1) : 0, [i, a, o] = r({
+					L: .62,
+					C: .17,
+					h: s.h + -30 + n * 100
+				}).map((e) => Math.round(e * 255));
+				e.push(`rgb(${i}, ${a}, ${o})`);
+			}
+			E.value = e;
+		} else E.value = [];
+	}
+	function j(e) {
+		return d(o(s((h ? e.frozenSeed : `${Math.random()}`) + m)), {
+			harmonics: e.harmonics,
+			harmonicScale: e.harmonicScale
+		});
+	}
+	let { isDark: M } = a();
+	g(() => {
+		let n = u.value;
+		if (!n) return;
+		let r = x[f], i = j(r), a = [...i].sort((e, t) => t.amplitude - e.amplitude);
+		k = a.length, A();
+		let o = Infinity, s = Infinity, d = -Infinity, p = -Infinity;
+		for (let e = 0; e < 720; e++) {
+			let t = c(i, e / 720), [n, r] = t[t.length - 1];
+			n < o && (o = n), r < s && (s = r), n > d && (d = n), r > p && (p = r);
+		}
+		let m = Math.max(.001, d - o), g = Math.max(.001, p - s), _ = (o + d) / 2, v = (s + p) / 2, C = [], D = e({
+			canvas: u,
+			setup: () => ({ render(e, t) {
+				let o = n.clientWidth || n.offsetWidth || 0, s = n.clientHeight || n.offsetHeight || 0;
+				if (!o || !s) return;
+				let l = .82, u = Math.min(o / m * l, s / g * l), d = o / 2, f = s / 2, p = (e, t) => [d + (e - _) * u, f + (t - v) * u], b = h || D.reducedMotion ? r.frozenT : y ? y() : t / r.durationMs % 1, x = w.value, O = T.value, k = E.value, A = M.value, j = r.peakAlpha * S, N = r.headGlowAlpha * S;
+				if (e.clearRect(0, 0, o, s), r.epicycleRatios.arm > 0) {
+					let t = c(a, b);
+					e.lineCap = "round", e.lineJoin = "round";
+					let n = Math.min(1, j * r.epicycleRatios.circle), i = Math.min(1, j * r.epicycleRatios.arm);
+					for (let a = 1; a < t.length; a++) {
+						let [o, s] = p(t[a - 1][0], t[a - 1][1]), [c, l] = p(t[a][0], t[a][1]), u = Math.hypot(c - o, l - s), d = k.length > 0 ? k[Math.min(a - 1, k.length - 1)] : O;
+						e.strokeStyle = d, e.lineWidth = r.epicycleWidths.circle, e.globalAlpha = n, e.beginPath(), e.arc(o, s, u, 0, Math.PI * 2), e.stroke(), e.lineWidth = r.epicycleWidths.arm, e.globalAlpha = i, e.beginPath(), e.moveTo(o, s), e.lineTo(c, l), e.stroke(), e.fillStyle = d, e.globalAlpha = Math.min(1, i * .9), e.beginPath(), e.arc(o, s, Math.max(2, r.epicycleWidths.arm * .9), 0, Math.PI * 2), e.fill();
+					}
+					e.globalAlpha = 1;
+				}
+				let P = r.trailLength / 600, F = r.trailLength;
+				C.length = 0;
+				for (let e = F; e >= 0; e--) {
+					let t = c(i, (b - e / F * P + 1) % 1);
+					C.push(p(t[t.length - 1][0], t[t.length - 1][1]));
+				}
+				e.globalCompositeOperation = "source-over", e.strokeStyle = x, e.lineCap = "round", e.lineJoin = "round", e.lineWidth = r.trailWidth;
+				for (let t = 1; t < C.length; t++) {
+					let n = j * (t / (C.length - 1)) ** r.trailFadeExp;
+					n = Math.max(n, j * r.trailFloor), e.globalAlpha = Math.min(1, n), e.beginPath(), e.moveTo(C[t - 1][0], C[t - 1][1]), e.lineTo(C[t][0], C[t][1]), e.stroke();
+				}
+				if (e.globalCompositeOperation = M.value ? "lighter" : "source-over", A && C.length >= 4) {
+					e.strokeStyle = x, e.lineWidth = r.trailWidth;
+					let t = Math.max(1, Math.floor(C.length * .66));
+					for (let n = t; n < C.length; n++) {
+						let r = (n - t) / Math.max(1, C.length - 1 - t);
+						e.globalAlpha = Math.min(1, .18 * r * S), e.beginPath(), e.moveTo(C[n - 1][0], C[n - 1][1]), e.lineTo(C[n][0], C[n][1]), e.stroke();
+					}
+				}
+				if (C.length >= 2) {
+					e.save(), e.globalCompositeOperation = "source-over", e.shadowColor = x, e.shadowBlur = r.headGlowBlur, e.globalAlpha = Math.min(1, N), e.strokeStyle = x, e.lineWidth = r.trailWidth + .6;
+					let t = C.slice(-6);
+					e.beginPath(), e.moveTo(t[0][0], t[0][1]);
+					for (let n = 1; n < t.length; n++) e.lineTo(t[n][0], t[n][1]);
+					e.stroke(), e.restore();
+				}
+				if (r.headDotRadius > 0 && C.length >= 1) {
+					let [t, n] = C[C.length - 1];
+					e.globalCompositeOperation = "source-over", e.globalAlpha = Math.min(1, N * .4), e.fillStyle = x, e.beginPath(), e.arc(t, n, r.headDotRadius * 2.6, 0, Math.PI * 2), e.fill(), e.globalAlpha = Math.min(1, N), e.beginPath(), e.arc(t, n, r.headDotRadius, 0, Math.PI * 2), e.fill(), e.globalAlpha = Math.min(1, N * .95), e.fillStyle = "rgb(255, 255, 255)", e.beginPath(), e.arc(t, n, Math.max(1.2, r.headDotRadius * .38), 0, Math.PI * 2), e.fill();
+				}
+				e.shadowBlur = 0, e.globalCompositeOperation = "source-over", e.globalAlpha = 1;
+			} })
+		});
+		b(l, A, { immediate: !0 }), b(() => t.color, () => {
+			A(), D.wake();
+		}), b(M, () => {
+			A(), D.wake();
+		});
+	});
+}
+//#endregion
+//#region src/components/custom/fourier-field/FourierField.vue
+var C = /* @__PURE__ */ t(/* @__PURE__ */ h({
 	__name: "FourierField",
 	props: {
 		variant: { default: "hero" },
 		color: {},
-		colorResolver: { type: Function },
+		colorResolver: {},
 		seed: { default: "" },
 		freeze: {
 			type: Boolean,
 			default: !1
 		},
-		intensity: { default: 1 }
+		intensity: { default: 1 },
+		clock: {}
 	},
-	setup(t) {
-		let l = Math.max(0, Math.min(2, t.intensity)), d = v("hostRef"), m = v("canvasRef"), x = _(t.color), S = _("rgb(0, 0, 0)"), C = _("rgb(0, 0, 0)"), w = _([]);
-		function T(e) {
-			if (!e.includes("var(") && !e.includes("light-dark(")) return e;
-			let t = d.value;
-			if (typeof window > "u" || !t) return e;
-			let n = t.style.color;
-			t.style.color = e;
-			let r = getComputedStyle(t).color;
-			return t.style.color = n, r || e;
-		}
-		let E = b[t.variant], D = 0;
-		function O() {
-			x.value = T(t.color);
-			let [e, a, o] = t.colorResolver(x.value).map((e) => Math.round(e * 255));
-			S.value = `rgb(${e}, ${a}, ${o})`;
-			let s = i(x.value), [c, l, u] = r({
-				L: s.L,
-				C: s.C,
-				h: n(s.h, "analogous", E.epicycleHueShift, 1)
-			}).map((e) => Math.round(e * 255));
-			if (C.value = `rgb(${c}, ${l}, ${u})`, E.epicycleRainbow && D > 0) {
-				let e = [];
-				for (let t = 0; t < D; t++) {
-					let n = D > 1 ? t / (D - 1) : 0, [i, a, o] = r({
-						L: .62,
-						C: .17,
-						h: s.h - 150 + n * 2 * 150
-					}).map((e) => Math.round(e * 255));
-					e.push(`rgb(${i}, ${a}, ${o})`);
-				}
-				w.value = e;
-			} else w.value = [];
-		}
-		function k(e) {
-			return u(o(s((t.freeze ? e.frozenSeed : `${Math.random()}`) + t.seed)), {
-				harmonics: e.harmonics,
-				harmonicScale: e.harmonicScale
-			});
-		}
-		let { isDark: A } = a();
-		return h(() => {
-			let n = m.value;
-			if (!n) return;
-			let r = b[t.variant], i = k(r), a = [...i].sort((e, t) => t.amplitude - e.amplitude);
-			D = a.length, O();
-			let o = Infinity, s = Infinity, u = -Infinity, f = -Infinity;
-			for (let e = 0; e < 720; e++) {
-				let t = c(i, e / 720), [n, r] = t[t.length - 1];
-				n < o && (o = n), r < s && (s = r), n > u && (u = n), r > f && (f = r);
-			}
-			let p = Math.max(.001, u - o), h = Math.max(.001, f - s), g = (o + u) / 2, _ = (s + f) / 2, v = [], x = e({
-				canvas: m,
-				setup: () => ({ render(e, o) {
-					let s = n.clientWidth || n.offsetWidth || 0, u = n.clientHeight || n.offsetHeight || 0;
-					if (!s || !u) return;
-					let d = .82, f = Math.min(s / p * d, u / h * d), m = s / 2, y = u / 2, b = (e, t) => [m + (e - g) * f, y + (t - _) * f], T = t.freeze || x.reducedMotion ? r.frozenT : o / r.durationMs % 1, E = S.value, D = C.value, O = w.value, k = A.value, j = r.peakAlpha * l, M = r.headGlowAlpha * l;
-					if (e.clearRect(0, 0, s, u), r.epicycleRatios.arm > 0) {
-						let t = c(a, T);
-						e.lineCap = "round", e.lineJoin = "round";
-						let n = Math.min(1, j * r.epicycleRatios.circle), i = Math.min(1, j * r.epicycleRatios.arm);
-						for (let a = 1; a < t.length; a++) {
-							let [o, s] = b(t[a - 1][0], t[a - 1][1]), [c, l] = b(t[a][0], t[a][1]), u = Math.hypot(c - o, l - s), d = O.length > 0 ? O[Math.min(a - 1, O.length - 1)] : D;
-							e.strokeStyle = d, e.lineWidth = r.epicycleWidths.circle, e.globalAlpha = n, e.beginPath(), e.arc(o, s, u, 0, Math.PI * 2), e.stroke(), e.lineWidth = r.epicycleWidths.arm, e.globalAlpha = i, e.beginPath(), e.moveTo(o, s), e.lineTo(c, l), e.stroke(), e.fillStyle = d, e.globalAlpha = Math.min(1, i * .9), e.beginPath(), e.arc(o, s, Math.max(2, r.epicycleWidths.arm * .9), 0, Math.PI * 2), e.fill();
-						}
-						e.globalAlpha = 1;
-					}
-					let N = r.trailLength / 600, P = r.trailLength;
-					v.length = 0;
-					for (let e = P; e >= 0; e--) {
-						let t = c(i, (T - e / P * N + 1) % 1);
-						v.push(b(t[t.length - 1][0], t[t.length - 1][1]));
-					}
-					e.globalCompositeOperation = "source-over", e.strokeStyle = E, e.lineCap = "round", e.lineJoin = "round", e.lineWidth = r.trailWidth;
-					for (let t = 1; t < v.length; t++) {
-						let n = j * (t / (v.length - 1)) ** r.trailFadeExp;
-						n = Math.max(n, j * r.trailFloor), e.globalAlpha = Math.min(1, n), e.beginPath(), e.moveTo(v[t - 1][0], v[t - 1][1]), e.lineTo(v[t][0], v[t][1]), e.stroke();
-					}
-					if (e.globalCompositeOperation = A.value ? "lighter" : "source-over", k && v.length >= 4) {
-						e.strokeStyle = E, e.lineWidth = r.trailWidth;
-						let t = Math.max(1, Math.floor(v.length * .66));
-						for (let n = t; n < v.length; n++) {
-							let r = (n - t) / Math.max(1, v.length - 1 - t);
-							e.globalAlpha = Math.min(1, .18 * r * l), e.beginPath(), e.moveTo(v[n - 1][0], v[n - 1][1]), e.lineTo(v[n][0], v[n][1]), e.stroke();
-						}
-					}
-					if (v.length >= 2) {
-						e.save(), e.globalCompositeOperation = "source-over", e.shadowColor = E, e.shadowBlur = r.headGlowBlur, e.globalAlpha = Math.min(1, M), e.strokeStyle = E, e.lineWidth = r.trailWidth + .6;
-						let t = v.slice(-6);
-						e.beginPath(), e.moveTo(t[0][0], t[0][1]);
-						for (let n = 1; n < t.length; n++) e.lineTo(t[n][0], t[n][1]);
-						e.stroke(), e.restore();
-					}
-					if (r.headDotRadius > 0 && v.length >= 1) {
-						let [t, n] = v[v.length - 1];
-						e.globalCompositeOperation = "source-over", e.globalAlpha = Math.min(1, M * .4), e.fillStyle = E, e.beginPath(), e.arc(t, n, r.headDotRadius * 2.6, 0, Math.PI * 2), e.fill(), e.globalAlpha = Math.min(1, M), e.beginPath(), e.arc(t, n, r.headDotRadius, 0, Math.PI * 2), e.fill(), e.globalAlpha = Math.min(1, M * .95), e.fillStyle = "rgb(255, 255, 255)", e.beginPath(), e.arc(t, n, Math.max(1.2, r.headDotRadius * .38), 0, Math.PI * 2), e.fill();
-					}
-					e.shadowBlur = 0, e.globalCompositeOperation = "source-over", e.globalAlpha = 1;
-				} })
-			});
-			y(d, O, { immediate: !0 }), y(() => t.color, () => {
-				O(), x.wake();
-			}), y(A, () => {
-				O(), x.wake();
-			});
-		}), (e, t) => (g(), f("div", {
+	setup(e) {
+		let t = e, n = y("hostRef"), r = y("canvasRef");
+		return S(t, {
+			hostRef: n,
+			canvasRef: r
+		}), (e, t) => (_(), p("div", {
 			ref_key: "hostRef",
-			ref: d,
+			ref: n,
 			class: "fourier-field"
-		}, [p("canvas", {
+		}, [m("canvas", {
 			ref_key: "canvasRef",
-			ref: m,
+			ref: r,
 			class: "fourier-field-canvas",
 			"aria-hidden": "true"
 		}, null, 512)], 512));
 	}
-}), [["__scopeId", "data-v-71a17062"]]);
+}), [["__scopeId", "data-v-5638d46b"]]);
 //#endregion
-export { x as FourierField, d as comp, l as dftFromPoints, u as makeEllipticSpectrum, c as positionsAt };
+export { C as FourierField, f as comp, u as dftFromPoints, d as makeEllipticSpectrum, l as partialSumAt, c as positionsAt };

package/dist/fourier-math.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./math-U6-RrLmV.js";
-export { r as comp, t as dftFromPoints, n as makeEllipticSpectrum, e as positionsAt };
+import { a as e, i as t, n, r, t as i } from "./math-BINYmg5z.js";
+export { i as comp, n as dftFromPoints, r as makeEllipticSpectrum, t as partialSumAt, e as positionsAt };

package/dist/glass-panel.js

@@ -1,11 +1,12 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { computed as n, createElementBlock as r, defineComponent as i, normalizeClass as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, renderSlot as u } from "vue";
+import { t } from "./useSurfaceAxis-g0NloYEF.js";
+import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { computed as r, createElementBlock as i, defineComponent as a, normalizeClass as o, onBeforeUnmount as s, onMounted as c, openBlock as l, ref as u, renderSlot as d } from "vue";
 //#region src/composables/glass/useGlassRenderer.ts
-function d() {
+function f() {
 	return window.chrome && CSS.supports("backdrop-filter", "url(#x) blur(1px)") ? "svg-filter" : CSS.supports("backdrop-filter", "blur(1px)") || CSS.supports("-webkit-backdrop-filter", "blur(1px)") ? "css" : "fallback";
 }
-function f(e, t, n, r) {
+function p(e, t, n, r) {
 	e.width = t, e.height = n;
 	let i = e.getContext("2d"), a = i.createImageData(t, n), o = a.data, s = t / 2, c = n / 2;
 	for (let e = 0; e < n; e++) for (let n = 0; n < t; n++) {
@@ -14,21 +15,21 @@ function f(e, t, n, r) {
 	}
 	i.putImageData(a, 0, 0);
 }
-function p(e, t, n) {
+function m(e, t, n) {
 	e.width = t, e.height = n;
 	let r = e.getContext("2d"), i = t / 2, a = n / 2, o = Math.max(i, a), s = r.createRadialGradient(i, a, 0, i, a, o);
 	s.addColorStop(0, "rgba(255,255,255,0)"), s.addColorStop(.5, "rgba(255,255,255,0.02)"), s.addColorStop(.8, "rgba(255,255,255,0.06)"), s.addColorStop(1, "rgba(255,255,255,0.12)"), r.fillStyle = s, r.fillRect(0, 0, t, n);
 	let c = r.createLinearGradient(0, 0, t, 0);
 	c.addColorStop(0, "rgba(255,255,255,0)"), c.addColorStop(.3, "rgba(255,255,255,0.15)"), c.addColorStop(.5, "rgba(255,255,255,0.25)"), c.addColorStop(.7, "rgba(255,255,255,0.15)"), c.addColorStop(1, "rgba(255,255,255,0)"), r.fillStyle = c, r.fillRect(0, 0, t, 2);
 }
-var m = 0;
-function h(e, t = {}) {
-	let n = `glass-refract-${m++}`, r = t.blur ?? 16, i = t.refraction ?? .3, a = document.createElement("canvas");
+var h = 0;
+function g(e, t = {}) {
+	let n = `glass-refract-${h++}`, r = t.blur ?? 16, i = t.refraction ?? .3, a = document.createElement("canvas");
 	a.style.display = "none", document.body.appendChild(a);
 	let o = document.createElement("canvas");
 	o.style.display = "none", document.body.appendChild(o);
 	let s = e.getBoundingClientRect(), c = Math.max(Math.ceil(s.width / 4), 32), l = Math.max(Math.ceil(s.height / 4), 32);
-	f(a, c, l, i), p(o, c, l);
+	p(a, c, l, i), m(o, c, l);
 	let u = document.createElementNS("http://www.w3.org/2000/svg", "svg");
 	u.setAttribute("width", "0"), u.setAttribute("height", "0"), u.style.position = "absolute", u.style.pointerEvents = "none";
 	let d = i * 30;
@@ -44,32 +45,32 @@ function h(e, t = {}) {
             <feBlend in="blurred" in2="specular" mode="screen" result="final" />
         </filter>
     `, document.body.appendChild(u), e.style.backdropFilter = `url(#${n}) blur(${r * .15}px) saturate(1.6) brightness(1.05)`, e.style.setProperty("-webkit-backdrop-filter", e.style.backdropFilter), e.style.border = "1px solid rgba(255,255,255,0.25)", e.style.boxShadow = "\n        inset 0 0.5px 0 0 rgba(255,255,255,0.3),\n        inset 0 -0.5px 0 0 rgba(0,0,0,0.05),\n        0 4px 16px rgba(0,0,0,0.08)\n    ";
-	let h = new ResizeObserver(() => {
+	let f = new ResizeObserver(() => {
 		let t = e.getBoundingClientRect(), n = Math.max(Math.ceil(t.width / 4), 32), r = Math.max(Math.ceil(t.height / 4), 32);
-		f(a, n, r, i), p(o, n, r);
+		p(a, n, r, i), m(o, n, r);
 		let s = u.querySelectorAll("feImage");
 		s[0] && s[0].setAttribute("href", a.toDataURL()), s[1] && s[1].setAttribute("href", o.toDataURL());
 	});
-	return h.observe(e), {
+	return f.observe(e), {
 		filterId: n,
 		svgEl: u,
 		dispCanvas: a,
 		specCanvas: o,
-		observer: h
+		observer: f
 	};
 }
-function g(e) {
+function _(e) {
 	e.observer?.disconnect(), e.svgEl.remove(), e.dispCanvas.remove(), e.specCanvas.remove();
 }
-function _(e) {
-	let t = l(e?.preferredTier ?? "css");
-	return s(() => {
-		e?.preferredTier || (t.value = d());
+function v(e) {
+	let t = u(e?.preferredTier ?? "css");
+	return c(() => {
+		e?.preferredTier || (t.value = f());
 	}), { tier: t };
 }
 //#endregion
 //#region src/components/custom/glass-panel/GlassPanel.vue?vue&type=script&setup=true&lang.ts
-var v = ["data-variant"], y = /* @__PURE__ */ t(/* @__PURE__ */ i({
+var y = ["data-variant", "data-surface"], b = /* @__PURE__ */ n(/* @__PURE__ */ a({
 	__name: "GlassPanel",
 	props: {
 		tier: {},
@@ -80,31 +81,33 @@ var v = ["data-variant"], y = /* @__PURE__ */ t(/* @__PURE__ */ i({
 			default: !1
 		},
 		variant: { default: "resting" },
+		surface: { default: "glass" },
 		class: {}
 	},
-	setup(t) {
-		let i = {
+	setup(n) {
+		let a = {
 			wash: "glass-wash",
 			quiet: "glass-quiet",
 			resting: "glass-resting",
 			floating: "glass-floating",
 			overlay: "glass-overlay"
-		}, d = t, f = l(null), p = _({ preferredTier: d.tier }), m = n(() => d.tier ?? p.tier.value), y = n(() => m.value === "svg-filter" ? e("glass-panel glass-panel--svg", d.class) : m.value === "fallback" ? e("glass-panel glass-panel--fallback", d.class) : e("glass-panel", i[d.variant], d.class)), b = null;
-		return s(() => {
-			f.value && m.value === "svg-filter" && (b = h(f.value, {
-				blur: d.blur,
-				refraction: d.refraction,
-				chromaticAberration: d.chromaticAberration ? .5 : 0
+		}, f = n, p = u(null), m = v({ preferredTier: f.tier }), h = r(() => f.tier ?? m.tier.value), b = r(() => t(f.surface).replace(/^glass-\w+\s*/, "")), x = r(() => h.value === "svg-filter" ? e("glass-panel glass-panel--svg", b.value, f.class) : h.value === "fallback" ? e("glass-panel glass-panel--fallback", b.value, f.class) : e("glass-panel", a[f.variant], b.value, f.class)), S = null;
+		return c(() => {
+			p.value && h.value === "svg-filter" && (S = g(p.value, {
+				blur: f.blur,
+				refraction: f.refraction,
+				chromaticAberration: f.chromaticAberration ? .5 : 0
 			}));
-		}), o(() => {
-			b && g(b);
-		}), (e, t) => (c(), r("div", {
+		}), s(() => {
+			S && _(S);
+		}), (e, t) => (l(), i("div", {
 			ref_key: "panelRef",
-			ref: f,
-			class: a(y.value),
-			"data-variant": d.variant
-		}, [u(e.$slots, "default", {}, void 0, !0)], 10, v));
+			ref: p,
+			class: o(x.value),
+			"data-variant": f.variant,
+			"data-surface": f.surface
+		}, [d(e.$slots, "default", {}, void 0, !0)], 10, y));
 	}
-}), [["__scopeId", "data-v-a674fae3"]]);
+}), [["__scopeId", "data-v-92b50822"]]);
 //#endregion
-export { y as GlassPanel };
+export { b as GlassPanel };

package/dist/glass-ui.css

@@ -1,2 +1,2 @@
-.animated-digit[data-v-a6ca1136]{font-feature-settings:"ss01", "tnum", "lnum";font-variant-numeric:tabular-nums lining-nums}.aurora-root[data-v-b51a5fc3]{contain:content;content-visibility:auto;contain-intrinsic-size:auto 600px;display:grid}.aurora-root>.aurora-placeholder[data-v-b51a5fc3],.aurora-root>.aurora-canvas[data-v-b51a5fc3]{grid-area:1/1}.aurora-root>.aurora-placeholder[data-v-b51a5fc3]{opacity:var(--aurora-opacity-ceiling,1)}.aurora-canvas[data-v-b51a5fc3]{opacity:0;transition:opacity var(--duration-slow) var(--ease-standard)}.aurora-canvas--armed[data-v-b51a5fc3]{opacity:var(--aurora-opacity-ceiling,1)}@media (prefers-reduced-motion:reduce){.aurora-canvas[data-v-b51a5fc3]{transition-duration:1ms}}.card-header--shrink[data-v-835e5cc0]{background:var(--card-header-bg);animation:linear both card-header-shrink-835e5cc0;animation-timeline:--card-scroll;animation-range:0 120px}.card-header--shrink>[data-slot=card-title][data-v-835e5cc0]{animation:linear both card-title-shrink-835e5cc0;animation-timeline:--card-scroll;animation-range:0 120px}.card-header--shrink>[data-slot=card-description][data-v-835e5cc0]{grid-template-rows:1fr;margin-top:.125rem;animation:linear both card-desc-shrink-835e5cc0;animation-timeline:--card-scroll;animation-range:0 80px;display:grid;overflow:hidden}.card-header--shrink>[data-slot=card-description][data-v-835e5cc0]>*{min-height:0}@keyframes card-header-shrink-835e5cc0{0%{padding-top:1rem;padding-bottom:.5rem}to{padding-top:.5rem;padding-bottom:.25rem}}@keyframes card-title-shrink-835e5cc0{0%{font-size:var(--type-heading)}to{font-size:var(--type-prose)}}@keyframes card-desc-shrink-835e5cc0{0%{opacity:1;grid-template-rows:1fr;margin-top:.125rem}to{opacity:0;grid-template-rows:0fr;margin-top:0}}@media (prefers-reduced-motion:reduce){.card-header--shrink[data-v-835e5cc0],.card-header--shrink>[data-slot=card-title][data-v-835e5cc0],.card-header--shrink>[data-slot=card-description][data-v-835e5cc0]{animation-duration:.01ms!important}}.carousel-dot[data-v-e87db23f]{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.carousel-dot[data-v-e87db23f]:before{content:"";--dot-size:.375rem;--dot-elongated:1.5rem;width:var(--dot-size);height:var(--dot-size);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--foreground) 52%, transparent);transition:width var(--duration-normal) var(--spring-dock), height var(--duration-normal) var(--spring-dock), background var(--duration-fast) var(--ease-standard)}.carousel-dot[data-v-e87db23f]:hover:before{background:color-mix(in srgb, var(--foreground) 72%, transparent)}.carousel-dot[data-active][data-v-e87db23f]:before{width:var(--dot-elongated);background:var(--foreground)}.carousel-dots[aria-orientation=vertical] .carousel-dot[data-active][data-v-e87db23f]:before{width:var(--dot-size);height:var(--dot-elongated)}@media (prefers-reduced-motion:reduce){.carousel-dot[data-v-e87db23f]:before{transition:background var(--duration-fast) var(--ease-standard)}}.configurator-layer-region[data-v-95bc81d9]{transition:grid-template-rows var(--duration-fast) var(--spring-snappy)}.configurator-layer-chevron[data-v-95bc81d9]{transition:transform var(--duration-fast) var(--spring-snappy)}@media (prefers-reduced-motion:reduce){.configurator-layer-region[data-v-95bc81d9],.configurator-layer-chevron[data-v-95bc81d9]{transition:none}}.configurator-row[data-density=mobile][data-v-8769aea9]{gap:var(--configurator-row-gap-mobile);padding-block:var(--configurator-row-py-mobile)}.configurator-row[data-density=compact][data-v-8769aea9]{gap:var(--configurator-row-gap-compact);padding-block:var(--configurator-row-py-compact)}.configurator-row[data-density=comfortable][data-v-8769aea9]{gap:var(--configurator-row-gap-comfortable);padding-block:var(--configurator-row-py-comfortable)}.configurator-row[data-density=spacious][data-v-8769aea9]{gap:var(--configurator-row-gap-spacious);padding-block:var(--configurator-row-py-spacious)}@container style(--density:mobile){.configurator-row[data-v-8769aea9]{gap:var(--configurator-row-gap-mobile);padding-block:var(--configurator-row-py-mobile)}}@container style(--density:compact){.configurator-row[data-v-8769aea9]{gap:var(--configurator-row-gap-compact);padding-block:var(--configurator-row-py-compact)}}@container style(--density:comfortable){.configurator-row[data-v-8769aea9]{gap:var(--configurator-row-gap-comfortable);padding-block:var(--configurator-row-py-comfortable)}}@container style(--density:spacious){.configurator-row[data-v-8769aea9]{gap:var(--configurator-row-gap-spacious);padding-block:var(--configurator-row-py-spacious)}}.confirm-panel-enter-active[data-v-01b48b6e]{transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out)}.confirm-panel-leave-active[data-v-01b48b6e]{transition:opacity var(--duration-fast) var(--ease-in), transform var(--duration-fast) var(--ease-in)}.confirm-panel-enter-from[data-v-01b48b6e],.confirm-panel-leave-to[data-v-01b48b6e]{opacity:0;transform:scale(var(--scale-press))}.constellation[data-v-a4c10474]{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none}:where(.constellation[data-v-a4c10474]){block-size:100%;inline-size:100%;position:relative}.constellation-canvas[data-v-a4c10474]{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.toggle-sun[data-v-77ac6c77]{transform-origin:50%;transition:transform .75s var(--spring-bouncy)}.toggle-circle[data-v-77ac6c77]{transition:transform .5s var(--ease-out);transform:translate(0%)}.dark-mode-toggle-button[data-eclipsing=true] .toggle-sun[data-v-77ac6c77],.dark-mode-toggle-button[data-eclipsing=true] .toggle-circle[data-v-77ac6c77]{transition:transform 1.6s var(--ease-standard)}@media (prefers-reduced-motion:reduce){.dark-mode-toggle-button[data-eclipsing=true] .toggle-sun[data-v-77ac6c77],.dark-mode-toggle-button[data-eclipsing=true] .toggle-circle[data-v-77ac6c77]{transition:none}}:where(.dark) .dark-mode-toggle-button .toggle-sun[data-v-77ac6c77]{transform:rotate(.5turn)}:where(.dark) .dark-mode-toggle-button .toggle-circle[data-v-77ac6c77]{transform:translate(-15%)}.skeleton-shimmer[data-v-9c84f8e2]{position:relative;overflow:hidden}.skeleton-shimmer[data-v-9c84f8e2]:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--muted-foreground) 30%, transparent) 50%, transparent 100%);will-change:transform;animation:1.5s linear infinite skeleton-shimmer-slide-9c84f8e2;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer-slide-9c84f8e2{to{transform:translate(100%)}}.skeleton-breath[data-v-9c84f8e2]{animation:skeleton-breath-cycle-9c84f8e2 var(--skeleton-breath-duration,var(--animate-ambient-pulse-duration,6s)) var(--animate-ambient-pulse-easing,var(--motion-ease-apple,ease)) infinite;will-change:opacity}@keyframes skeleton-breath-cycle-9c84f8e2{0%,to{opacity:var(--pulse-aura-opacity-min,.55)}50%{opacity:var(--pulse-aura-opacity-max,.95)}}@media (prefers-reduced-motion:reduce){.skeleton-shimmer[data-v-9c84f8e2]:after{animation:none}.skeleton-breath[data-v-9c84f8e2]{opacity:var(--pulse-aura-opacity-min,.55);animation:none}}.fourier-field[data-v-71a17062]{z-index:0;pointer-events:none;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none;position:absolute;inset:0}.fourier-field-canvas[data-v-71a17062]{width:100%;height:100%;display:block}.glass-panel[data-v-a674fae3]{position:relative}.glass-panel--svg[data-variant=wash][data-v-a674fae3]{background:var(--glass-bg-wash)}.glass-panel--svg[data-variant=quiet][data-v-a674fae3]{background:var(--glass-bg-quiet)}.glass-panel--svg[data-variant=resting][data-v-a674fae3]{background:var(--glass-bg-resting)}.glass-panel--svg[data-variant=floating][data-v-a674fae3]{background:var(--glass-bg-floating)}.glass-panel--svg[data-variant=overlay][data-v-a674fae3]{background:var(--glass-bg-overlay)}.glass-panel--fallback[data-variant=wash][data-v-a674fae3]{background:var(--glass-bg-wash);border:1px solid var(--glass-border-wash)}.glass-panel--fallback[data-variant=quiet][data-v-a674fae3]{background:var(--glass-bg-quiet);border:1px solid var(--glass-border-quiet)}.glass-panel--fallback[data-variant=resting][data-v-a674fae3]{background:var(--glass-bg-resting);border:1px solid var(--glass-border-resting)}.glass-panel--fallback[data-variant=floating][data-v-a674fae3]{background:var(--glass-bg-floating);border:1px solid var(--glass-border-floating)}.glass-panel--fallback[data-variant=overlay][data-v-a674fae3]{background:var(--glass-bg-overlay);border:1px solid var(--glass-border-overlay)}.notification-enter-active[data-v-d1a8b637],.notification-leave-active[data-v-d1a8b637]{transition:opacity var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-standard)}.notification-enter-from[data-v-d1a8b637],.notification-leave-to[data-v-d1a8b637]{opacity:0;transform:translate(100%)}.notification-move[data-v-d1a8b637]{transition:transform var(--duration-normal) var(--ease-standard)}.slider-track[data-v-2a5ffa10]{border-radius:var(--radius-pill);width:100%;height:var(--slider-track-height,.375rem);background:var(--slider-track-bg,var(--muted-medium));transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);flex-grow:1;position:relative;overflow:hidden}.slider-range[data-v-2a5ffa10]{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--slider-range-bg,var(--primary)) 88%, transparent);height:100%;-webkit-backdrop-filter:var(--slider-range-blur,var(--glass-blur-quiet));box-shadow:var(--glass-material-rim), var(--slider-range-shadow,var(--glass-under-shadow-quiet));transition:background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);position:absolute}.slider-thumb[data-v-2a5ffa10]{width:0;height:var(--slider-track-height,.375rem);opacity:0;box-shadow:none;transition:transform var(--duration-fast) var(--slider-thumb-spring,var(--spring-smooth));background:0 0;border:none;display:block}.slider-thumb.touch-hit-area[data-v-2a5ffa10]:before{pointer-events:none}.glass-slider:not([data-variant=spectrum]):hover .slider-range[data-v-2a5ffa10]{box-shadow:var(--glass-material-rim), var(--slider-range-shadow,var(--glass-under-shadow-quiet)), 0 0 0 1px var(--surface-tint-8)}.glass-slider:not([data-variant=spectrum]):focus-within .slider-track[data-v-2a5ffa10]{box-shadow:var(--focus-ring-shadow)}.glass-slider:active .slider-range[data-v-2a5ffa10]{transform:scale(var(--scale-press-btn,.97));transform-origin:0;transition:transform var(--duration-fast) var(--slider-thumb-spring,var(--spring-smooth))}.glass-slider[data-disabled] .slider-range[data-v-2a5ffa10]{opacity:var(--opacity-disabled)}.glass-slider:not([data-variant=spectrum])[data-held] .slider-range[data-v-2a5ffa10]{box-shadow:var(--glass-material-rim), var(--slider-range-shadow,var(--glass-under-shadow-quiet)), 0 0 0 2px var(--surface-tint-15)}.glass-slider[data-variant=spectrum][data-held] .slider-thumb[data-v-2a5ffa10]{box-shadow:0 0 0 6px var(--surface-tint-15), var(--shadow-sm)}.glass-slider[data-variant=spectrum] .slider-track[data-v-2a5ffa10]{height:calc(var(--slider-thumb-size,1rem) * 1.5);background:var(--slider-track-bg,var(--secondary))}.glass-slider[data-variant=spectrum] .slider-range[data-v-2a5ffa10]{-webkit-backdrop-filter:none;box-shadow:none;background:0 0}.glass-slider[data-variant=spectrum] .slider-thumb[data-v-2a5ffa10]{width:calc(var(--slider-thumb-size,1rem) * .75);opacity:1;background:var(--slider-thumb-bg,transparent);border:2px solid var(--slider-thumb-border-color,var(--background));border-radius:calc(var(--slider-thumb-size,1rem) * .4);height:100%;box-shadow:var(--slider-thumb-shadow,var(--shadow-sm))}@supports (corner-shape:superellipse(2)){.glass-slider[data-variant=spectrum] .slider-thumb[data-v-2a5ffa10]{corner-shape:var(--corner-shape-thumb)}}.glass-slider[data-variant=spectrum]:hover .slider-thumb[data-v-2a5ffa10]{box-shadow:0 0 0 4px var(--surface-tint-8), var(--shadow-sm)}.glass-slider[data-variant=spectrum] .slider-thumb[data-v-2a5ffa10]:focus-visible{box-shadow:var(--focus-ring-shadow), var(--shadow-sm)}.metric-badge__label[data-v-1657dbc5]{font-weight:var(--metric-badge-label-weight,300)}.scrolling-text[data-v-ed6cda0e]{vertical-align:bottom;max-width:100%;display:inline-flex;overflow:hidden}.scrolling-text[data-overflows][data-v-ed6cda0e]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 .75rem calc(100% - .75rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 .75rem calc(100% - .75rem),#0000 100%)}.scrolling-text__content[data-v-ed6cda0e]{white-space:nowrap;will-change:transform;display:inline-block}.scrolling-text[data-overflows] .scrolling-text__content[data-v-ed6cda0e]{animation:scrolling-text-pan-ed6cda0e var(--scroll-duration,8s) cubic-bezier(.45, 0, .55, 1) infinite}@keyframes scrolling-text-pan-ed6cda0e{0%,15%{transform:translate(0)}50%,65%{transform:translateX(calc(-1 * var(--scroll-distance,0px)))}to{transform:translate(0)}}.scrolling-text[data-overflows]:hover .scrolling-text__content[data-v-ed6cda0e]{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.scrolling-text[data-overflows][data-v-ed6cda0e]{scrollbar-width:thin;overflow-x:auto}.scrolling-text[data-overflows] .scrolling-text__content[data-v-ed6cda0e]{animation:none}}.progress-gradient-rail[data-lifecycle=loading][data-v-f29a8e97]{animation:progress-intake-pulse-f29a8e97 var(--motion-duration-progress-intake,.22s) var(--motion-ease-standard,ease-out) 1}.progress-gradient-rail[data-lifecycle=complete] [data-state=complete][data-v-f29a8e97]{animation:progress-discharge-glow-f29a8e97 var(--motion-duration-progress-crescendo,.24s) var(--motion-ease-standard,ease-out) 1}.progress-gradient-rail[data-indeterminate][data-v-f29a8e97]{background:linear-gradient(90deg, var(--progress-track,var(--secondary)) 0%, color-mix(in srgb, var(--progress-fill,var(--primary)) 60%, var(--progress-track,var(--secondary))) 50%, var(--progress-track,var(--secondary)) 100%);animation:progress-indeterminate-sweep-f29a8e97 var(--motion-duration-progress-indeterminate,4s) linear infinite;background-size:200% 100%}.progress-gradient-rail[data-indeterminate][data-v-f29a8e97]>*{display:none}.progress-gradient-rail[data-lifecycle=progressing] [data-state][data-v-f29a8e97],.progress-gradient-rail[data-lifecycle=complete] [data-state=complete][data-v-f29a8e97]{background-image:linear-gradient(to right, transparent 0%, transparent 80%, color-mix(in srgb, #fff var(--progress-crescendo,0%), transparent) 100%);background-blend-mode:screen;background-repeat:no-repeat;background-size:100% 100%}@keyframes progress-intake-pulse-f29a8e97{0%{opacity:.6}50%{opacity:1}to{opacity:.85}}@keyframes progress-discharge-glow-f29a8e97{0%{box-shadow:inset -.25rem 0 .5rem -.125rem #0000}40%{box-shadow:inset -.25rem 0 .75rem -.125rem #fffffff2}to{box-shadow:inset -.25rem 0 .5rem -.125rem #0000}}@keyframes progress-indeterminate-sweep-f29a8e97{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.progress-gradient-rail[data-lifecycle=loading][data-v-f29a8e97],.progress-gradient-rail[data-lifecycle=complete] [data-state=complete][data-v-f29a8e97]{animation:none}.progress-gradient-rail[data-indeterminate][data-v-f29a8e97]{background-position:0 0;background-size:100% 100%;animation:none}}.progress-sectioned-rail[data-v-5847d4c6]{background:linear-gradient(to bottom, color-mix(in srgb, var(--shadow-color,#000) 10%, transparent) 0%, transparent 50%, color-mix(in srgb, var(--shadow-color,#000) 4%, transparent) 100%), var(--progress-sectioned-track,var(--secondary,#ebebeb));box-shadow:inset 0 1px 1.5px color-mix(in srgb, var(--shadow-color,#000) 18%, transparent), inset 0 -1px 0 #ffffff1f, 0 1px 2px color-mix(in srgb, var(--shadow-color,#000) 8%, transparent)}.progress-sectioned-cell[data-v-5847d4c6]{background:color-mix(in srgb, var(--cell-color) 12%, transparent);transition:background var(--duration-normal,.3s) var(--ease-apple,ease);position:absolute;inset-block:0;overflow:hidden}.progress-sectioned-cell[data-state=completed][data-v-5847d4c6]{background:0 0}.progress-sectioned-cell[data-state=active][data-v-5847d4c6]{background:color-mix(in srgb, var(--cell-color) 18%, transparent)}.progress-sectioned-fill[data-v-5847d4c6]{left:0;background:linear-gradient(180deg, color-mix(in srgb, var(--cell-color) 95%, white 12%) 0%, var(--cell-color) 55%, color-mix(in srgb, var(--cell-color) 88%, black 8%) 100%);box-shadow:inset 0 1px 0 #ffffff47, inset 0 -1px 0 color-mix(in srgb, var(--shadow-color,#000) 18%, transparent);transition:width var(--duration-slow,.45s) var(--spring-snappy,ease-out);will-change:width;border-start-end-radius:var(--radius-pill);border-end-end-radius:var(--radius-pill);position:absolute;inset-block:0}.progress-sectioned-cell[data-state=completed] .progress-sectioned-fill[data-v-5847d4c6]{transition:none}.progress-sectioned-sweep[data-v-5847d4c6]{pointer-events:none;animation:progress-sectioned-sweep-5847d4c6 1.8s var(--ease-apple,ease) infinite;mix-blend-mode:overlay;opacity:.65;background:linear-gradient(100deg,#0000 30%,#fff6 50%,#0000 70%) 200% 0/220% 100%;position:absolute;inset:0}@keyframes progress-sectioned-sweep-5847d4c6{0%{background-position:220% 0}to{background-position:-120% 0}}.progress-sectioned-seam[data-v-5847d4c6]{pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--seam-from) 60%, transparent) 0%, color-mix(in srgb, var(--seam-from) 35%, transparent) 30%, #ffffff2e 50%, color-mix(in srgb, var(--seam-to) 35%, transparent) 70%, color-mix(in srgb, var(--seam-to) 60%, transparent) 100%);opacity:.5;mix-blend-mode:screen;width:clamp(.5rem,6%,1.5rem);position:absolute;inset-block:0;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.progress-sectioned-fill[data-v-5847d4c6]{transition-duration:.01ms}.progress-sectioned-sweep[data-v-5847d4c6]{opacity:0;animation:none}}.goo-blob-wrapper[data-v-0da7ca14]{aspect-ratio:1;z-index:var(--z-content);cursor:pointer;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none;filter:drop-shadow(var(--blob-shadow-ambient)) drop-shadow(var(--blob-shadow-contact));transition:filter var(--duration-slow,.45s) var(--ease-standard,ease);position:relative;overflow:visible}.goo-blob-wrapper[data-v-0da7ca14]:hover{filter:drop-shadow(var(--blob-shadow-hover)) drop-shadow(var(--blob-shadow-contact-hover))}.goo-blob-canvas[data-v-0da7ca14]{will-change:transform;pointer-events:none;width:160%;height:160%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.goo-blob-wrapper[data-v-0da7ca14]{filter:drop-shadow(var(--blob-shadow-ambient)) drop-shadow(var(--blob-shadow-contact))!important;transition:none!important}}.header-items-wrapper[data-v-7f77154a]{--header-max-width:30rem;max-width:var(--header-max-width);opacity:1;transition:max-width var(--duration-slow) var(--ease-standard), margin var(--duration-slow) var(--ease-standard), opacity var(--duration-normal) var(--ease-decelerate);overflow:visible}.header-items-left[data-v-7f77154a]{margin-left:.75rem}.header-items-right[data-v-7f77154a]{margin-right:.75rem}:is(.header-collapsed-left[data-v-7f77154a],.header-collapsed-right[data-v-7f77154a]){opacity:0;pointer-events:none;max-width:0;overflow:hidden}.header-collapsed-left[data-v-7f77154a]{margin-left:0}.header-collapsed-right[data-v-7f77154a]{margin-right:0}.metric-stack[data-v-ab48e590]{--result-row-scale:1;width:100%;max-width:min(54rem,100%);min-block-size:clamp(calc(4rem * var(--metric-stack-rows,4)), 48cqi, calc(7rem * var(--metric-stack-rows,4)));grid-template-columns:[icon]minmax(0,auto)[label]minmax(0,auto)[value]minmax(0,auto);gap:clamp(.25rem,1cqi,.75rem) clamp(.5rem,2cqi,1.25rem);margin-inline:auto;display:grid;container-type:inline-size}.metric-stack[data-variant=dpi][data-v-ab48e590]{--result-row-scale:1.25}.metric-stack[data-register=result][data-v-ab48e590]{--metric-row-value-clamp-min:2rem;--metric-row-value-clamp-cqi:9cqi;--metric-row-value-clamp-max:3rem;--metric-row-unit-clamp-min:.875rem;--metric-row-unit-clamp-max:1.375rem;--metric-row-label-clamp-min:.9375rem;--metric-row-label-clamp-cqi:3cqi;--metric-row-label-clamp-max:1.375rem;min-block-size:clamp(calc(2.75rem * var(--metric-stack-rows,4)), 28cqi, calc(4.5rem * var(--metric-stack-rows,4)))}.metric-row[data-v-0c455119]{grid-template-columns:subgrid;grid-column:1/-1;grid-template-rows:auto auto;grid-auto-flow:dense;min-width:0;padding-block:clamp(.125rem,.5cqi,.5rem);display:grid}.metric-row>.metric-row__icon[data-v-0c455119],.metric-row>.metric-row__label[data-v-0c455119],.metric-row>.metric-row__value[data-v-0c455119]{grid-row:1;align-self:baseline}.metric-row__label[data-v-0c455119]{text-transform:uppercase;font-size:clamp(var(--metric-row-label-clamp-min), calc(var(--metric-row-label-clamp-cqi) * var(--result-row-scale,1)), var(--metric-row-label-clamp-max));letter-spacing:.18em;color:var(--muted-foreground);white-space:nowrap;font-weight:500}.metric-row__value[data-v-0c455119]{--digit-count:3;align-items:baseline;gap:var(--metric-row-value-unit-gap,.25em);font-size:clamp(var(--metric-row-value-clamp-min), calc(var(--metric-row-value-clamp-cqi) * var(--result-row-scale,1) * 3 / max(3, var(--digit-count))), var(--metric-row-value-clamp-max));letter-spacing:var(--type-tracking-tight);font-feature-settings:"ss01", "tnum", "lnum";font-variant-numeric:tabular-nums lining-nums;color:var(--foreground);transition:color var(--duration-fast) var(--ease-standard);text-align:left;min-width:0;font-weight:400;line-height:.95;display:inline-flex;position:relative}.metric-row__unit[data-v-0c455119]{font-size:clamp(var(--metric-row-unit-clamp-min), calc(6cqi * var(--result-row-scale,1)), var(--metric-row-unit-clamp-max));color:var(--muted-foreground);transition:color var(--duration-fast) var(--ease-standard);white-space:nowrap;font-weight:500;line-height:1}.metric-row[data-color-tinted=true] .metric-row__value[data-v-0c455119]{color:var(--metric-row-value-color,var(--phase-color))}.metric-row[data-color-tinted=true] .metric-row__unit[data-v-0c455119]{color:var(--metric-row-unit-color,var(--phase-color))}.metric-row__icon[data-v-0c455119]{flex-shrink:0;width:1rem;height:1rem}.metric-row .metric-row__description[data-v-0c455119-s],.metric-row .result-description[data-v-0c455119-s]{font-size:var(--type-small);color:var(--muted-foreground);grid-area:2/1/auto/-1;margin-block-start:.125rem;line-height:1.4;display:none}@container metric-stack (width>=32rem){.metric-row .metric-row__description[data-v-0c455119-s],.metric-row .result-description[data-v-0c455119-s]{display:block}}.pulse-dot[data-v-490e96bb]{opacity:.35;width:.375rem;height:.375rem;animation:pulse-dot-bounce calc(var(--pulse-duration) * 2) ease-in-out infinite;animation-delay:calc(var(--pulse-index,0) * (var(--pulse-duration) * .3));background:currentColor;border-radius:9999px;display:inline-block}.pulse-ring[data-v-490e96bb]{width:1rem;height:1rem;animation:pulse-ring-spin var(--pulse-duration) linear infinite;border:2px solid;border-top-color:#0000;border-radius:9999px;display:inline-block}.pulse-aura[data-v-490e96bb]{border-radius:inherit;pointer-events:none;z-index:var(--pulse-aura-z,0);background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--pulse-aura-color,currentColor) calc(var(--pulse-aura-strength,.22) * 100%), transparent) 0%, color-mix(in srgb, var(--pulse-aura-color,currentColor) calc(var(--pulse-aura-strength,.22) * 35%), transparent) 35%, transparent 70%);opacity:var(--pulse-aura-breath-min,.28);transform:scale(var(--animate-ambient-pulse-scale-min,1));animation:ambient-pulse var(--animate-ambient-pulse-duration,6s) var(--animate-ambient-pulse-easing,ease-in-out) infinite;will-change:transform, opacity;position:absolute;inset:0}.pulse-aura--once[data-v-490e96bb]{animation-iteration-count:1;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.pulse-dot[data-v-490e96bb],.pulse-ring[data-v-490e96bb]{opacity:.6;animation:none}.pulse-aura[data-v-490e96bb]{opacity:var(--pulse-aura-breath-min,.28);animation:none;transform:scale(1)}}.sortable-drag-ghost{opacity:.92;box-shadow:0 0 0 2px var(--color-gold), 0 0 18px 2px color-mix(in srgb, var(--color-gold) 55%, transparent), 0 0 4px 0 color-mix(in srgb, var(--color-gold-light) 70%, transparent), 0 12px 32px -4px #00000059, 0 4px 12px -2px #0003;transform:rotate(1.5deg);transition:none!important}.sortable-drag-ghost *{transition:none!important;animation:none!important}.is-sortable-dragging{opacity:.35}.is-sortable-drop-above,.is-sortable-drop-below{position:relative}.is-sortable-drop-above:before,.is-sortable-drop-below:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--color-gold-dark) 55%, transparent), color-mix(in srgb, var(--color-gold-light) 80%, transparent), color-mix(in srgb, var(--color-gold) 90%, transparent), color-mix(in srgb, var(--color-gold-light) 80%, transparent), color-mix(in srgb, var(--color-gold-dark) 55%, transparent));height:5px;animation:shimmer var(--duration-shimmer,5s) linear infinite;box-shadow:0 0 10px color-mix(in srgb, var(--color-gold) 45%, transparent), 0 0 2px color-mix(in srgb, var(--color-gold-light) 60%, transparent);pointer-events:none;z-index:1;background-size:250% 100%;border-radius:999px;position:absolute;left:0;right:0}.is-sortable-drop-above:before{top:-2.5px}.is-sortable-drop-below:after{bottom:-2.5px}.sortable-item[data-v-ca5cd3d7]{-webkit-user-select:none;user-select:none}.sortable-handle[data-v-814313b7]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.sortable-handle[data-v-814313b7]:active{cursor:grabbing}.continuous-markers[data-v-54dadfb5]{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.continuous-marker[data-v-54dadfb5]{pointer-events:none;justify-content:center;align-items:center;line-height:0;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.continuous-marker[data-v-54dadfb5]>*{pointer-events:auto}.segmented-dot[data-v-54dadfb5]{box-sizing:border-box;width:var(--timeline-dot-size,14px);height:var(--timeline-dot-size,14px);background:var(--surface-tint-15);border:2px solid var(--background,white);box-shadow:0 1px 2px color-mix(in srgb, var(--shadow-color) 12%, transparent);cursor:pointer;z-index:1;transition:background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border-radius:50%;padding:0;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.segmented-dot[data-v-54dadfb5]:focus-visible{box-shadow:var(--focus-ring-shadow);outline:none}.continuous-dot[data-v-54dadfb5]{background:var(--timeline-dot-fill);-webkit-backdrop-filter:var(--timeline-dot-blur);backdrop-filter:var(--timeline-dot-blur);border-color:var(--timeline-dot-ring);box-shadow:0 0 4px color-mix(in srgb, var(--shadow-color) 22%, transparent), inset 0 1px 1px color-mix(in srgb, var(--foreground) 8%, transparent);position:relative;right:auto;transform:none}.continuous-dot[data-v-54dadfb5]:hover,.continuous-dot[data-v-54dadfb5]:focus-visible{transform:scale(1.2)}.continuous-dot[data-v-54dadfb5]:before{content:"";border-radius:inherit;position:absolute;inset:-15px}@media (pointer:coarse){.continuous-dot[data-v-54dadfb5]{width:var(--timeline-dot-size-touch,var(--timeline-dot-size,20px));height:var(--timeline-dot-size-touch,var(--timeline-dot-size,20px))}.continuous-dot[data-v-54dadfb5]:before{inset:calc((var(--timeline-touch-target,44px) - var(--timeline-dot-size-touch,20px)) / -2)}}.continuous-dot[data-current][data-v-54dadfb5]{background:color-mix(in srgb, var(--timeline-dot-tint-current) 22%, var(--surface-tint-12));border-color:color-mix(in srgb, var(--timeline-dot-tint-current) 40%, var(--glass-border-floating))}.continuous-dot[data-state=completed][data-v-54dadfb5]{background:color-mix(in srgb, var(--timeline-dot-tint-completed) 22%, var(--surface-tint-12));border-color:color-mix(in srgb, var(--timeline-dot-tint-completed) 40%, var(--glass-border-floating))}.continuous-dot-check[data-v-54dadfb5]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.continuous-dot-check path[data-v-54dadfb5]{fill:none;stroke:var(--timeline-dot-check-color);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:32px;animation:continuous-dot-check-draw-54dadfb5 var(--duration-slow,.45s) var(--ease-out,ease-out) var(--duration-fast,.2s) forwards}.continuous-dot[data-completed][data-v-54dadfb5]{animation:continuous-dot-pop-54dadfb5 var(--duration-normal,.3s) var(--spring-snappy)}@keyframes continuous-dot-check-draw-54dadfb5{0%{stroke-dashoffset:32px}to{stroke-dashoffset:0}}@keyframes continuous-dot-pop-54dadfb5{0%{transform:scale(.82)}60%{transform:scale(1.12)}to{transform:scale(1)}}.sr-only[data-v-54dadfb5]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.continuous-dot[data-v-54dadfb5]{transition-duration:.01ms}.continuous-dot[data-completed][data-v-54dadfb5]{animation:none}.continuous-dot-check path[data-v-54dadfb5]{stroke-dashoffset:0;animation:none}}.continuous-track[data-v-e129d308]{width:100%;height:var(--timeline-continuous-height,12px);border-radius:var(--radius-pill);background:var(--surface-tint-6);-webkit-backdrop-filter:var(--glass-blur-wash);position:relative;overflow:hidden}.continuous-region[data-v-e129d308]{transition:width var(--duration-slow,.45s) var(--ease-out,ease-out), left var(--duration-slow,.45s) var(--ease-out,ease-out), background var(--duration-fast,.2s) var(--ease-standard,ease);will-change:width, left, background;background:0 0;position:absolute;top:0;bottom:0}.continuous-region-fill[data-v-e129d308]{width:var(--continuous-fill-width,0%);background-image:var(--stitch-gradient,none);background-size:var(--stitch-size-x,100%) 100%;background-position-x:var(--stitch-pos-x,0%);transition:width var(--duration-slow,.45s) var(--ease-out,ease-out);will-change:width;pointer-events:none;background-position-y:50%;background-repeat:no-repeat;border-radius:0;position:absolute;inset:0}.continuous-region.is-first>.continuous-region-fill[data-v-e129d308]{border-start-start-radius:var(--radius-pill);border-end-start-radius:var(--radius-pill)}.continuous-region.is-last>.continuous-region-fill[data-v-e129d308]{border-start-end-radius:var(--radius-pill);border-end-end-radius:var(--radius-pill)}.continuous-region.state-completed>.continuous-region-fill[data-v-e129d308]{width:100%}.continuous-region.state-active>.continuous-region-fill[data-v-e129d308]{border-start-end-radius:var(--radius-pill);border-end-end-radius:var(--radius-pill)}.continuous-region.state-pending>.continuous-region-fill[data-v-e129d308]{background-image:none;width:0}.continuous-region[data-v-e129d308]:after{content:"";background:var(--timeline-continuous-seam-color,color-mix(in srgb, var(--foreground) calc(var(--timeline-continuous-seam-opacity,.25) * 100%), transparent));pointer-events:none;width:1px;position:absolute;top:10%;bottom:10%;right:0}.continuous-region.is-last[data-v-e129d308]:after{display:none}@media (prefers-reduced-motion:reduce){.continuous-region[data-v-e129d308],.continuous-region-fill[data-v-e129d308]{transition-duration:.01ms}}.timeline-row[data-v-48215043]{flex:1 1 0;align-items:center;min-width:0;padding:0 .25rem;display:flex;position:relative}.timeline-continuous[data-v-48215043]{flex:1 1 0;min-width:0;padding:0}.continuous-track-wrap[data-v-48215043]{width:100%;padding-block:calc(var(--timeline-dot-size,14px) * .6);margin-block:calc(var(--timeline-dot-size,14px) * -.6);opacity:var(--continuous-fill-opacity,1);transition:opacity var(--duration-normal,.3s) var(--ease-out,ease-out);position:relative}.continuous-detail[data-v-48215043]{min-height:var(--timeline-detail-min-height,1.25rem);margin-block-start:.25rem}.timeline-popover{max-width:18rem;padding:.5rem .75rem}.timeline-popover .timeline-popover-body{border-left:2px solid var(--popover-tint,var(--foreground));flex-direction:column;gap:.125rem;padding-left:.5rem;display:flex}.timeline-popover .timeline-popover-label{letter-spacing:.04em;text-transform:uppercase;color:var(--popover-tint,var(--foreground));font-weight:600;font-size:var(--type-small,.85rem)}.timeline-popover .timeline-popover-value{font-family:var(--font-mono,"Fira Code", monospace);color:var(--popover-foreground,var(--foreground));font-weight:500;font-size:var(--type-body,1rem)}.timeline-popover .timeline-popover-description{font-size:var(--type-small,.85rem);color:var(--muted-foreground);line-height:1.4}.timeline-popover .timeline-popover-state{font-size:var(--type-mono-caption,.75rem);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);font-family:var(--font-mono,"Fira Code", monospace)}.timeline-row[data-v-a206e2d2]{flex:1 1 0;align-items:center;min-width:0;padding:0 .25rem;display:flex;position:relative}.timeline-caret[data-v-a206e2d2]{pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);z-index:var(--z-popover);-webkit-user-select:none;user-select:none;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%)}.timeline-row:hover .timeline-caret[data-v-a206e2d2]{opacity:1}.timeline-row:has(.glass-track:active) .timeline-caret[data-v-a206e2d2]{opacity:1}.caret-value[data-v-a206e2d2]{font-size:var(--type-small);color:var(--popover-foreground);background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);white-space:nowrap;padding:.125rem .375rem;font-weight:500;display:block}.glass-track[data-v-a206e2d2]{border-radius:var(--radius-pill);background:var(--surface-tint-6);width:100%;height:24px;-webkit-backdrop-filter:var(--glass-blur-wash);backdrop-filter:var(--glass-blur-wash);cursor:pointer;touch-action:none;transition:background var(--duration-fast) var(--ease-standard);outline:none;position:relative;overflow:hidden}.glass-track[data-v-a206e2d2]:hover,.glass-track[data-v-a206e2d2]:focus-visible{background:var(--surface-tint-8)}.glass-track[data-v-a206e2d2]:focus-visible{box-shadow:var(--focus-ring-shadow)}.glass-fill[data-v-a206e2d2]{background:var(--surface-tint-8);border-radius:var(--radius-pill);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.glass-thumb[data-v-a206e2d2]{border-radius:var(--radius-sm);background:var(--surface-tint-25);opacity:0;pointer-events:none;width:6px;height:16px;transition:opacity var(--duration-fast) var(--ease-standard), width var(--duration-fast) var(--ease-standard), height var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);position:absolute;top:50%;transform:translate(calc(-50% - 3px),-50%)}.glass-track:hover .glass-thumb[data-v-a206e2d2]{opacity:1;background:var(--surface-tint-40);width:8px;height:18px}.timeline-row[data-v-2db316ec]{flex:1 1 0;align-items:center;min-width:0;padding:0 .25rem;display:flex;position:relative}.timeline-segmented[data-v-2db316ec]{flex:1 1 0;min-width:0;padding:0}.segmented-track[data-v-2db316ec]{width:100%;height:var(--timeline-segmented-height,12px);border-radius:var(--radius-pill);background:var(--surface-tint-6);-webkit-backdrop-filter:var(--glass-blur-wash);backdrop-filter:var(--glass-blur-wash);display:flex;position:relative;overflow:hidden}.segmented-cell[data-v-2db316ec]{flex:var(--timeline-segment-flex,1 1 0);min-width:0;height:100%;position:relative}.segmented-cell+.segmented-cell[data-v-2db316ec]{border-left:1px solid color-mix(in srgb, var(--foreground) 8%, transparent)}.segmented-band[data-v-2db316ec]{width:0%;transition:width var(--duration-slow,.45s) var(--ease-out,ease-out), background var(--duration-fast,.2s) var(--ease-standard,ease);will-change:width;position:absolute;inset:0}.segmented-dot[data-v-2db316ec]{box-sizing:border-box;width:var(--timeline-dot-size,14px);height:var(--timeline-dot-size,14px);background:var(--surface-tint-15);border:2px solid var(--background,white);box-shadow:0 1px 2px color-mix(in srgb, var(--shadow-color) 12%, transparent);cursor:pointer;z-index:1;transition:background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border-radius:50%;padding:0;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.segmented-dot[data-v-2db316ec]:before{content:"";border-radius:inherit;position:absolute;inset:-15px}@media (pointer:coarse){.segmented-dot[data-v-2db316ec]{width:var(--timeline-dot-size-touch,var(--timeline-dot-size,20px));height:var(--timeline-dot-size-touch,var(--timeline-dot-size,20px))}.segmented-dot[data-v-2db316ec]:before{inset:calc((var(--timeline-touch-target,44px) - var(--timeline-dot-size-touch,20px)) / -2)}}.segmented-dot[data-v-2db316ec]:hover,.segmented-dot[data-v-2db316ec]:focus-visible{background:var(--surface-tint-40);box-shadow:0 2px 6px color-mix(in srgb, var(--shadow-color) 18%, transparent);transform:translate(50%,-50%)scale(1.2)}.segmented-dot[data-v-2db316ec]:focus-visible{box-shadow:var(--focus-ring-shadow);outline:none}.segmented-cell[data-state=active] .segmented-dot[data-v-2db316ec]{background:color-mix(in srgb, var(--accent,var(--foreground)) 60%, var(--surface-tint-15))}.segmented-cell[data-state=completed] .segmented-dot[data-v-2db316ec]{background:color-mix(in srgb, var(--success,var(--foreground)) 70%, var(--surface-tint-15))}.sr-only[data-v-2db316ec]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.segmented-band[data-v-2db316ec],.segmented-dot[data-v-2db316ec]{transition-duration:.01ms}}.tw-root[data-v-f7b6d096]{display:inline}.tw-tail[data-v-f7b6d096]{white-space:nowrap}.tw-char[data-v-f7b6d096]{display:inline}.tw-char--interactive[data-v-f7b6d096]{cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-standard);margin:0 -1px;padding:0 1px}.tw-char--interactive[data-v-f7b6d096]:hover{background-color:#80808026}.tw-cursor[data-v-f7b6d096]{font-weight:100;display:inline-block}.tw-cursor--blink[data-v-f7b6d096]{animation:1.06s step-end infinite typewriter-blink}.glass-underline[data-v-20b5d619]{white-space:nowrap;position:relative}.glass-underline__ink[data-v-20b5d619]{width:calc(100% + .12em);height:var(--gu-ink-height,.5em);pointer-events:none;position:absolute;inset-block-end:var(--gu-ink-offset,-.18em);inset-inline:-.06em;overflow:visible}.glass-underline__stroke[data-v-20b5d619]{fill:none;stroke:var(--v237e7abc);stroke-width:var(--gu-stroke-width,2.4);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--gu-len,120);stroke-dashoffset:var(--gu-off,0)}.glass-underline__stroke--ghost[data-v-20b5d619]{stroke-width:calc(var(--gu-stroke-width,2.4) + 1);opacity:.16}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){@keyframes gu-draw-20b5d619{0%{stroke-dashoffset:var(--gu-len,120)}to{stroke-dashoffset:0}}.glass-underline[data-gu-clock=scroll] .glass-underline__stroke[data-v-20b5d619]{animation:linear both gu-draw-20b5d619;animation-timeline:var(--gu-timeline,view());animation-range:entry 12% cover 36%}}}.watercolor-swatch[data-v-cb0117af]{filter:var(--watercolor-filter);box-shadow:inset 0 0 6px color-mix(in srgb, var(--background) 35%, transparent), inset 0 -2px 4px color-mix(in srgb, var(--foreground) 6%, transparent), 0 2px 6px color-mix(in srgb, var(--foreground) 10%, transparent);transition:transform var(--duration-fast) var(--ease-standard), border-radius .6s var(--ease-standard), filter var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border-radius:48% 52% 55% 45%/52% 48% 45% 55%;position:relative}.watercolor-swatch.watercolor-animated[data-v-cb0117af]{transition:transform var(--duration-fast) var(--ease-standard), filter var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.watercolor-swatch[data-v-cb0117af]:hover{filter:var(--watercolor-filter) brightness(1.05);box-shadow:inset 0 0 8px color-mix(in srgb, var(--background) 40%, transparent), inset 0 -2px 4px color-mix(in srgb, var(--foreground) 6%, transparent), 0 4px 12px color-mix(in srgb, var(--foreground) 15%, transparent);transform:scale(1.06)}.watercolor-swatch[data-v-cb0117af]:active{transform:scale(.97)}.watercolor-filter-host[data-v-cb0117af]{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}button.watercolor-swatch[data-v-cb0117af]{border:none;outline:none;padding:0}button.watercolor-swatch[data-v-cb0117af]:focus-visible{box-shadow:inset 0 0 6px color-mix(in srgb, var(--background) 35%, transparent), inset 0 -2px 4px color-mix(in srgb, var(--foreground) 6%, transparent), 0 2px 8px color-mix(in srgb, var(--foreground) 20%, transparent);outline:none}
+.animated-digit[data-v-a6ca1136]{font-feature-settings:"ss01", "tnum", "lnum";font-variant-numeric:tabular-nums lining-nums}.aurora-root[data-v-c05f182a]{contain:content;content-visibility:auto;contain-intrinsic-size:auto 600px;display:grid}.aurora-root>.aurora-placeholder[data-v-c05f182a],.aurora-root>.aurora-canvas[data-v-c05f182a]{grid-area:1/1}.aurora-root>.aurora-placeholder[data-v-c05f182a]{opacity:var(--aurora-opacity-ceiling,1)}.aurora-root[data-aurora-substrate=css]>.aurora-placeholder[data-v-c05f182a]{image-rendering:auto;background-position:50%;background-repeat:no-repeat;background-size:cover}.aurora-canvas[data-v-c05f182a]{opacity:0;transition:opacity var(--duration-slow) var(--ease-standard)}.aurora-canvas--armed[data-v-c05f182a]{opacity:var(--aurora-opacity-ceiling,1)}@media (prefers-reduced-motion:reduce){.aurora-canvas[data-v-c05f182a]{transition-duration:1ms}}.card-header--shrink[data-v-59bd3f49]{--card-title-shrink-ratio:.695;position:relative}.card-header--shrink[data-v-59bd3f49]:before{content:"";z-index:0;background:var(--card-header-bg);opacity:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.card-header--shrink>[data-v-59bd3f49-s]{z-index:1;position:relative}.card-header--shrink>[data-slot=card-description][data-v-59bd3f49-s]{transform-origin:top;will-change:transform, opacity}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.card-header--shrink[data-v-59bd3f49]{transform-origin:top;animation:linear both card-header-shrink-59bd3f49;animation-timeline:--card-scroll;animation-range:0 120px}.card-header--shrink[data-v-59bd3f49]:before{animation:linear both card-header-bg-lift-59bd3f49;animation-timeline:--card-scroll;animation-range:0 120px}.card-header--shrink>[data-slot=card-title][data-v-59bd3f49-s]{transform-origin:0 0;animation:linear both card-title-shrink-59bd3f49;animation-timeline:--card-scroll;animation-range:0 120px}.card-header--shrink>[data-slot=card-description][data-v-59bd3f49-s]{animation:linear both card-desc-shrink-59bd3f49;animation-timeline:--card-scroll;animation-range:0 80px}@keyframes card-header-shrink-59bd3f49{0%{transform:translateY(0)}to{transform:translateY(-.5rem)}}@keyframes card-header-bg-lift-59bd3f49{0%{opacity:0}to{opacity:1}}@keyframes card-title-shrink-59bd3f49{0%{transform:scale(1)}to{transform:scale(var(--card-title-shrink-ratio))}}@keyframes card-desc-shrink-59bd3f49{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}}}.scroll-card[data-v-2b254340]{max-block-size:var(--scroll-card-max-height,18rem);padding:0;overflow-y:auto}.scroll-card-header>[data-slot=card-title][data-v-ee1e969c-s]{font-size:var(--type-display-1);line-height:var(--type-leading-heading)}.concentric-wrapper[data-v-f8bbc88a]{contain:content;content-visibility:auto;contain-intrinsic-size:auto none;block-size:100%;inline-size:100%;position:relative;overflow:hidden}.concentric-canvas[data-v-f8bbc88a]{pointer-events:none;block-size:100%;inline-size:100%;display:block}.configurator-layer-region[data-v-e887a77f]{transition:grid-template-rows var(--duration-fast) var(--spring-snappy)}.configurator-layer-chevron[data-v-e887a77f]{transition:transform var(--duration-fast) var(--spring-snappy)}@media (prefers-reduced-motion:reduce){.configurator-layer-region[data-v-e887a77f],.configurator-layer-chevron[data-v-e887a77f]{transition:none}}.configurator-row[data-density=mobile][data-v-7978cb8d]{gap:var(--configurator-row-gap-mobile);padding-block:var(--configurator-row-py-mobile)}.configurator-row[data-density=compact][data-v-7978cb8d]{gap:var(--configurator-row-gap-compact);padding-block:var(--configurator-row-py-compact)}.configurator-row[data-density=comfortable][data-v-7978cb8d]{gap:var(--configurator-row-gap-comfortable);padding-block:var(--configurator-row-py-comfortable)}.configurator-row[data-density=spacious][data-v-7978cb8d]{gap:var(--configurator-row-gap-spacious);padding-block:var(--configurator-row-py-spacious)}@container style(--density:mobile){.configurator-row[data-v-7978cb8d]{gap:var(--configurator-row-gap-mobile);padding-block:var(--configurator-row-py-mobile)}}@container style(--density:compact){.configurator-row[data-v-7978cb8d]{gap:var(--configurator-row-gap-compact);padding-block:var(--configurator-row-py-compact)}}@container style(--density:comfortable){.configurator-row[data-v-7978cb8d]{gap:var(--configurator-row-gap-comfortable);padding-block:var(--configurator-row-py-comfortable)}}@container style(--density:spacious){.configurator-row[data-v-7978cb8d]{gap:var(--configurator-row-gap-spacious);padding-block:var(--configurator-row-py-spacious)}}.confirm-panel-enter-active[data-v-01b48b6e]{transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out)}.confirm-panel-leave-active[data-v-01b48b6e]{transition:opacity var(--duration-fast) var(--ease-in), transform var(--duration-fast) var(--ease-in)}.confirm-panel-enter-from[data-v-01b48b6e],.confirm-panel-leave-to[data-v-01b48b6e]{opacity:0;transform:scale(var(--scale-press))}.constellation[data-v-2ada60ff]{contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none}:where(.constellation[data-v-2ada60ff]){block-size:100%;inline-size:100%;position:relative}.constellation-canvas[data-v-2ada60ff]{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.toggle-sun[data-v-62bae18a]{transform-origin:50%;transition-property:transform;transition-duration:.75s;transition-timing-function:var(--spring-bouncy)}.toggle-circle[data-v-62bae18a]{transition-property:transform;transition-duration:.5s;transition-timing-function:var(--ease-out);transform:translate(0%)}.dark-mode-toggle-button[data-eclipsing=true] .toggle-sun[data-v-62bae18a],.dark-mode-toggle-button[data-eclipsing=true] .toggle-circle[data-v-62bae18a]{transition:transform 1.6s var(--ease-standard)}@media (prefers-reduced-motion:reduce){.dark-mode-toggle-button[data-eclipsing=true] .toggle-sun[data-v-62bae18a],.dark-mode-toggle-button[data-eclipsing=true] .toggle-circle[data-v-62bae18a]{transition:none}}:where(.dark) .dark-mode-toggle-button .toggle-sun[data-v-62bae18a]{transform:rotate(.5turn)}:where(.dark) .dark-mode-toggle-button .toggle-circle[data-v-62bae18a]{transform:translate(-15%)}.skeleton-over-glass[data-v-e270610f]{background:var(--skeleton-glass-bg,color-mix(in oklab, var(--muted) 55%, transparent))}.skeleton-shimmer[data-v-e270610f]{position:relative;overflow:hidden}.skeleton-shimmer[data-v-e270610f]:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--muted-foreground) 30%, transparent) 50%, transparent 100%);will-change:transform;animation:1.5s linear infinite skeleton-shimmer-slide-e270610f;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer-slide-e270610f{to{transform:translate(100%)}}.skeleton-breath[data-v-e270610f]{animation:skeleton-breath-cycle-e270610f var(--skeleton-breath-duration,var(--animate-ambient-pulse-duration,6s)) var(--animate-ambient-pulse-easing,var(--motion-ease-apple,ease)) infinite;will-change:opacity}@keyframes skeleton-breath-cycle-e270610f{0%,to{opacity:var(--pulse-aura-opacity-min,.55)}50%{opacity:var(--pulse-aura-opacity-max,.95)}}@media (prefers-reduced-motion:reduce){.skeleton-shimmer[data-v-e270610f]:after{animation:none}.skeleton-breath[data-v-e270610f]{opacity:var(--pulse-aura-opacity-min,.55);animation:none}}.dot-flow-field-wrapper[data-v-70541ba6]{contain:content;content-visibility:auto;contain-intrinsic-size:auto none;block-size:100%;inline-size:100%;position:relative;overflow:hidden}.dot-flow-field-canvas[data-v-70541ba6]{pointer-events:none;block-size:100%;inline-size:100%;display:block}.fourier-field[data-v-5638d46b]{z-index:0;pointer-events:none;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none;position:absolute;inset:0}.fourier-field-canvas[data-v-5638d46b]{width:100%;height:100%;display:block}.glass-panel[data-v-92b50822]{position:relative}.glass-panel--svg[data-variant=wash][data-v-92b50822]{background:var(--glass-bg-wash)}.glass-panel--svg[data-variant=quiet][data-v-92b50822]{background:var(--glass-bg-quiet)}.glass-panel--svg[data-variant=resting][data-v-92b50822]{background:var(--glass-bg-resting)}.glass-panel--svg[data-variant=floating][data-v-92b50822]{background:var(--glass-bg-floating)}.glass-panel--svg[data-variant=overlay][data-v-92b50822]{background:var(--glass-bg-overlay)}.glass-panel--fallback[data-variant=wash][data-v-92b50822]{background:var(--glass-bg-wash);border:1px solid var(--glass-border-wash)}.glass-panel--fallback[data-variant=quiet][data-v-92b50822]{background:var(--glass-bg-quiet);border:1px solid var(--glass-border-quiet)}.glass-panel--fallback[data-variant=resting][data-v-92b50822]{background:var(--glass-bg-resting);border:1px solid var(--glass-border-resting)}.glass-panel--fallback[data-variant=floating][data-v-92b50822]{background:var(--glass-bg-floating);border:1px solid var(--glass-border-floating)}.glass-panel--fallback[data-variant=overlay][data-v-92b50822]{background:var(--glass-bg-overlay);border:1px solid var(--glass-border-overlay)}.glass-slider[data-size=sm][data-v-534634a7]{--slider-track-height:.75rem;--slider-thumb-size:.5rem}.glass-slider[data-size=md][data-v-534634a7]{--slider-track-height:1.25rem;--slider-thumb-size:1rem}.glass-slider[data-size=lg][data-v-534634a7]{--slider-track-height:1.75rem;--slider-thumb-size:1.5rem}.slider-track[data-v-534634a7]{border-radius:var(--radius-pill);width:100%;height:var(--slider-track-height,.375rem);background:var(--slider-track-bg,var(--muted-medium));transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);flex-grow:1;position:relative;overflow:hidden}.slider-range[data-v-534634a7]{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--slider-range-bg,var(--primary)) 88%, transparent);height:100%;-webkit-backdrop-filter:var(--slider-range-blur,var(--glass-blur-quiet));box-shadow:var(--glass-material-rim), var(--slider-range-shadow,var(--glass-under-shadow-quiet));transition:background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);position:absolute}.slider-thumb[data-v-534634a7]{width:0;height:var(--slider-track-height,.375rem);opacity:0;box-shadow:none;transition:transform var(--duration-fast) var(--slider-thumb-spring,var(--spring-smooth));background:0 0;border:none;display:block}.slider-thumb.touch-hit-area[data-v-534634a7]:before{pointer-events:none}.glass-slider:not([data-variant=spectrum]):hover .slider-range[data-v-534634a7]{box-shadow:var(--glass-material-rim), var(--slider-range-shadow,var(--glass-under-shadow-quiet)), 0 0 0 1px var(--surface-tint-8)}.glass-slider:not([data-variant=spectrum]):focus-within .slider-track[data-v-534634a7]{box-shadow:var(--focus-ring-shadow)}.glass-slider:active .slider-range[data-v-534634a7]{transform:scale(var(--scale-press-btn,.97));transform-origin:0;transition:transform var(--duration-fast) var(--slider-thumb-spring,var(--spring-smooth))}.glass-slider[data-disabled] .slider-range[data-v-534634a7]{opacity:var(--opacity-disabled)}.glass-slider:not([data-variant=spectrum])[data-held] .slider-range[data-v-534634a7]{box-shadow:var(--glass-material-rim), var(--slider-range-shadow,var(--glass-under-shadow-quiet)), 0 0 0 2px var(--surface-tint-15)}.glass-slider[data-variant=spectrum][data-held] .slider-thumb[data-v-534634a7]{box-shadow:0 0 0 6px var(--surface-tint-15), var(--shadow-sm)}.glass-slider[data-variant=spectrum] .slider-track[data-v-534634a7]{height:calc(var(--slider-thumb-size,1rem) * 1.5);background:var(--slider-track-bg,var(--secondary))}.glass-slider[data-variant=spectrum] .slider-range[data-v-534634a7]{-webkit-backdrop-filter:none;box-shadow:none;background:0 0}.glass-slider[data-variant=spectrum] .slider-thumb[data-v-534634a7]{width:calc(var(--slider-thumb-size,1rem) * .75);opacity:1;background:var(--slider-thumb-bg,transparent);border:2px solid var(--slider-thumb-border-color,var(--background));border-radius:calc(var(--slider-thumb-size,1rem) * .4);height:100%;box-shadow:var(--slider-thumb-shadow,var(--shadow-sm))}@supports (corner-shape:superellipse(2)){.glass-slider[data-variant=spectrum] .slider-thumb[data-v-534634a7]{corner-shape:var(--corner-shape-thumb)}}.glass-slider[data-variant=spectrum]:hover .slider-thumb[data-v-534634a7]{box-shadow:0 0 0 4px var(--surface-tint-8), var(--shadow-sm)}.glass-slider[data-variant=spectrum] .slider-thumb[data-v-534634a7]:focus-visible{box-shadow:var(--focus-ring-shadow), var(--shadow-sm)}.metric-badge__label[data-v-1657dbc5]{font-weight:var(--metric-badge-label-weight,300)}.scrolling-text[data-v-ed6cda0e]{vertical-align:bottom;max-width:100%;display:inline-flex;overflow:hidden}.scrolling-text[data-overflows][data-v-ed6cda0e]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 .75rem calc(100% - .75rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 .75rem calc(100% - .75rem),#0000 100%)}.scrolling-text__content[data-v-ed6cda0e]{white-space:nowrap;will-change:transform;display:inline-block}.scrolling-text[data-overflows] .scrolling-text__content[data-v-ed6cda0e]{animation:scrolling-text-pan-ed6cda0e var(--scroll-duration,8s) cubic-bezier(.45, 0, .55, 1) infinite}@keyframes scrolling-text-pan-ed6cda0e{0%,15%{transform:translate(0)}50%,65%{transform:translateX(calc(-1 * var(--scroll-distance,0px)))}to{transform:translate(0)}}.scrolling-text[data-overflows]:hover .scrolling-text__content[data-v-ed6cda0e]{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.scrolling-text[data-overflows][data-v-ed6cda0e]{scrollbar-width:thin;overflow-x:auto}.scrolling-text[data-overflows] .scrolling-text__content[data-v-ed6cda0e]{animation:none}}.notification-enter-active[data-v-cec8742e],.notification-leave-active[data-v-cec8742e]{transition:opacity var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-standard)}.notification-enter-from[data-v-cec8742e],.notification-leave-to[data-v-cec8742e]{opacity:0;transform:translate(100%)}.notification-move[data-v-cec8742e]{transition:transform var(--duration-normal) var(--ease-standard)}.progress-gradient-rail[data-lifecycle=loading][data-v-971dff91]{animation:progress-intake-pulse-971dff91 var(--motion-duration-progress-intake,.22s) var(--motion-ease-standard,ease-out) 1}.progress-gradient-rail[data-lifecycle=complete] [data-state=complete][data-v-971dff91]{animation:progress-discharge-glow-971dff91 var(--motion-duration-progress-crescendo,.24s) var(--motion-ease-standard,ease-out) 1}.progress-gradient-rail[data-indeterminate][data-v-971dff91]{background:linear-gradient(90deg, var(--progress-track,var(--progress-track-on-glass)) 0%, color-mix(in srgb, var(--progress-fill,var(--primary)) 60%, var(--progress-track,var(--progress-track-on-glass))) 50%, var(--progress-track,var(--progress-track-on-glass)) 100%);animation:progress-indeterminate-sweep-971dff91 var(--motion-duration-progress-indeterminate,4s) linear infinite;background-size:200% 100%}.progress-gradient-rail[data-indeterminate][data-v-971dff91]>*{display:none}.progress-gradient-rail[data-lifecycle=progressing] [data-state][data-v-971dff91],.progress-gradient-rail[data-lifecycle=complete] [data-state=complete][data-v-971dff91]{background-image:linear-gradient(to right, transparent 0%, transparent 80%, color-mix(in srgb, #fff var(--progress-crescendo,0%), transparent) 100%);background-blend-mode:screen;background-repeat:no-repeat;background-size:100% 100%}@keyframes progress-intake-pulse-971dff91{0%{opacity:.6}50%{opacity:1}to{opacity:.85}}@keyframes progress-discharge-glow-971dff91{0%{box-shadow:inset -.25rem 0 .5rem -.125rem #0000}40%{box-shadow:inset -.25rem 0 .75rem -.125rem #fffffff2}to{box-shadow:inset -.25rem 0 .5rem -.125rem #0000}}@keyframes progress-indeterminate-sweep-971dff91{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.progress-gradient-rail[data-lifecycle=loading][data-v-971dff91],.progress-gradient-rail[data-lifecycle=complete] [data-state=complete][data-v-971dff91]{animation:none}.progress-gradient-rail[data-indeterminate][data-v-971dff91]{background-position:0 0;background-size:100% 100%;animation:none}}.progress-sectioned-rail[data-v-a54cba00]{background:linear-gradient(to bottom, color-mix(in srgb, var(--shadow-color,#000) 10%, transparent) 0%, transparent 50%, color-mix(in srgb, var(--shadow-color,#000) 4%, transparent) 100%), var(--progress-track-ghost,none), var(--glass-bg-quiet);-webkit-backdrop-filter:var(--glass-blur-quiet);backdrop-filter:var(--glass-blur-quiet);box-shadow:inset 0 1px 1.5px color-mix(in srgb, var(--shadow-color,#000) 18%, transparent), inset 0 -1px 0 #ffffff1f, 0 1px 2px color-mix(in srgb, var(--shadow-color,#000) 8%, transparent)}.progress-sectioned-flow[data-v-a54cba00]{left:0;background:var(--flow-gradient,none);box-shadow:inset 0 1px 0 #ffffff47, inset 0 -1px 0 color-mix(in srgb, var(--shadow-color,#000) 18%, transparent),  2px 0 6px -2px color-mix(in srgb, var(--front-color) 45%, transparent);transition:width var(--duration-slow,.45s) var(--spring-snappy,ease-out);will-change:width;border-start-end-radius:var(--radius-pill);border-end-end-radius:var(--radius-pill);position:absolute;inset-block:0}.progress-sectioned-sweep[data-v-a54cba00]{inset-block:0;pointer-events:none;width:min(40%,3rem);animation:progress-sectioned-sweep-a54cba00 1.8s var(--ease-apple,ease) infinite;mix-blend-mode:overlay;opacity:.65;background:linear-gradient(100deg,#0000 30%,#fff6 50%,#0000 70%) 200% 0/220% 100%;border-start-end-radius:var(--radius-pill);border-end-end-radius:var(--radius-pill);position:absolute;right:0}@keyframes progress-sectioned-sweep-a54cba00{0%{background-position:220% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.progress-sectioned-flow[data-v-a54cba00]{transition-duration:.01ms}.progress-sectioned-sweep[data-v-a54cba00]{opacity:0;animation:none}}.goo-blob-wrapper[data-v-46b07dc3]{aspect-ratio:1;z-index:var(--z-content);cursor:pointer;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto none;filter:drop-shadow(var(--blob-shadow-ambient)) drop-shadow(var(--blob-shadow-contact));transition:filter var(--duration-slow,.45s) var(--ease-standard,ease);position:relative;overflow:visible}.goo-blob-wrapper[data-v-46b07dc3]:hover{filter:drop-shadow(var(--blob-shadow-hover)) drop-shadow(var(--blob-shadow-contact-hover))}.goo-blob-canvas[data-v-46b07dc3]{will-change:transform;pointer-events:none;width:160%;height:160%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.goo-blob-wrapper[data-v-46b07dc3]{filter:drop-shadow(var(--blob-shadow-ambient)) drop-shadow(var(--blob-shadow-contact))!important;transition:none!important}}.hm[data-v-d3137a58]{cursor:inherit;display:inline-block;position:relative}.hm__svg[data-v-d3137a58]{pointer-events:none;width:104%;height:100%;position:absolute;top:0;left:-2%;overflow:visible}.hm[data-shape=circle] .hm__svg[data-v-d3137a58],.hm[data-shape=box] .hm__svg[data-v-d3137a58],.hm[data-shape=bracket] .hm__svg[data-v-d3137a58]{z-index:-1;width:124%;height:144%;top:-22%;left:-12%}.hm[data-behind=true] .hm__svg[data-v-d3137a58]{z-index:-1;mix-blend-mode:multiply}.hm__path[data-v-d3137a58]{stroke-linejoin:round}.hm__path--dashoffset[data-v-d3137a58]{stroke-dasharray:1;stroke-dashoffset:1px}.hm__path--dashoffset.drawn[data-v-d3137a58]{stroke-dashoffset:0}.hm__path--clip[data-v-d3137a58]{clip-path:inset(-60% 104% -60% -2%)}.hm__path--clip.drawn[data-v-d3137a58]{clip-path:inset(-60% -2%)}@media (prefers-reduced-motion:reduce){.hm__path[data-v-d3137a58]{transition:none!important}.hm__path--dashoffset[data-v-d3137a58]{stroke-dashoffset:0!important}.hm__path--clip[data-v-d3137a58]{clip-path:none!important}}.header-items-wrapper[data-v-7f77154a]{--header-max-width:30rem;max-width:var(--header-max-width);opacity:1;transition:max-width var(--duration-slow) var(--ease-standard), margin var(--duration-slow) var(--ease-standard), opacity var(--duration-normal) var(--ease-decelerate);overflow:visible}.header-items-left[data-v-7f77154a]{margin-left:.75rem}.header-items-right[data-v-7f77154a]{margin-right:.75rem}:is(.header-collapsed-left[data-v-7f77154a],.header-collapsed-right[data-v-7f77154a]){opacity:0;pointer-events:none;max-width:0;overflow:hidden}.header-collapsed-left[data-v-7f77154a]{margin-left:0}.header-collapsed-right[data-v-7f77154a]{margin-right:0}.metric-stack[data-v-ab48e590]{--result-row-scale:1;width:100%;max-width:min(54rem,100%);min-block-size:clamp(calc(4rem * var(--metric-stack-rows,4)), 48cqi, calc(7rem * var(--metric-stack-rows,4)));grid-template-columns:[icon]minmax(0,auto)[label]minmax(0,auto)[value]minmax(0,auto);gap:clamp(.25rem,1cqi,.75rem) clamp(.5rem,2cqi,1.25rem);margin-inline:auto;display:grid;container-type:inline-size}.metric-stack[data-variant=dpi][data-v-ab48e590]{--result-row-scale:1.25}.metric-stack[data-register=result][data-v-ab48e590]{--metric-row-value-clamp-min:2rem;--metric-row-value-clamp-cqi:9cqi;--metric-row-value-clamp-max:3rem;--metric-row-unit-clamp-min:.875rem;--metric-row-unit-clamp-max:1.375rem;--metric-row-label-clamp-min:.9375rem;--metric-row-label-clamp-cqi:3cqi;--metric-row-label-clamp-max:1.375rem;min-block-size:clamp(calc(2.75rem * var(--metric-stack-rows,4)), 28cqi, calc(4.5rem * var(--metric-stack-rows,4)))}.metric-row[data-v-e1e103d2]{grid-template-columns:subgrid;grid-column:1/-1;grid-template-rows:auto auto;grid-auto-flow:dense;min-width:0;padding-block:clamp(.125rem,.5cqi,.5rem);display:grid}.metric-row>.metric-row__icon[data-v-e1e103d2],.metric-row>.metric-row__label[data-v-e1e103d2],.metric-row>.metric-row__value[data-v-e1e103d2]{grid-row:1;align-self:baseline}.metric-row__label[data-v-e1e103d2]{text-transform:uppercase;text-align:var(--metric-row-label-align,left);font-size:clamp(var(--metric-row-label-clamp-min), calc(var(--metric-row-label-clamp-cqi) * var(--result-row-scale,1)), var(--metric-row-label-clamp-max));letter-spacing:.18em;color:var(--muted-foreground);white-space:nowrap;font-weight:500}.metric-row__value[data-v-e1e103d2]{--digit-count:3;align-items:baseline;gap:var(--metric-row-value-unit-gap,.25em);font-size:clamp(var(--metric-row-value-clamp-min), calc(var(--metric-row-value-clamp-cqi) * var(--result-row-scale,1) * 3 / max(3, var(--digit-count))), var(--metric-row-value-clamp-max));letter-spacing:var(--type-tracking-tight);font-feature-settings:"ss01", "tnum", "lnum";font-variant-numeric:tabular-nums lining-nums;color:var(--foreground);transition:color var(--duration-fast) var(--ease-standard);text-align:left;min-width:0;font-weight:400;line-height:.95;display:inline-flex;position:relative}.metric-row__unit[data-v-e1e103d2]{font-size:clamp(var(--metric-row-unit-clamp-min), calc(6cqi * var(--result-row-scale,1)), var(--metric-row-unit-clamp-max));color:var(--muted-foreground);transition:color var(--duration-fast) var(--ease-standard);white-space:nowrap;font-weight:500;line-height:1}.metric-row[data-color-tinted=true] .metric-row__value[data-v-e1e103d2]{color:var(--metric-row-value-color,var(--phase-color))}.metric-row[data-color-tinted=true] .metric-row__unit[data-v-e1e103d2]{color:var(--metric-row-unit-color,var(--phase-color))}.metric-row__icon[data-v-e1e103d2]{width:1rem;height:1rem;color:var(--metric-row-icon-color,inherit);flex-shrink:0}.metric-row .metric-row__description[data-v-e1e103d2-s],.metric-row .result-description[data-v-e1e103d2-s]{font-size:var(--type-small);color:var(--muted-foreground);grid-area:2/1/auto/-1;margin-block-start:.125rem;line-height:1.4;display:none}@container metric-stack (width>=32rem){.metric-row .metric-row__description[data-v-e1e103d2-s],.metric-row .result-description[data-v-e1e103d2-s]{display:block}}.pager-dot[data-v-fab90e4f]{--pager-dot-size:.375rem;--pager-dot-elongated:1.5rem;--pager-dot-active:var(--foreground);--pager-dot-inactive:color-mix(in srgb, var(--foreground) 52%, transparent);--pager-dot-hover:color-mix(in srgb, var(--foreground) 72%, transparent);cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.pager-dot[data-v-fab90e4f]:before{content:"";width:var(--pager-dot-size);height:var(--pager-dot-size);border-radius:var(--radius-pill);background:var(--pager-dot-inactive);transition:width var(--spring-dock-duration) var(--spring-dock), height var(--spring-dock-duration) var(--spring-dock), opacity var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard)}.pager-dot[data-v-fab90e4f]:hover:before{background:var(--pager-dot-hover)}.pager-dot[data-active][data-v-fab90e4f]:before{width:var(--pager-dot-elongated);background:var(--pager-dot-active)}.pager-dots[aria-orientation=vertical] .pager-dot[data-active][data-v-fab90e4f]:before{width:var(--pager-dot-size);height:var(--pager-dot-elongated)}.pager-dot[data-edge][data-v-fab90e4f]:before{width:calc(var(--pager-dot-size) * .5);height:calc(var(--pager-dot-size) * .5);opacity:.5}.pager-dot[data-edge][data-active][data-v-fab90e4f]:before{width:var(--pager-dot-elongated);height:var(--pager-dot-size);opacity:1}@media (prefers-reduced-motion:reduce){.pager-dot[data-v-fab90e4f]:before{transition:background var(--duration-fast) var(--ease-standard)}}.pulse-dot[data-v-490e96bb]{opacity:.35;width:.375rem;height:.375rem;animation:pulse-dot-bounce calc(var(--pulse-duration) * 2) ease-in-out infinite;animation-delay:calc(var(--pulse-index,0) * (var(--pulse-duration) * .3));background:currentColor;border-radius:9999px;display:inline-block}.pulse-ring[data-v-490e96bb]{width:1rem;height:1rem;animation:pulse-ring-spin var(--pulse-duration) linear infinite;border:2px solid;border-top-color:#0000;border-radius:9999px;display:inline-block}.pulse-aura[data-v-490e96bb]{border-radius:inherit;pointer-events:none;z-index:var(--pulse-aura-z,0);background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--pulse-aura-color,currentColor) calc(var(--pulse-aura-strength,.22) * 100%), transparent) 0%, color-mix(in srgb, var(--pulse-aura-color,currentColor) calc(var(--pulse-aura-strength,.22) * 35%), transparent) 35%, transparent 70%);opacity:var(--pulse-aura-breath-min,.28);transform:scale(var(--animate-ambient-pulse-scale-min,1));animation:ambient-pulse var(--animate-ambient-pulse-duration,6s) var(--animate-ambient-pulse-easing,ease-in-out) infinite;will-change:transform, opacity;position:absolute;inset:0}.pulse-aura--once[data-v-490e96bb]{animation-iteration-count:1;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.pulse-dot[data-v-490e96bb],.pulse-ring[data-v-490e96bb]{opacity:.6;animation:none}.pulse-aura[data-v-490e96bb]{opacity:var(--pulse-aura-breath-min,.28);animation:none;transform:scale(1)}}.sortable-drag-ghost{opacity:.92;box-shadow:0 0 0 2px var(--color-gold), 0 0 18px 2px color-mix(in srgb, var(--color-gold) 55%, transparent), 0 0 4px 0 color-mix(in srgb, var(--color-gold-light) 70%, transparent), 0 12px 32px -4px #00000059, 0 4px 12px -2px #0003;transform:rotate(1.5deg);transition:none!important}.sortable-drag-ghost *{transition:none!important;animation:none!important}.is-sortable-dragging{opacity:.35}.is-sortable-drop-above,.is-sortable-drop-below{position:relative}.is-sortable-drop-above:before,.is-sortable-drop-below:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--color-gold-dark) 55%, transparent), color-mix(in srgb, var(--color-gold-light) 80%, transparent), color-mix(in srgb, var(--color-gold) 90%, transparent), color-mix(in srgb, var(--color-gold-light) 80%, transparent), color-mix(in srgb, var(--color-gold-dark) 55%, transparent));height:5px;animation:shimmer var(--duration-shimmer,5s) linear infinite;box-shadow:0 0 10px color-mix(in srgb, var(--color-gold) 45%, transparent), 0 0 2px color-mix(in srgb, var(--color-gold-light) 60%, transparent);pointer-events:none;z-index:1;background-size:250% 100%;border-radius:999px;position:absolute;left:0;right:0}.is-sortable-drop-above:before{top:-2.5px}.is-sortable-drop-below:after{bottom:-2.5px}.sortable-item[data-v-ca5cd3d7]{-webkit-user-select:none;user-select:none}.sortable-handle[data-v-814313b7]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.sortable-handle[data-v-814313b7]:active{cursor:grabbing}.continuous-markers[data-v-54dadfb5]{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.continuous-marker[data-v-54dadfb5]{pointer-events:none;justify-content:center;align-items:center;line-height:0;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.continuous-marker[data-v-54dadfb5]>*{pointer-events:auto}.segmented-dot[data-v-54dadfb5]{box-sizing:border-box;width:var(--timeline-dot-size,14px);height:var(--timeline-dot-size,14px);background:var(--surface-tint-15);border:2px solid var(--background,white);box-shadow:0 1px 2px color-mix(in srgb, var(--shadow-color) 12%, transparent);cursor:pointer;z-index:1;transition:background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border-radius:50%;padding:0;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.segmented-dot[data-v-54dadfb5]:focus-visible{box-shadow:var(--focus-ring-shadow);outline:none}.continuous-dot[data-v-54dadfb5]{background:var(--timeline-dot-fill);-webkit-backdrop-filter:var(--timeline-dot-blur);backdrop-filter:var(--timeline-dot-blur);border-color:var(--timeline-dot-ring);box-shadow:0 0 4px color-mix(in srgb, var(--shadow-color) 22%, transparent), inset 0 1px 1px color-mix(in srgb, var(--foreground) 8%, transparent);position:relative;right:auto;transform:none}.continuous-dot[data-v-54dadfb5]:hover,.continuous-dot[data-v-54dadfb5]:focus-visible{transform:scale(1.2)}.continuous-dot[data-v-54dadfb5]:before{content:"";border-radius:inherit;position:absolute;inset:-15px}@media (pointer:coarse){.continuous-dot[data-v-54dadfb5]{width:var(--timeline-dot-size-touch,var(--timeline-dot-size,20px));height:var(--timeline-dot-size-touch,var(--timeline-dot-size,20px))}.continuous-dot[data-v-54dadfb5]:before{inset:calc((var(--timeline-touch-target,44px) - var(--timeline-dot-size-touch,20px)) / -2)}}.continuous-dot[data-current][data-v-54dadfb5]{background:color-mix(in srgb, var(--timeline-dot-tint-current) 22%, var(--surface-tint-12));border-color:color-mix(in srgb, var(--timeline-dot-tint-current) 40%, var(--glass-border-floating))}.continuous-dot[data-state=completed][data-v-54dadfb5]{background:color-mix(in srgb, var(--timeline-dot-tint-completed) 22%, var(--surface-tint-12));border-color:color-mix(in srgb, var(--timeline-dot-tint-completed) 40%, var(--glass-border-floating))}.continuous-dot-check[data-v-54dadfb5]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.continuous-dot-check path[data-v-54dadfb5]{fill:none;stroke:var(--timeline-dot-check-color);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:32px;animation:continuous-dot-check-draw-54dadfb5 var(--duration-slow,.45s) var(--ease-out,ease-out) var(--duration-fast,.2s) forwards}.continuous-dot[data-completed][data-v-54dadfb5]{animation:continuous-dot-pop-54dadfb5 var(--duration-normal,.3s) var(--spring-snappy)}@keyframes continuous-dot-check-draw-54dadfb5{0%{stroke-dashoffset:32px}to{stroke-dashoffset:0}}@keyframes continuous-dot-pop-54dadfb5{0%{transform:scale(.82)}60%{transform:scale(1.12)}to{transform:scale(1)}}.sr-only[data-v-54dadfb5]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.continuous-dot[data-v-54dadfb5]{transition-duration:.01ms}.continuous-dot[data-completed][data-v-54dadfb5]{animation:none}.continuous-dot-check path[data-v-54dadfb5]{stroke-dashoffset:0;animation:none}}.continuous-track[data-v-e129d308]{width:100%;height:var(--timeline-continuous-height,12px);border-radius:var(--radius-pill);background:var(--surface-tint-6);-webkit-backdrop-filter:var(--glass-blur-wash);position:relative;overflow:hidden}.continuous-region[data-v-e129d308]{transition:width var(--duration-slow,.45s) var(--ease-out,ease-out), left var(--duration-slow,.45s) var(--ease-out,ease-out), background var(--duration-fast,.2s) var(--ease-standard,ease);will-change:width, left, background;background:0 0;position:absolute;top:0;bottom:0}.continuous-region-fill[data-v-e129d308]{width:var(--continuous-fill-width,0%);background-image:var(--stitch-gradient,none);background-size:var(--stitch-size-x,100%) 100%;background-position-x:var(--stitch-pos-x,0%);transition:width var(--duration-slow,.45s) var(--ease-out,ease-out);will-change:width;pointer-events:none;background-position-y:50%;background-repeat:no-repeat;border-radius:0;position:absolute;inset:0}.continuous-region.is-first>.continuous-region-fill[data-v-e129d308]{border-start-start-radius:var(--radius-pill);border-end-start-radius:var(--radius-pill)}.continuous-region.is-last>.continuous-region-fill[data-v-e129d308]{border-start-end-radius:var(--radius-pill);border-end-end-radius:var(--radius-pill)}.continuous-region.state-completed>.continuous-region-fill[data-v-e129d308]{width:100%}.continuous-region.state-active>.continuous-region-fill[data-v-e129d308]{border-start-end-radius:var(--radius-pill);border-end-end-radius:var(--radius-pill)}.continuous-region.state-pending>.continuous-region-fill[data-v-e129d308]{background-image:none;width:0}.continuous-region[data-v-e129d308]:after{content:"";background:var(--timeline-continuous-seam-color,color-mix(in srgb, var(--foreground) calc(var(--timeline-continuous-seam-opacity,.25) * 100%), transparent));pointer-events:none;width:1px;position:absolute;top:10%;bottom:10%;right:0}.continuous-region.is-last[data-v-e129d308]:after{display:none}@media (prefers-reduced-motion:reduce){.continuous-region[data-v-e129d308],.continuous-region-fill[data-v-e129d308]{transition-duration:.01ms}}.timeline-row[data-v-48215043]{flex:1 1 0;align-items:center;min-width:0;padding:0 .25rem;display:flex;position:relative}.timeline-continuous[data-v-48215043]{flex:1 1 0;min-width:0;padding:0}.continuous-track-wrap[data-v-48215043]{width:100%;padding-block:calc(var(--timeline-dot-size,14px) * .6);margin-block:calc(var(--timeline-dot-size,14px) * -.6);opacity:var(--continuous-fill-opacity,1);transition:opacity var(--duration-normal,.3s) var(--ease-out,ease-out);position:relative}.continuous-detail[data-v-48215043]{min-height:var(--timeline-detail-min-height,1.25rem);margin-block-start:.25rem}.timeline-popover{max-width:18rem;padding:.5rem .75rem}.timeline-popover .timeline-popover-body{border-left:2px solid var(--popover-tint,var(--foreground));flex-direction:column;gap:.125rem;padding-left:.5rem;display:flex}.timeline-popover .timeline-popover-label{letter-spacing:.04em;text-transform:uppercase;color:var(--popover-tint,var(--foreground));font-weight:600;font-size:var(--type-small,.85rem)}.timeline-popover .timeline-popover-value{font-family:var(--font-mono,"Fira Code", monospace);color:var(--popover-foreground,var(--foreground));font-weight:500;font-size:var(--type-body,1rem)}.timeline-popover .timeline-popover-description{font-size:var(--type-small,.85rem);color:var(--muted-foreground);line-height:1.4}.timeline-popover .timeline-popover-state{font-size:var(--type-mono-caption,.75rem);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);font-family:var(--font-mono,"Fira Code", monospace)}.timeline-row[data-v-a206e2d2]{flex:1 1 0;align-items:center;min-width:0;padding:0 .25rem;display:flex;position:relative}.timeline-caret[data-v-a206e2d2]{pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);z-index:var(--z-popover);-webkit-user-select:none;user-select:none;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%)}.timeline-row:hover .timeline-caret[data-v-a206e2d2]{opacity:1}.timeline-row:has(.glass-track:active) .timeline-caret[data-v-a206e2d2]{opacity:1}.caret-value[data-v-a206e2d2]{font-size:var(--type-small);color:var(--popover-foreground);background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);white-space:nowrap;padding:.125rem .375rem;font-weight:500;display:block}.glass-track[data-v-a206e2d2]{border-radius:var(--radius-pill);background:var(--surface-tint-6);width:100%;height:24px;-webkit-backdrop-filter:var(--glass-blur-wash);backdrop-filter:var(--glass-blur-wash);cursor:pointer;touch-action:none;transition:background var(--duration-fast) var(--ease-standard);outline:none;position:relative;overflow:hidden}.glass-track[data-v-a206e2d2]:hover,.glass-track[data-v-a206e2d2]:focus-visible{background:var(--surface-tint-8)}.glass-track[data-v-a206e2d2]:focus-visible{box-shadow:var(--focus-ring-shadow)}.glass-fill[data-v-a206e2d2]{background:var(--surface-tint-8);border-radius:var(--radius-pill);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.glass-thumb[data-v-a206e2d2]{border-radius:var(--radius-sm);background:var(--surface-tint-25);opacity:0;pointer-events:none;width:6px;height:16px;transition:opacity var(--duration-fast) var(--ease-standard), width var(--duration-fast) var(--ease-standard), height var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);position:absolute;top:50%;transform:translate(calc(-50% - 3px),-50%)}.glass-track:hover .glass-thumb[data-v-a206e2d2]{opacity:1;background:var(--surface-tint-40);width:8px;height:18px}.timeline-row[data-v-2db316ec]{flex:1 1 0;align-items:center;min-width:0;padding:0 .25rem;display:flex;position:relative}.timeline-segmented[data-v-2db316ec]{flex:1 1 0;min-width:0;padding:0}.segmented-track[data-v-2db316ec]{width:100%;height:var(--timeline-segmented-height,12px);border-radius:var(--radius-pill);background:var(--surface-tint-6);-webkit-backdrop-filter:var(--glass-blur-wash);backdrop-filter:var(--glass-blur-wash);display:flex;position:relative;overflow:hidden}.segmented-cell[data-v-2db316ec]{flex:var(--timeline-segment-flex,1 1 0);min-width:0;height:100%;position:relative}.segmented-cell+.segmented-cell[data-v-2db316ec]{border-left:1px solid color-mix(in srgb, var(--foreground) 8%, transparent)}.segmented-band[data-v-2db316ec]{width:0%;transition:width var(--duration-slow,.45s) var(--ease-out,ease-out), background var(--duration-fast,.2s) var(--ease-standard,ease);will-change:width;position:absolute;inset:0}.segmented-dot[data-v-2db316ec]{box-sizing:border-box;width:var(--timeline-dot-size,14px);height:var(--timeline-dot-size,14px);background:var(--surface-tint-15);border:2px solid var(--background,white);box-shadow:0 1px 2px color-mix(in srgb, var(--shadow-color) 12%, transparent);cursor:pointer;z-index:1;transition:background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border-radius:50%;padding:0;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.segmented-dot[data-v-2db316ec]:before{content:"";border-radius:inherit;position:absolute;inset:-15px}@media (pointer:coarse){.segmented-dot[data-v-2db316ec]{width:var(--timeline-dot-size-touch,var(--timeline-dot-size,20px));height:var(--timeline-dot-size-touch,var(--timeline-dot-size,20px))}.segmented-dot[data-v-2db316ec]:before{inset:calc((var(--timeline-touch-target,44px) - var(--timeline-dot-size-touch,20px)) / -2)}}.segmented-dot[data-v-2db316ec]:hover,.segmented-dot[data-v-2db316ec]:focus-visible{background:var(--surface-tint-40);box-shadow:0 2px 6px color-mix(in srgb, var(--shadow-color) 18%, transparent);transform:translate(50%,-50%)scale(1.2)}.segmented-dot[data-v-2db316ec]:focus-visible{box-shadow:var(--focus-ring-shadow);outline:none}.segmented-cell[data-state=active] .segmented-dot[data-v-2db316ec]{background:color-mix(in srgb, var(--accent,var(--foreground)) 60%, var(--surface-tint-15))}.segmented-cell[data-state=completed] .segmented-dot[data-v-2db316ec]{background:color-mix(in srgb, var(--success,var(--foreground)) 70%, var(--surface-tint-15))}.sr-only[data-v-2db316ec]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.segmented-band[data-v-2db316ec],.segmented-dot[data-v-2db316ec]{transition-duration:.01ms}}.tw-root[data-v-f7b6d096]{display:inline}.tw-tail[data-v-f7b6d096]{white-space:nowrap}.tw-char[data-v-f7b6d096]{display:inline}.tw-char--interactive[data-v-f7b6d096]{cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-standard);margin:0 -1px;padding:0 1px}.tw-char--interactive[data-v-f7b6d096]:hover{background-color:#80808026}.tw-cursor[data-v-f7b6d096]{font-weight:100;display:inline-block}.tw-cursor--blink[data-v-f7b6d096]{animation:1.06s step-end infinite typewriter-blink}.watercolor-swatch[data-v-316c227e]{filter:var(--watercolor-filter);box-shadow:inset 0 0 6px color-mix(in srgb, var(--background) 35%, transparent), inset 0 -2px 4px color-mix(in srgb, var(--foreground) 6%, transparent), 0 2px 6px color-mix(in srgb, var(--foreground) 10%, transparent);transition:transform var(--duration-fast) var(--ease-standard), border-radius .6s var(--ease-standard), filter var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border-radius:48% 52% 55% 45%/52% 48% 45% 55%;position:relative}.watercolor-swatch[data-variant=ghost][data-v-316c227e]{background-color:color-mix(in srgb, var(--watercolor-color) 12%, transparent);border:2px solid color-mix(in srgb, var(--watercolor-color) 70%, transparent);box-shadow:inset 0 0 6px color-mix(in srgb, var(--background) 25%, transparent), 0 1px 4px color-mix(in srgb, var(--foreground) 6%, transparent)}.watercolor-swatch[data-variant=ghost][data-v-316c227e]:hover{background-color:color-mix(in srgb, var(--watercolor-color) 18%, transparent);border-color:color-mix(in srgb, var(--watercolor-color) 88%, transparent)}.watercolor-swatch.watercolor-animated[data-v-316c227e]{transition:transform var(--duration-fast) var(--ease-standard), filter var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.watercolor-swatch[data-v-316c227e]:hover{filter:var(--watercolor-filter) brightness(1.05);box-shadow:inset 0 0 8px color-mix(in srgb, var(--background) 40%, transparent), inset 0 -2px 4px color-mix(in srgb, var(--foreground) 6%, transparent), 0 4px 12px color-mix(in srgb, var(--foreground) 15%, transparent);transform:scale(1.06)}.watercolor-swatch[data-v-316c227e]:active{transform:scale(.97)}.watercolor-filter-host[data-v-316c227e]{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}button.watercolor-swatch[data-v-316c227e]{border:none;outline:none;padding:0}button.watercolor-swatch[data-v-316c227e]:focus-visible{box-shadow:inset 0 0 6px color-mix(in srgb, var(--background) 35%, transparent), inset 0 -2px 4px color-mix(in srgb, var(--foreground) 6%, transparent), 0 2px 8px color-mix(in srgb, var(--foreground) 20%, transparent);outline:none}
 /*$vite$:1*/