@digo-labs/common 0.1.17 → 0.1.19

package/dist/index.js

@@ -24,7 +24,690 @@ for (var d = class {
 		if (!/^[a-z][a-z0-9_]*$/.test(t)) throw Error(`sanitizeAppName: invalid app name '${e}' (sanitized: '${t}')`);
 		return t;
 	}
-}, f = class a {
+}, f = {
+	white: "#FFFFFF",
+	black: "#000000",
+	orange: "#FF6200",
+	yellow: "#F3C300",
+	yellowLight: "#FFDD42",
+	yellowMuted: "#B49E61",
+	pink: "#FF4D8B",
+	purple: "#B052FF",
+	blue: "#0578FF",
+	green: "#6EE750"
+}, p = {
+	scale: {
+		1: "scaleOne",
+		2: "scaleTwo",
+		3: "scaleThree"
+	},
+	connect: {
+		1: "connectOne",
+		2: "connectTwo",
+		3: "connectThree"
+	},
+	spark: {
+		1: "sparkOne",
+		2: "sparkTwo",
+		3: "sparkThree"
+	},
+	pivot: {
+		1: "pivotOne",
+		2: "pivotTwo",
+		3: "pivotThree"
+	}
+}, m = {
+	expo: [
+		.9,
+		0,
+		.1,
+		1
+	],
+	circle: [
+		0,
+		.56,
+		.46,
+		1
+	]
+}, ee = {
+	enter: .35,
+	move: .5,
+	resize: .5,
+	hold: .3
+}, te = 48, ne = [
+	.25,
+	.5,
+	1,
+	2,
+	4
+], h = "0 0 72 72", g = {
+	scaleOne: "M32.9873 53.559 C28.9705 57.5759 22.4578 57.5759 18.441 53.559 C14.4241 49.5421 14.4241 43.0295 18.441 39.0127 C23.5068 33.9468 27.8352 37.9669 32.9011 32.901 C37.9669 27.8352 33.9468 23.5069 39.0127 18.441 C43.0295 14.4241 49.5422 14.4241 53.559 18.441 C57.5759 22.4579 57.5759 28.9705 53.559 32.9874 C48.4932 38.0532 44.1648 34.0331 39.0989 39.099 C34.0331 44.1648 38.0532 48.4931 32.9873 53.559 Z",
+	scaleTwo: "M36 50.3989 C42.6374 50.3989 42.8394 55.8681 49.4769 55.8681 C54.74 55.8681 59.0065 51.6016 59.0065 46.3385 C59.0065 41.0755 54.7399 36.8089 49.4769 36.8089 C42.8394 36.8089 42.6375 42.2781 36 42.2781 C29.3625 42.2781 29.1606 36.8089 22.5231 36.8089 C17.26 36.8089 12.9935 41.0754 12.9935 46.3385 C12.9935 51.6016 17.26 55.8681 22.5231 55.8681 C29.1606 55.8681 29.3625 50.3989 36 50.3989 Z M22.5231 35.1911 C17.26 35.1911 12.9935 30.9245 12.9935 25.6615 C12.9935 20.3984 17.26 16.1319 22.5231 16.1319 C29.1606 16.1319 29.3625 21.6011 36 21.6011 C42.6375 21.6011 42.8394 16.1319 49.4769 16.1319 C54.7399 16.1319 59.0065 20.3984 59.0065 25.6615 C59.0065 30.9245 54.74 35.1911 49.4769 35.1911 C42.8394 35.1911 42.6374 29.7219 36 29.7219 C29.3625 29.7219 29.1606 35.1911 22.5231 35.1911 Z",
+	scaleThree: "M46.534 36 C46.534 30.1823 41.8177 25.466 36 25.466 C30.1823 25.466 25.466 30.1823 25.466 36 C25.466 41.8177 30.1823 46.534 36 46.534 C41.8177 46.534 46.534 41.8177 46.534 36 Z M10.2127 51.1055 C10.2127 43.6723 16.3429 43.4395 16.3429 35.9998 C16.3429 28.5601 10.2127 28.3338 10.2127 20.894 C10.2127 14.9949 14.9953 10.2131 20.8945 10.2131 C28.3277 10.2131 28.5606 16.3433 36.0003 16.3433 C43.4399 16.3434 43.6663 10.2131 51.106 10.2131 C57.0051 10.2131 61.7873 14.9953 61.7873 20.8945 C61.7873 28.3277 55.6571 28.5605 55.6571 36.0002 C55.6571 43.4399 61.7873 43.6662 61.7873 51.106 C61.7873 57.0051 57.0047 61.7869 51.1055 61.7869 C43.6723 61.7869 43.4394 55.6567 35.9997 55.6567 C28.5601 55.6566 28.3337 61.7869 20.894 61.7869 C14.9949 61.7869 10.2127 57.0047 10.2127 51.1055 Z",
+	connectOne: "M25.5602 35.9945 C25.5602 25.5293 33.394 16.8783 43.5673 15.4888 C45.1444 15.273 46.4401 16.5835 46.4401 18.1745 L46.4401 53.811 C46.4401 55.4022 45.1444 56.7126 43.5673 56.4966 C33.394 55.1106 25.5602 46.4598 25.5602 35.9945 Z",
+	connectTwo: "M37.9659 35.9669 C37.9659 25.6277 45.7384 17.0884 55.7966 15.7961 C57.2547 15.609 58.4536 16.8183 58.4536 18.2907 L58.4536 53.643 C58.4536 55.1116 57.2547 56.3248 55.7966 56.1342 C45.7345 54.8419 37.9659 46.3026 37.9659 35.9634 L37.9659 35.9669 Z M34.1066 35.9669 C34.1066 25.6133 26.2046 17.0667 15.977 15.7926 C14.5189 15.609 13.3201 16.8183 13.3201 18.2907 L13.3201 53.643 C13.3201 55.1155 14.5189 56.3248 15.977 56.1411 C26.2011 54.8632 34.1066 46.3169 34.1066 35.9669 Z",
+	connectThree: "M38.8462 55.6591 C37.7229 56.7859 37.7086 58.6396 39.0334 59.518 C44.6887 63.2731 52.429 62.6214 57.4582 57.5923 C62.4908 52.5592 63.139 44.8193 59.3878 39.1675 C58.5055 37.8427 56.6518 37.8531 55.5285 38.9799 L38.8462 55.6626 L38.8462 55.6591 Z M55.3197 33.5118 C56.443 34.6347 58.2971 34.6494 59.1898 33.3316 C63.0739 27.5791 62.509 19.7345 57.4616 14.691 C52.4182 9.6437 44.5736 9.0783 38.8207 12.9628 C37.5032 13.8521 37.5141 15.7062 38.6409 16.833 L55.3231 33.5153 L55.3197 33.5118 Z M16.9113 38.7676 C15.7845 37.6408 13.9338 37.63 13.0411 38.9478 C9.157 44.7003 9.7219 52.5449 14.7693 57.5884 C19.8166 62.6357 27.6573 63.2046 33.4099 59.3165 C34.7277 58.4273 34.7168 56.5732 33.59 55.4464 L16.9078 38.7641 L16.9113 38.7676 Z M14.7693 14.896 C9.7362 19.929 9.0884 27.6689 12.8431 33.3208 C13.7254 34.6456 15.5791 34.6347 16.7024 33.5079 L33.3847 16.8256 C34.5115 15.7023 34.5223 13.8447 33.1975 12.9663 C27.5422 9.2116 19.8019 9.8634 14.7727 14.8925 L14.7693 14.896 Z",
+	sparkOne: "M35.9002 53.28 C45.3524 53.28 53.015 45.6174 53.015 36.1652 C53.015 26.713 45.3524 19.0504 35.9002 19.0504 C26.448 19.0504 18.7854 26.713 18.7854 36.1652 C18.7854 45.6174 26.448 53.28 35.9002 53.28 Z",
+	sparkTwo: "M22.9409 36.6826 C29.4471 36.6826 34.7219 31.4081 34.7219 24.9015 C34.7219 18.3949 29.4471 13.1205 22.9409 13.1205 C16.4343 13.1205 11.1599 18.3949 11.1599 24.9015 C11.1599 31.4081 16.4343 36.6826 22.9409 36.6826 Z M48.7968 36.6826 C55.3034 36.6826 60.5778 31.4081 60.5778 24.9015 C60.5778 18.3949 55.3034 13.1205 48.7968 13.1205 C42.2906 13.1205 37.0162 18.3949 37.0162 24.9015 C37.0162 31.4078 42.2906 36.6826 48.7968 36.6826 Z M35.7774 59.0395 C42.2836 59.0395 47.5584 53.7651 47.5584 47.2585 C47.5584 40.7523 42.2836 35.4779 35.7774 35.4779 C29.2708 35.4779 23.996 40.7523 23.996 47.2585 C23.996 53.7651 29.2708 59.0395 35.7774 59.0395 Z",
+	sparkThree: "M11.9817 23.2892 C14.87 26.7409 20.0076 27.2013 23.464 24.3184 C26.9199 21.4355 27.3884 16.2983 24.5109 12.8377 C21.6269 9.3697 16.4761 8.9001 13.0124 11.7892 C9.5487 14.6786 9.0872 19.8302 11.9817 23.2892 Z M47.6808 23.2795 C50.5637 26.7359 55.7009 27.2044 59.1615 24.3269 C62.6295 21.4429 63.0991 16.2921 60.2101 12.8284 C57.3206 9.3647 52.169 8.9032 48.71 11.7977 C45.2583 14.686 44.7979 19.8236 47.6808 23.2795 Z M34.9048 48.9715 C42.1456 49.6264 48.5492 44.2927 49.2152 37.0526 C49.8825 29.797 44.5352 23.3764 37.2781 22.72 C30.0209 22.064 23.6089 27.4214 22.9641 34.6793 C22.3205 41.9217 27.6635 48.3171 34.9048 48.9715 Z M47.6886 58.9965 C50.5769 62.4482 55.7149 62.9085 59.1708 60.0256 C62.6268 57.1424 63.0949 52.0055 60.2174 48.5453 C57.3338 45.077 52.183 44.6073 48.7193 47.4968 C45.2559 50.3859 44.7941 55.5374 47.6886 58.9965 Z M11.9739 58.9876 C14.8568 62.4435 19.9937 62.912 23.4543 60.0346 C26.9222 57.1505 27.3923 51.9997 24.5028 48.536 C21.6137 45.0727 16.4622 44.6108 13.0031 47.5053 C9.5514 50.3936 9.0911 55.5316 11.9739 58.9876 Z",
+	pivotOne: "M55.4371 41.3248 C55.4371 40.3498 54.6466 39.5665 53.674 39.493 C42.3402 38.6354 33.2964 29.5897 32.4362 18.257 C32.3625 17.2848 31.5798 16.4916 30.6034 16.4916 L17.9249 16.4916 C16.9523 16.4916 16.158 17.2836 16.2007 18.2578 C17.0957 38.5451 33.3855 54.8323 53.674 55.7301 C54.6466 55.7732 55.4371 54.9787 55.4371 54.0038 L55.4371 41.3248 Z",
+	pivotTwo: "M59.3972 32.8542 C59.3972 32.058 58.75 31.4178 57.9557 31.3578 C48.6949 30.6568 41.3056 23.266 40.6043 14.0063 C40.5461 13.212 39.903 12.5641 39.1086 12.5641 L28.7473 12.5641 C27.953 12.5641 27.302 13.2112 27.3369 14.0071 C28.0731 30.5832 41.3792 43.8909 57.9557 44.6244 C58.75 44.6596 59.3972 44.0106 59.3972 43.2139 L59.3972 32.8542 Z M12.597 28.714 C12.597 27.9173 13.2442 27.2683 14.0423 27.3036 C30.6188 28.037 43.925 41.3447 44.6573 57.9208 C44.6922 58.7167 44.0451 59.3642 43.2469 59.3642 L32.8895 59.3642 C32.0913 59.3642 31.4519 58.716 31.3938 57.9216 C30.6925 48.6623 23.2993 41.2711 14.0423 40.5702 C13.248 40.5101 12.597 39.8704 12.597 39.0737 L12.597 28.714 Z",
+	pivotThree: "M9.102 34.5022 C22.6832 33.9012 33.5831 23.0002 34.1798 9.4247 C34.2108 8.773 33.6761 8.2441 33.0251 8.2441 L24.5393 8.2441 C23.8883 8.2441 23.3613 8.7769 23.3109 9.4247 C22.7414 17.0101 16.685 23.0653 9.0981 23.6376 C8.4471 23.688 7.9202 24.2099 7.9202 24.8616 L7.9202 33.3467 C7.9202 33.9985 8.4471 34.5313 9.0981 34.5022 L9.102 34.5022 Z M62.7915 34.7974 C63.4502 34.8265 63.9888 34.2898 63.9888 33.6276 L63.9888 25.0453 C63.9888 24.3862 63.4502 23.8573 62.7915 23.8069 C55.1232 23.2272 49.001 17.1035 48.4237 9.4356 C48.3733 8.7769 47.8425 8.2402 47.1837 8.2402 L38.601 8.2402 C37.9423 8.2402 37.4037 8.7769 37.4308 9.4356 C38.0391 23.166 49.063 34.1891 62.7915 34.7974 Z M47.1798 63.7164 C47.8386 63.7164 48.3733 63.1801 48.4198 62.5214 C48.9971 54.8531 55.1232 48.7298 62.7876 48.1501 C63.4502 48.0997 63.9849 47.5704 63.9849 46.9117 L63.9849 38.3294 C63.9849 37.6702 63.4502 37.1305 62.7876 37.1592 C49.0592 37.7675 38.0353 48.791 37.4269 62.5214 C37.3998 63.1801 37.9345 63.7164 38.5971 63.7164 L47.1798 63.7164 Z M33.029 63.7164 C33.68 63.7164 34.2108 63.1871 34.1837 62.5358 C33.5831 48.9564 22.6832 38.0554 9.1058 37.4579 C8.4549 37.4292 7.924 37.962 7.924 38.6138 L7.924 47.0988 C7.924 47.7506 8.4549 48.276 9.1058 48.3264 C16.6928 48.8987 22.7452 54.9539 23.3187 62.5392 C23.3691 63.191 23.8922 63.7199 24.547 63.7199 L33.0329 63.7199 L33.029 63.7164 Z"
+}, _ = class e {
+	static getGlyphPath(e, t) {
+		return g[p[e][t]];
+	}
+	static getPaletteColor(e) {
+		return Object.entries(f).find(([, t]) => t.toLowerCase() === e.toLowerCase())?.[0] ?? "black";
+	}
+	static getShapeColor(e) {
+		return e === "black" ? "white" : "black";
+	}
+	static getStageFrame(e, t) {
+		return e.markers?.find((e) => e.payload.name === `stage-${t}`)?.time ?? e.totalFrames - 1;
+	}
+	static isCrossed(e, t, n) {
+		return n >= t ? e > t && e <= n : e < t && e >= n;
+	}
+	static getBounds(e) {
+		let t = Math.min(...e.map((e) => e.x)), n = Math.min(...e.map((e) => e.y)), r = Math.max(...e.map((e) => e.x + e.size)), i = Math.max(...e.map((e) => e.y + e.size));
+		return {
+			x: t,
+			y: n,
+			width: r - t,
+			height: i - n
+		};
+	}
+	static getLayout(t, n, r, i) {
+		let a = e.getBounds(i === "pose" ? n.blocks : t.flatMap((e) => e.blocks)), o = i ? Math.min(r.width / a.width, r.height / a.height) : 48;
+		return {
+			unit: o,
+			offset: i ? {
+				x: (r.width - a.width * o) / 2 - a.x * o,
+				y: (r.height - a.height * o) / 2 - a.y * o
+			} : {
+				x: -a.x * o,
+				y: -a.y * o
+			}
+		};
+	}
+	static getContact(e, t) {
+		for (let n of t.blocks) {
+			if (n.id === e.id) continue;
+			let t = Math.max(e.x, n.x), r = Math.min(e.x + e.size, n.x + n.size), i = Math.max(e.y, n.y), a = Math.min(e.y + e.size, n.y + n.size);
+			if (!(r < t || a < i || r > t && a > i)) return {
+				id: n.id,
+				x: (t + r) / 2,
+				y: (i + a) / 2
+			};
+		}
+		return null;
+	}
+	static getBlockOrigin(t, n) {
+		let r = e.getContact(t, n);
+		return r ? `${(r.x - t.x) / t.size * 100}% ${(r.y - t.y) / t.size * 100}%` : "50% 50%";
+	}
+	static projectContact(e, t, n) {
+		let r = t.blocks.find((t) => t.id === e.id), i = n.blocks.find((t) => t.id === e.id);
+		return !r || !i ? null : {
+			x: i.x + (e.x - r.x) / r.size * i.size,
+			y: i.y + (e.y - r.y) / r.size * i.size
+		};
+	}
+}, v = {
+	stair: {
+		blocks: {
+			a: {
+				color: "black",
+				family: "connect"
+			},
+			b: {
+				color: "orange",
+				family: "connect"
+			},
+			c: {
+				color: "yellow",
+				family: "connect"
+			}
+		},
+		poses: [
+			{ blocks: [{
+				id: "a",
+				x: 2,
+				y: 3,
+				size: 1,
+				stage: 1
+			}] },
+			{ blocks: [{
+				id: "b",
+				x: 1,
+				y: 3,
+				size: 1,
+				stage: 1
+			}, {
+				id: "a",
+				x: 2,
+				y: 2,
+				size: 2,
+				stage: 2
+			}] },
+			{
+				blocks: [
+					{
+						id: "c",
+						x: 0,
+						y: 3,
+						size: 1,
+						stage: 1
+					},
+					{
+						id: "b",
+						x: 1,
+						y: 2,
+						size: 2,
+						stage: 2
+					},
+					{
+						id: "a",
+						x: 3,
+						y: 0,
+						size: 4,
+						stage: 3
+					}
+				],
+				hold: 1
+			}
+		]
+	},
+	trade: {
+		blocks: {
+			a: { color: "orange" },
+			b: { color: "blue" }
+		},
+		poses: [{ blocks: [{
+			id: "b",
+			x: .5,
+			y: .5,
+			size: 1
+		}, {
+			id: "a",
+			x: 1.5,
+			y: 0,
+			size: 2
+		}] }, { blocks: [{
+			id: "b",
+			x: 0,
+			y: 0,
+			size: 2
+		}, {
+			id: "a",
+			x: 2,
+			y: .5,
+			size: 1
+		}] }]
+	},
+	column: {
+		fit: "pose",
+		blocks: {
+			a: { color: "orange" },
+			b: { color: "blue" },
+			c: { color: "yellow" }
+		},
+		poses: [
+			{ blocks: [{
+				id: "a",
+				x: 0,
+				y: 3,
+				size: 4
+			}] },
+			{ blocks: [{
+				id: "a",
+				x: 0,
+				y: 3,
+				size: 4
+			}, {
+				id: "b",
+				x: 1,
+				y: 1,
+				size: 2
+			}] },
+			{
+				blocks: [
+					{
+						id: "a",
+						x: 0,
+						y: 3,
+						size: 4
+					},
+					{
+						id: "b",
+						x: 1,
+						y: 1,
+						size: 2
+					},
+					{
+						id: "c",
+						x: 1.5,
+						y: 0,
+						size: 1
+					}
+				],
+				hold: 1.1
+			},
+			{ blocks: [{
+				id: "a",
+				x: 0,
+				y: 3,
+				size: 4
+			}, {
+				id: "b",
+				x: 1,
+				y: 1,
+				size: 2
+			}] }
+		]
+	},
+	satellites: {
+		blocks: {
+			core: { color: "orange" },
+			light: { color: "yellow" },
+			dark: { color: "blue" }
+		},
+		poses: [
+			{ blocks: [{
+				id: "core",
+				x: 1.5,
+				y: 1.5,
+				size: 1
+			}] },
+			{
+				blocks: [
+					{
+						id: "core",
+						x: 1,
+						y: 1,
+						size: 2
+					},
+					{
+						id: "light",
+						x: 0,
+						y: 3,
+						size: 1
+					},
+					{
+						id: "dark",
+						x: 1.5,
+						y: 0,
+						size: 1
+					}
+				],
+				hold: .2
+			},
+			{
+				blocks: [
+					{
+						id: "core",
+						x: 1.5,
+						y: 1.5,
+						size: 1
+					},
+					{
+						id: "light",
+						x: 2.5,
+						y: 2.5,
+						size: 1
+					},
+					{
+						id: "dark",
+						x: .5,
+						y: .5,
+						size: 1
+					}
+				],
+				hold: .2
+			},
+			{ blocks: [
+				{
+					id: "core",
+					x: 1,
+					y: 1,
+					size: 2
+				},
+				{
+					id: "light",
+					x: 3,
+					y: 0,
+					size: 1
+				},
+				{
+					id: "dark",
+					x: 0,
+					y: 3,
+					size: 1
+				}
+			] },
+			{ blocks: [{
+				id: "core",
+				x: 1.5,
+				y: 1.5,
+				size: 1
+			}] }
+		]
+	},
+	swap: {
+		blocks: {
+			core: { color: "orange" },
+			medium: { color: "blue" },
+			light: { color: "yellow" }
+		},
+		poses: [
+			{ blocks: [
+				{
+					id: "core",
+					x: 2,
+					y: 2,
+					size: 4
+				},
+				{
+					id: "medium",
+					x: 0,
+					y: 0,
+					size: 2
+				},
+				{
+					id: "light",
+					x: 6,
+					y: 6,
+					size: 1
+				}
+			] },
+			{ blocks: [
+				{
+					id: "core",
+					x: 2,
+					y: 3,
+					size: 4
+				},
+				{
+					id: "light",
+					x: 6,
+					y: 1,
+					size: 2
+				},
+				{
+					id: "medium",
+					x: 1,
+					y: 7,
+					size: 1
+				}
+			] },
+			{ blocks: [{
+				id: "core",
+				x: 3,
+				y: 3,
+				size: 4
+			}, {
+				id: "medium",
+				x: 7,
+				y: 7,
+				size: 2
+			}] },
+			{ blocks: [{
+				id: "core",
+				x: 3,
+				y: 2,
+				size: 4
+			}, {
+				id: "light",
+				x: 2,
+				y: 6,
+				size: 1
+			}] }
+		]
+	},
+	orbit: {
+		blocks: {
+			a: { color: "orange" },
+			b: { color: "blue" }
+		},
+		poses: [
+			{
+				blocks: [{
+					id: "a",
+					x: 0,
+					y: 0,
+					size: 1
+				}, {
+					id: "b",
+					x: 1,
+					y: 1,
+					size: 1
+				}],
+				hold: .2
+			},
+			{
+				blocks: [{
+					id: "a",
+					x: 0,
+					y: 1,
+					size: 1
+				}, {
+					id: "b",
+					x: 1,
+					y: 0,
+					size: 1
+				}],
+				hold: .2
+			},
+			{
+				blocks: [{
+					id: "a",
+					x: 1,
+					y: 1,
+					size: 1
+				}, {
+					id: "b",
+					x: 0,
+					y: 0,
+					size: 1
+				}],
+				hold: .2
+			},
+			{
+				blocks: [{
+					id: "a",
+					x: 1,
+					y: 0,
+					size: 1
+				}, {
+					id: "b",
+					x: 0,
+					y: 1,
+					size: 1
+				}],
+				hold: .2
+			}
+		]
+	},
+	cluster: {
+		blocks: {
+			orange: {
+				color: "orange",
+				family: "pivot"
+			},
+			blue: {
+				color: "blue",
+				family: "spark"
+			},
+			pink: {
+				color: "pink",
+				family: "connect"
+			},
+			yellow: {
+				color: "yellowLight",
+				family: "scale"
+			},
+			olive: {
+				color: "yellowMuted",
+				family: "spark"
+			}
+		},
+		poses: [
+			{
+				blocks: [{
+					id: "orange",
+					x: 1,
+					y: 1,
+					size: 2,
+					stage: 1
+				}],
+				hold: .4
+			},
+			{ blocks: [{
+				id: "orange",
+				x: 1,
+				y: 1,
+				size: 2,
+				stage: 1
+			}, {
+				id: "blue",
+				x: 0,
+				y: 3,
+				size: 1,
+				stage: 1
+			}] },
+			{
+				blocks: [
+					{
+						id: "orange",
+						x: 2,
+						y: 1,
+						size: 2,
+						stage: 2
+					},
+					{
+						id: "blue",
+						x: 1,
+						y: 2,
+						size: 1,
+						stage: 1
+					},
+					{
+						id: "olive",
+						x: 4,
+						y: 0,
+						size: 1,
+						stage: 1
+					}
+				],
+				hold: .6
+			},
+			{ blocks: [
+				{
+					id: "orange",
+					x: 2,
+					y: 2,
+					size: 2,
+					stage: 2
+				},
+				{
+					id: "blue",
+					x: 1,
+					y: 1,
+					size: 1,
+					stage: 2
+				},
+				{
+					id: "pink",
+					x: 2,
+					y: 1,
+					size: 1,
+					stage: 2
+				},
+				{
+					id: "yellow",
+					x: 4,
+					y: 2,
+					size: 1,
+					stage: 2
+				},
+				{
+					id: "olive",
+					x: 4,
+					y: 3,
+					size: 1,
+					stage: 2
+				}
+			] },
+			{
+				blocks: [
+					{
+						id: "orange",
+						x: 1,
+						y: 2,
+						size: 2,
+						stage: 3
+					},
+					{
+						id: "blue",
+						x: 2,
+						y: 1,
+						size: 1,
+						stage: 3
+					},
+					{
+						id: "pink",
+						x: 3,
+						y: 1,
+						size: 1,
+						stage: 2
+					},
+					{
+						id: "yellow",
+						x: 3,
+						y: 2,
+						size: 1,
+						stage: 2
+					},
+					{
+						id: "olive",
+						x: 3,
+						y: 3,
+						size: 1,
+						stage: 2
+					}
+				],
+				hold: 2
+			}
+		]
+	}
+}, y = "0 0 72 72", b = {
+	scaleOne: "M32.9873 53.559 C28.9705 57.5759 22.4578 57.5759 18.441 53.559 C14.4241 49.5421 14.4241 43.0295 18.441 39.0127 C23.5068 33.9468 27.8352 37.9669 32.9011 32.901 C37.9669 27.8352 33.9468 23.5069 39.0127 18.441 C43.0295 14.4241 49.5422 14.4241 53.559 18.441 C57.5759 22.4579 57.5759 28.9705 53.559 32.9874 C48.4932 38.0532 44.1648 34.0331 39.0989 39.099 C34.0331 44.1648 38.0532 48.4931 32.9873 53.559 Z",
+	scaleTwo: "M36 50.3989 C42.6374 50.3989 42.8394 55.8681 49.4769 55.8681 C54.74 55.8681 59.0065 51.6016 59.0065 46.3385 C59.0065 41.0755 54.7399 36.8089 49.4769 36.8089 C42.8394 36.8089 42.6375 42.2781 36 42.2781 C29.3625 42.2781 29.1606 36.8089 22.5231 36.8089 C17.26 36.8089 12.9935 41.0754 12.9935 46.3385 C12.9935 51.6016 17.26 55.8681 22.5231 55.8681 C29.1606 55.8681 29.3625 50.3989 36 50.3989 Z M22.5231 35.1911 C17.26 35.1911 12.9935 30.9245 12.9935 25.6615 C12.9935 20.3984 17.26 16.1319 22.5231 16.1319 C29.1606 16.1319 29.3625 21.6011 36 21.6011 C42.6375 21.6011 42.8394 16.1319 49.4769 16.1319 C54.7399 16.1319 59.0065 20.3984 59.0065 25.6615 C59.0065 30.9245 54.74 35.1911 49.4769 35.1911 C42.8394 35.1911 42.6374 29.7219 36 29.7219 C29.3625 29.7219 29.1606 35.1911 22.5231 35.1911 Z",
+	scaleThree: "M46.534 36 C46.534 30.1823 41.8177 25.466 36 25.466 C30.1823 25.466 25.466 30.1823 25.466 36 C25.466 41.8177 30.1823 46.534 36 46.534 C41.8177 46.534 46.534 41.8177 46.534 36 Z M10.2127 51.1055 C10.2127 43.6723 16.3429 43.4395 16.3429 35.9998 C16.3429 28.5601 10.2127 28.3338 10.2127 20.894 C10.2127 14.9949 14.9953 10.2131 20.8945 10.2131 C28.3277 10.2131 28.5606 16.3433 36.0003 16.3433 C43.4399 16.3434 43.6663 10.2131 51.106 10.2131 C57.0051 10.2131 61.7873 14.9953 61.7873 20.8945 C61.7873 28.3277 55.6571 28.5605 55.6571 36.0002 C55.6571 43.4399 61.7873 43.6662 61.7873 51.106 C61.7873 57.0051 57.0047 61.7869 51.1055 61.7869 C43.6723 61.7869 43.4394 55.6567 35.9997 55.6567 C28.5601 55.6566 28.3337 61.7869 20.894 61.7869 C14.9949 61.7869 10.2127 57.0047 10.2127 51.1055 Z",
+	connectOne: "M25.5602 35.9945 C25.5602 25.5293 33.394 16.8783 43.5673 15.4888 C45.1444 15.273 46.4401 16.5835 46.4401 18.1745 L46.4401 53.811 C46.4401 55.4022 45.1444 56.7126 43.5673 56.4966 C33.394 55.1106 25.5602 46.4598 25.5602 35.9945 Z",
+	connectTwo: "M37.9659 35.9669 C37.9659 25.6277 45.7384 17.0884 55.7966 15.7961 C57.2547 15.609 58.4536 16.8183 58.4536 18.2907 L58.4536 53.643 C58.4536 55.1116 57.2547 56.3248 55.7966 56.1342 C45.7345 54.8419 37.9659 46.3026 37.9659 35.9634 L37.9659 35.9669 Z M34.1066 35.9669 C34.1066 25.6133 26.2046 17.0667 15.977 15.7926 C14.5189 15.609 13.3201 16.8183 13.3201 18.2907 L13.3201 53.643 C13.3201 55.1155 14.5189 56.3248 15.977 56.1411 C26.2011 54.8632 34.1066 46.3169 34.1066 35.9669 Z",
+	connectThree: "M38.8462 55.6591 C37.7229 56.7859 37.7086 58.6396 39.0334 59.518 C44.6887 63.2731 52.429 62.6214 57.4582 57.5923 C62.4908 52.5592 63.139 44.8193 59.3878 39.1675 C58.5055 37.8427 56.6518 37.8531 55.5285 38.9799 L38.8462 55.6626 L38.8462 55.6591 Z M55.3197 33.5118 C56.443 34.6347 58.2971 34.6494 59.1898 33.3316 C63.0739 27.5791 62.509 19.7345 57.4616 14.691 C52.4182 9.6437 44.5736 9.0783 38.8207 12.9628 C37.5032 13.8521 37.5141 15.7062 38.6409 16.833 L55.3231 33.5153 L55.3197 33.5118 Z M16.9113 38.7676 C15.7845 37.6408 13.9338 37.63 13.0411 38.9478 C9.157 44.7003 9.7219 52.5449 14.7693 57.5884 C19.8166 62.6357 27.6573 63.2046 33.4099 59.3165 C34.7277 58.4273 34.7168 56.5732 33.59 55.4464 L16.9078 38.7641 L16.9113 38.7676 Z M14.7693 14.896 C9.7362 19.929 9.0884 27.6689 12.8431 33.3208 C13.7254 34.6456 15.5791 34.6347 16.7024 33.5079 L33.3847 16.8256 C34.5115 15.7023 34.5223 13.8447 33.1975 12.9663 C27.5422 9.2116 19.8019 9.8634 14.7727 14.8925 L14.7693 14.896 Z",
+	sparkOne: "M35.9002 53.28 C45.3524 53.28 53.015 45.6174 53.015 36.1652 C53.015 26.713 45.3524 19.0504 35.9002 19.0504 C26.448 19.0504 18.7854 26.713 18.7854 36.1652 C18.7854 45.6174 26.448 53.28 35.9002 53.28 Z",
+	sparkTwo: "M22.9409 36.6826 C29.4471 36.6826 34.7219 31.4081 34.7219 24.9015 C34.7219 18.3949 29.4471 13.1205 22.9409 13.1205 C16.4343 13.1205 11.1599 18.3949 11.1599 24.9015 C11.1599 31.4081 16.4343 36.6826 22.9409 36.6826 Z M48.7968 36.6826 C55.3034 36.6826 60.5778 31.4081 60.5778 24.9015 C60.5778 18.3949 55.3034 13.1205 48.7968 13.1205 C42.2906 13.1205 37.0162 18.3949 37.0162 24.9015 C37.0162 31.4078 42.2906 36.6826 48.7968 36.6826 Z M35.7774 59.0395 C42.2836 59.0395 47.5584 53.7651 47.5584 47.2585 C47.5584 40.7523 42.2836 35.4779 35.7774 35.4779 C29.2708 35.4779 23.996 40.7523 23.996 47.2585 C23.996 53.7651 29.2708 59.0395 35.7774 59.0395 Z",
+	sparkThree: "M11.9817 23.2892 C14.87 26.7409 20.0076 27.2013 23.464 24.3184 C26.9199 21.4355 27.3884 16.2983 24.5109 12.8377 C21.6269 9.3697 16.4761 8.9001 13.0124 11.7892 C9.5487 14.6786 9.0872 19.8302 11.9817 23.2892 Z M47.6808 23.2795 C50.5637 26.7359 55.7009 27.2044 59.1615 24.3269 C62.6295 21.4429 63.0991 16.2921 60.2101 12.8284 C57.3206 9.3647 52.169 8.9032 48.71 11.7977 C45.2583 14.686 44.7979 19.8236 47.6808 23.2795 Z M34.9048 48.9715 C42.1456 49.6264 48.5492 44.2927 49.2152 37.0526 C49.8825 29.797 44.5352 23.3764 37.2781 22.72 C30.0209 22.064 23.6089 27.4214 22.9641 34.6793 C22.3205 41.9217 27.6635 48.3171 34.9048 48.9715 Z M47.6886 58.9965 C50.5769 62.4482 55.7149 62.9085 59.1708 60.0256 C62.6268 57.1424 63.0949 52.0055 60.2174 48.5453 C57.3338 45.077 52.183 44.6073 48.7193 47.4968 C45.2559 50.3859 44.7941 55.5374 47.6886 58.9965 Z M11.9739 58.9876 C14.8568 62.4435 19.9937 62.912 23.4543 60.0346 C26.9222 57.1505 27.3923 51.9997 24.5028 48.536 C21.6137 45.0727 16.4622 44.6108 13.0031 47.5053 C9.5514 50.3936 9.0911 55.5316 11.9739 58.9876 Z",
+	pivotOne: "M55.4371 41.3248 C55.4371 40.3498 54.6466 39.5665 53.674 39.493 C42.3402 38.6354 33.2964 29.5897 32.4362 18.257 C32.3625 17.2848 31.5798 16.4916 30.6034 16.4916 L17.9249 16.4916 C16.9523 16.4916 16.158 17.2836 16.2007 18.2578 C17.0957 38.5451 33.3855 54.8323 53.674 55.7301 C54.6466 55.7732 55.4371 54.9787 55.4371 54.0038 L55.4371 41.3248 Z",
+	pivotTwo: "M59.3972 32.8542 C59.3972 32.058 58.75 31.4178 57.9557 31.3578 C48.6949 30.6568 41.3056 23.266 40.6043 14.0063 C40.5461 13.212 39.903 12.5641 39.1086 12.5641 L28.7473 12.5641 C27.953 12.5641 27.302 13.2112 27.3369 14.0071 C28.0731 30.5832 41.3792 43.8909 57.9557 44.6244 C58.75 44.6596 59.3972 44.0106 59.3972 43.2139 L59.3972 32.8542 Z M12.597 28.714 C12.597 27.9173 13.2442 27.2683 14.0423 27.3036 C30.6188 28.037 43.925 41.3447 44.6573 57.9208 C44.6922 58.7167 44.0451 59.3642 43.2469 59.3642 L32.8895 59.3642 C32.0913 59.3642 31.4519 58.716 31.3938 57.9216 C30.6925 48.6623 23.2993 41.2711 14.0423 40.5702 C13.248 40.5101 12.597 39.8704 12.597 39.0737 L12.597 28.714 Z",
+	pivotThree: "M9.102 34.5022 C22.6832 33.9012 33.5831 23.0002 34.1798 9.4247 C34.2108 8.773 33.6761 8.2441 33.0251 8.2441 L24.5393 8.2441 C23.8883 8.2441 23.3613 8.7769 23.3109 9.4247 C22.7414 17.0101 16.685 23.0653 9.0981 23.6376 C8.4471 23.688 7.9202 24.2099 7.9202 24.8616 L7.9202 33.3467 C7.9202 33.9985 8.4471 34.5313 9.0981 34.5022 L9.102 34.5022 Z M62.7915 34.7974 C63.4502 34.8265 63.9888 34.2898 63.9888 33.6276 L63.9888 25.0453 C63.9888 24.3862 63.4502 23.8573 62.7915 23.8069 C55.1232 23.2272 49.001 17.1035 48.4237 9.4356 C48.3733 8.7769 47.8425 8.2402 47.1837 8.2402 L38.601 8.2402 C37.9423 8.2402 37.4037 8.7769 37.4308 9.4356 C38.0391 23.166 49.063 34.1891 62.7915 34.7974 Z M47.1798 63.7164 C47.8386 63.7164 48.3733 63.1801 48.4198 62.5214 C48.9971 54.8531 55.1232 48.7298 62.7876 48.1501 C63.4502 48.0997 63.9849 47.5704 63.9849 46.9117 L63.9849 38.3294 C63.9849 37.6702 63.4502 37.1305 62.7876 37.1592 C49.0592 37.7675 38.0353 48.791 37.4269 62.5214 C37.3998 63.1801 37.9345 63.7164 38.5971 63.7164 L47.1798 63.7164 Z M33.029 63.7164 C33.68 63.7164 34.2108 63.1871 34.1837 62.5358 C33.5831 48.9564 22.6832 38.0554 9.1058 37.4579 C8.4549 37.4292 7.924 37.962 7.924 38.6138 L7.924 47.0988 C7.924 47.7506 8.4549 48.276 9.1058 48.3264 C16.6928 48.8987 22.7452 54.9539 23.3187 62.5392 C23.3691 63.191 23.8922 63.7199 24.547 63.7199 L33.0329 63.7199 L33.029 63.7164 Z"
+}, x = "M273.5,143.7c-32.9,24.3-80.7,37.2-121.8,37.2c-57.6,0-109.5-21.3-148.7-56.7c-3.1-2.8-0.3-6.6,3.4-4.4c42.4,24.6,94.7,39.5,148.8,39.5c36.5,0,76.6-7.6,113.5-23.2C274.2,133.6,278.9,139.7,273.5,143.7z M287.2,128.1c-4.2-5.4-27.8-2.6-38.5-1.3c-3.2,0.4-3.7-2.4-0.8-4.5c18.8-13.2,49.7-9.4,53.3-5c3.6,4.5-1,35.4-18.6,50.2c-2.7,2.3-5.3,1.1-4.1-1.9C282.5,155.7,291.4,133.4,287.2,128.1z", S = {
+	white: "#FFFFFF",
+	black: "#000000",
+	orange: "#FF6200",
+	yellow: "#F3C300",
+	pink: "#FF4D8B",
+	purple: "#B052FF",
+	blue: "#0578FF",
+	green: "#6EE750"
+}, re = class {
+	static getColor(e) {
+		return Object.entries(S).find(([, t]) => t.toLowerCase() === e.toLowerCase())?.[0] ?? "black";
+	}
+}, ie = class a {
 	static isImagePayload(e) {
 		return e.mediaType.startsWith("image/");
 	}
@@ -206,22 +889,22 @@ for (var d = class {
 			behavior: "smooth"
 		});
 	}
-}, p = "https://api.digo-labs.com", m = "X-Digo-App", ee = "X-Admin-Secret", te = "-digo-labs-storage", ne = [
+}, C = "https://api.digo-labs.com", ae = "X-Digo-App", oe = "X-Admin-Secret", se = "-digo-labs-storage", ce = [
 	"#58C2E3",
 	"#79F2A9",
 	"#985EFF",
 	"#BDF279"
-], re = "wss://ws.digo-labs.com", ie = {
-	url: `${p}/api/proxy/replicate`,
+], le = "wss://ws.digo-labs.com", ue = {
+	url: `${C}/api/proxy/replicate`,
 	targetHeader: "x-replicate-target-url",
 	hosts: /(\.|^)replicate\.com$/
-}, ae = "us-east-1", oe = {
+}, de = "us-east-1", fe = {
 	sm: 640,
 	md: 768,
 	lg: 1024,
 	xl: 1280,
 	"2xl": 1536
-}, h = {
+}, w = {
 	"font-size": [{ typo: [
 		"1",
 		"2",
@@ -259,7 +942,7 @@ for (var d = class {
 		"typo-body",
 		"typo-code"
 	]
-}, se = [
+}, pe = [
 	{
 		name: "Claude 3.7 Sonnet",
 		description: "Anthropic's advanced model",
@@ -275,7 +958,7 @@ for (var d = class {
 		description: "OpenAi's advanced model",
 		icon: "icon-[simple-icons--openai]"
 	}
-], ce = {
+], T = {
 	typescript: {
 		icon: "typescript",
 		name: "TypeScript"
@@ -348,9 +1031,9 @@ for (var d = class {
 		icon: "code",
 		name: "Text"
 	}
-}, g = /* @__PURE__ */ function(e) {
+}, E = /* @__PURE__ */ function(e) {
 	return e.Navigation = "Navigation", e.Actions = "Actions", e.Status = "Status", e.Media = "Media", e.Files = "Files", e.UI = "UI", e.Brands = "Brands", e.Programming = "Programming", e.Tools = "Tools", e.Data = "Data", e.Communication = "Communication", e.Design = "Design", e.AI = "AI", e.Numbers = "Numbers", e.Misc = "Misc", e;
-}(g || {}), _ = {
+}(E || {}), D = {
 	arrowUp: {
 		category: "Navigation",
 		icon: "icon-[lucide--arrow-up]"
@@ -1343,6 +2026,10 @@ for (var d = class {
 		category: "Brands",
 		icon: "icon-[simple-icons--anthropic]"
 	},
+	aws: {
+		category: "Brands",
+		icon: "icon-[simple-icons--amazonwebservices]"
+	},
 	gemini: {
 		category: "Brands",
 		icon: "icon-[simple-icons--googlegemini]"
@@ -2087,37 +2774,37 @@ for (var d = class {
 		category: "Misc",
 		icon: "icon-[lucide--package-plus]"
 	}
-}, le = class {
+}, O = class {
 	static getIcon(e) {
-		return e in _ ? _[e].icon : e;
+		return e in D ? D[e].icon : e;
 	}
 	static getCategory(e) {
-		return _[e].category;
+		return D[e].category;
 	}
 	static getCategories() {
 		let e = /* @__PURE__ */ new Set();
-		for (let t of Object.values(_)) e.add(t.category);
-		return Object.values(g).filter((t) => e.has(t));
+		for (let t of Object.values(D)) e.add(t.category);
+		return Object.values(E).filter((t) => e.has(t));
 	}
 	static getByCategory() {
 		let e = {};
-		for (let t of Object.values(g)) e[t] = [];
-		for (let [t, n] of Object.entries(_)) e[n.category].push({
+		for (let t of Object.values(E)) e[t] = [];
+		for (let [t, n] of Object.entries(D)) e[n.category].push({
 			id: t,
 			category: n.category,
 			icon: n.icon
 		});
 		return e;
 	}
-}, v = "@plugin \"@iconify/tailwind4\";\n\n@plugin \"tailwindcss-animate\";\n\n@source inline(\"typo-1 typo-2 typo-3 typo-4 typo-5 typo-6 typo-7 typo-8 typo-9 typo-10 typo-11 typo-12 typo-13 typo-14 typo-15 typo-16 typo-17 typo-18 typo-weight-100 typo-weight-200 typo-weight-300 typo-weight-400 typo-weight-500 typo-weight-600 typo-weight-700 typo-weight-800 typo-weight-900\");\n\n@source \"./index.js\";\n@source \"./**/*.{ts,tsx}\";\n\n@theme static {\n  --font-code: 'geist-mono', monospace;\n  --font-geist: 'geist', sans-serif;\n  --font-geist-mono: 'geist-mono', monospace;\n  --font-pixel-circle: 'geist-pixel-circle', monospace;\n  --font-pixel-grid: 'geist-pixel-grid', monospace;\n  --font-pixel-line: 'geist-pixel-line', monospace;\n  --font-pixel-square: 'geist-pixel-square', monospace;\n  --font-pixel-triangle: 'geist-pixel-triangle', monospace;\n  --font-clash-grotesk: 'clash-grotesk-variable', sans-serif;\n  --font-nippo: 'nippo', sans-serif;\n  --font-humane: 'humane-variable', sans-serif;\n  --font-general-sans: 'general-sans', sans-serif;\n  --font-kode-mono: 'kode-mono-vf', monospace;\n  --font-aalto: 'Aalto', display;\n  --font-being: 'being', display;\n  --font-benzol: 'benzol', display;\n  --font-half: 'half', display;\n  --font-miratrix: 'miratrix', display;\n  --font-triakis: 'triakis', display;\n  --font-yeager: 'yeager', display;\n  --font-karmatic-arcade: 'karmatic-arcade-regular', display;\n  --font-digital-7: 'digital-7-mono', monospace;\n  --font-pixelony: 'pixelony', display;\n  --font-unknown: 'unknown', display;\n  --font-disket: 'disket', display;\n  --font-heming: 'heming', display;\n  --font-obrazec: 'obrazec', display;\n\n  --color-neutral-1: #111111;\n  --color-neutral-2: #191919;\n  --color-neutral-3: #222222;\n  --color-neutral-4: #2a2a2a;\n  --color-neutral-5: #313131;\n  --color-neutral-6: #3a3a3a;\n  --color-neutral-7: #484848;\n  --color-neutral-8: #606060;\n  --color-neutral-9: #6e6e6e;\n  --color-neutral-10: #7b7b7b;\n  --color-neutral-11: #b4b4b4;\n  --color-neutral-12: #eeeeee;\n\n  --color-neutralA-1: #FFFFFF05;\n  --color-neutralA-2: #FFFFFF09;\n  --color-neutralA-3: #FFFFFF12;\n  --color-neutralA-4: #FFFFFF1B;\n  --color-neutralA-5: #FFFFFF22;\n  --color-neutralA-6: #FFFFFF2C;\n  --color-neutralA-7: #FFFFFF3B;\n  --color-neutralA-8: #FFFFFF55;\n  --color-neutralA-9: #FFFFFF64;\n  --color-neutralA-10: #FFFFFF72;\n  --color-neutralA-11: #FFFFFFAF;\n  --color-neutralA-12: #FFFFFFED;\n\n  --color-shadows-1: #0000000D;\n  --color-shadows-2: #0000001A;\n  --color-shadows-3: #00000026;\n  --color-shadows-4: #00000033;\n  --color-shadows-5: #0000004D;\n  --color-shadows-6: #00000066;\n  --color-shadows-7: #00000080;\n  --color-shadows-8: #00000099;\n  --color-shadows-9: #000000B3;\n  --color-shadows-10: #000000CC;\n  --color-shadows-11: #000000E6;\n  --color-shadows-12: #000000F2;\n\n  --color-accent-1: #0e1512;\n  --color-accent-2: #121b17;\n  --color-accent-3: #132d21;\n  --color-accent-4: #113b29;\n  --color-accent-5: #174933;\n  --color-accent-6: #20573e;\n  --color-accent-7: #28684a;\n  --color-accent-8: #2f7c57;\n  --color-accent-9: #30a46c;\n  --color-accent-10: #33b074;\n  --color-accent-11: #3dd68c;\n  --color-accent-12: #b1f1cb;\n\n  --color-accentA-1:  #00de4505;\n  --color-accentA-2:  #29f99d0b;\n  --color-accentA-3:  #22ff991e;\n  --color-accentA-4:  #11ff992d;\n  --color-accentA-5:  #2bffa23c;\n  --color-accentA-6:  #44ffaa4b;\n  --color-accentA-7:  #50fdac5e;\n  --color-accentA-8:  #54ffad73;\n  --color-accentA-9:  #44ffa49e;\n  --color-accentA-10: #43fea4ab;\n  --color-accentA-11: #46fea5d4;\n  --color-accentA-12: #bbffd7f0;\n\n  --color-error-1: #191113;\n  --color-error-2: #1e1517;\n  --color-error-3: #3a141e;\n  --color-error-4: #4e1325;\n  --color-error-5: #5e1a2e;\n  --color-error-6: #6f2539;\n  --color-error-7: #883447;\n  --color-error-8: #b3445a;\n  --color-error-9: #e54666;\n  --color-error-10: #ec5a72;\n  --color-error-11: #ff949d;\n  --color-error-12: #fed2e1;\n\n  --color-errorA-1:  #f4126709;\n  --color-errorA-2:  #f22f7a11;\n  --color-errorA-3:  #fe2a8b2a;\n  --color-errorA-4:  #fd158741;\n  --color-errorA-5:  #fd278f51;\n  --color-errorA-6:  #fe459763;\n  --color-errorA-7:  #fd559b7f;\n  --color-errorA-8:  #fe5b9bab;\n  --color-errorA-9:  #fe418de8;\n  --color-errorA-10: #ff5693ed;\n  --color-errorA-11: #ff92ad;\n  --color-errorA-12: #ffd5eafd;\n\n  --color-success-1: #0d1512;\n  --color-success-2: #121c18;\n  --color-success-3: #0f2e22;\n  --color-success-4: #0b3b2c;\n  --color-success-5: #114837;\n  --color-success-6: #1b5745;\n  --color-success-7: #246854;\n  --color-success-8: #2a7e68;\n  --color-success-9: #29a383;\n  --color-success-10: #27b08b;\n  --color-success-11: #1fd8a4;\n  --color-success-12: #adf0d4;\n\n  --color-successA-1:  #00de4505;\n  --color-successA-2:  #29f99d0b;\n  --color-successA-3:  #22ff991e;\n  --color-successA-4:  #11ff992d;\n  --color-successA-5:  #2bffa23c;\n  --color-successA-6:  #44ffaa4b;\n  --color-successA-7:  #50fdac5e;\n  --color-successA-8:  #54ffad73;\n  --color-successA-9:  #44ffa49e;\n  --color-successA-10: #43fea4ab;\n  --color-successA-11: #46fea5d4;\n  --color-successA-12: #bbffd7f0;\n\n  --color-warning-1: #16120c;\n  --color-warning-2: #1d180f;\n  --color-warning-3: #302008;\n  --color-warning-4: #3f2700;\n  --color-warning-5: #4d3000;\n  --color-warning-6: #5c3d05;\n  --color-warning-7: #714f19;\n  --color-warning-8: #8f6424;\n  --color-warning-9: #f5d90a;\n  --color-warning-10: #ffef5c;\n  --color-warning-11: #f0c000;\n  --color-warning-12: #fffad1;\n\n  --color-warningA-1:  #d1510004;\n  --color-warningA-2:  #f9b4000b;\n  --color-warningA-3:  #ffaa001e;\n  --color-warningA-4:  #fdb70028;\n  --color-warningA-5:  #febb0036;\n  --color-warningA-6:  #fec40046;\n  --color-warningA-7:  #fdcb225c;\n  --color-warningA-8:  #fdca327b;\n  --color-warningA-9:  #ffe629;\n  --color-warningA-10: #ffff57;\n  --color-warningA-11: #fee949f5;\n  --color-warningA-12: #fef6baf6;\n\n  --color-info-1: #0d1520;\n  --color-info-2: #111927;\n  --color-info-3: #0d2847;\n  --color-info-4: #003362;\n  --color-info-5: #004074;\n  --color-info-6: #104d87;\n  --color-info-7: #205d9e;\n  --color-info-8: #2870bd;\n  --color-info-9: #0090ff;\n  --color-info-10: #3b9eff;\n  --color-info-11: #70b8ff;\n  --color-info-12: #c2e6ff;\n\n  --color-infoA-1:  #004df211;\n  --color-infoA-2:  #1166fb18;\n  --color-infoA-3:  #0077ff3a;\n  --color-infoA-4:  #0075ff57;\n  --color-infoA-5:  #0081fd6b;\n  --color-infoA-6:  #0f89fd7f;\n  --color-infoA-7:  #2a91fe98;\n  --color-infoA-8:  #3094feb9;\n  --color-infoA-9:  #0090ff;\n  --color-infoA-10: #3b9eff;\n  --color-infoA-11: #70b8ff;\n  --color-infoA-12: #c2e6ff;\n\n  --text-xxs: 0.625rem;\n  --text-10xl: 10rem;\n  --text-11xl: 12rem;\n  --text-12xl: 14rem;\n  --text-13xl: 16rem;\n}\n\n@theme {\n  --radius: 0.5rem;\n  --radius-xxs: calc(var(--radius) * 0.25);\n  --radius-xs:  calc(var(--radius) * 0.375);\n  --radius-sm:  calc(var(--radius) * 0.625);\n  --radius-md:  calc(var(--radius) * 0.875);\n  --radius-lg:  calc(var(--radius) * 1.25);\n  --radius-xl:  calc(var(--radius) * 1.75);\n  --radius-2xl: calc(var(--radius) * 2.5);\n  --radius-3xl: calc(var(--radius) * 3.5);\n\n  --typo-header-font:     'geist', sans-serif;\n  --typo-header-weight:   600;\n  --typo-header-tracking: 0.025em;\n  --typo-header-leading:  1;\n\n  --typo-label-font:      'geist', sans-serif;\n  --typo-label-weight:    500;\n  --typo-label-tracking:  0.025em;\n  --typo-label-leading:   1;\n\n  --typo-body-font:       'geist', sans-serif;\n  --typo-body-weight:     400;\n  --typo-body-tracking:   0.025em;\n  --typo-body-leading:    1.375;\n\n  --typo-code-font:       'geist-mono', monospace;\n  --typo-code-weight:     500;\n  --typo-code-tracking:   0;\n  --typo-code-leading:    1.5;\n\n  --typo-scale-factor:    1;\n\n  --shadow-xs-color:   var(--color-neutral-9);\n  --shadow-xs-offsetX: 0px;\n  --shadow-xs-offsetY: 0px;\n  --shadow-xs-blur:    2px;\n  --shadow-xs-spread:  0px;\n  --shadow-xs-opacity: 5%;\n  --shadow-xs: var(--shadow-xs-offsetX) var(--shadow-xs-offsetY) var(--shadow-xs-blur) var(--shadow-xs-spread) color-mix(in srgb, var(--shadow-xs-color) var(--shadow-xs-opacity), transparent);\n\n  --shadow-s-color:   var(--color-neutral-9);\n  --shadow-s-offsetX: 0px;\n  --shadow-s-offsetY: 0px;\n  --shadow-s-blur:    4px;\n  --shadow-s-spread:  0px;\n  --shadow-s-opacity: 10%;\n  --shadow-s: var(--shadow-s-offsetX) var(--shadow-s-offsetY) var(--shadow-s-blur) var(--shadow-s-spread) color-mix(in srgb, var(--shadow-s-color) var(--shadow-s-opacity), transparent);\n\n  --shadow-m-color:   var(--color-neutral-9);\n  --shadow-m-offsetX: 0px;\n  --shadow-m-offsetY: 0px;\n  --shadow-m-blur:    8px;\n  --shadow-m-spread:  -1px;\n  --shadow-m-opacity: 15%;\n  --shadow-m: var(--shadow-m-offsetX) var(--shadow-m-offsetY) var(--shadow-m-blur) var(--shadow-m-spread) color-mix(in srgb, var(--shadow-m-color) var(--shadow-m-opacity), transparent);\n\n  --shadow-l-color:   var(--color-neutral-9);\n  --shadow-l-offsetX: 0px;\n  --shadow-l-offsetY: 0px;\n  --shadow-l-blur:    16px;\n  --shadow-l-spread:  -2px;\n  --shadow-l-opacity: 20%;\n  --shadow-l: var(--shadow-l-offsetX) var(--shadow-l-offsetY) var(--shadow-l-blur) var(--shadow-l-spread) color-mix(in srgb, var(--shadow-l-color) var(--shadow-l-opacity), transparent);\n\n  --shadow-xl-color:   var(--color-neutral-9);\n  --shadow-xl-offsetX: 0px;\n  --shadow-xl-offsetY: 0px;\n  --shadow-xl-blur:    40px;\n  --shadow-xl-spread:  -8px;\n  --shadow-xl-opacity: 30%;\n  --shadow-xl: var(--shadow-xl-offsetX) var(--shadow-xl-offsetY) var(--shadow-xl-blur) var(--shadow-xl-spread) color-mix(in srgb, var(--shadow-xl-color) var(--shadow-xl-opacity), transparent);\n}\n\n@utility typo-weight-100 {\n  @apply font-thin;\n}\n\n@utility typo-weight-200 {\n  @apply font-extralight;\n}\n\n@utility typo-weight-300 {\n  @apply font-light;\n}\n\n@utility typo-weight-400 {\n  @apply font-normal;\n}\n\n@utility typo-weight-500 {\n  @apply font-medium;\n}\n\n@utility typo-weight-600 {\n  @apply font-semibold;\n}\n\n@utility typo-weight-700 {\n  @apply font-bold;\n}\n\n@utility typo-weight-800 {\n  @apply font-extrabold;\n}\n\n@utility typo-weight-900 {\n  @apply font-black;\n}\n\n@utility typo-header {\n  font-family: var(--typo-header-font);\n  font-weight: var(--typo-header-weight);\n  -webkit-font-smoothing: antialiased;\n  white-space: nowrap;\n  letter-spacing: var(--typo-header-tracking);\n  line-height: var(--typo-header-leading);\n}\n\n@utility typo-label {\n  font-family: var(--typo-label-font);\n  font-weight: var(--typo-label-weight);\n  -webkit-font-smoothing: antialiased;\n  white-space: nowrap;\n  letter-spacing: var(--typo-label-tracking);\n  line-height: var(--typo-label-leading);\n}\n\n@utility typo-body {\n  font-family: var(--typo-body-font);\n  font-weight: var(--typo-body-weight);\n  -webkit-font-smoothing: antialiased;\n  text-wrap: wrap;\n  letter-spacing: var(--typo-body-tracking);\n  line-height: var(--typo-body-leading);\n}\n\n@utility typo-code {\n  font-family: var(--typo-code-font);\n  font-weight: var(--typo-code-weight);\n  -webkit-font-smoothing: antialiased;\n  white-space: nowrap;\n  letter-spacing: var(--typo-code-tracking);\n  line-height: var(--typo-code-leading);\n  font-variant-numeric: tabular-nums;\n}\n\n@utility typo-1 {\n  @apply typo-body;\n  font-size: calc(var(--text-xxs) * var(--typo-scale-factor));\n}\n\n@utility typo-2 {\n  @apply typo-body;\n  font-size: calc(var(--text-xs) * var(--typo-scale-factor));\n}\n\n@utility typo-3 {\n  @apply typo-body;\n  font-size: calc(var(--text-sm) * var(--typo-scale-factor));\n}\n\n@utility typo-4 {\n  @apply typo-body;\n  font-size: calc(var(--text-base) * var(--typo-scale-factor));\n}\n\n@utility typo-5 {\n  @apply typo-body;\n  font-size: calc(var(--text-lg) * var(--typo-scale-factor));\n}\n\n@utility typo-6 {\n  @apply typo-body;\n  font-size: calc(var(--text-xl) * var(--typo-scale-factor));\n}\n\n@utility typo-7 {\n  @apply typo-body;\n  font-size: calc(var(--text-2xl) * var(--typo-scale-factor));\n}\n\n@utility typo-8 {\n  @apply typo-body;\n  font-size: calc(var(--text-3xl) * var(--typo-scale-factor));\n}\n\n@utility typo-9 {\n  @apply typo-body;\n  font-size: calc(var(--text-4xl) * var(--typo-scale-factor));\n}\n\n@utility typo-10 {\n  @apply typo-body;\n  font-size: calc(var(--text-5xl) * var(--typo-scale-factor));\n}\n\n@utility typo-11 {\n  @apply typo-body;\n  font-size: calc(var(--text-6xl) * var(--typo-scale-factor));\n}\n\n@utility typo-12 {\n  @apply typo-body;\n  font-size: calc(var(--text-7xl) * var(--typo-scale-factor));\n}\n\n@utility typo-13 {\n  @apply typo-body;\n  font-size: calc(var(--text-8xl) * var(--typo-scale-factor));\n}\n\n@utility typo-14 {\n  @apply typo-body;\n  font-size: calc(var(--text-9xl) * var(--typo-scale-factor));\n}\n\n@utility typo-15 {\n  @apply typo-body;\n  font-size: calc(var(--text-10xl) * var(--typo-scale-factor));\n}\n\n@utility typo-16 {\n  @apply typo-body;\n  font-size: calc(var(--text-11xl) * var(--typo-scale-factor));\n}\n\n@utility typo-17 {\n  @apply typo-body;\n  font-size: calc(var(--text-12xl) * var(--typo-scale-factor));\n}\n\n@utility typo-18 {\n  @apply typo-body;\n  font-size: calc(var(--text-13xl) * var(--typo-scale-factor));\n}\n\n@utility filter-none {\n  filter: none;\n}\n\n@utility flex-col-center {\n  @apply flex flex-col justify-center items-center align-middle;\n}\n\n@utility grid-hor-center {\n  @apply grid grid-flow-col items-center;\n}\n\n@utility grid-ver-center {\n  @apply grid grid-flow-row items-center;\n}\n\n@utility flex-row-center {\n  @apply flex flex-row justify-center items-center align-middle;\n}\n\n@utility cs-border-dashed {\n  @apply border border-dashed border-neutralA-4;\n}\n\n@utility cs-disabled {\n    @apply disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50;\n  }\n\n@utility cs-has-disabled {\n  @apply has-[[data-slot=control]:disabled]:pointer-events-none has-[[data-slot=control]:disabled]:opacity-50;\n}\n\n@utility cs-transition {\n  @apply transition-all duration-200 ease-in-out;\n}\n\n@utility cs-contrast {\n  @apply drop-shadow-[0_-1px_1px_#fff4];\n}\n\n@utility cs-popup-animation {\n  @apply origin-(--transform-origin) transition-[scale,opacity] duration-[0.25s] ease-[cubic-bezier(0.34,1.56,0.64,1)] data-starting-style:scale-90 data-starting-style:opacity-0 data-ending-style:scale-90 data-ending-style:opacity-0 data-instant:transition-none;\n}\n\n@utility cs-focus {\n  @apply outline-none focus-visible:duration-0 focus-visible:outline-solid focus-visible:z-1 focus-visible:ring-[3px] focus-visible:ring-accent-4 focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-accent-9;  \n}\n\n@utility cs-has-focus {\n  @apply has-[[data-slot=control]:focus-visible]:z-1 has-[[data-slot=control]:focus-visible]:ring-[3px] has-[[data-slot=control]:focus-visible]:ring-accent-4 has-[[data-slot=control]:focus-visible]:outline-1 has-[[data-slot=control]:focus-visible]:outline-solid has-[[data-slot=control]:focus-visible]:-outline-offset-1 has-[[data-slot=control]:focus-visible]:outline-accent-9;\n}\n\n@utility cs-invalid {\n  @apply aria-invalid:ring-3 aria-invalid:ring-error-6 aria-invalid:border-error-9 focus-visible:aria-invalid:ring-error-4 focus-visible:aria-invalid:outline-error-9;\n}\n\n@utility cs-has-invalid {\n  @apply has-[[data-slot=control][aria-invalid=true]]:ring-3 has-[[data-slot=control][aria-invalid=true]]:ring-error-6 has-[[data-slot=control][aria-invalid=true]]:border-error-9 has-[[data-slot=control][aria-invalid=true]:focus-visible]:ring-error-4 has-[[data-slot=control][aria-invalid=true]:focus-visible]:outline-error-9;\n}\n\n@utility cs-steps {\n  counter-reset: step;\n}\n\n@utility cs-step {\n  &::before {\n    --tw-content: counter(step);\n    content: var(--tw-content);\n    counter-increment: step;\n  }\n}\n\n@utility cs-masonry {\n  columns: 3;\n  & > * {\n    break-inside: avoid-column;\n  }\n}\n\n@utility cs-stroke {\n  -webkit-text-stroke-width: var(--stroke-w, 2px);\n  -webkit-text-stroke-color: var(--stroke-color, var(--color-neutral-12));\n  color: transparent;\n  paint-order: stroke fill;\n}\n\n@utility cs-backdrop-panel {\n  @apply rounded-md border-neutralA-4 bg-neutral-1/60 text-neutral-11 backdrop-blur-lg border shadow-m;\n  }\n\n@utility animate-collapsible-down {\n  animation: collapsible-down 0.2s ease-out;\n}\n\n@utility animate-collapsible-up {\n  animation: collapsible-up 0.2s ease-out;\n}\n\n@utility no-scrollbar {\n  @apply [scrollbar-width:none] [&::-webkit-scrollbar]:hidden;\n}\n\n@utility cs-gutter {\n  background: repeating-linear-gradient(315deg, var(--color-neutral-3) 0 1px, transparent 1px 50%);\n  background-size: 10px 10px;\n  background-attachment: fixed;\n}\n\n@utility cs-dots {\n  background-image: radial-gradient(var(--color-neutral-4) 1px, transparent 1px);\n  background-size: 20px 20px;\n}\n\n@keyframes stripes {\n  from { background-position: 0 0; }\n  to   { background-position: 16px 0; }\n}\n\n@utility cs-stripes {\n  background-image: repeating-linear-gradient(315deg, var(--color-neutralA-4) 0 4px, transparent 2px 50%);\n  background-size: 16px 16px;\n  animation: stripes 0.6s linear infinite;\n}\n\n@utility cs-guides {\n  overflow: clip;\n  isolation: isolate;\n\n  & > * {\n    position: relative;\n    z-index: 0;\n\n    &::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      right: -1px;\n      top: -9999px;\n      bottom: -9999px;\n      border-left: 1px solid var(--color-neutral-4);\n      border-right: 1px solid var(--color-neutral-4);\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: -1px;\n      left: -9999px;\n      right: -9999px;\n      border-top: 1px solid var(--color-neutral-4);\n      border-bottom: 1px solid var(--color-neutral-4);\n      pointer-events: none;\n      z-index: 1;\n    }\n  }\n}\n\n@utility cs-page-container {\n  @apply grid grid-cols-[1fr_minmax(0,var(--page-max-w,64rem))_1fr];\n}\n\n@utility cs-page-grid {\n  position: relative;\n  max-width: var(--page-max-w, 64rem);\n  width: 100%;\n  margin-inline: auto;\n  border-inline: 1px solid var(--color-neutral-4);\n\n  & > :where(*) {\n    position: relative;\n\n    &::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: -100vw;\n      width: 200vw;\n      height: 1px;\n      background-color: var(--color-neutral-4);\n      pointer-events: none;\n    }\n  }\n\n  & > :where(*:first-child)::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100vw;\n    width: 200vw;\n    height: 1px;\n    background-color: var(--color-neutral-4);\n    pointer-events: none;\n  }\n}\n\n@utility cs-page-gutter {\n  &::before, &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: var(--page-gutter-w, 2.5rem);\n    pointer-events: none;\n    background: repeating-linear-gradient(315deg, var(--color-neutral-3) 0 1px, transparent 1px 50%);\n    background-size: 10px 10px;\n    background-attachment: fixed;\n  }\n\n  &::before {\n    right: 100%;\n    border-left: 1px solid var(--color-neutral-4);\n  }\n\n  &::after {\n    left: 100%;\n    border-right: 1px solid var(--color-neutral-4);\n  }\n}\n\n@media (pointer: coarse) {\n  input,\n  select,\n  textarea {\n    font-size: max(16px, 1em);\n  }\n}\n\n@layer base {\n\n  * {\n    @apply transition-colors duration-200;\n  }\n\n  body {\n    color: var(--color-neutral-12);\n    background-color: var(--color-neutral-1);\n  }\n\n\n  @font-face {\n    font-family: 'geist';\n    font-weight: 100 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'geist-mono';\n    font-weight: 100 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist-mono.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'geist-pixel-circle';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist-pixel-circle.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'geist-pixel-grid';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist-pixel-grid.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'geist-pixel-line';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist-pixel-line.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'geist-pixel-square';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist-pixel-square.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'geist-pixel-triangle';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist-pixel-triangle.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'clash-grotesk-variable';\n    font-weight: 200 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/clash-grotesk-variable.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'nippo';\n    font-weight: 200 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/nippo.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'being';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/being.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'Aalto';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/aalto.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'humane-variable';\n    font-weight: 200 800;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/humane-variable.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'general-sans';\n    font-weight: 200 800;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/general-sans.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'karmatic-arcade-regular';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/karmatic-arcade-regular.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'kode-mono-vf';\n    font-style: normal;\n    font-weight: 400 700;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/kode-mono-vf.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'digital-7-mono';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/digital-7-mono.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'pixelony';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/pixelony.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'unknown';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 140%;\n    src: url(https://cdn.digo-labs.com/fonts/unknown.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'benzol';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/benzol.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'half';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/half.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'miratrix';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/miratrix.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'triakis';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/triakis.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'yeager';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/yeager.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'disket';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/disket.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'heming';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/heming.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'obrazec';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/obrazec.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'satoshi';\n    font-weight: 300 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/satoshi.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'chillax';\n    font-weight: 200 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/chillax.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'panchang';\n    font-weight: 200 800;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/panchang.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'zodiak';\n    font-weight: 100 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/zodiak.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'supreme';\n    font-weight: 100 800;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/supreme.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'boska';\n    font-weight: 200 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/boska.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'tanker';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/tanker.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'gambarino';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/gambarino.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'neco';\n    font-weight: 400 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/neco.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'erode';\n    font-weight: 300 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/erode.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'pramukh-rounded';\n    font-weight: 200 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/pramukh-rounded.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'bevellier';\n    font-weight: 100 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/bevellier.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'comico';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/comico.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'aktura';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/aktura.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'technor';\n    font-weight: 200 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/technor.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'array';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/array.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'styro';\n    font-weight: 200 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/styro.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'recia';\n    font-weight: 300 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/recia.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'melodrama';\n    font-weight: 300 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/melodrama.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'boxing';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/boxing.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'kola';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/kola.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'zina';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/zina.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'tabular';\n    font-weight: 300 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/tabular.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'expose';\n    font-weight: 400 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/expose.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'kihim';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/kihim.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'pilcrow-rounded';\n    font-weight: 400 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/pilcrow-rounded.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'new-title';\n    font-weight: 200 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/new-title.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'kohinoor-zerone';\n    font-weight: 100;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/kohinoor-zerone.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'roundo';\n    font-weight: 200 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/roundo.woff2) format('woff2');\n  }\n  \n}\n\n@layer utilities {\n  * {\n    scrollbar-width: thin;\n    scrollbar-color: #ffffff50 transparent;\n  }\n}\n\n@layer base {\n  ::selection {\n    background-color: var(--color-neutral-12);\n    color: var(--color-neutral-1);\n  }\n\n  ::-moz-selection {\n    background-color: var(--color-neutral-12);\n    color: var(--color-neutral-1);\n  }\n}", ue = /--font-([\w-]+):\s*'([^']+)'/g, y = /* @__PURE__ */ new Map(), b; (b = ue.exec(v)) !== null;) {
-	let e = `--font-${b[1]}`, t = b[2];
-	y.set(t.toLowerCase(), e);
+}, k = "@plugin \"@iconify/tailwind4\";\n\n@plugin \"tailwindcss-animate\";\n\n@source inline(\"typo-1 typo-2 typo-3 typo-4 typo-5 typo-6 typo-7 typo-8 typo-9 typo-10 typo-11 typo-12 typo-13 typo-14 typo-15 typo-16 typo-17 typo-18 typo-weight-100 typo-weight-200 typo-weight-300 typo-weight-400 typo-weight-500 typo-weight-600 typo-weight-700 typo-weight-800 typo-weight-900\");\n\n@source \"./index.js\";\n@source \"./**/*.{ts,tsx}\";\n\n@theme static {\n  --font-code: 'geist-mono', monospace;\n  --font-geist: 'geist', sans-serif;\n  --font-geist-mono: 'geist-mono', monospace;\n  --font-pixel-circle: 'geist-pixel-circle', monospace;\n  --font-pixel-grid: 'geist-pixel-grid', monospace;\n  --font-pixel-line: 'geist-pixel-line', monospace;\n  --font-pixel-square: 'geist-pixel-square', monospace;\n  --font-pixel-triangle: 'geist-pixel-triangle', monospace;\n  --font-clash-grotesk: 'clash-grotesk-variable', sans-serif;\n  --font-nippo: 'nippo', sans-serif;\n  --font-humane: 'humane-variable', sans-serif;\n  --font-general-sans: 'general-sans', sans-serif;\n  --font-kode-mono: 'kode-mono-vf', monospace;\n  --font-aalto: 'Aalto', display;\n  --font-being: 'being', display;\n  --font-benzol: 'benzol', display;\n  --font-half: 'half', display;\n  --font-miratrix: 'miratrix', display;\n  --font-triakis: 'triakis', display;\n  --font-yeager: 'yeager', display;\n  --font-karmatic-arcade: 'karmatic-arcade-regular', display;\n  --font-digital-7: 'digital-7-mono', monospace;\n  --font-pixelony: 'pixelony', display;\n  --font-unknown: 'unknown', display;\n  --font-disket: 'disket', display;\n  --font-heming: 'heming', display;\n  --font-obrazec: 'obrazec', display;\n\n  --color-neutral-1: #111111;\n  --color-neutral-2: #191919;\n  --color-neutral-3: #222222;\n  --color-neutral-4: #2a2a2a;\n  --color-neutral-5: #313131;\n  --color-neutral-6: #3a3a3a;\n  --color-neutral-7: #484848;\n  --color-neutral-8: #606060;\n  --color-neutral-9: #6e6e6e;\n  --color-neutral-10: #7b7b7b;\n  --color-neutral-11: #b4b4b4;\n  --color-neutral-12: #eeeeee;\n\n  --color-neutralA-1: #FFFFFF05;\n  --color-neutralA-2: #FFFFFF09;\n  --color-neutralA-3: #FFFFFF12;\n  --color-neutralA-4: #FFFFFF1B;\n  --color-neutralA-5: #FFFFFF22;\n  --color-neutralA-6: #FFFFFF2C;\n  --color-neutralA-7: #FFFFFF3B;\n  --color-neutralA-8: #FFFFFF55;\n  --color-neutralA-9: #FFFFFF64;\n  --color-neutralA-10: #FFFFFF72;\n  --color-neutralA-11: #FFFFFFAF;\n  --color-neutralA-12: #FFFFFFED;\n\n  --color-shadows-1: #0000000D;\n  --color-shadows-2: #0000001A;\n  --color-shadows-3: #00000026;\n  --color-shadows-4: #00000033;\n  --color-shadows-5: #0000004D;\n  --color-shadows-6: #00000066;\n  --color-shadows-7: #00000080;\n  --color-shadows-8: #00000099;\n  --color-shadows-9: #000000B3;\n  --color-shadows-10: #000000CC;\n  --color-shadows-11: #000000E6;\n  --color-shadows-12: #000000F2;\n\n  --color-accent-1: #0e1512;\n  --color-accent-2: #121b17;\n  --color-accent-3: #132d21;\n  --color-accent-4: #113b29;\n  --color-accent-5: #174933;\n  --color-accent-6: #20573e;\n  --color-accent-7: #28684a;\n  --color-accent-8: #2f7c57;\n  --color-accent-9: #30a46c;\n  --color-accent-10: #33b074;\n  --color-accent-11: #3dd68c;\n  --color-accent-12: #b1f1cb;\n\n  --color-accentA-1:  #00de4505;\n  --color-accentA-2:  #29f99d0b;\n  --color-accentA-3:  #22ff991e;\n  --color-accentA-4:  #11ff992d;\n  --color-accentA-5:  #2bffa23c;\n  --color-accentA-6:  #44ffaa4b;\n  --color-accentA-7:  #50fdac5e;\n  --color-accentA-8:  #54ffad73;\n  --color-accentA-9:  #44ffa49e;\n  --color-accentA-10: #43fea4ab;\n  --color-accentA-11: #46fea5d4;\n  --color-accentA-12: #bbffd7f0;\n\n  --color-error-1: #191113;\n  --color-error-2: #1e1517;\n  --color-error-3: #3a141e;\n  --color-error-4: #4e1325;\n  --color-error-5: #5e1a2e;\n  --color-error-6: #6f2539;\n  --color-error-7: #883447;\n  --color-error-8: #b3445a;\n  --color-error-9: #e54666;\n  --color-error-10: #ec5a72;\n  --color-error-11: #ff949d;\n  --color-error-12: #fed2e1;\n\n  --color-errorA-1:  #f4126709;\n  --color-errorA-2:  #f22f7a11;\n  --color-errorA-3:  #fe2a8b2a;\n  --color-errorA-4:  #fd158741;\n  --color-errorA-5:  #fd278f51;\n  --color-errorA-6:  #fe459763;\n  --color-errorA-7:  #fd559b7f;\n  --color-errorA-8:  #fe5b9bab;\n  --color-errorA-9:  #fe418de8;\n  --color-errorA-10: #ff5693ed;\n  --color-errorA-11: #ff92ad;\n  --color-errorA-12: #ffd5eafd;\n\n  --color-success-1: #0d1512;\n  --color-success-2: #121c18;\n  --color-success-3: #0f2e22;\n  --color-success-4: #0b3b2c;\n  --color-success-5: #114837;\n  --color-success-6: #1b5745;\n  --color-success-7: #246854;\n  --color-success-8: #2a7e68;\n  --color-success-9: #29a383;\n  --color-success-10: #27b08b;\n  --color-success-11: #1fd8a4;\n  --color-success-12: #adf0d4;\n\n  --color-successA-1:  #00de4505;\n  --color-successA-2:  #29f99d0b;\n  --color-successA-3:  #22ff991e;\n  --color-successA-4:  #11ff992d;\n  --color-successA-5:  #2bffa23c;\n  --color-successA-6:  #44ffaa4b;\n  --color-successA-7:  #50fdac5e;\n  --color-successA-8:  #54ffad73;\n  --color-successA-9:  #44ffa49e;\n  --color-successA-10: #43fea4ab;\n  --color-successA-11: #46fea5d4;\n  --color-successA-12: #bbffd7f0;\n\n  --color-warning-1: #16120c;\n  --color-warning-2: #1d180f;\n  --color-warning-3: #302008;\n  --color-warning-4: #3f2700;\n  --color-warning-5: #4d3000;\n  --color-warning-6: #5c3d05;\n  --color-warning-7: #714f19;\n  --color-warning-8: #8f6424;\n  --color-warning-9: #f5d90a;\n  --color-warning-10: #ffef5c;\n  --color-warning-11: #f0c000;\n  --color-warning-12: #fffad1;\n\n  --color-warningA-1:  #d1510004;\n  --color-warningA-2:  #f9b4000b;\n  --color-warningA-3:  #ffaa001e;\n  --color-warningA-4:  #fdb70028;\n  --color-warningA-5:  #febb0036;\n  --color-warningA-6:  #fec40046;\n  --color-warningA-7:  #fdcb225c;\n  --color-warningA-8:  #fdca327b;\n  --color-warningA-9:  #ffe629;\n  --color-warningA-10: #ffff57;\n  --color-warningA-11: #fee949f5;\n  --color-warningA-12: #fef6baf6;\n\n  --color-info-1: #0d1520;\n  --color-info-2: #111927;\n  --color-info-3: #0d2847;\n  --color-info-4: #003362;\n  --color-info-5: #004074;\n  --color-info-6: #104d87;\n  --color-info-7: #205d9e;\n  --color-info-8: #2870bd;\n  --color-info-9: #0090ff;\n  --color-info-10: #3b9eff;\n  --color-info-11: #70b8ff;\n  --color-info-12: #c2e6ff;\n\n  --color-infoA-1:  #004df211;\n  --color-infoA-2:  #1166fb18;\n  --color-infoA-3:  #0077ff3a;\n  --color-infoA-4:  #0075ff57;\n  --color-infoA-5:  #0081fd6b;\n  --color-infoA-6:  #0f89fd7f;\n  --color-infoA-7:  #2a91fe98;\n  --color-infoA-8:  #3094feb9;\n  --color-infoA-9:  #0090ff;\n  --color-infoA-10: #3b9eff;\n  --color-infoA-11: #70b8ff;\n  --color-infoA-12: #c2e6ff;\n\n  --text-xxs: 0.625rem;\n  --text-10xl: 10rem;\n  --text-11xl: 12rem;\n  --text-12xl: 14rem;\n  --text-13xl: 16rem;\n}\n\n@theme {\n  --radius: 0.5rem;\n  --radius-xxs: calc(var(--radius) * 0.25);\n  --radius-xs:  calc(var(--radius) * 0.375);\n  --radius-sm:  calc(var(--radius) * 0.625);\n  --radius-md:  calc(var(--radius) * 0.875);\n  --radius-lg:  calc(var(--radius) * 1.25);\n  --radius-xl:  calc(var(--radius) * 1.75);\n  --radius-2xl: calc(var(--radius) * 2.5);\n  --radius-3xl: calc(var(--radius) * 3.5);\n\n  --typo-header-font:     'geist', sans-serif;\n  --typo-header-weight:   600;\n  --typo-header-tracking: 0.025em;\n  --typo-header-leading:  1;\n\n  --typo-label-font:      'geist', sans-serif;\n  --typo-label-weight:    500;\n  --typo-label-tracking:  0.025em;\n  --typo-label-leading:   1;\n\n  --typo-body-font:       'geist', sans-serif;\n  --typo-body-weight:     400;\n  --typo-body-tracking:   0.025em;\n  --typo-body-leading:    1.375;\n\n  --typo-code-font:       'geist-mono', monospace;\n  --typo-code-weight:     500;\n  --typo-code-tracking:   0;\n  --typo-code-leading:    1.5;\n\n  --typo-scale-factor:    1;\n\n  --shadow-xs-color:   var(--color-neutral-9);\n  --shadow-xs-offsetX: 0px;\n  --shadow-xs-offsetY: 0px;\n  --shadow-xs-blur:    2px;\n  --shadow-xs-spread:  0px;\n  --shadow-xs-opacity: 5%;\n  --shadow-xs: var(--shadow-xs-offsetX) var(--shadow-xs-offsetY) var(--shadow-xs-blur) var(--shadow-xs-spread) color-mix(in srgb, var(--shadow-xs-color) var(--shadow-xs-opacity), transparent);\n\n  --shadow-s-color:   var(--color-neutral-9);\n  --shadow-s-offsetX: 0px;\n  --shadow-s-offsetY: 0px;\n  --shadow-s-blur:    4px;\n  --shadow-s-spread:  0px;\n  --shadow-s-opacity: 10%;\n  --shadow-s: var(--shadow-s-offsetX) var(--shadow-s-offsetY) var(--shadow-s-blur) var(--shadow-s-spread) color-mix(in srgb, var(--shadow-s-color) var(--shadow-s-opacity), transparent);\n\n  --shadow-m-color:   var(--color-neutral-9);\n  --shadow-m-offsetX: 0px;\n  --shadow-m-offsetY: 0px;\n  --shadow-m-blur:    8px;\n  --shadow-m-spread:  -1px;\n  --shadow-m-opacity: 15%;\n  --shadow-m: var(--shadow-m-offsetX) var(--shadow-m-offsetY) var(--shadow-m-blur) var(--shadow-m-spread) color-mix(in srgb, var(--shadow-m-color) var(--shadow-m-opacity), transparent);\n\n  --shadow-l-color:   var(--color-neutral-9);\n  --shadow-l-offsetX: 0px;\n  --shadow-l-offsetY: 0px;\n  --shadow-l-blur:    16px;\n  --shadow-l-spread:  -2px;\n  --shadow-l-opacity: 20%;\n  --shadow-l: var(--shadow-l-offsetX) var(--shadow-l-offsetY) var(--shadow-l-blur) var(--shadow-l-spread) color-mix(in srgb, var(--shadow-l-color) var(--shadow-l-opacity), transparent);\n\n  --shadow-xl-color:   var(--color-neutral-9);\n  --shadow-xl-offsetX: 0px;\n  --shadow-xl-offsetY: 0px;\n  --shadow-xl-blur:    40px;\n  --shadow-xl-spread:  -8px;\n  --shadow-xl-opacity: 30%;\n  --shadow-xl: var(--shadow-xl-offsetX) var(--shadow-xl-offsetY) var(--shadow-xl-blur) var(--shadow-xl-spread) color-mix(in srgb, var(--shadow-xl-color) var(--shadow-xl-opacity), transparent);\n}\n\n@utility typo-weight-100 {\n  @apply font-thin;\n}\n\n@utility typo-weight-200 {\n  @apply font-extralight;\n}\n\n@utility typo-weight-300 {\n  @apply font-light;\n}\n\n@utility typo-weight-400 {\n  @apply font-normal;\n}\n\n@utility typo-weight-500 {\n  @apply font-medium;\n}\n\n@utility typo-weight-600 {\n  @apply font-semibold;\n}\n\n@utility typo-weight-700 {\n  @apply font-bold;\n}\n\n@utility typo-weight-800 {\n  @apply font-extrabold;\n}\n\n@utility typo-weight-900 {\n  @apply font-black;\n}\n\n@utility typo-header {\n  font-family: var(--typo-header-font);\n  font-weight: var(--typo-header-weight);\n  -webkit-font-smoothing: antialiased;\n  white-space: nowrap;\n  letter-spacing: var(--typo-header-tracking);\n  line-height: var(--typo-header-leading);\n}\n\n@utility typo-label {\n  font-family: var(--typo-label-font);\n  font-weight: var(--typo-label-weight);\n  -webkit-font-smoothing: antialiased;\n  white-space: nowrap;\n  letter-spacing: var(--typo-label-tracking);\n  line-height: var(--typo-label-leading);\n}\n\n@utility typo-body {\n  font-family: var(--typo-body-font);\n  font-weight: var(--typo-body-weight);\n  -webkit-font-smoothing: antialiased;\n  text-wrap: wrap;\n  letter-spacing: var(--typo-body-tracking);\n  line-height: var(--typo-body-leading);\n}\n\n@utility typo-code {\n  font-family: var(--typo-code-font);\n  font-weight: var(--typo-code-weight);\n  -webkit-font-smoothing: antialiased;\n  white-space: nowrap;\n  letter-spacing: var(--typo-code-tracking);\n  line-height: var(--typo-code-leading);\n  font-variant-numeric: tabular-nums;\n}\n\n@utility typo-1 {\n  @apply typo-body;\n  font-size: calc(var(--text-xxs) * var(--typo-scale-factor));\n}\n\n@utility typo-2 {\n  @apply typo-body;\n  font-size: calc(var(--text-xs) * var(--typo-scale-factor));\n}\n\n@utility typo-3 {\n  @apply typo-body;\n  font-size: calc(var(--text-sm) * var(--typo-scale-factor));\n}\n\n@utility typo-4 {\n  @apply typo-body;\n  font-size: calc(var(--text-base) * var(--typo-scale-factor));\n}\n\n@utility typo-5 {\n  @apply typo-body;\n  font-size: calc(var(--text-lg) * var(--typo-scale-factor));\n}\n\n@utility typo-6 {\n  @apply typo-body;\n  font-size: calc(var(--text-xl) * var(--typo-scale-factor));\n}\n\n@utility typo-7 {\n  @apply typo-body;\n  font-size: calc(var(--text-2xl) * var(--typo-scale-factor));\n}\n\n@utility typo-8 {\n  @apply typo-body;\n  font-size: calc(var(--text-3xl) * var(--typo-scale-factor));\n}\n\n@utility typo-9 {\n  @apply typo-body;\n  font-size: calc(var(--text-4xl) * var(--typo-scale-factor));\n}\n\n@utility typo-10 {\n  @apply typo-body;\n  font-size: calc(var(--text-5xl) * var(--typo-scale-factor));\n}\n\n@utility typo-11 {\n  @apply typo-body;\n  font-size: calc(var(--text-6xl) * var(--typo-scale-factor));\n}\n\n@utility typo-12 {\n  @apply typo-body;\n  font-size: calc(var(--text-7xl) * var(--typo-scale-factor));\n}\n\n@utility typo-13 {\n  @apply typo-body;\n  font-size: calc(var(--text-8xl) * var(--typo-scale-factor));\n}\n\n@utility typo-14 {\n  @apply typo-body;\n  font-size: calc(var(--text-9xl) * var(--typo-scale-factor));\n}\n\n@utility typo-15 {\n  @apply typo-body;\n  font-size: calc(var(--text-10xl) * var(--typo-scale-factor));\n}\n\n@utility typo-16 {\n  @apply typo-body;\n  font-size: calc(var(--text-11xl) * var(--typo-scale-factor));\n}\n\n@utility typo-17 {\n  @apply typo-body;\n  font-size: calc(var(--text-12xl) * var(--typo-scale-factor));\n}\n\n@utility typo-18 {\n  @apply typo-body;\n  font-size: calc(var(--text-13xl) * var(--typo-scale-factor));\n}\n\n@utility filter-none {\n  filter: none;\n}\n\n@utility flex-col-center {\n  @apply flex flex-col justify-center items-center align-middle;\n}\n\n@utility grid-hor-center {\n  @apply grid grid-flow-col items-center;\n}\n\n@utility grid-ver-center {\n  @apply grid grid-flow-row items-center;\n}\n\n@utility flex-row-center {\n  @apply flex flex-row justify-center items-center align-middle;\n}\n\n@utility cs-border-dashed {\n  @apply border border-dashed border-neutralA-4;\n}\n\n@utility cs-disabled {\n    @apply disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50;\n  }\n\n@utility cs-has-disabled {\n  @apply has-[[data-slot=control]:disabled]:pointer-events-none has-[[data-slot=control]:disabled]:opacity-50;\n}\n\n@utility cs-transition {\n  @apply transition-all duration-200 ease-in-out;\n}\n\n@utility cs-contrast {\n  @apply drop-shadow-[0_-1px_1px_#fff4];\n}\n\n@utility cs-popup-animation {\n  @apply origin-(--transform-origin) transition-[scale,opacity] duration-[0.25s] ease-[cubic-bezier(0.34,1.56,0.64,1)] data-starting-style:scale-90 data-starting-style:opacity-0 data-ending-style:scale-90 data-ending-style:opacity-0 data-instant:transition-none;\n}\n\n@utility cs-focus {\n  @apply outline-none focus-visible:duration-0 focus-visible:outline-solid focus-visible:z-1 focus-visible:ring-[3px] focus-visible:ring-accent-4 focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-accent-9;  \n}\n\n@utility cs-has-focus {\n  @apply has-[[data-slot=control]:focus-visible]:z-1 has-[[data-slot=control]:focus-visible]:ring-[3px] has-[[data-slot=control]:focus-visible]:ring-accent-4 has-[[data-slot=control]:focus-visible]:outline-1 has-[[data-slot=control]:focus-visible]:outline-solid has-[[data-slot=control]:focus-visible]:-outline-offset-1 has-[[data-slot=control]:focus-visible]:outline-accent-9;\n}\n\n@utility cs-invalid {\n  @apply aria-invalid:ring-3 aria-invalid:ring-error-6 aria-invalid:border-error-9 focus-visible:aria-invalid:ring-error-4 focus-visible:aria-invalid:outline-error-9;\n}\n\n@utility cs-has-invalid {\n  @apply has-[[data-slot=control][aria-invalid=true]]:ring-3 has-[[data-slot=control][aria-invalid=true]]:ring-error-6 has-[[data-slot=control][aria-invalid=true]]:border-error-9 has-[[data-slot=control][aria-invalid=true]:focus-visible]:ring-error-4 has-[[data-slot=control][aria-invalid=true]:focus-visible]:outline-error-9;\n}\n\n@utility cs-steps {\n  counter-reset: step;\n}\n\n@utility cs-step {\n  &::before {\n    --tw-content: counter(step);\n    content: var(--tw-content);\n    counter-increment: step;\n  }\n}\n\n@utility cs-masonry {\n  columns: 3;\n  & > * {\n    break-inside: avoid-column;\n  }\n}\n\n@utility cs-stroke {\n  -webkit-text-stroke-width: var(--stroke-w, 2px);\n  -webkit-text-stroke-color: var(--stroke-color, var(--color-neutral-12));\n  color: transparent;\n  paint-order: stroke fill;\n}\n\n@utility cs-backdrop-panel {\n  @apply rounded-md border-neutralA-4 bg-neutral-1/60 text-neutral-11 backdrop-blur-lg border shadow-m;\n  }\n\n@utility animate-collapsible-down {\n  animation: collapsible-down 0.2s ease-out;\n}\n\n@utility animate-collapsible-up {\n  animation: collapsible-up 0.2s ease-out;\n}\n\n@utility no-scrollbar {\n  @apply [scrollbar-width:none] [&::-webkit-scrollbar]:hidden;\n}\n\n@utility cs-gutter {\n  background: repeating-linear-gradient(315deg, var(--color-neutral-3) 0 1px, transparent 1px 50%);\n  background-size: 10px 10px;\n  background-attachment: fixed;\n}\n\n@utility cs-dots {\n  background-image: radial-gradient(var(--color-neutral-4) 1px, transparent 1px);\n  background-size: 20px 20px;\n}\n\n@keyframes stripes {\n  from { background-position: 0 0; }\n  to   { background-position: 16px 0; }\n}\n\n@utility cs-stripes {\n  background-image: repeating-linear-gradient(315deg, var(--color-neutralA-4) 0 4px, transparent 2px 50%);\n  background-size: 16px 16px;\n  animation: stripes 0.6s linear infinite;\n}\n\n@utility cs-guides {\n  overflow: clip;\n  isolation: isolate;\n\n  & > * {\n    position: relative;\n    z-index: 0;\n\n    &::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      right: -1px;\n      top: -9999px;\n      bottom: -9999px;\n      border-left: 1px solid var(--color-neutral-4);\n      border-right: 1px solid var(--color-neutral-4);\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: -1px;\n      left: -9999px;\n      right: -9999px;\n      border-top: 1px solid var(--color-neutral-4);\n      border-bottom: 1px solid var(--color-neutral-4);\n      pointer-events: none;\n      z-index: 1;\n    }\n  }\n}\n\n@utility cs-page-container {\n  @apply grid grid-cols-[1fr_minmax(0,var(--page-max-w,64rem))_1fr];\n}\n\n@utility cs-page-grid {\n  position: relative;\n  max-width: var(--page-max-w, 64rem);\n  width: 100%;\n  margin-inline: auto;\n  border-inline: 1px solid var(--color-neutral-4);\n\n  & > :where(*) {\n    position: relative;\n\n    &::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: -100vw;\n      width: 200vw;\n      height: 1px;\n      background-color: var(--color-neutral-4);\n      pointer-events: none;\n    }\n  }\n\n  & > :where(*:first-child)::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -100vw;\n    width: 200vw;\n    height: 1px;\n    background-color: var(--color-neutral-4);\n    pointer-events: none;\n  }\n}\n\n@utility cs-page-gutter {\n  &::before, &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: var(--page-gutter-w, 2.5rem);\n    pointer-events: none;\n    background: repeating-linear-gradient(315deg, var(--color-neutral-3) 0 1px, transparent 1px 50%);\n    background-size: 10px 10px;\n    background-attachment: fixed;\n  }\n\n  &::before {\n    right: 100%;\n    border-left: 1px solid var(--color-neutral-4);\n  }\n\n  &::after {\n    left: 100%;\n    border-right: 1px solid var(--color-neutral-4);\n  }\n}\n\n@media (pointer: coarse) {\n  input,\n  select,\n  textarea {\n    font-size: max(16px, 1em);\n  }\n}\n\n@layer base {\n\n  * {\n    @apply transition-colors duration-200;\n  }\n\n  body {\n    color: var(--color-neutral-12);\n    background-color: var(--color-neutral-1);\n  }\n\n\n  @font-face {\n    font-family: 'geist';\n    font-weight: 100 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'geist-mono';\n    font-weight: 100 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist-mono.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'geist-pixel-circle';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist-pixel-circle.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'geist-pixel-grid';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist-pixel-grid.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'geist-pixel-line';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist-pixel-line.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'geist-pixel-square';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist-pixel-square.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'geist-pixel-triangle';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/geist-pixel-triangle.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'clash-grotesk-variable';\n    font-weight: 200 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/clash-grotesk-variable.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'nippo';\n    font-weight: 200 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/nippo.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'being';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/being.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'Aalto';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/aalto.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'humane-variable';\n    font-weight: 200 800;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/humane-variable.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'general-sans';\n    font-weight: 200 800;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/general-sans.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'karmatic-arcade-regular';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/karmatic-arcade-regular.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'kode-mono-vf';\n    font-style: normal;\n    font-weight: 400 700;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/kode-mono-vf.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'digital-7-mono';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/digital-7-mono.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'pixelony';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/pixelony.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'unknown';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 140%;\n    src: url(https://cdn.digo-labs.com/fonts/unknown.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'benzol';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/benzol.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'half';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/half.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'miratrix';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/miratrix.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'triakis';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/triakis.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'yeager';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/yeager.otf) format('opentype');\n  }\n\n  @font-face {\n    font-family: 'disket';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/disket.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'heming';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/heming.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'obrazec';\n    font-style: normal;\n    font-weight: 400;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/obrazec.ttf) format('truetype');\n  }\n\n  @font-face {\n    font-family: 'satoshi';\n    font-weight: 300 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/satoshi.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'chillax';\n    font-weight: 200 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/chillax.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'panchang';\n    font-weight: 200 800;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/panchang.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'zodiak';\n    font-weight: 100 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/zodiak.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'supreme';\n    font-weight: 100 800;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/supreme.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'boska';\n    font-weight: 200 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/boska.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'tanker';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/tanker.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'gambarino';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/gambarino.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'neco';\n    font-weight: 400 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/neco.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'erode';\n    font-weight: 300 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/erode.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'pramukh-rounded';\n    font-weight: 200 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/pramukh-rounded.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'bevellier';\n    font-weight: 100 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/bevellier.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'comico';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/comico.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'aktura';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/aktura.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'technor';\n    font-weight: 200 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/technor.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'array';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/array.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'styro';\n    font-weight: 200 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/styro.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'recia';\n    font-weight: 300 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/recia.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'melodrama';\n    font-weight: 300 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/melodrama.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'boxing';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/boxing.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'kola';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/kola.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'zina';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/zina.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'tabular';\n    font-weight: 300 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/tabular.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'expose';\n    font-weight: 400 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/expose.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'kihim';\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/kihim.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'pilcrow-rounded';\n    font-weight: 400 900;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/pilcrow-rounded.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'new-title';\n    font-weight: 200 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/new-title.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'kohinoor-zerone';\n    font-weight: 100;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/kohinoor-zerone.woff2) format('woff2');\n  }\n\n  @font-face {\n    font-family: 'roundo';\n    font-weight: 200 700;\n    font-style: normal;\n    font-display: swap;\n    size-adjust: 100%;\n    src: url(https://cdn.digo-labs.com/fonts/roundo.woff2) format('woff2');\n  }\n  \n}\n\n@layer utilities {\n  * {\n    scrollbar-width: thin;\n    scrollbar-color: #ffffff50 transparent;\n  }\n}\n\n@layer base {\n  ::selection {\n    background-color: var(--color-neutral-12);\n    color: var(--color-neutral-1);\n  }\n\n  ::-moz-selection {\n    background-color: var(--color-neutral-12);\n    color: var(--color-neutral-1);\n  }\n}", A = /--font-([\w-]+):\s*'([^']+)'/g, j = /* @__PURE__ */ new Map(), M; (M = A.exec(k)) !== null;) {
+	let e = `--font-${M[1]}`, t = M[2];
+	j.set(t.toLowerCase(), e);
 }
-for (var de = /@font-face\s*\{([^}]*)\}/gs, x = [], S; (S = de.exec(v)) !== null;) {
-	let e = S[1], t = e.match(/font-family:\s*'([^']+)'/), n = e.match(/font-weight:\s*([\d\s]+)/), r = e.match(/font-style:\s*(\w+)/), i = e.match(/src:\s*url\([^)]*?\/fonts\/([^)]+)\)\s*format\('(\w+)'\)/);
+for (var N = /@font-face\s*\{([^}]*)\}/gs, P = [], F; (F = N.exec(k)) !== null;) {
+	let e = F[1], t = e.match(/font-family:\s*'([^']+)'/), n = e.match(/font-weight:\s*([\d\s]+)/), r = e.match(/font-style:\s*(\w+)/), i = e.match(/src:\s*url\([^)]*?\/fonts\/([^)]+)\)\s*format\('(\w+)'\)/);
 	if (!t || !n || !r || !i) continue;
 	let a = t[1], o = n[1].trim(), s = r[1], c = i[1], l = i[2] === "truetype" ? "ttf" : i[2] === "opentype" ? "otf" : "woff2", u = o.split(/\s+/).map(Number), d = Math.min(...u), f = Math.max(...u);
-	x.push({
+	P.push({
 		family: a,
 		weightMin: d,
 		weightMax: f,
@@ -2125,11 +2812,11 @@ for (var de = /@font-face\s*\{([^}]*)\}/gs, x = [], S; (S = de.exec(v)) !== null
 		format: l,
 		filePath: `/fonts/${c}`,
 		fileName: c,
-		cssVariable: y.get(a.toLowerCase()) ?? null
+		cssVariable: j.get(a.toLowerCase()) ?? null
 	});
 }
-x.sort((e, t) => e.family.localeCompare(t.family));
-var fe = x, C = {
+P.sort((e, t) => e.family.localeCompare(t.family));
+var I = P, L = {
 	digoLogo: "https://cdn.digo-labs.com/images/digo-logo.png",
 	digoLogoSvg: "https://cdn.digo-labs.com/images/digo-logo.svg",
 	pcLogoV1Svg: "https://cdn.digo-labs.com/images/pc-logo-v1.svg",
@@ -2148,8 +2835,11 @@ var fe = x, C = {
 	video3d: "https://cdn.digo-labs.com/images/video-3d.jpg",
 	terminalScreenFrame: "https://cdn.digo-labs.com/images/terminal-screen-frame.png",
 	terminalScreenGlass: "https://cdn.digo-labs.com/images/terminal-screen-glass.png",
-	terminalSideGlass: "https://cdn.digo-labs.com/images/terminal-side-glass.png"
-}, w = { porsche: "https://cdn.digo-labs.com/models/porsche.glb" }, T = class {
+	terminalSideGlass: "https://cdn.digo-labs.com/images/terminal-side-glass.png",
+	drawingPen: "https://cdn.digo-labs.com/images/pen.svg",
+	drawingPenTip: "https://cdn.digo-labs.com/images/pen-tip.svg",
+	drawingEraser: "https://cdn.digo-labs.com/images/eraser.png"
+}, R = { porsche: "https://cdn.digo-labs.com/models/porsche.glb" }, z = class {
 	static setValue(e, t) {
 		localStorage.setItem(e, JSON.stringify(t));
 	}
@@ -2162,7 +2852,7 @@ var fe = x, C = {
 			return t;
 		}
 	}
-}, E = class {
+}, B = class {
 	static setValue(e, t) {
 		sessionStorage.setItem(e, JSON.stringify(t));
 	}
@@ -2175,7 +2865,7 @@ var fe = x, C = {
 			return t;
 		}
 	}
-}, D = {
+}, me = {
 	bedrockText: "bedrock-text",
 	dmxSend: "dmx-send",
 	storagePresignUpload: "storage-presign-upload",
@@ -2189,7 +2879,7 @@ var fe = x, C = {
 	databaseUpdate: "database-update",
 	databaseDelete: "database-delete",
 	refreshSchemas: "refresh-schemas"
-}, O = class {
+}, he = class {
 	static hashCode(e) {
 		return [...e].reduce((e, t) => Math.imul(31, e) + t.charCodeAt(0) | 0, 0);
 	}
@@ -2220,7 +2910,7 @@ var fe = x, C = {
 	static getFirstLetter(e) {
 		return e ? e.charAt(0).toUpperCase() : "X";
 	}
-}, k = {
+}, ge = {
 	digo: "Digo",
 	refresh: "Refresh",
 	code: "Code",
@@ -2308,52 +2998,52 @@ var fe = x, C = {
 	generate: "Generate",
 	savePreset: "Save Preset",
 	image: "Image"
-}, A = c.object({
+}, _e = c.object({
 	mediaType: c.string(),
 	base64: c.string(),
 	name: c.string().optional()
-}), j = c.object({
+}), ve = c.object({
 	mediaType: c.string(),
 	base64: c.string(),
 	name: c.string().optional()
-}), M = c.string().regex(/^\d+x\d+$/).transform((e) => e), N = c.string().regex(/^\d+:\d+$/).transform((e) => e), P = c.object({
+}), ye = c.string().regex(/^\d+x\d+$/).transform((e) => e), V = c.string().regex(/^\d+:\d+$/).transform((e) => e), be = c.object({
 	prompt: c.string().min(1),
-	aspectRatio: N.optional(),
+	aspectRatio: V.optional(),
 	seed: c.number().int().optional()
-}), F = c.object({
+}), xe = c.object({
 	prompt: c.string().min(1),
 	image: c.string().url(),
 	strength: c.number().min(0).max(1).optional()
-}), I = c.object({
+}), Se = c.object({
 	image: c.string().url(),
 	factor: c.number().positive().optional()
-}), L = c.object({ image: c.string().url() }), R = c.object({
+}), Ce = c.object({ image: c.string().url() }), we = c.object({
 	url: c.string().url(),
 	contentType: c.string().optional(),
 	width: c.number().optional(),
 	height: c.number().optional(),
 	seed: c.number().optional(),
 	model: c.string().optional()
-}), z = c.object({
+}), Te = c.object({
 	prompt: c.string().min(1),
-	aspectRatio: N.optional(),
+	aspectRatio: V.optional(),
 	durationSeconds: c.number().positive().optional()
-}), B = c.object({
+}), Ee = c.object({
 	url: c.string().url(),
 	contentType: c.string().optional(),
 	durationSeconds: c.number().optional(),
 	model: c.string().optional()
-}), V = c.object({
+}), De = c.object({
 	text: c.string().min(1),
 	voice: c.string().optional(),
 	speed: c.number().positive().optional()
-}), pe = c.object({
+}), Oe = c.object({
 	prompt: c.string().min(1),
 	durationSeconds: c.number().positive().optional()
-}), me = c.object({
+}), ke = c.object({
 	audio: c.string().url(),
 	language: c.string().optional()
-}), he = c.object({
+}), Ae = c.object({
 	url: c.string().url(),
 	contentType: c.string().optional(),
 	durationSeconds: c.number().optional(),
@@ -2362,23 +3052,23 @@ var fe = x, C = {
 	text: c.string(),
 	startSecond: c.number(),
 	endSecond: c.number()
-}), ge = c.object({
+}), je = c.object({
 	text: c.string(),
 	segments: c.array(H).optional(),
 	language: c.string().optional(),
 	model: c.string().optional()
-}), _e = c.object({
+}), Me = c.object({
 	type: c.literal("text"),
 	text: c.string()
-}), ve = c.object({
+}), Ne = c.object({
 	type: c.literal("image"),
 	source: c.object({
 		base64: c.string(),
 		mediaType: c.string()
 	})
-}), ye = c.union([c.string(), c.array(c.union([_e, ve]))]), U = c.object({
+}), Pe = c.union([c.string(), c.array(c.union([Me, Ne]))]), U = c.object({
 	role: c.enum(["user", "assistant"]),
-	content: ye
+	content: Pe
 }), W = c.object({
 	model: c.string().optional(),
 	messages: c.array(U).min(1),
@@ -2387,45 +3077,45 @@ var fe = x, C = {
 	maxTokens: c.number().int().positive().optional(),
 	stopSequences: c.array(c.string()).optional(),
 	providerOptions: c.record(c.string(), c.record(c.string(), c.any())).optional()
-}), be = W.omit({
+}), Fe = W.omit({
 	model: !0,
 	stopSequences: !0,
 	providerOptions: !0
-}), xe = c.object({
+}), Ie = c.object({
 	channel: c.number().int().min(1).max(512),
 	value: c.number().int().min(0).max(255)
-}), Se = c.object({ success: c.boolean() }), G = c.string().min(1), K = c.union([
+}), Le = c.object({ success: c.boolean() }), G = c.string().min(1), K = c.union([
 	c.string(),
 	c.number(),
 	c.boolean(),
 	c.null()
-]), q = c.record(c.string(), c.unknown()), Ce = c.object({
+]), q = c.record(c.string(), c.unknown()), Re = c.object({
 	table: G,
 	limit: c.number().int().positive().max(1e3).default(100),
 	offset: c.number().int().nonnegative().optional()
-}), we = c.object({ rows: c.array(q) }), Te = c.object({
+}), ze = c.object({ rows: c.array(q) }), Be = c.object({
 	table: G,
 	pk: G,
 	value: K
-}), Ee = c.object({ row: q.nullable() }), De = c.object({
+}), Ve = c.object({ row: q.nullable() }), He = c.object({
 	table: G,
 	column: G,
 	value: K,
 	limit: c.number().int().positive().max(1e3).default(100),
 	offset: c.number().int().nonnegative().optional()
-}), Oe = c.object({ rows: c.array(q) }), ke = c.object({
+}), Ue = c.object({ rows: c.array(q) }), We = c.object({
 	table: G,
 	record: q
-}), Ae = c.object({ row: q }), je = c.object({
+}), Ge = c.object({ row: q }), Ke = c.object({
 	table: G,
 	pk: G,
 	value: K,
 	changes: q
-}), Me = c.object({ success: c.boolean() }), Ne = c.object({
+}), qe = c.object({ success: c.boolean() }), Je = c.object({
 	table: G,
 	pk: G,
 	value: K
-}), Pe = c.object({ success: c.boolean() }), Fe = c.object({
+}), Ye = c.object({ success: c.boolean() }), Xe = c.object({
 	bucket: c.string().min(1),
 	path: c.string().min(1),
 	contentType: c.string().min(1),
@@ -2433,11 +3123,11 @@ var fe = x, C = {
 }), J = c.object({
 	url: c.string().url(),
 	expiresAt: c.number()
-}), Ie = c.object({
+}), Ze = c.object({
 	bucket: c.string().min(1),
 	path: c.string().min(1),
 	expiresIn: c.number().int().positive().max(604800).optional()
-}), Le = J, Re = c.object({
+}), Qe = J, $e = c.object({
 	bucket: c.string().min(1),
 	prefix: c.string().optional(),
 	limit: c.number().int().positive().max(1e3).optional()
@@ -2446,21 +3136,21 @@ var fe = x, C = {
 	size: c.number(),
 	lastModified: c.string(),
 	etag: c.string().optional()
-}), ze = c.object({ objects: c.array(Y) }), Be = c.object({
+}), et = c.object({ objects: c.array(Y) }), tt = c.object({
 	bucket: c.string().min(1),
 	paths: c.array(c.string().min(1)).min(1)
-}), Ve = c.object({
+}), nt = c.object({
 	success: c.boolean(),
 	deleted: c.array(c.string())
-}), He = /* @__PURE__ */ function(e) {
+}), rt = /* @__PURE__ */ function(e) {
 	return e.ANIMATED_FILM = "3D_ANIMATED_FAMILY_FILM", e.FLAT_VECTOR_ILLUSTRATION = "FLAT_VECTOR_ILLUSTRATION", e.GRAPHIC_NOVEL_ILLUSTRATION = "GRAPHIC_NOVEL_ILLUSTRATION", e.MAXIMALISM = "MAXIMALISM", e.MIDCENTURY_RETRO = "MIDCENTURY_RETRO", e.PHOTOREALISM = "PHOTOREALISM", e.SOFT_DIGITAL_PAINTING = "SOFT_DIGITAL_PAINTING", e;
-}({}), Ue = /* @__PURE__ */ function(e) {
+}({}), it = /* @__PURE__ */ function(e) {
 	return e.IDENTIFY = "IDENTIFY", e.SUBSCRIBE = "SUBSCRIBE", e.UNSUBSCRIBE = "UNSUBSCRIBE", e.MESSAGE = "MESSAGE", e.STATE = "STATE", e;
-}({}), We = /* @__PURE__ */ function(e) {
+}({}), X = /* @__PURE__ */ function(e) {
 	return e.MESSAGE = "MESSAGE", e.STATE = "STATE", e;
-}({}), X = "_hub", Ge = /* @__PURE__ */ function(e) {
+}({}), at = "_hub", ot = /* @__PURE__ */ function(e) {
 	return e.CONNECT = "CONNECT", e.DISCONNECT = "DISCONNECT", e.SUBSCRIBE = "SUBSCRIBE", e.UNSUBSCRIBE = "UNSUBSCRIBE", e.MESSAGE = "MESSAGE", e.STATE = "STATE", e;
-}({}), Ke = { pcLogo3D: "https://cdn.digo-labs.com/videos/pc-logo-3d.mp4" };
+}({}), st = { pcLogo3D: "https://cdn.digo-labs.com/videos/pc-logo-3d.mp4" };
 //#endregion
 //#region src/utils.ts
 async function Z(e) {
@@ -2470,13 +3160,13 @@ async function Z(e) {
 		return [null, e];
 	}
 }
-var qe = u({ extend: { classGroups: h } });
-function Je(...e) {
-	return qe(l(e));
+var ct = u({ extend: { classGroups: w } });
+function lt(...e) {
+	return ct(l(e));
 }
 //#endregion
 //#region src/samples.ts
-var Ye = [
+var ut = [
 	"New York",
 	"Tokyo",
 	"Paris",
@@ -2502,7 +3192,7 @@ var Ye = [
 	"Mexico City",
 	"Oslo",
 	"Zürich"
-], Xe = [
+], dt = [
 	"The quick brown fox jumps over the lazy dog.",
 	"Pack my box with five dozen liquor jugs.",
 	"How vexingly quick daft zebras jump.",
@@ -2513,16 +3203,16 @@ var Ye = [
 	"Sixty zippers were quickly picked from the woven jute bag.",
 	"We promptly judged antique ivory buckles for the next prize.",
 	"A mad boxer shot a quick, gloved jab to the jaw of his dizzy opponent."
-], Ze = { monorepo: { trustedOrigins: [
+], ft = { monorepo: { trustedOrigins: [
 	"http://localhost:*",
 	"http://127.0.0.1:*",
 	"https://*.digo-labs.com"
-] } }, Q = "productionclub.net", Qe = "admin", $ = {
+] } }, Q = "productionclub.net", pt = "admin", $ = {
 	public: 0,
 	user: 1,
 	org: 2,
 	admin: 3
-}, $e = class {
+}, mt = class {
 	static deriveTier(e) {
 		return e ? this.hasAdminRole(e.role) ? "admin" : this.isOrgUser(e) ? "org" : "user" : "public";
 	}
@@ -2533,13 +3223,13 @@ var Ye = [
 		return typeof e == "string" && Object.hasOwn($, e);
 	}
 	static hasAdminRole(e) {
-		return e ? e.split(",").includes(Qe) : !1;
+		return e ? e.split(",").includes(pt) : !1;
 	}
 	static isOrgUser(e) {
 		return e.emailVerified ? e.email.toLowerCase().endsWith(`@${Q}`) : !1;
 	}
 };
 //#endregion
-export { se as AI_MODELS, Ze as AUTH_PROJECTS, ae as AWS_DEFAULT_REGION, d as AppConfigHelpers, $e as AuthTierHelpers, p as BACKEND_URL, oe as BREAKPOINTS, He as BedrockStyle, Ye as CITIES, f as CommonHelpers, ee as DIGO_ADMIN_SECRET, ne as DIGO_COLORS, m as DIGO_HEADERS, te as DIGO_STORAGE_BUCKET_SUFFIX, Xe as EXCERPTS, fe as FONT_FACES, C as IMAGES, le as IconHelpers, ce as LANGUAGE_MAP, T as LocalStorage, w as MODELS, Q as ORG_EMAIL_DOMAIN, ie as REPLICATE_PROXY, D as ROUTES, k as STRINGS, E as SessionStorage, O as StringHelpers, h as TYPO_CLASS_GROUPS, Ke as VIDEOS, X as WEBSOCKET_HUB_CHANNEL, re as WS_URL, We as WebSocketHubEvent, Ue as WebsocketClientEvent, Ge as WebsocketLogEvent, N as aspectRatioSchema, pe as audioMusicBodySchema, V as audioSpeechBodySchema, me as audioTranscribeBodySchema, Je as cn, ke as databaseCreateBodySchema, Ae as databaseCreateResponseSchema, Ne as databaseDeleteBodySchema, Pe as databaseDeleteResponseSchema, Ce as databaseGetAllBodySchema, we as databaseGetAllResponseSchema, Te as databaseGetBodySchema, De as databaseGetByBodySchema, Oe as databaseGetByResponseSchema, Ee as databaseGetResponseSchema, je as databaseUpdateBodySchema, Me as databaseUpdateResponseSchema, Be as deleteBodySchema, Ve as deleteResponseSchema, xe as dmxSendBodySchema, Se as dmxSendResponseSchema, A as filePayloadSchema, he as generatedAudioSchema, R as generatedImageSchema, B as generatedVideoSchema, F as imageEditBodySchema, P as imageGenerateBodySchema, j as imagePayloadSchema, L as imageRemoveBackgroundBodySchema, I as imageUpscaleBodySchema, Re as listBodySchema, ze as listResponseSchema, Ie as presignDownloadBodySchema, Le as presignDownloadResponseSchema, Fe as presignUploadBodySchema, J as presignUploadResponseSchema, M as sizeFormattedSchema, Y as storageObjectSchema, W as textBodySchema, be as textGenerateBodySchema, U as textMessageSchema, ge as transcriptionSchema, H as transcriptionSegmentSchema, Z as tryCatch, z as videoGenerateBodySchema };
+export { pe as AI_MODELS, ft as AUTH_PROJECTS, v as AWS_BLOCK_GROUPS, ne as AWS_BLOCK_SIZES, de as AWS_DEFAULT_REGION, ee as AWS_DURATIONS, m as AWS_EASINGS, g as AWS_GLYPHS, p as AWS_GLYPH_FAMILIES, h as AWS_GLYPH_VIEWBOX, f as AWS_PALETTE, te as AWS_UNIT, d as AppConfigHelpers, mt as AuthTierHelpers, _ as AwsHelpers, C as BACKEND_URL, fe as BREAKPOINTS, x as BRICK_ARROW_PATH, S as BRICK_COLORS, b as BRICK_GLYPHS, y as BRICK_GLYPH_VIEWBOX, rt as BedrockStyle, re as BrickHelpers, ut as CITIES, ie as CommonHelpers, oe as DIGO_ADMIN_SECRET, ce as DIGO_COLORS, ae as DIGO_HEADERS, se as DIGO_STORAGE_BUCKET_SUFFIX, dt as EXCERPTS, I as FONT_FACES, L as IMAGES, O as IconHelpers, T as LANGUAGE_MAP, z as LocalStorage, R as MODELS, Q as ORG_EMAIL_DOMAIN, ue as REPLICATE_PROXY, me as ROUTES, ge as STRINGS, B as SessionStorage, he as StringHelpers, w as TYPO_CLASS_GROUPS, st as VIDEOS, at as WEBSOCKET_HUB_CHANNEL, le as WS_URL, X as WebSocketHubEvent, it as WebsocketClientEvent, ot as WebsocketLogEvent, V as aspectRatioSchema, Oe as audioMusicBodySchema, De as audioSpeechBodySchema, ke as audioTranscribeBodySchema, lt as cn, We as databaseCreateBodySchema, Ge as databaseCreateResponseSchema, Je as databaseDeleteBodySchema, Ye as databaseDeleteResponseSchema, Re as databaseGetAllBodySchema, ze as databaseGetAllResponseSchema, Be as databaseGetBodySchema, He as databaseGetByBodySchema, Ue as databaseGetByResponseSchema, Ve as databaseGetResponseSchema, Ke as databaseUpdateBodySchema, qe as databaseUpdateResponseSchema, tt as deleteBodySchema, nt as deleteResponseSchema, Ie as dmxSendBodySchema, Le as dmxSendResponseSchema, _e as filePayloadSchema, Ae as generatedAudioSchema, we as generatedImageSchema, Ee as generatedVideoSchema, xe as imageEditBodySchema, be as imageGenerateBodySchema, ve as imagePayloadSchema, Ce as imageRemoveBackgroundBodySchema, Se as imageUpscaleBodySchema, $e as listBodySchema, et as listResponseSchema, Ze as presignDownloadBodySchema, Qe as presignDownloadResponseSchema, Xe as presignUploadBodySchema, J as presignUploadResponseSchema, ye as sizeFormattedSchema, Y as storageObjectSchema, W as textBodySchema, Fe as textGenerateBodySchema, U as textMessageSchema, je as transcriptionSchema, H as transcriptionSegmentSchema, Z as tryCatch, Te as videoGenerateBodySchema };
 
 //# sourceMappingURL=index.js.map