@voxket-ai/events-sdk 1.0.27 → 1.0.29

package/dist/events-sdk.js

@@ -94,6 +94,16 @@ var g = class {
 			})
 		});
 	}
+	async submitCustomQrPayment(e, t) {
+		return this.fetchApi("/api/payments/custom-qr/", {
+			method: "POST",
+			body: JSON.stringify({
+				slug: this.slug,
+				registration_number: e,
+				answers: t
+			})
+		});
+	}
 	async trackProgress(e) {
 		return this.fetchApi(`/api/public/events/${this.slug}/track/`, {
 			method: "POST",
@@ -454,7 +464,7 @@ var M = {
 	}]]
 };
 M.node;
-var te = j(M), ne = {
+var te = j(M), N = {
 	name: "arrow-right",
 	size: 24,
 	node: [["path", {
@@ -465,8 +475,8 @@ var te = j(M), ne = {
 		key: "xquz4c"
 	}]]
 };
-ne.node;
-var re = j(ne), N = {
+N.node;
+var ne = j(N), re = {
 	name: "briefcase",
 	size: 24,
 	node: [["path", {
@@ -481,8 +491,8 @@ var re = j(ne), N = {
 		key: "i6l2r4"
 	}]]
 };
-N.node;
-var ie = j(N), P = {
+re.node;
+var P = j(re), ie = {
 	name: "building-complex",
 	size: 24,
 	node: [
@@ -509,8 +519,8 @@ var ie = j(N), P = {
 	],
 	aliases: ["building-2"]
 };
-P.node;
-var ae = j(P), oe = {
+ie.node;
+var ae = j(ie), oe = {
 	name: "check",
 	size: 24,
 	node: [["path", {
@@ -556,7 +566,7 @@ var le = j(ce), ue = {
 	aliases: ["alert-circle"]
 };
 ue.node;
-var de = j(ue), fe = {
+var F = j(ue), I = {
 	name: "circle-check-big",
 	size: 24,
 	node: [["path", {
@@ -568,8 +578,8 @@ var de = j(ue), fe = {
 	}]],
 	aliases: ["check-circle"]
 };
-fe.node;
-var F = j(fe), I = {
+I.node;
+var de = j(I), fe = {
 	name: "clipboard-list",
 	size: 24,
 	node: [
@@ -604,8 +614,8 @@ var F = j(fe), I = {
 		}]
 	]
 };
-I.node;
-var pe = j(I), L = {
+fe.node;
+var pe = j(fe), me = {
 	name: "clock",
 	size: 24,
 	node: [["circle", {
@@ -618,8 +628,8 @@ var pe = j(I), L = {
 		key: "mmk7yg"
 	}]]
 };
-L.node;
-var me = j(L), R = {
+me.node;
+var he = j(me), ge = {
 	name: "copy",
 	size: 24,
 	node: [["rect", {
@@ -635,8 +645,8 @@ var me = j(L), R = {
 		key: "zix9uf"
 	}]]
 };
-R.node;
-var he = j(R), ge = {
+ge.node;
+var _e = j(ge), L = {
 	name: "credit-card",
 	size: 24,
 	node: [
@@ -661,8 +671,8 @@ var he = j(R), ge = {
 		}]
 	]
 };
-ge.node;
-var _e = j(ge), z = {
+L.node;
+var ve = j(L), ye = {
 	name: "download",
 	size: 24,
 	node: [
@@ -680,8 +690,8 @@ var _e = j(ge), z = {
 		}]
 	]
 };
-z.node;
-var ve = j(z), ye = {
+ye.node;
+var be = j(ye), R = {
 	name: "external-link",
 	size: 24,
 	node: [
@@ -699,8 +709,8 @@ var ve = j(z), ye = {
 		}]
 	]
 };
-ye.node;
-var be = j(ye), B = {
+R.node;
+var xe = j(R), Se = {
 	name: "file-text",
 	size: 24,
 	node: [
@@ -726,8 +736,8 @@ var be = j(ye), B = {
 		}]
 	]
 };
-B.node;
-var xe = j(B), Se = {
+Se.node;
+var Ce = j(Se), z = {
 	name: "folder-open",
 	size: 24,
 	node: [["path", {
@@ -735,8 +745,8 @@ var xe = j(B), Se = {
 		key: "usdka0"
 	}]]
 };
-Se.node;
-var Ce = j(Se), we = {
+z.node;
+var we = j(z), Te = {
 	name: "graduation-cap",
 	size: 24,
 	node: [
@@ -754,8 +764,8 @@ var Ce = j(Se), we = {
 		}]
 	]
 };
-we.node;
-var V = j(we), H = {
+Te.node;
+var Ee = j(Te), B = {
 	name: "id-card",
 	size: 24,
 	node: [
@@ -787,8 +797,8 @@ var V = j(we), H = {
 		}]
 	]
 };
-H.node;
-var U = j(H), W = {
+B.node;
+var De = j(B), Oe = {
 	name: "info",
 	size: 24,
 	node: [
@@ -808,8 +818,8 @@ var U = j(H), W = {
 		}]
 	]
 };
-W.node;
-var G = j(W), Te = {
+Oe.node;
+var ke = j(Oe), Ae = {
 	name: "key-round",
 	size: 24,
 	node: [["path", {
@@ -823,8 +833,8 @@ var G = j(W), Te = {
 		key: "w0ekpg"
 	}]]
 };
-Te.node;
-var Ee = j(Te), K = {
+Ae.node;
+var V = j(Ae), H = {
 	name: "key",
 	size: 24,
 	node: [
@@ -844,8 +854,18 @@ var Ee = j(Te), K = {
 		}]
 	]
 };
-K.node;
-var q = j(K), J = {
+H.node;
+var U = j(H), W = {
+	name: "loader-circle",
+	size: 24,
+	node: [["path", {
+		d: "M21 12a9 9 0 1 1-6.219-8.56",
+		key: "13zald"
+	}]],
+	aliases: ["loader-2"]
+};
+W.node;
+var G = j(W), je = {
 	name: "lock",
 	size: 24,
 	node: [["rect", {
@@ -861,8 +881,8 @@ var q = j(K), J = {
 		key: "fwvmzm"
 	}]]
 };
-J.node;
-var De = j(J), Y = {
+je.node;
+var Me = j(je), K = {
 	name: "log-in",
 	size: 24,
 	node: [
@@ -880,8 +900,8 @@ var De = j(J), Y = {
 		}]
 	]
 };
-Y.node;
-var Oe = j(Y), X = {
+K.node;
+var Ne = j(K), q = {
 	name: "log-out",
 	size: 24,
 	node: [
@@ -899,8 +919,8 @@ var Oe = j(Y), X = {
 		}]
 	]
 };
-X.node;
-var ke = j(X), Ae = {
+q.node;
+var J = j(q), Pe = {
 	name: "mail",
 	size: 24,
 	node: [["path", {
@@ -915,8 +935,8 @@ var ke = j(X), Ae = {
 		key: "izxlao"
 	}]]
 };
-Ae.node;
-var je = j(Ae), Me = {
+Pe.node;
+var Y = j(Pe), X = {
 	name: "map-pin",
 	size: 24,
 	node: [["path", {
@@ -929,8 +949,8 @@ var je = j(Ae), Me = {
 		key: "ilqhr7"
 	}]]
 };
-Me.node;
-var Ne = j(Me), Pe = {
+X.node;
+var Fe = j(X), Ie = {
 	name: "maximize-2",
 	size: 24,
 	node: [
@@ -952,8 +972,8 @@ var Ne = j(Me), Pe = {
 		}]
 	]
 };
-Pe.node;
-var Fe = j(Pe), Ie = {
+Ie.node;
+var Le = j(Ie), Re = {
 	name: "minimize-2",
 	size: 24,
 	node: [
@@ -975,8 +995,8 @@ var Fe = j(Pe), Ie = {
 		}]
 	]
 };
-Ie.node;
-var Le = j(Ie), Re = {
+Re.node;
+var ze = j(Re), Be = {
 	name: "move",
 	size: 24,
 	node: [
@@ -1006,8 +1026,8 @@ var Le = j(Ie), Re = {
 		}]
 	]
 };
-Re.node;
-var ze = j(Re), Be = {
+Be.node;
+var Ve = j(Be), He = {
 	name: "package-check",
 	size: 24,
 	node: [
@@ -1033,8 +1053,8 @@ var ze = j(Re), Be = {
 		}]
 	]
 };
-Be.node;
-var Z = j(Be), Q = {
+He.node;
+var Ue = j(He), We = {
 	name: "phone",
 	size: 24,
 	node: [["path", {
@@ -1042,8 +1062,8 @@ var Z = j(Be), Q = {
 		key: "9njp5v"
 	}]]
 };
-Q.node;
-var Ve = j(Q), He = {
+We.node;
+var Ge = j(We), Ke = {
 	name: "receipt",
 	size: 24,
 	node: [
@@ -1061,8 +1081,8 @@ var Ve = j(Q), He = {
 		}]
 	]
 };
-He.node;
-var Ue = j(He), We = {
+Ke.node;
+var qe = j(Ke), Je = {
 	name: "search",
 	size: 24,
 	node: [["path", {
@@ -1075,8 +1095,8 @@ var Ue = j(He), We = {
 		key: "4ej97u"
 	}]]
 };
-We.node;
-var Ge = j(We), Ke = {
+Je.node;
+var Ye = j(Je), Z = {
 	name: "sparkles",
 	size: 24,
 	node: [
@@ -1101,8 +1121,8 @@ var Ge = j(We), Ke = {
 	],
 	aliases: ["stars"]
 };
-Ke.node;
-var qe = j(Ke), Je = {
+Z.node;
+var Xe = j(Z), Ze = {
 	name: "ticket",
 	size: 24,
 	node: [
@@ -1124,8 +1144,8 @@ var qe = j(Ke), Je = {
 		}]
 	]
 };
-Je.node;
-var Ye = j(Je), Xe = {
+Ze.node;
+var Qe = j(Ze), $e = {
 	name: "trash",
 	size: 24,
 	node: [
@@ -1152,8 +1172,8 @@ var Ye = j(Je), Xe = {
 	],
 	aliases: ["trash-2"]
 };
-Xe.node;
-var Ze = j(Xe), Qe = {
+$e.node;
+var et = j($e), Q = {
 	name: "upload",
 	size: 24,
 	node: [
@@ -1171,8 +1191,8 @@ var Ze = j(Xe), Qe = {
 		}]
 	]
 };
-Qe.node;
-var $e = j(Qe), et = {
+Q.node;
+var tt = j(Q), nt = {
 	name: "user-plus",
 	size: 24,
 	node: [
@@ -1202,8 +1222,8 @@ var $e = j(Qe), et = {
 		}]
 	]
 };
-et.node;
-var tt = j(et), nt = {
+nt.node;
+var rt = j(nt), it = {
 	name: "user",
 	size: 24,
 	node: [["path", {
@@ -1216,8 +1236,8 @@ var tt = j(et), nt = {
 		key: "17ys0d"
 	}]]
 };
-nt.node;
-var rt = j(nt), it = {
+it.node;
+var at = j(it), ot = {
 	name: "users",
 	size: 24,
 	node: [
@@ -1241,8 +1261,8 @@ var rt = j(nt), it = {
 		}]
 	]
 };
-it.node;
-var at = j(it), ot = {
+ot.node;
+var st = j(ot), ct = {
 	name: "x",
 	size: 24,
 	node: [["path", {
@@ -1253,13 +1273,13 @@ var at = j(it), ot = {
 		key: "d8bk6v"
 	}]]
 };
-ot.node;
-var st = j(ot), $ = { fontFamily: "var(--vx-font-heading)" }, ct = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/i;
-function lt(e) {
+ct.node;
+var lt = j(ct), $ = { fontFamily: "var(--vx-font-heading)" }, ut = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/i;
+function dt(e) {
 	let t = e, n = typeof e == "string" ? e : t?.serve_url || t?.url || t?.id || "";
-	return String(n || "").match(ct)?.[0] || "";
+	return String(n || "").match(ut)?.[0] || "";
 }
-function ut(e, t) {
+function ft(e, t) {
 	if (!e) return "";
 	if (/^field_\d+/i.test(e) && t && typeof t == "string") {
 		let e = t.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
@@ -1267,25 +1287,117 @@ function ut(e, t) {
 	}
 	return e;
 }
-function dt(e, t = "") {
+function pt(e, t = "") {
 	if (e && typeof e == "string") {
 		let t = e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
 		if (t) return t;
 	}
-	return ut(t, e) || t;
+	return ft(t, e) || t;
+}
+function mt(e) {
+	let t = (e || "").trim();
+	return t ? t.split(/\s+/).length : 0;
+}
+function ht(e, t) {
+	for (let n of e || []) {
+		if (n.type === "file") continue;
+		let e = String(t(n) ?? "").trim(), r = n.label || "This field";
+		if (n.required && !e) return `${r} is required.`;
+		let i = Number(n.word_limit) || 0;
+		if (n.type === "textarea" && i && mt(e) > i) return `${r} is over the ${i}-word limit.`;
+	}
+	return null;
 }
 //#endregion
-//#region src/widget/components/DynamicForm.tsx
-var ft = /* @__PURE__ */ new Set([
+//#region src/widget/components/FieldControl.tsx
+var gt = {
+	email: "email",
+	phone: "tel",
+	number: "number",
+	date: "date",
+	url: "url"
+}, _t = ({ field: e, value: t, onChange: n, className: r, isDark: i, id: a, part: o = "input", disabled: s, placeholder: c }) => {
+	let l = t == null ? "" : String(t), u = c ?? e.placeholder ?? "", d = i ? "bg-zinc-900 text-white" : "bg-white text-slate-900";
+	if (e.type === "select") return /* @__PURE__ */ m("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ m("select", {
+			part: `${o} select`,
+			id: a,
+			required: e.required,
+			disabled: s,
+			value: l,
+			onChange: (e) => n(e.target.value),
+			className: `${r} pr-10 appearance-none cursor-pointer`,
+			children: [/* @__PURE__ */ p("option", {
+				value: "",
+				className: d,
+				children: e.placeholder || `Select ${e.label || "an option"}...`
+			}), (e.options || []).map((e, t) => /* @__PURE__ */ p("option", {
+				value: e,
+				className: d,
+				children: e
+			}, `${t}-${e}`))]
+		}), /* @__PURE__ */ p("div", {
+			className: `absolute inset-y-0 right-0 flex items-center pr-3.5 pointer-events-none ${i ? "text-zinc-400" : "text-slate-400"}`,
+			children: /* @__PURE__ */ p(le, { size: 16 })
+		})]
+	});
+	if (e.type === "checkbox") return /* @__PURE__ */ m("label", {
+		className: `flex items-start gap-2.5 text-sm cursor-pointer ${s ? "opacity-60 cursor-not-allowed" : ""} ${i ? "text-zinc-200" : "text-slate-700"}`,
+		children: [/* @__PURE__ */ p("input", {
+			part: `${o} checkbox`,
+			id: a,
+			type: "checkbox",
+			required: e.required,
+			disabled: s,
+			checked: l === "Yes" || l === "true",
+			onChange: (e) => n(e.target.checked ? "Yes" : ""),
+			className: "mt-0.5 w-4 h-4 shrink-0 cursor-pointer accent-(--vx-accent)"
+		}), /* @__PURE__ */ p("span", { children: e.placeholder || e.label })]
+	});
+	if (e.type === "textarea") {
+		let t = Number(e.word_limit) || 0, c = mt(l);
+		return /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("textarea", {
+			part: `${o} textarea`,
+			id: a,
+			rows: 4,
+			required: e.required,
+			disabled: s,
+			value: l,
+			placeholder: u,
+			onChange: (e) => n(e.target.value),
+			className: `${r} resize-y`
+		}), t > 0 && /* @__PURE__ */ m("div", {
+			className: `text-2xs font-medium mt-1 text-right ${c > t ? "text-red-500" : i ? "text-zinc-500" : "text-slate-500"}`,
+			children: [
+				c,
+				" / ",
+				t,
+				" words"
+			]
+		})] });
+	}
+	return /* @__PURE__ */ p("input", {
+		part: o,
+		id: a,
+		type: gt[e.type] || "text",
+		required: e.required,
+		disabled: s,
+		value: l,
+		placeholder: e.type === "url" && !u ? "https://" : u,
+		onChange: (e) => n(e.target.value),
+		className: r
+	});
+}, vt = /* @__PURE__ */ new Set([
 	"salutation",
 	"name",
 	"email",
 	"phone"
-]), pt = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode: i, isExpanded: a, onToggleExpand: o, onClose: c, onChange: l, initialValues: u, fileAnswers: h, isDark: g = !1, apiClient: _, storage: v, onError: y, onEvent: b, backgroundStyle: x, ticketType: S, showReviewFields: C = !1 }) => {
-	let [w, T] = d(u || {}), [E, D] = d(null), [O, ee] = d(null), [k, A] = d({}), [j, M] = d({}), [ne, N] = d(null), [ie, P] = d(null), [ae, oe] = d({}), [ce, ue] = d({}), [de, fe] = d({}), F = r?.primaryColor || "#c026d3";
+]), yt = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode: i, isExpanded: a, onToggleExpand: o, onClose: c, onChange: l, initialValues: u, fileAnswers: h, isDark: g = !1, apiClient: _, onError: v, onEvent: y, backgroundStyle: b, ticketType: x, showReviewFields: S = !1 }) => {
+	let [C, w] = d(u || {}), [T, E] = d(null), [D, O] = d(null), [ee, k] = d({}), [A, j] = d({}), [M, N] = d(null), [re, P] = d(null), [ie, ae] = d({}), [oe, ce] = d({}), [le, ue] = d({}), F = r?.primaryColor || "#c026d3";
 	s(() => {
 		if (u && Object.keys(u).length > 0) {
-			T((e) => ({
+			w((e) => ({
 				...u,
 				...e
 			}));
@@ -1293,26 +1405,26 @@ var ft = /* @__PURE__ */ new Set([
 			r.forEach((e) => {
 				if (e.type === "file") {
 					let r = u[e.id];
-					r && (String(r).startsWith("http://") || String(r).startsWith("https://") ? (n[e.id] = String(r), lt(r) && (t[e.id] = lt(r))) : t[e.id] = String(r));
+					r && (String(r).startsWith("http://") || String(r).startsWith("https://") ? (n[e.id] = String(r), dt(r) && (t[e.id] = dt(r))) : t[e.id] = String(r));
 				}
-			}), Object.keys(t).length > 0 && A((e) => ({
+			}), Object.keys(t).length > 0 && k((e) => ({
 				...t,
 				...e
-			})), Object.keys(n).length > 0 && M((e) => ({
+			})), Object.keys(n).length > 0 && j((e) => ({
 				...n,
 				...e
 			})), r.forEach((e) => {
 				let t = h?.[e.id];
-				t?.text ? (fe((n) => ({
+				t?.text ? (ue((n) => ({
 					[e.id]: t.text,
 					...n
-				})), ue((n) => ({
+				})), ce((n) => ({
 					[e.id]: t.text,
 					...n
-				})), oe((t) => ({
+				})), ae((t) => ({
 					[e.id]: "text",
 					...t
-				}))) : t?.serve_url && M((n) => ({
+				}))) : t?.serve_url && j((n) => ({
 					[e.id]: t.serve_url,
 					...n
 				}));
@@ -1323,8 +1435,8 @@ var ft = /* @__PURE__ */ new Set([
 		e,
 		h
 	]);
-	let I = (e, t) => {
-		T((n) => {
+	let [I, de] = d(null), fe = (e, t) => {
+		w((n) => {
 			let r = {
 				...n,
 				[e]: t
@@ -1333,67 +1445,67 @@ var ft = /* @__PURE__ */ new Set([
 		});
 	}, pe = async (t, n) => {
 		if (!_) return;
-		D(t), N(null), P(null);
-		let r = v?.getToken?.() || null, i = k[t], a = (e?.fields || []).find((e) => e.id === t);
+		E(t), N(null), P(null);
+		let r = ee[t], i = (e?.fields || []).find((e) => e.id === t);
 		try {
-			let e = await _.uploadFile(n, r, r ? null : R(), a?.label), o = e?.data?.asset_id || e?.asset_id, s = e?.data?.serve_url || e?.serve_url;
-			if (!o && !s) throw Error("Upload response missing asset_id");
-			let c = String(o || lt(s)), u = String(s || "");
-			if (A((e) => ({
+			let e = await _.uploadFile(n, null, _e(), i?.label), a = e?.data?.asset_id || e?.asset_id, o = e?.data?.serve_url || e?.serve_url;
+			if (!a && !o) throw Error("Upload response missing asset_id");
+			let s = String(a || dt(o)), c = String(o || "");
+			if (k((e) => ({
 				...e,
-				[t]: c
-			})), u && M((e) => ({
+				[t]: s
+			})), c && j((e) => ({
 				...e,
-				[t]: u
-			})), T((e) => {
+				[t]: c
+			})), w((e) => {
 				let n = {
 					...e,
-					[t]: u || c
+					[t]: c || s
 				};
 				return l?.(n), n;
-			}), b?.("file_uploaded", {
+			}), y?.("file_uploaded", {
 				fieldId: t,
-				assetId: c,
-				serveUrl: u
-			}), i && i !== c) try {
-				await _.deleteFile(lt(i) || i, r, r ? null : R()), b?.("file_deleted", {
+				assetId: s,
+				serveUrl: c
+			}), r && r !== s) try {
+				await _.deleteFile(dt(r) || r, null, _e()), y?.("file_deleted", {
 					fieldId: t,
-					assetId: i
+					assetId: r
 				});
 			} catch (e) {
 				console.warn("[DynamicForm] Could not delete old file", e);
 			}
 		} catch (e) {
 			let n = e?.message || "File upload failed. Please try again.";
-			N(n), P(t), y?.({
+			N(n), P(t), v?.({
 				type: "file_upload_error",
 				message: n,
 				error: e
 			});
 		} finally {
-			D(null);
+			E(null);
 		}
-	}, L = async (e) => {
+	}, me = async (e) => {
 		if (!_) return;
-		let t = v?.getToken?.() || null, n = k[e] || w[e], r = lt(n) || n;
-		ee(e), N(null), P(null);
+		let t = ee[e] || C[e], n = dt(t) || t;
+		O(e), N(null), P(null);
 		try {
-			r && (await _.deleteFile(r, t, t ? null : R()), b?.("file_deleted", {
+			n && (await _.deleteFile(n, null, _e()), y?.("file_deleted", {
 				fieldId: e,
-				assetId: r
-			})), A((t) => {
+				assetId: n
+			})), k((t) => {
 				let n = { ...t };
 				return delete n[e], n;
-			}), M((t) => {
+			}), j((t) => {
 				let n = { ...t };
 				return delete n[e], n;
-			}), fe((t) => {
+			}), ue((t) => {
 				let n = { ...t };
 				return delete n[e], n;
-			}), ue((t) => {
+			}), ce((t) => {
 				let n = { ...t };
 				return delete n[e], n;
-			}), T((t) => {
+			}), w((t) => {
 				let n = {
 					...t,
 					[e]: ""
@@ -1402,147 +1514,143 @@ var ft = /* @__PURE__ */ new Set([
 			});
 		} catch (t) {
 			let n = t?.message || "Failed to delete file. Please try again.";
-			N(n), P(e), y?.({
+			N(n), P(e), v?.({
 				type: "file_delete_error",
 				message: n,
 				error: t
 			});
 		} finally {
-			ee(null);
+			O(null);
 		}
-	}, me = async (t, n) => {
+	}, he = async (t, n) => {
 		if (!_ || !n.trim()) return;
-		D(t), N(null), P(null);
-		let r = v?.getToken?.() || null, i = k[t], a = (e?.fields || []).find((e) => e.id === t);
+		E(t), N(null), P(null);
+		let r = ee[t], i = (e?.fields || []).find((e) => e.id === t);
 		try {
-			let e = await _.submitTextAnswer(n.trim(), r, r ? null : R(), a?.label), o = e?.data?.asset_id || e?.asset_id;
-			if (!o) throw Error("Submission response missing asset_id");
-			let s = String(o);
-			if (A((e) => ({
+			let e = await _.submitTextAnswer(n.trim(), null, _e(), i?.label), a = e?.data?.asset_id || e?.asset_id;
+			if (!a) throw Error("Submission response missing asset_id");
+			let o = String(a);
+			if (k((e) => ({
 				...e,
-				[t]: s
-			})), M((e) => {
+				[t]: o
+			})), j((e) => {
 				let n = { ...e };
 				return delete n[t], n;
-			}), fe((e) => ({
+			}), ue((e) => ({
 				...e,
 				[t]: n.trim()
-			})), T((e) => {
+			})), w((e) => {
 				let n = {
 					...e,
-					[t]: s
+					[t]: o
 				};
 				return l?.(n), n;
-			}), b?.("file_uploaded", {
+			}), y?.("file_uploaded", {
 				fieldId: t,
-				assetId: s,
+				assetId: o,
 				isText: !0
-			}), i && i !== s) try {
-				await _.deleteFile(lt(i) || i, r, r ? null : R()), b?.("file_deleted", {
+			}), r && r !== o) try {
+				await _.deleteFile(dt(r) || r, null, _e()), y?.("file_deleted", {
 					fieldId: t,
-					assetId: i
+					assetId: r
 				});
 			} catch (e) {
 				console.warn("[DynamicForm] Could not delete old file", e);
 			}
 		} catch (e) {
 			let n = e?.message || "Could not submit your answer. Please try again.";
-			N(n), P(t), y?.({
+			N(n), P(t), v?.({
 				type: "file_upload_error",
 				message: n,
 				error: e
 			});
 		} finally {
-			D(null);
+			E(null);
 		}
-	}, R = () => {
+	}, ge = () => {
 		let t = (e?.fields || []).find((e) => e.type === "email" || (e.label || e.id || "").toLowerCase().includes("email"));
-		return String(t && w[t.id] || w.email || "").trim();
-	}, he = e?.fields || [], ge = Array.isArray(S?.items) ? S.items.filter((e) => e?.name) : [], _e = ge.filter((e) => e.mode === "optional"), z = ge.filter((e) => e.mode === "group"), ve = ge.filter((e) => e.mode !== "optional" && e.mode !== "group"), ye = z.flatMap((e) => e.options || []), B = Array.isArray(w.selected_items) ? w.selected_items : [], Se = (e, t = B) => (e.options || []).filter((e) => t.includes(e.name)).length, we = (e, t) => {
-		T((n) => {
+		return String(t && C[t.id] || C.email || "").trim();
+	}, _e = () => S && ge() || null, L = e?.fields || [], ve = Array.isArray(x?.items) ? x.items.filter((e) => e?.name) : [], ye = ve.filter((e) => e.mode === "optional"), be = ve.filter((e) => e.mode === "group"), R = ve.filter((e) => e.mode !== "optional" && e.mode !== "group"), Se = be.flatMap((e) => e.options || []), z = Array.isArray(C.selected_items) ? C.selected_items : [], Te = (e, t = z) => (e.options || []).filter((e) => t.includes(e.name)).length, Ee = (e, t) => {
+		w((n) => {
 			let r = Array.isArray(n.selected_items) ? n.selected_items : [], i = r.includes(e), a = Number(t?.max) || 0;
-			if (!i && a && Se(t, r) >= a) return n;
+			if (!i && a && Te(t, r) >= a) return n;
 			let o = {
 				...n,
 				selected_items: i ? r.filter((t) => t !== e) : [...r, e]
 			};
 			return l?.(o), o;
 		});
-	}, V = C ? null : S?.accompany_form_schema || null, H = V?.fields || [], U = Number(V?.price) || 0, W = Number(V?.max) || 0, Te = Array.isArray(w.accompanying) ? w.accompanying : [], Ee = !W || Te.length < W, K = (e) => {
-		T((t) => {
+	}, B = S ? null : x?.accompany_form_schema || null, De = B?.fields || [], Oe = Number(B?.price) || 0, Ae = Number(B?.max) || 0, V = Array.isArray(C.accompanying) ? C.accompanying : [], H = !Ae || V.length < Ae, U = (e) => {
+		w((t) => {
 			let n = Array.isArray(t.accompanying) ? t.accompanying : [], r = {
 				...t,
 				accompanying: e(n)
 			};
 			return l?.(r), r;
 		});
-	}, q = () => K((e) => [...e, {
+	}, W = () => U((e) => [...e, {
 		salutation: "",
 		name: "",
 		email: "",
 		phone: "",
 		custom_data: {}
-	}]), J = (e) => K((t) => t.filter((t, n) => n !== e)), De = (e) => ft.has(e.id) ? e.id : ut(e.id, e.label), Y = (e, t) => (ft.has(t.id) ? e[t.id] : (e.custom_data || {})[De(t)]) ?? "", Oe = (e, t, n) => K((r) => r.map((r, i) => i === e ? ft.has(t.id) ? {
+	}]), G = (e) => U((t) => t.filter((t, n) => n !== e)), je = (e) => vt.has(e.id) ? e.id : ft(e.id, e.label), Me = (e, t) => (vt.has(t.id) ? e[t.id] : (e.custom_data || {})[je(t)]) ?? "", K = (e, t, n) => U((r) => r.map((r, i) => i === e ? vt.has(t.id) ? {
 		...r,
 		[t.id]: n
 	} : {
 		...r,
 		custom_data: {
 			...r.custom_data || {},
-			[De(t)]: n
+			[je(t)]: n
 		}
-	} : r)), X = (e, t) => `guest:${e}:${t.id}`, ke = async (e, t, n) => {
+	} : r)), Ne = (e, t) => `guest:${e}:${t.id}`, q = async (e, t, n) => {
 		if (!_) return;
-		let r = X(e, t);
-		D(r), N(null), P(null);
+		let r = Ne(e, t);
+		E(r), N(null), P(null);
 		try {
-			let i = v?.getToken?.() || null, a = await _.uploadFile(n, i, i ? null : R(), t.label), o = a?.data?.serve_url || a?.serve_url || "", s = a?.data?.asset_id || a?.asset_id || "";
-			if (!o && !s) throw Error("Upload response missing asset_id");
-			Oe(e, t, String(o || s)), b?.("file_uploaded", {
+			let i = await _.uploadFile(n, null, _e(), t.label), a = i?.data?.serve_url || i?.serve_url || "", o = i?.data?.asset_id || i?.asset_id || "";
+			if (!a && !o) throw Error("Upload response missing asset_id");
+			K(e, t, String(a || o)), y?.("file_uploaded", {
 				fieldId: r,
-				assetId: s,
-				serveUrl: o
+				assetId: o,
+				serveUrl: a
 			});
 		} catch (e) {
 			let t = e?.message || "File upload failed. Please try again.";
-			N(t), P(r), y?.({
+			N(t), P(r), v?.({
 				type: "file_upload_error",
 				message: t,
 				error: e
 			});
 		} finally {
-			D(null);
+			E(null);
 		}
-	}, Ae = async (e, t) => {
+	}, J = async (e, t) => {
 		if (!_) return;
-		let n = X(e, t), r = Y(Te[e] || {}, t), i = lt(r) || r;
-		ee(n), N(null), P(null);
+		let n = Ne(e, t), r = Me(V[e] || {}, t), i = dt(r) || r;
+		O(n), N(null), P(null);
 		try {
-			if (i) {
-				let e = v?.getToken?.() || null;
-				await _.deleteFile(i, e, e ? null : R()), b?.("file_deleted", {
-					fieldId: n,
-					assetId: i
-				});
-			}
-			Oe(e, t, "");
+			i && (await _.deleteFile(i, null, _e()), y?.("file_deleted", {
+				fieldId: n,
+				assetId: i
+			})), K(e, t, "");
 		} catch (e) {
 			let t = e?.message || "Failed to delete file. Please try again.";
-			N(t), P(n), y?.({
+			N(t), P(n), v?.({
 				type: "file_delete_error",
 				message: t,
 				error: e
 			});
 		} finally {
-			ee(null);
+			O(null);
 		}
-	}, je = (e) => {
+	}, Pe = (e) => {
 		if (e.description) return e.description;
 		if (e.helperText) return e.helperText;
 		let t = (e.label || e.id || "").toLowerCase(), n = e.type;
-		return n === "email" || t.includes("email") || t.includes("mail") ? "Please enter a valid email address. Your abstract acknowledgement, review updates, and final communication will be sent to this mailbox." : n === "phone" || t.includes("phone") || t.includes("mobile") || t.includes("contact") ? "Please enter a valid mobile number for SMS confirmations and important notifications." : t.includes("council") || t.includes("registration no") || t.includes("mci") ? "Enter your State Medical Council or National Medical Commission registration number." : n === "file" || t.includes("file") || t.includes("upload") || t.includes("bonafide") || t.includes("abstract") ? "Upload your document (PDF, JPG, PNG up to 10MB) for registration review and verification." : t.includes("salutation") || t.includes("title") ? "Choose your professional title or academic prefix." : null;
-	}, Me = (e) => {
-		let t = j[e.id] || (w[e.id] && String(w[e.id]).startsWith("http") ? w[e.id] : ""), n = de[e.id], r = ae[e.id] || "file", i = E === e.id || O === e.id, a = ce[e.id] || "", o = a.trim() ? a.trim().split(/\s+/).length : 0, s = !!e.word_limit && o > e.word_limit;
+		return n === "email" ? S ? "Please enter a valid email address. Your abstract acknowledgement, review updates, and final communication will be sent to this mailbox." : "Please enter a valid email address. Your registration confirmation and event updates will be sent to this mailbox." : n === "phone" ? "Please enter a valid mobile number for SMS confirmations and important notifications." : n === "text" && (t.includes("council") || t.includes("registration no") || t.includes("mci")) ? "Enter your State Medical Council or National Medical Commission registration number." : n === "file" ? S ? "Upload your document, or answer with text instead." : "Upload your document for registration review and verification, or answer with text instead." : e.id === "salutation" ? "Choose your professional title or academic prefix." : null;
+	}, Y = (e) => {
+		let t = A[e.id] || (C[e.id] && String(C[e.id]).startsWith("http") ? C[e.id] : ""), n = le[e.id], r = ie[e.id] || "file", i = T === e.id || D === e.id, a = oe[e.id] || "", o = a.trim() ? a.trim().split(/\s+/).length : 0, s = !!e.word_limit && o > e.word_limit;
 		return /* @__PURE__ */ p("div", {
 			className: "space-y-2 mt-2",
 			children: /* @__PURE__ */ m("div", {
@@ -1560,7 +1668,7 @@ var ft = /* @__PURE__ */ new Set([
 									borderColor: g ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${F} 25%, white)`,
 									color: F
 								},
-								children: /* @__PURE__ */ p(Ce, { size: 18 })
+								children: /* @__PURE__ */ p(we, { size: 18 })
 							}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 								className: `text-xs font-bold ${g ? "text-zinc-200" : "text-gray-900"}`,
 								children: e.label
@@ -1571,7 +1679,7 @@ var ft = /* @__PURE__ */ new Set([
 						}), /* @__PURE__ */ p("button", {
 							type: "button",
 							disabled: i,
-							onClick: () => oe((t) => ({
+							onClick: () => ae((t) => ({
 								...t,
 								[e.id]: r === "file" ? "text" : "file"
 							})),
@@ -1580,7 +1688,7 @@ var ft = /* @__PURE__ */ new Set([
 								color: F,
 								borderColor: `color-mix(in srgb, ${F} 35%, transparent)`
 							},
-							children: r === "file" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(xe, { size: 11 }), " Send text only"] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p($e, { size: 11 }), " Send file"] })
+							children: r === "file" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ce, { size: 11 }), " Send text only"] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(tt, { size: 11 }), " Send file"] })
 						})]
 					}),
 					r === "file" ? /* @__PURE__ */ m("div", {
@@ -1599,10 +1707,10 @@ var ft = /* @__PURE__ */ new Set([
 								}
 							}), /* @__PURE__ */ m("div", {
 								className: `flex items-center gap-1.5 py-2 px-3.5 rounded-xl text-xs font-semibold border transition-all shadow-2xs ${g ? "border-zinc-700 hover:border-zinc-600 text-zinc-200 bg-zinc-800 hover:bg-zinc-750" : "border-slate-200 hover:border-slate-300 text-slate-700 bg-white hover:bg-slate-50"}`,
-								children: [/* @__PURE__ */ p($e, {
+								children: [/* @__PURE__ */ p(tt, {
 									size: 14,
 									style: { color: F }
-								}), /* @__PURE__ */ p("span", { children: E === e.id ? "Uploading..." : t ? "Replace File" : "Choose File" })]
+								}), /* @__PURE__ */ p("span", { children: T === e.id ? "Uploading..." : t ? "Replace File" : "Choose File" })]
 							})]
 						}), t && typeof t == "string" && t.trim() !== "" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
 							type: "button",
@@ -1611,17 +1719,17 @@ var ft = /* @__PURE__ */ new Set([
 							style: { backgroundColor: F },
 							title: "Open file in new tab",
 							children: [
-								/* @__PURE__ */ p(xe, { size: 13 }),
+								/* @__PURE__ */ p(Ce, { size: 13 }),
 								/* @__PURE__ */ p("span", { children: "View" }),
-								/* @__PURE__ */ p(be, { size: 11 })
+								/* @__PURE__ */ p(xe, { size: 11 })
 							]
 						}), /* @__PURE__ */ m("button", {
 							type: "button",
-							disabled: O === e.id || E === e.id,
-							onClick: () => L(e.id),
+							disabled: D === e.id || T === e.id,
+							onClick: () => me(e.id),
 							className: `flex items-center gap-1 py-2 px-3 rounded-xl text-xs font-semibold border transition-colors cursor-pointer ${g ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100"}`,
 							title: "Delete uploaded file",
-							children: [/* @__PURE__ */ p(Ze, { size: 13 }), /* @__PURE__ */ p("span", { children: O === e.id ? "Deleting..." : "Delete" })]
+							children: [/* @__PURE__ */ p(et, { size: 13 }), /* @__PURE__ */ p("span", { children: D === e.id ? "Deleting..." : "Delete" })]
 						})] })]
 					}) : /* @__PURE__ */ m("div", {
 						className: `mt-3 pt-3 border-t space-y-2 ${g ? "border-zinc-800" : "border-slate-200"}`,
@@ -1630,7 +1738,7 @@ var ft = /* @__PURE__ */ new Set([
 							rows: 3,
 							disabled: i || !!n,
 							value: n ?? a,
-							onChange: (t) => ue((n) => ({
+							onChange: (t) => ce((n) => ({
 								...n,
 								[e.id]: t.target.value
 							})),
@@ -1649,16 +1757,16 @@ var ft = /* @__PURE__ */ new Set([
 							}) : /* @__PURE__ */ p("span", {}), n ? /* @__PURE__ */ m("button", {
 								type: "button",
 								disabled: i,
-								onClick: () => L(e.id),
+								onClick: () => me(e.id),
 								className: `flex items-center gap-1 py-2 px-3 rounded-xl text-xs font-semibold border transition-colors cursor-pointer ${g ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100"}`,
-								children: [/* @__PURE__ */ p(Ze, { size: 13 }), /* @__PURE__ */ p("span", { children: O === e.id ? "Clearing..." : "Clear & Re-enter" })]
+								children: [/* @__PURE__ */ p(et, { size: 13 }), /* @__PURE__ */ p("span", { children: D === e.id ? "Clearing..." : "Clear & Re-enter" })]
 							}) : /* @__PURE__ */ m("button", {
 								type: "button",
 								disabled: i || !a.trim(),
-								onClick: () => me(e.id, a),
+								onClick: () => he(e.id, a),
 								style: { backgroundColor: F },
 								className: "flex items-center gap-1.5 px-4 py-2 rounded-xl text-xs font-bold text-white shadow-sm hover:opacity-90 transition-all cursor-pointer disabled:opacity-50",
-								children: [/* @__PURE__ */ p($e, { size: 13 }), /* @__PURE__ */ p("span", { children: E === e.id ? "Submitting..." : "Submit Text" })]
+								children: [/* @__PURE__ */ p(tt, { size: 13 }), /* @__PURE__ */ p("span", { children: T === e.id ? "Submitting..." : "Submit Text" })]
 							})]
 						})]
 					}),
@@ -1672,16 +1780,16 @@ var ft = /* @__PURE__ */ new Set([
 							children: ["Attached: ", t]
 						})]
 					}),
-					ne && ie === e.id && /* @__PURE__ */ p("div", {
+					M && re === e.id && /* @__PURE__ */ p("div", {
 						className: "text-xs text-red-500 mt-2 font-medium",
-						children: ne
+						children: M
 					})
 				]
 			})
 		});
-	}, Ne = (e) => {
+	}, X = (e) => {
 		if (!e) return null;
-		let t = w[e.id] ?? "", n = je(e), r = e.type === "email" || (e.label || "").toLowerCase().includes("email"), i = (e.label || "").toLowerCase().includes("name"), a = `vx-field-${e.id}`, o = `w-full px-4 py-3 text-[15px] font-medium rounded-xl border transition-all focus:outline-none ${g ? "bg-zinc-900 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`;
+		let t = C[e.id] ?? "", n = Pe(e), r = e.type === "email", i = e.id === "name", a = `vx-field-${e.id}`, o = `w-full px-4 py-3 text-[15px] font-medium rounded-xl border transition-all focus:outline-none ${g ? "bg-zinc-900 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`;
 		return /* @__PURE__ */ m("div", {
 			part: "field",
 			className: "px-5 sm:px-8 py-5 sm:py-6",
@@ -1704,46 +1812,23 @@ var ft = /* @__PURE__ */ new Set([
 					children: n
 				}),
 				!n && /* @__PURE__ */ p("div", { className: "h-1.5" }),
-				e.type === "select" ? /* @__PURE__ */ m("div", {
-					className: "relative",
-					children: [/* @__PURE__ */ m("select", {
-						part: "input select",
-						id: a,
-						required: e.required,
-						value: t,
-						onChange: (t) => I(e.id, t.target.value),
-						className: `${o} pr-10 appearance-none cursor-pointer`,
-						children: [/* @__PURE__ */ p("option", {
-							value: "",
-							className: g ? "bg-zinc-900 text-white" : "bg-white text-slate-900",
-							children: e.placeholder || `Select ${e.label}...`
-						}), (e.options || []).map((e) => /* @__PURE__ */ p("option", {
-							value: e,
-							className: g ? "bg-zinc-900 text-white" : "bg-white text-slate-900",
-							children: e
-						}, e))]
-					}), /* @__PURE__ */ p("div", {
-						className: `absolute inset-y-0 right-0 flex items-center pr-3.5 pointer-events-none ${g ? "text-zinc-400" : "text-slate-400"}`,
-						children: /* @__PURE__ */ p(le, { size: 16 })
-					})]
-				}) : e.type === "file" ? Me(e) : /* @__PURE__ */ p("input", {
-					part: "input",
+				e.type === "file" ? Y(e) : /* @__PURE__ */ p(_t, {
+					field: e,
 					id: a,
-					type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : e.type === "number" ? "number" : "text",
-					required: e.required,
 					value: t,
-					placeholder: e.placeholder || (r ? "Enter your email address" : i ? "Your full name" : `Enter your ${e.label.toLowerCase()}`),
-					onChange: (t) => I(e.id, t.target.value),
-					className: o
+					onChange: (t) => fe(e.id, t),
+					className: o,
+					isDark: g,
+					placeholder: e.placeholder || (r ? "Enter your email address" : i ? "Your full name" : `Enter your ${(e.label || "").toLowerCase()}`)
 				})
 			]
 		}, e.id);
-	}, Pe = (e, t, n) => {
-		let r = X(t, e), i = E === r || O === r;
+	}, Fe = (e, t, n) => {
+		let r = Ne(t, e), i = T === r || D === r;
 		return /* @__PURE__ */ m("div", { children: [n ? /* @__PURE__ */ m("div", {
 			className: `flex items-center gap-2 px-3 py-2.5 rounded-xl border ${g ? "border-zinc-700 bg-zinc-900" : "border-slate-200 bg-white"}`,
 			children: [
-				/* @__PURE__ */ p(xe, {
+				/* @__PURE__ */ p(Ce, {
 					size: 15,
 					className: "shrink-0",
 					style: { color: F }
@@ -1758,32 +1843,32 @@ var ft = /* @__PURE__ */ new Set([
 				/* @__PURE__ */ p("button", {
 					type: "button",
 					disabled: i,
-					onClick: () => Ae(t, e),
+					onClick: () => J(t, e),
 					title: "Remove file",
 					className: `shrink-0 p-1 rounded-lg cursor-pointer disabled:opacity-40 ${g ? "text-zinc-500 hover:text-red-400" : "text-slate-400 hover:text-red-500"}`,
-					children: /* @__PURE__ */ p(Ze, { size: 14 })
+					children: /* @__PURE__ */ p(et, { size: 14 })
 				})
 			]
 		}) : /* @__PURE__ */ m("label", {
 			className: `flex items-center justify-center gap-2 px-3 py-2.5 rounded-xl border border-dashed cursor-pointer text-xs font-semibold transition-opacity hover:opacity-80 ${g ? "border-zinc-700 text-zinc-300" : "border-slate-300 text-slate-600"} ${i ? "opacity-50 pointer-events-none" : ""}`,
 			children: [
-				/* @__PURE__ */ p($e, { size: 14 }),
+				/* @__PURE__ */ p(tt, { size: 14 }),
 				i ? "Uploading..." : "Choose file",
 				/* @__PURE__ */ p("input", {
 					type: "file",
 					className: "hidden",
 					onChange: (n) => {
 						let r = n.target.files?.[0];
-						r && ke(t, e, r), n.target.value = "";
+						r && q(t, e, r), n.target.value = "";
 					}
 				})
 			]
-		}), ne && ie === r && /* @__PURE__ */ p("div", {
+		}), M && re === r && /* @__PURE__ */ p("div", {
 			className: "text-xs text-red-500 mt-1.5 font-medium",
-			children: ne
+			children: M
 		})] });
 	}, Ie = (e, t, n) => {
-		let r = Y(t, e), i = `w-full px-3.5 py-2.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${g ? "bg-zinc-900 border-zinc-700 text-white placeholder:text-zinc-500 focus:border-(--vx-accent)" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 focus:border-(--vx-accent)"}`;
+		let r = Me(t, e), i = `w-full px-3.5 py-2.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${g ? "bg-zinc-900 border-zinc-700 text-white placeholder:text-zinc-500 focus:border-(--vx-accent)" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 focus:border-(--vx-accent)"}`;
 		return /* @__PURE__ */ m("label", {
 			part: "field",
 			className: "block",
@@ -1793,58 +1878,39 @@ var ft = /* @__PURE__ */ new Set([
 					className: "text-red-500 ml-0.5",
 					children: "*"
 				})]
-			}), e.type === "file" ? Pe(e, n, String(r || "")) : e.type === "select" ? /* @__PURE__ */ m("select", {
-				part: "input select",
-				value: r,
-				required: e.required,
-				onChange: (t) => Oe(n, e, t.target.value),
-				className: `${i} cursor-pointer`,
-				children: [/* @__PURE__ */ p("option", {
-					value: "",
-					children: e.placeholder || `Select ${e.label}...`
-				}), (e.options || []).map((e) => /* @__PURE__ */ p("option", {
-					value: e,
-					className: g ? "bg-zinc-900 text-white" : "bg-white text-slate-900",
-					children: e
-				}, e))]
-			}) : e.type === "textarea" ? /* @__PURE__ */ p("textarea", {
-				part: "input",
-				rows: 3,
-				value: r,
-				required: e.required,
-				placeholder: e.placeholder || "",
-				onChange: (t) => Oe(n, e, t.target.value),
-				className: i
-			}) : /* @__PURE__ */ p("input", {
-				part: "input",
-				type: e.type === "phone" ? "tel" : [
-					"email",
-					"number",
-					"date"
-				].includes(e.type) ? e.type : "text",
+			}), e.type === "file" ? Fe(e, n, String(r || "")) : /* @__PURE__ */ p(_t, {
+				field: e,
 				value: r,
-				required: e.required,
-				placeholder: e.placeholder || "",
-				onChange: (t) => Oe(n, e, t.target.value),
-				className: i
+				onChange: (t) => K(n, e, t),
+				className: i,
+				isDark: g
 			})]
 		}, e.id);
 	}, Re = (e) => {
-		e.preventDefault();
-		for (let e of he) if (e.type === "file" && e.required && !w[e.id]) {
+		e.preventDefault(), de(null);
+		for (let e of L) if (e.type === "file" && e.required && !C[e.id]) {
 			N(`Please upload ${e.label || "a file"}`), P(e.id);
 			return;
 		}
-		for (let e = 0; e < Te.length; e++) for (let t of H) if (t.type === "file" && t.required && !Y(Te[e], t)) {
-			N(`Please upload ${t.label || "a file"} for guest ${e + 1}`), P(X(e, t));
+		for (let e = 0; e < V.length; e++) for (let t of De) if (t.type === "file" && t.required && !Me(V[e], t)) {
+			N(`Please upload ${t.label || "a file"} for guest ${e + 1}`), P(Ne(e, t));
 			return;
 		}
-		t(w);
-	}, ze = S?.type || S?.name || S?.label || (C ? "Abstract Submission Form" : "Registration Form"), Be = (e) => [S?.currency, e.toLocaleString()].filter(Boolean).join(" "), Z = [..._e, ...ye].filter((e) => B.includes(e.name)).reduce((e, t) => e + (Number(t.price) || 0), 0), Q = (Number(S?.price) || 0) + Z + U * Te.length, Ve = S ? Q > 0 ? Be(Q) : "Free" : null;
+		let n = ht(L, (e) => C[e.id]);
+		for (let e = 0; !n && e < V.length; e++) {
+			let t = ht(De, (t) => Me(V[e], t));
+			t && (n = `Guest ${e + 1}: ${t}`);
+		}
+		if (n) {
+			de(n);
+			return;
+		}
+		t(C);
+	}, Be = x?.type || x?.name || x?.label || (S ? "Abstract Submission Form" : "Registration Form"), Ve = (e) => [x?.currency, e.toLocaleString()].filter(Boolean).join(" "), He = [...ye, ...Se].filter((e) => z.includes(e.name)).reduce((e, t) => e + (Number(t.price) || 0), 0), Ue = (Number(x?.price) || 0) + He + Oe * V.length, We = x ? Ue > 0 ? Ve(Ue) : "Free" : null;
 	return /* @__PURE__ */ m("div", {
 		part: "form-page",
 		className: `w-full flex-1 flex flex-col relative ${g ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"}`,
-		style: x,
+		style: b,
 		children: [/* @__PURE__ */ p("div", {
 			part: "form-header",
 			className: `sticky top-0 z-30 px-4 sm:px-6 py-3 border-b backdrop-blur-xl transition-colors ${g ? "bg-zinc-900/85 border-zinc-800" : "bg-white/85 border-slate-200/80"}`,
@@ -1858,30 +1924,30 @@ var ft = /* @__PURE__ */ new Set([
 					children: [/* @__PURE__ */ p(te, { size: 16 }), /* @__PURE__ */ p("span", { children: "All forms" })]
 				}), /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-2 min-w-0",
-					children: [S && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
+					children: [x && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
 						part: "form-type-name",
-						title: ze,
+						title: Be,
 						className: `hidden sm:inline-block truncate max-w-[16rem] text-xs font-semibold px-3 py-1.5 rounded-full ${g ? "bg-zinc-800 text-zinc-200" : "bg-slate-100 text-slate-700"}`,
-						children: ze
-					}), !C && /* @__PURE__ */ p("span", {
+						children: Be
+					}), !S && /* @__PURE__ */ p("span", {
 						part: "form-type-price",
 						className: "shrink-0 text-xs font-bold px-3 py-1.5 rounded-full tabular-nums",
 						style: {
 							backgroundColor: `color-mix(in srgb, ${F} 12%, transparent)`,
 							color: F
 						},
-						children: Ve
+						children: We
 					})] }), i === "popup" && /* @__PURE__ */ m("div", {
 						className: `flex items-center gap-1.5 ml-2 border-l pl-2 ${g ? "border-zinc-700" : "border-slate-200"}`,
 						children: [/* @__PURE__ */ p("button", {
 							onClick: o,
 							className: "p-1.5 opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
 							title: a ? "Minimize" : "Expand",
-							children: p(a ? Le : Fe, { size: 16 })
+							children: p(a ? ze : Le, { size: 16 })
 						}), /* @__PURE__ */ p("button", {
 							onClick: c,
 							className: "p-1.5 opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-							children: /* @__PURE__ */ p(st, { size: 18 })
+							children: /* @__PURE__ */ p(lt, { size: 18 })
 						})]
 					})]
 				})]
@@ -1899,12 +1965,12 @@ var ft = /* @__PURE__ */ new Set([
 						children: [/* @__PURE__ */ p("p", {
 							className: "text-xs font-semibold uppercase tracking-wider",
 							style: { color: F },
-							children: C ? "Abstract submission" : "Registration form"
+							children: S ? "Abstract submission" : "Registration form"
 						}), /* @__PURE__ */ p("h2", {
 							part: "form-title",
 							className: `mt-1.5 text-2xl sm:text-3xl font-bold tracking-tight ${g ? "text-white" : "text-slate-900"}`,
 							style: $,
-							children: ze
+							children: Be
 						})]
 					}),
 					u && Object.keys(u).length > 0 && /* @__PURE__ */ m("div", {
@@ -1927,7 +1993,7 @@ var ft = /* @__PURE__ */ new Set([
 						children: [/* @__PURE__ */ p("div", {
 							className: "shrink-0 mt-0.5",
 							style: { color: F },
-							children: /* @__PURE__ */ p(G, { size: 18 })
+							children: /* @__PURE__ */ p(ke, { size: 18 })
 						}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
 							part: "notice-title",
 							className: "text-xs font-bold uppercase tracking-wider",
@@ -1948,9 +2014,9 @@ var ft = /* @__PURE__ */ new Set([
 					/* @__PURE__ */ p("div", {
 						part: "form-card",
 						className: `rounded-3xl border overflow-hidden divide-y ${g ? "bg-zinc-900 border-zinc-800 divide-zinc-800" : "bg-white border-slate-200/80 divide-slate-100 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-16px_rgba(15,23,42,0.12)]"}`,
-						children: he.map((e) => Ne(e))
+						children: L.map((e) => X(e))
 					}),
-					!C && ge.length > 0 && /* @__PURE__ */ m("div", {
+					!S && ve.length > 0 && /* @__PURE__ */ m("div", {
 						part: "addons-card",
 						className: `rounded-3xl border overflow-hidden ${g ? "bg-zinc-900 border-zinc-800" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-16px_rgba(15,23,42,0.12)]"}`,
 						children: [
@@ -1962,7 +2028,7 @@ var ft = /* @__PURE__ */ new Set([
 										backgroundColor: `color-mix(in srgb, ${F} 12%, transparent)`,
 										color: F
 									},
-									children: /* @__PURE__ */ p(Ye, { size: 17 })
+									children: /* @__PURE__ */ p(Qe, { size: 17 })
 								}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
 									part: "addons-title",
 									className: `text-sm font-semibold ${g ? "text-zinc-100" : "text-slate-900"}`,
@@ -1970,14 +2036,14 @@ var ft = /* @__PURE__ */ new Set([
 									children: "Add-ons"
 								}), /* @__PURE__ */ p("p", {
 									className: `text-xs ${g ? "text-zinc-400" : "text-slate-500"}`,
-									children: _e.length > 0 || z.length > 0 ? "Optional extras — charges are added to your total." : "Included with this registration."
+									children: ye.length > 0 || be.length > 0 ? "Optional extras — charges are added to your total." : "Included with this registration."
 								})] })]
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "px-5 sm:px-8 pb-5 sm:pb-6 space-y-2",
 								children: [
-									_e.map((e) => {
-										let t = B.includes(e.name);
+									ye.map((e) => {
+										let t = z.includes(e.name);
 										return /* @__PURE__ */ m("label", {
 											part: t ? "addon addon-selected" : "addon",
 											className: `p-3.5 rounded-2xl border flex items-center gap-3 cursor-pointer transition-all ${t ? "" : g ? "border-zinc-800 bg-zinc-900 hover:border-zinc-700" : "border-slate-200 bg-white hover:border-slate-300"}`,
@@ -1989,7 +2055,7 @@ var ft = /* @__PURE__ */ new Set([
 												/* @__PURE__ */ p("input", {
 													type: "checkbox",
 													checked: t,
-													onChange: () => we(e.name),
+													onChange: () => Ee(e.name),
 													className: "w-4 h-4 rounded cursor-pointer shrink-0",
 													style: { accentColor: F }
 												}),
@@ -2000,13 +2066,13 @@ var ft = /* @__PURE__ */ new Set([
 												/* @__PURE__ */ p("span", {
 													className: "shrink-0 text-[13px] font-bold tabular-nums",
 													style: { color: F },
-													children: Number(e.price) > 0 ? `+ ${Be(Number(e.price))}` : "Free"
+													children: Number(e.price) > 0 ? `+ ${Ve(Number(e.price))}` : "Free"
 												})
 											]
 										}, e.name);
 									}),
-									z.map((e) => {
-										let t = Number(e.max) || 0, n = Se(e), r = t > 0 && n >= t;
+									be.map((e) => {
+										let t = Number(e.max) || 0, n = Te(e), r = t > 0 && n >= t;
 										return /* @__PURE__ */ m("div", {
 											part: "addon-group",
 											className: "pt-1",
@@ -2027,7 +2093,7 @@ var ft = /* @__PURE__ */ new Set([
 											}), /* @__PURE__ */ p("div", {
 												className: "space-y-2",
 												children: (e.options || []).map((t) => {
-													let n = B.includes(t.name), i = r && !n;
+													let n = z.includes(t.name), i = r && !n;
 													return /* @__PURE__ */ m("label", {
 														part: n ? "addon addon-selected" : "addon",
 														className: `p-3.5 rounded-2xl border flex items-center gap-3 transition-all ${i ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} ${n ? "" : g ? "border-zinc-800 bg-zinc-900 hover:border-zinc-700" : "border-slate-200 bg-white hover:border-slate-300"}`,
@@ -2040,7 +2106,7 @@ var ft = /* @__PURE__ */ new Set([
 																type: "checkbox",
 																checked: n,
 																disabled: i,
-																onChange: () => we(t.name, e),
+																onChange: () => Ee(t.name, e),
 																className: "w-4 h-4 rounded cursor-pointer shrink-0 disabled:cursor-not-allowed",
 																style: { accentColor: F }
 															}),
@@ -2051,7 +2117,7 @@ var ft = /* @__PURE__ */ new Set([
 															/* @__PURE__ */ p("span", {
 																className: "shrink-0 text-[13px] font-bold tabular-nums",
 																style: { color: F },
-																children: Number(t.price) > 0 ? `+ ${Be(Number(t.price))}` : "Free"
+																children: Number(t.price) > 0 ? `+ ${Ve(Number(t.price))}` : "Free"
 															})
 														]
 													}, t.name);
@@ -2059,7 +2125,7 @@ var ft = /* @__PURE__ */ new Set([
 											})]
 										}, e.name);
 									}),
-									ve.map((e) => /* @__PURE__ */ m("div", {
+									R.map((e) => /* @__PURE__ */ m("div", {
 										part: "addon addon-included",
 										className: `p-3.5 rounded-2xl border flex items-center gap-3 ${g ? "border-zinc-800 bg-zinc-950/60" : "border-slate-200 bg-slate-50"}`,
 										children: [
@@ -2079,7 +2145,7 @@ var ft = /* @__PURE__ */ new Set([
 									}, e.name))
 								]
 							}),
-							Q > 0 && /* @__PURE__ */ m("div", {
+							Ue > 0 && /* @__PURE__ */ m("div", {
 								className: `px-5 sm:px-8 py-4 border-t flex items-center justify-between gap-3 ${g ? "border-zinc-800 bg-zinc-950/40" : "border-slate-100 bg-slate-50/70"}`,
 								children: [/* @__PURE__ */ p("span", {
 									className: `text-sm font-semibold ${g ? "text-zinc-300" : "text-slate-600"}`,
@@ -2087,12 +2153,12 @@ var ft = /* @__PURE__ */ new Set([
 								}), /* @__PURE__ */ p("span", {
 									className: "text-base font-bold tabular-nums",
 									style: { color: F },
-									children: Be(Q)
+									children: Ve(Ue)
 								})]
 							})
 						]
 					}),
-					V && /* @__PURE__ */ m("div", {
+					B && /* @__PURE__ */ m("div", {
 						part: "accompany-card",
 						className: `rounded-3xl border overflow-hidden ${g ? "bg-zinc-900 border-zinc-800" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-16px_rgba(15,23,42,0.12)]"}`,
 						children: [/* @__PURE__ */ m("div", {
@@ -2103,7 +2169,7 @@ var ft = /* @__PURE__ */ new Set([
 									backgroundColor: `color-mix(in srgb, ${F} 12%, transparent)`,
 									color: F
 								},
-								children: /* @__PURE__ */ p(at, { size: 17 })
+								children: /* @__PURE__ */ p(st, { size: 17 })
 							}), /* @__PURE__ */ m("div", {
 								className: "min-w-0",
 								children: [/* @__PURE__ */ p("h3", {
@@ -2113,12 +2179,12 @@ var ft = /* @__PURE__ */ new Set([
 									children: "Accompanying people"
 								}), /* @__PURE__ */ m("p", {
 									className: `text-xs ${g ? "text-zinc-400" : "text-slate-500"}`,
-									children: [U > 0 ? `${Be(U)} per guest` : "No extra charge", W ? ` · up to ${W}` : ""]
+									children: [Oe > 0 ? `${Ve(Oe)} per guest` : "No extra charge", Ae ? ` · up to ${Ae}` : ""]
 								})]
 							})]
 						}), /* @__PURE__ */ m("div", {
 							className: "px-5 sm:px-8 pb-5 sm:pb-6 space-y-3",
-							children: [Te.map((e, t) => /* @__PURE__ */ m("div", {
+							children: [V.map((e, t) => /* @__PURE__ */ m("div", {
 								part: "accompany-guest",
 								className: `rounded-2xl border p-4 ${g ? "border-zinc-800 bg-zinc-950/60" : "border-slate-200 bg-slate-50/70"}`,
 								children: [/* @__PURE__ */ m("div", {
@@ -2128,68 +2194,209 @@ var ft = /* @__PURE__ */ new Set([
 										children: ["Guest ", t + 1]
 									}), /* @__PURE__ */ p("button", {
 										type: "button",
-										onClick: () => J(t),
+										onClick: () => G(t),
 										title: "Remove guest",
 										className: `shrink-0 p-1.5 rounded-lg cursor-pointer transition-colors ${g ? "text-zinc-500 hover:text-red-400" : "text-slate-400 hover:text-red-500"}`,
-										children: /* @__PURE__ */ p(Ze, { size: 15 })
+										children: /* @__PURE__ */ p(et, { size: 15 })
 									})]
 								}), /* @__PURE__ */ p("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-									children: H.map((n) => Ie(n, e, t))
+									children: De.map((n) => Ie(n, e, t))
 								})]
 							}, t)), /* @__PURE__ */ m("button", {
 								type: "button",
-								onClick: q,
-								disabled: !Ee,
+								onClick: W,
+								disabled: !H,
 								style: {
 									borderColor: F,
 									color: F
 								},
 								className: "w-full h-12 rounded-2xl border border-dashed text-sm font-semibold flex items-center justify-center gap-2 transition-opacity hover:opacity-80 cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed",
-								children: [/* @__PURE__ */ p(tt, { size: 16 }), Ee ? "Add guest" : `Limit of ${W} reached`]
+								children: [/* @__PURE__ */ p(rt, { size: 16 }), H ? "Add guest" : `Limit of ${Ae} reached`]
 							})]
 						})]
 					}),
 					/* @__PURE__ */ m("div", {
 						className: "pt-2 pb-10",
-						children: [/* @__PURE__ */ m("button", {
-							part: "button button-primary submit-button",
-							type: "submit",
-							disabled: E !== null || O !== null,
-							style: {
-								background: `linear-gradient(135deg, ${F}, color-mix(in srgb, ${F} 80%, black))`,
-								boxShadow: `0 12px 28px -12px color-mix(in srgb, ${F} 70%, transparent)`
-							},
-							className: "group w-full h-14 px-8 text-base font-semibold text-white rounded-2xl hover:brightness-110 active:scale-[0.99] transition-all cursor-pointer flex items-center justify-center gap-2.5 disabled:opacity-50 disabled:cursor-not-allowed",
-							children: [/* @__PURE__ */ p("span", { children: C ? "Submit Abstract" : "Complete Registration" }), /* @__PURE__ */ p(re, {
-								size: 18,
-								className: "transition-transform group-hover:translate-x-0.5"
-							})]
-						}), /* @__PURE__ */ p("p", {
-							className: `mt-3 text-center text-xs ${g ? "text-zinc-500" : "text-slate-400"}`,
-							children: "Please review your details before submitting."
-						})]
+						children: [
+							I && /* @__PURE__ */ p("div", {
+								part: "form-error",
+								role: "alert",
+								className: "mb-3 text-sm font-medium text-red-500 text-center",
+								children: I
+							}),
+							/* @__PURE__ */ m("button", {
+								part: "button button-primary submit-button",
+								type: "submit",
+								disabled: T !== null || D !== null,
+								style: {
+									background: `linear-gradient(135deg, ${F}, color-mix(in srgb, ${F} 80%, black))`,
+									boxShadow: `0 12px 28px -12px color-mix(in srgb, ${F} 70%, transparent)`
+								},
+								className: "group w-full h-14 px-8 text-base font-semibold text-white rounded-2xl hover:brightness-110 active:scale-[0.99] transition-all cursor-pointer flex items-center justify-center gap-2.5 disabled:opacity-50 disabled:cursor-not-allowed",
+								children: [/* @__PURE__ */ p("span", { children: S ? "Submit Abstract" : "Complete Registration" }), /* @__PURE__ */ p(ne, {
+									size: 18,
+									className: "transition-transform group-hover:translate-x-0.5"
+								})]
+							}),
+							/* @__PURE__ */ p("p", {
+								className: `mt-3 text-center text-xs ${g ? "text-zinc-500" : "text-slate-400"}`,
+								children: "Please review your details before submitting."
+							})
+						]
 					})
 				]
 			})
 		})]
 	});
-}, mt = /* @__PURE__ */ new Set([
+}, bt = ({ qrUrl: e, schema: t, amount: n, currency: r, registrationNumber: i, apiClient: a, primaryColor: o, isDark: s, onSubmitted: c }) => {
+	let [l, u] = d({}), [f, h] = d({}), [g, _] = d(null), [v, y] = d(!1), [b, x] = d(null), S = `w-full px-3 py-2.5 rounded-lg border text-sm outline-none transition-colors ${s ? "bg-zinc-900 border-zinc-700 text-white placeholder-zinc-500 focus:border-zinc-500" : "bg-white border-gray-300 text-gray-900 placeholder-gray-400 focus:border-gray-500"}`, C = async (e, t) => {
+		_(e.id), x(null);
+		try {
+			let n = await a.uploadFile(t, null, null, e.label), r = n?.data?.asset_id || n?.asset_id;
+			if (!r) throw Error("Upload response missing asset_id");
+			u((t) => ({
+				...t,
+				[e.id]: r
+			})), h((n) => ({
+				...n,
+				[e.id]: t.name
+			}));
+		} catch (e) {
+			x(e?.message || "File upload failed. Please try again.");
+		} finally {
+			_(null);
+		}
+	};
+	return /* @__PURE__ */ m("div", {
+		part: "custom-qr",
+		className: "w-full max-w-sm text-left",
+		children: [
+			e && /* @__PURE__ */ m("div", {
+				className: `flex flex-col items-center p-4 mb-5 rounded-xl border ${s ? "bg-zinc-900 border-zinc-700" : "bg-gray-50 border-gray-200"}`,
+				children: [
+					/* @__PURE__ */ p("img", {
+						part: "custom-qr-image",
+						src: e,
+						alt: "Payment QR code",
+						className: "w-44 h-44 object-contain rounded-lg bg-white p-2"
+					}),
+					n && /* @__PURE__ */ m("p", {
+						className: `mt-3 text-lg font-bold ${s ? "text-white" : "text-gray-900"}`,
+						style: $,
+						children: [
+							r,
+							" ",
+							n
+						]
+					}),
+					/* @__PURE__ */ p("p", {
+						className: `mt-1 text-xs text-center ${s ? "text-zinc-400" : "text-gray-500"}`,
+						children: "Scan the code to pay, then fill in the details below."
+					})
+				]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "space-y-4",
+				children: t.map((e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("label", {
+					className: `block text-xs font-bold mb-1.5 ${s ? "text-zinc-300" : "text-gray-700"}`,
+					children: [e.label, e.is_required && /* @__PURE__ */ p("span", {
+						className: "text-red-500 ml-1",
+						children: "*"
+					})]
+				}), e.type === "file" ? /* @__PURE__ */ m("label", {
+					part: "custom-qr-file",
+					className: `flex items-center gap-2 px-3 py-2.5 rounded-lg border border-dashed cursor-pointer text-sm transition-colors ${s ? "border-zinc-700 text-zinc-300 hover:border-zinc-500" : "border-gray-300 text-gray-600 hover:border-gray-500"}`,
+					children: [
+						g === e.id ? /* @__PURE__ */ p(G, {
+							size: 15,
+							className: "animate-spin shrink-0"
+						}) : l[e.id] ? /* @__PURE__ */ p(se, {
+							size: 15,
+							className: "shrink-0",
+							style: { color: o }
+						}) : /* @__PURE__ */ p(tt, {
+							size: 15,
+							className: "shrink-0"
+						}),
+						/* @__PURE__ */ p("span", {
+							className: "truncate",
+							children: g === e.id ? "Uploading…" : f[e.id] || "Choose a file"
+						}),
+						/* @__PURE__ */ p("input", {
+							type: "file",
+							className: "hidden",
+							disabled: g === e.id || v,
+							onChange: (t) => {
+								let n = t.target.files?.[0];
+								n && C(e, n);
+							}
+						})
+					]
+				}) : /* @__PURE__ */ p("input", {
+					type: e.type === "number" ? "number" : "text",
+					className: S,
+					value: l[e.id] ?? "",
+					disabled: v,
+					onChange: (t) => u((n) => ({
+						...n,
+						[e.id]: t.target.value
+					}))
+				})] }, e.id))
+			}),
+			b && /* @__PURE__ */ p("p", {
+				part: "custom-qr-error",
+				className: "mt-3 text-sm text-red-500",
+				children: b
+			}),
+			/* @__PURE__ */ m("button", {
+				part: "button button-primary",
+				type: "button",
+				onClick: async () => {
+					let e = t.find((e) => e.is_required && !String(l[e.id] ?? "").trim());
+					if (e) {
+						x(`${e.label} is required.`);
+						return;
+					}
+					if (!i) {
+						x("Registration number missing — please reload and try again.");
+						return;
+					}
+					y(!0), x(null);
+					try {
+						await a.submitCustomQrPayment(i, l), c(l);
+					} catch (e) {
+						x(e?.message || "Could not submit your payment details. Please try again.");
+					} finally {
+						y(!1);
+					}
+				},
+				disabled: v || !!g,
+				style: { backgroundColor: o },
+				className: "mt-5 w-full flex items-center justify-center gap-2 font-bold px-5 py-3 rounded-lg text-white shadow-md transition-opacity hover:opacity-90 disabled:opacity-60 disabled:cursor-not-allowed cursor-pointer",
+				children: [v && /* @__PURE__ */ p(G, {
+					size: 16,
+					className: "animate-spin"
+				}), /* @__PURE__ */ p("span", { children: v ? "Submitting…" : "I have paid" })]
+			})
+		]
+	});
+}, xt = /* @__PURE__ */ new Set([
 	"salutation",
 	"name",
 	"email",
 	"phone"
-]), ht = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1, isWidgetPage: a = !1, onEvent: o, onError: c }) => {
-	let [l, u] = d(() => t.getToken() ? "profile" : "login"), [h, g] = d(!1), [_, v] = d(!1), [y, b] = d(null), [x, S] = d(null), [C, w] = d(null), [T, E] = d(""), [D, O] = d(""), [ee, k] = d(""), [A, j] = d(""), [M, ne] = d(""), [N, P] = d(""), [oe, ce] = d(""), [ue, fe] = d(!1), [I, pe] = d(null), [L, me] = d({}), [R, he] = d([]), [ge, z] = d({}), [ye, B] = d(null), [Se, we] = d(null), [H, W] = d(null), [G, Te] = d(!1), [K, J] = d(!1), [Y, X] = d({}), [Ae, Me] = d(!1), [Pe, Fe] = d(null), [Ie, Le] = d({}), [Re, ze] = d({}), [Be, Q] = d(null), [He, We] = d({}), [Ge, Ke] = d(!1);
+]), St = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1, isWidgetPage: a = !1, onEvent: o, onError: c }) => {
+	let [l, u] = d(() => t.getToken() ? "profile" : "login"), [h, g] = d(!1), [_, v] = d(!1), [y, b] = d(null), [x, S] = d(null), [C, w] = d(null), [T, E] = d(""), [D, O] = d(""), [ee, k] = d(""), [A, j] = d(""), [M, N] = d(""), [re, ie] = d(""), [oe, ce] = d(""), [le, ue] = d(!1), [I, fe] = d(null), [pe, me] = d({}), [he, ge] = d([]), [_e, L] = d({}), [ye, R] = d(null), [Se, z] = d(null), [Te, B] = d(null), [Oe, ke] = d(!1), [Ae, H] = d(!1), [W, G] = d({}), [je, K] = d(!1), [q, Pe] = d(null), [X, Ie] = d({}), [Le, Re] = d({}), [ze, Be] = d(null), [Ve, He] = d("details"), [We, Ke] = d({}), [Je, Ye] = d(!1);
 	s(() => {
 		let e = t.getToken();
-		e && Je(e);
+		e && Z(e);
 	}, []);
-	let Je = async (r) => {
+	let Z = async (r) => {
 		g(!0), S(null);
 		try {
 			let i = await e.portalGetProfile(r), a = i?.data || i || {};
-			pe(a);
+			fe(a);
 			let s = a.registration || {}, c = s.custom_data || {}, l = s.email || a.email || "", d = null;
 			if (l) try {
 				let t = await e.getDraftByEmail(l);
@@ -2207,7 +2414,7 @@ var ft = /* @__PURE__ */ new Set([
 			let f = d?.custom_data || {};
 			s.name ? k(s.name) : d?.name ? k(d.name) : a.name && k(a.name);
 			let p = 0, m = {}, h = [...a.editable_fields || []];
-			pe({
+			fe({
 				...a,
 				editable_fields: h
 			});
@@ -2217,13 +2424,13 @@ var ft = /* @__PURE__ */ new Set([
 					let t = s[`${e.id}_asset_id`] || c[`${e.id}_asset_id`] || s.asset_id || c.asset_id || a.asset_id;
 					t && (g[e.id] = String(t));
 				}
-			}), z((e) => ({
+			}), L((e) => ({
 				...g,
 				...e
 			}));
 			let _ = s.asset_id || s.photo_id || c.asset_id || c.photo_id || a.asset_id;
-			_ && B(String(_)), h.length > 0 ? h.forEach((e) => {
-				let t = e.label || e.name || e.id, n = ut(e.id, e.label), r = dt(e.label, e.id), i = "";
+			_ && R(String(_)), h.length > 0 ? h.forEach((e) => {
+				let t = e.label || e.name || e.id, n = ft(e.id, e.label), r = pt(e.label, e.id), i = "";
 				if (t && s[t] !== void 0 && s[t] !== null && s[t] !== "" ? i = s[t] : s[r] !== void 0 && s[r] !== null && s[r] !== "" ? i = s[r] : s[n] !== void 0 && s[n] !== null && s[n] !== "" ? i = s[n] : s[e.id] !== void 0 && s[e.id] !== null && s[e.id] !== "" ? i = s[e.id] : t && c[t] !== void 0 && c[t] !== null && c[t] !== "" ? i = c[t] : c[r] !== void 0 && c[r] !== null && c[r] !== "" ? i = c[r] : c[n] !== void 0 && c[n] !== null && c[n] !== "" ? i = c[n] : c[e.id] !== void 0 && c[e.id] !== null && c[e.id] !== "" && (i = c[e.id]), d) {
 					let t = d[n] ?? d[e.id] ?? f[n] ?? f[e.id] ?? (e.id === "salutation" ? d.salutation || d.title : void 0) ?? (e.id === "name" ? d.name || d.fullName || d.full_name : void 0) ?? (e.id === "email" ? d.email : void 0) ?? (e.id === "phone" ? d.phone || d.mobile || d.phoneNumber : void 0);
 					t != null && t !== "" && (i = t, p++);
@@ -2231,12 +2438,12 @@ var ft = /* @__PURE__ */ new Set([
 				m[e.id] = i;
 			}) : Object.entries(a).forEach(([e, t]) => {
 				e.toLowerCase() !== "token" && (m[e] = t);
-			}), me(m), p > 0 && Te(!0);
+			}), me(m), p > 0 && ke(!0);
 			let v = (a.addons?.items || []).filter((e) => e.purchased).map((e) => e.name);
 			d?.selected_items && Array.isArray(d.selected_items) && d.selected_items.forEach((e) => {
 				let t = typeof e == "string" ? e : e?.name;
 				t && !v.includes(t) && v.push(t);
-			}), he(v), u("profile"), o?.("attendee_profile_loaded", {
+			}), ge(v), u("profile"), o?.("attendee_profile_loaded", {
 				profile: a,
 				draft: d
 			});
@@ -2245,7 +2452,7 @@ var ft = /* @__PURE__ */ new Set([
 		} finally {
 			g(!1);
 		}
-	}, Xe = async (r) => {
+	}, Ze = async (r) => {
 		if (r.preventDefault(), !T.trim() || !D) {
 			S("Please enter both your identifier and password.");
 			return;
@@ -2260,7 +2467,7 @@ var ft = /* @__PURE__ */ new Set([
 			(n?.data?.name || n?.name) && k(n.data?.name || n.name), t.setToken(r), o?.("attendee_logged_in", {
 				identifier: T,
 				response: n
-			}), await Je(r);
+			}), await Z(r);
 		} catch (e) {
 			n.error("Login failed", e);
 			let t = e.message || "Login failed. Please check your credentials.";
@@ -2272,14 +2479,14 @@ var ft = /* @__PURE__ */ new Set([
 		} finally {
 			g(!1);
 		}
-	}, Qe = async (t) => {
+	}, $e = async (t) => {
 		t.preventDefault();
 		let r = (A || T).trim();
 		if (!r) {
 			S("Please enter your registration number or email to receive a code.");
 			return;
 		}
-		fe(!0), S(null), w(null);
+		ue(!0), S(null), w(null);
 		try {
 			await e.portalRequestPasswordReset(r), w("A verification code has been sent to your registered email."), o?.("password_reset_code_requested", { identifier: r }), u("reset");
 		} catch (e) {
@@ -2291,9 +2498,9 @@ var ft = /* @__PURE__ */ new Set([
 				error: e
 			});
 		} finally {
-			fe(!1);
+			ue(!1);
 		}
-	}, et = async (r) => {
+	}, Q = async (r) => {
 		r.preventDefault();
 		let i = (A || T).trim();
 		if (!i) {
@@ -2304,11 +2511,11 @@ var ft = /* @__PURE__ */ new Set([
 			S("Please enter the verification code sent to your email.");
 			return;
 		}
-		if (!N) {
+		if (!re) {
 			S("Please enter a new password.");
 			return;
 		}
-		if (N !== oe) {
+		if (re !== oe) {
 			S("New password and confirm password do not match.");
 			return;
 		}
@@ -2317,12 +2524,12 @@ var ft = /* @__PURE__ */ new Set([
 			let n = await e.portalConfirmPasswordReset({
 				identifier: i,
 				code: M.trim(),
-				new_password: N
+				new_password: re
 			}), r = n?.data?.token || n?.token;
 			(n?.data?.name || n?.name) && k(n.data?.name || n.name), o?.("password_reset_success", {
 				identifier: i,
 				response: n
-			}), r ? (t.setToken(r), ne(""), P(""), ce(""), await Je(r)) : (E(i), O(""), ne(""), P(""), ce(""), u("login"), w("Password updated successfully! Please login with your new password."));
+			}), r ? (t.setToken(r), N(""), ie(""), ce(""), await Z(r)) : (E(i), O(""), N(""), ie(""), ce(""), u("login"), w("Password updated successfully! Please login with your new password."));
 		} catch (e) {
 			n.error("Password reset failed", e);
 			let t = e.message || "Failed to update password. Please check the code.";
@@ -2334,9 +2541,9 @@ var ft = /* @__PURE__ */ new Set([
 		} finally {
 			g(!1);
 		}
-	}, tt = () => {
-		t.clearToken(), pe(null), me({}), he([]), z({}), B(null), W(null), k(""), O(""), u("login"), w("Logged out successfully."), o?.("attendee_logged_out", {});
-	}, nt = async (r, i) => {
+	}, nt = () => {
+		t.clearToken(), fe(null), me({}), ge([]), L({}), R(null), B(null), k(""), O(""), u("login"), w("Logged out successfully."), o?.("attendee_logged_out", {});
+	}, rt = async (r, i) => {
 		let a = t.getToken();
 		if (!a) {
 			S("Session expired. Please log in again.");
@@ -2349,10 +2556,10 @@ var ft = /* @__PURE__ */ new Set([
 			n && me((e) => ({
 				...e,
 				[r]: n
-			})), s && (z((e) => ({
+			})), s && (L((e) => ({
 				...e,
 				[r]: String(s)
-			})), B(String(s))), w(`File "${i.name}" uploaded successfully!`), o?.("portal_file_uploaded", {
+			})), R(String(s))), w(`File "${i.name}" uploaded successfully!`), o?.("portal_file_uploaded", {
 				fieldId: r,
 				serveUrl: n,
 				assetId: s,
@@ -2375,8 +2582,8 @@ var ft = /* @__PURE__ */ new Set([
 			S("Session expired. Please log in again.");
 			return;
 		}
-		let a = L[r], s = lt(a) || ge[r] || ye;
-		we(r), S(null), w(null);
+		let a = pe[r], s = dt(a) || _e[r] || ye;
+		z(r), S(null), w(null);
 		try {
 			s && (n.log(`Deleting asset ${s} for field ${r}...`), await e.portalDeleteFile(i, s), n.log(`Asset ${s} deleted successfully.`), o?.("portal_file_deleted", {
 				assetId: s,
@@ -2384,10 +2591,10 @@ var ft = /* @__PURE__ */ new Set([
 			})), me((e) => ({
 				...e,
 				[r]: ""
-			})), z((e) => {
+			})), L((e) => {
 				let t = { ...e };
 				return delete t[r], t;
-			}), ye === s && B(null), w("File removed successfully.");
+			}), ye === s && R(null), w("File removed successfully.");
 		} catch (e) {
 			n.error("Failed to delete file", e);
 			let t = e.message || "Failed to delete file. Please try again.";
@@ -2397,27 +2604,32 @@ var ft = /* @__PURE__ */ new Set([
 				error: e
 			});
 		} finally {
-			we(null);
+			z(null);
 		}
 	}, ot = (e, t) => {
-		t || he((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, st = async (r) => {
+		t || ge((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, ct = async (r) => {
 		r.preventDefault();
 		let i = t.getToken();
 		if (!i) {
 			S("Session expired. Please log in again.");
 			return;
 		}
+		let a = I?.locked_fields || [], s = ht((I?.editable_fields || []).filter((e) => !a.includes(e.id) && !a.includes(ft(e.id, e.label))), (e) => pe[e.id]);
+		if (s) {
+			w(null), S(s);
+			return;
+		}
 		v(!0), S(null), w(null);
 		try {
 			let t = I?.editable_fields || [], n = { ...I?.registration?.custom_data || {} }, r = {};
 			t.forEach((e) => {
-				let t = L[e.id], i = e.label || e.name || e.id, a = dt(e.label, e.id), o = ut(e.id, e.label);
+				let t = pe[e.id], i = e.label || e.name || e.id, a = pt(e.label, e.id), o = ft(e.id, e.label);
 				if (e.type === "file") {
 					let s = typeof t == "string" ? t : t?.serve_url || t?.url || "";
 					delete n[i], delete n[a], n[o] = s, r[o] = s, o !== e.id && (r[e.id] = s);
 				} else e.builtin ? (r[o] = t, o !== e.id && (r[e.id] = t)) : (n[o] = t, r[o] = t, o !== e.id && (n[e.id] = t, r[e.id] = t));
-			}), r.custom_data = n, r.addons = R;
+			}), r.custom_data = n, r.addons = he;
 			let a = await e.portalUpdateProfile(i, r);
 			o?.("attendee_profile_updated", {
 				payload: r,
@@ -2425,10 +2637,10 @@ var ft = /* @__PURE__ */ new Set([
 			});
 			let s = a?.data?.addon_checkout?.payment_url || a?.addon_checkout?.payment_url || a?.data?.payment_url || a?.payment_url;
 			if (s && typeof s == "string" && s.trim() !== "") {
-				W(s), w("Add-ons updated! Opening payment page in a new tab..."), o?.("addon_payment_opened", { payment_url: s }), window.open(s, "_blank", "noopener,noreferrer"), await Je(i);
+				B(s), w("Add-ons updated! Opening payment page in a new tab..."), o?.("addon_payment_opened", { payment_url: s }), window.open(s, "_blank", "noopener,noreferrer"), await Z(i);
 				return;
 			}
-			w("Profile updated successfully!"), await Je(i);
+			w("Profile updated successfully!"), await Z(i);
 		} catch (e) {
 			n.error("Failed to update profile", e);
 			let t = e.message || "Failed to update profile. Please try again.";
@@ -2440,25 +2652,25 @@ var ft = /* @__PURE__ */ new Set([
 		} finally {
 			v(!1);
 		}
-	}, ct = () => {
+	}, lt = () => {
 		let e = I?.review_submission;
 		if (!e) return;
 		let t = e.custom_data || {}, n = {}, r = {};
 		(e.editable_fields || []).forEach((i) => {
-			i.id === "name" ? n[i.id] = e.name || "" : i.id === "phone" ? n[i.id] = e.phone || "" : i.id === "registration_type" ? n[i.id] = e.registration_type || "" : n[i.id] = t[i.id] ?? t[ut(i.id, i.label)] ?? "", i.type === "file" && (r[i.id] = i.current_file?.text || "");
-		}), X(n), ze(r), Le({}), J(!0);
-	}, ft = (e) => {
-		if (Ie[e.id]) return Ie[e.id];
+			i.id === "name" ? n[i.id] = e.name || "" : i.id === "phone" ? n[i.id] = e.phone || "" : i.id === "registration_type" ? n[i.id] = e.registration_type || "" : n[i.id] = t[i.id] ?? t[ft(i.id, i.label)] ?? "", i.type === "file" && (r[i.id] = i.current_file?.text || "");
+		}), G(n), Re(r), Ie({}), H(!0);
+	}, ut = (e) => {
+		if (X[e.id]) return X[e.id];
 		let t = e.current_file;
 		return t && !t.serve_url && t.text ? "text" : "file";
-	}, pt = async (r, i) => {
+	}, mt = async (r, i) => {
 		let a = t.getToken();
 		if (!a) {
 			S("Session expired. Please log in again.");
 			return;
 		}
 		let s = (I?.review_submission?.editable_fields || []).find((e) => e.id === r), l = s?.current_file?.id;
-		Fe(r), S(null), w(null);
+		Pe(r), S(null), w(null);
 		try {
 			if (l) try {
 				await e.deleteFile(l, a);
@@ -2467,7 +2679,7 @@ var ft = /* @__PURE__ */ new Set([
 			}
 			let t = await e.uploadFile(i, a, null, s?.label), c = t?.data?.asset_id || t?.asset_id;
 			if (!c) throw Error("Upload response missing asset_id");
-			X((e) => ({
+			G((e) => ({
 				...e,
 				[r]: String(c)
 			})), w(`File "${i.name}" uploaded successfully!`), o?.("portal_submission_file_uploaded", {
@@ -2484,25 +2696,25 @@ var ft = /* @__PURE__ */ new Set([
 				error: e
 			});
 		} finally {
-			Fe(null);
+			Pe(null);
 		}
-	}, ht = async (r) => {
+	}, gt = async (r) => {
 		let i = t.getToken();
 		if (!i) {
 			S("Session expired. Please log in again.");
 			return;
 		}
-		let a = (Re[r] || "").trim();
+		let a = (Le[r] || "").trim();
 		if (a) {
-			Fe(r), S(null), w(null);
+			Pe(r), S(null), w(null);
 			try {
 				let t = await e.portalUpdateSubmission(i, { [r]: { text: a } }), n = t?.data || t;
-				pe((e) => ({
+				fe((e) => ({
 					...e,
 					review_submission: n
 				}));
 				let s = (n?.editable_fields || []).find((e) => e.id === r)?.current_file?.id;
-				s && X((e) => ({
+				s && G((e) => ({
 					...e,
 					[r]: String(s)
 				})), w("Text answer saved!"), o?.("portal_submission_text_saved", { fieldId: r });
@@ -2515,24 +2727,29 @@ var ft = /* @__PURE__ */ new Set([
 					error: e
 				});
 			} finally {
-				Fe(null);
+				Pe(null);
 			}
 		}
-	}, gt = async (r) => {
+	}, vt = async (r) => {
 		r.preventDefault();
 		let i = t.getToken();
 		if (!i) {
 			S("Session expired. Please log in again.");
 			return;
 		}
-		Me(!0), S(null), w(null);
+		let a = ht((I?.review_submission?.editable_fields || []).filter((e) => e.id !== "registration_type"), (e) => W[e.id]);
+		if (a) {
+			w(null), S(a);
+			return;
+		}
+		K(!0), S(null), w(null);
 		try {
-			let t = await e.portalUpdateSubmission(i, Y), n = t?.data || t;
-			pe((e) => ({
+			let t = await e.portalUpdateSubmission(i, W), n = t?.data || t;
+			fe((e) => ({
 				...e,
 				review_submission: n
-			})), J(!1), w("Your submission was updated successfully!"), o?.("attendee_submission_updated", {
-				payload: Y,
+			})), H(!1), w("Your submission was updated successfully!"), o?.("attendee_submission_updated", {
+				payload: W,
 				response: t
 			});
 		} catch (e) {
@@ -2544,19 +2761,19 @@ var ft = /* @__PURE__ */ new Set([
 				error: e
 			});
 		} finally {
-			Me(!1);
+			K(!1);
 		}
-	}, _t = (e) => mt.has(e.id) ? e.id : ut(e.id, e.label), vt = (e, t) => (mt.has(t.id) ? e[t.id] : (e.custom_data || {})[_t(t)]) ?? "", yt = (e, t) => We((n) => mt.has(e.id) ? {
+	}, yt = (e) => xt.has(e.id) ? e.id : ft(e.id, e.label), bt = (e, t) => (xt.has(t.id) ? e[t.id] : (e.custom_data || {})[yt(t)]) ?? "", St = (e, t) => Ke((n) => xt.has(e.id) ? {
 		...n,
 		[e.id]: t
 	} : {
 		...n,
 		custom_data: {
 			...n.custom_data || {},
-			[_t(e)]: t
+			[yt(e)]: t
 		}
-	}), bt = (e) => {
-		Q(e.id), S(null), We({
+	}), Ct = (e) => {
+		Be(e.id), S(null), Ke({
 			id: e.id,
 			salutation: e.salutation || "",
 			name: e.name || "",
@@ -2564,19 +2781,24 @@ var ft = /* @__PURE__ */ new Set([
 			phone: e.phone || "",
 			custom_data: { ...e.custom_data || {} }
 		});
-	}, xt = async () => {
+	}, wt = async () => {
 		let r = t.getToken();
 		if (!r) {
 			S("Session expired. Please log in again.");
 			return;
 		}
-		Ke(!0), S(null), w(null);
+		let i = ht(I?.accompany_fields || [], (e) => bt(We, e));
+		if (i) {
+			w(null), S(i);
+			return;
+		}
+		Ye(!0), S(null), w(null);
 		try {
-			let t = await e.portalUpdateProfile(r, { accompanying: [He] });
-			Q(null), w("Accompanying person updated."), o?.("attendee_accompanying_updated", {
-				payload: He,
+			let t = await e.portalUpdateProfile(r, { accompanying: [We] });
+			Be(null), w("Accompanying person updated."), o?.("attendee_accompanying_updated", {
+				payload: We,
 				response: t
-			}), await Je(r);
+			}), await Z(r);
 		} catch (e) {
 			n.error("Failed to update accompanying person", e);
 			let t = e.message || "Could not update this person. Please try again.";
@@ -2586,9 +2808,9 @@ var ft = /* @__PURE__ */ new Set([
 				error: e
 			});
 		} finally {
-			Ke(!1);
+			Ye(!1);
 		}
-	}, St = () => /* @__PURE__ */ m("div", {
+	}, Tt = () => /* @__PURE__ */ m("div", {
 		className: "absolute inset-0 pointer-events-none overflow-hidden z-0 select-none",
 		children: [
 			/* @__PURE__ */ p("div", {
@@ -2615,29 +2837,29 @@ var ft = /* @__PURE__ */ new Set([
 				}
 			})
 		]
-	}), Ct = (e) => {
+	}), Et = (e) => {
 		let t = (e.label || e.id || "").toLowerCase(), n = e.type;
-		return n === "email" || t.includes("email") || t.includes("mail") ? /* @__PURE__ */ p(je, {
+		return n === "email" || t.includes("email") || t.includes("mail") ? /* @__PURE__ */ p(Y, {
 			size: 13,
 			className: "shrink-0",
 			style: { color: r }
-		}) : n === "phone" || t.includes("phone") || t.includes("mobile") || t.includes("contact") ? /* @__PURE__ */ p(Ve, {
+		}) : n === "phone" || t.includes("phone") || t.includes("mobile") || t.includes("contact") ? /* @__PURE__ */ p(Ge, {
 			size: 13,
 			className: "shrink-0",
 			style: { color: r }
-		}) : t.includes("salutation") || t.includes("title") || t.includes("prefix") ? /* @__PURE__ */ p(qe, {
+		}) : t.includes("salutation") || t.includes("title") || t.includes("prefix") ? /* @__PURE__ */ p(Xe, {
 			size: 13,
 			className: "shrink-0",
 			style: { color: r }
-		}) : t.includes("name") || t.includes("attendee") ? /* @__PURE__ */ p(rt, {
+		}) : t.includes("name") || t.includes("attendee") ? /* @__PURE__ */ p(at, {
 			size: 13,
 			className: "shrink-0",
 			style: { color: r }
-		}) : t.includes("designat") || t.includes("role") || t.includes("position") || t.includes("profession") ? /* @__PURE__ */ p(ie, {
+		}) : t.includes("designat") || t.includes("role") || t.includes("position") || t.includes("profession") ? /* @__PURE__ */ p(P, {
 			size: 13,
 			className: "shrink-0",
 			style: { color: r }
-		}) : t.includes("specialis") || t.includes("specializ") || t.includes("department") || t.includes("degree") ? /* @__PURE__ */ p(V, {
+		}) : t.includes("specialis") || t.includes("specializ") || t.includes("department") || t.includes("degree") ? /* @__PURE__ */ p(Ee, {
 			size: 13,
 			className: "shrink-0",
 			style: { color: r }
@@ -2645,18 +2867,18 @@ var ft = /* @__PURE__ */ new Set([
 			size: 13,
 			className: "shrink-0",
 			style: { color: r }
-		}) : t.includes("city") || t.includes("state") || t.includes("country") || t.includes("address") ? /* @__PURE__ */ p(Ne, {
+		}) : t.includes("city") || t.includes("state") || t.includes("country") || t.includes("address") ? /* @__PURE__ */ p(Fe, {
 			size: 13,
 			className: "shrink-0",
 			style: { color: r }
-		}) : p(n === "file" ? Ce : xe, {
+		}) : p(n === "file" ? we : Ce, {
 			size: 13,
 			className: "shrink-0",
 			style: { color: r }
 		});
-	}, wt = (e, t = "w-full", n = []) => {
+	}, Dt = (e, t = "w-full", n = []) => {
 		if (!e) return null;
-		let r = n.includes(e.id) || n.includes(ut(e.id, e.label)), a = L[e.id] ?? "", o = `vx-profile-${e.id}`, s = `w-full h-11 px-3.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${r ? i ? "bg-zinc-800/60 text-zinc-500 border-zinc-800 cursor-not-allowed" : "bg-slate-50 text-slate-500 border-slate-200 cursor-not-allowed" : i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`;
+		let r = n.includes(e.id) || n.includes(ft(e.id, e.label)), a = pe[e.id] ?? "", o = `vx-profile-${e.id}`, s = `w-full min-h-11 px-3.5 py-2.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${r ? i ? "bg-zinc-800/60 text-zinc-500 border-zinc-800 cursor-not-allowed" : "bg-slate-50 text-slate-500 border-slate-200 cursor-not-allowed" : i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`;
 		return /* @__PURE__ */ m("div", {
 			className: `${t} px-2 mb-4`,
 			children: [/* @__PURE__ */ m("div", {
@@ -2668,7 +2890,7 @@ var ft = /* @__PURE__ */ new Set([
 					children: [
 						/* @__PURE__ */ p("span", {
 							className: i ? "text-zinc-500" : "text-slate-400",
-							children: Ct(e)
+							children: Et(e)
 						}),
 						/* @__PURE__ */ p("span", { children: e.label }),
 						e.required && /* @__PURE__ */ p("span", {
@@ -2678,52 +2900,23 @@ var ft = /* @__PURE__ */ new Set([
 					]
 				}), r ? /* @__PURE__ */ m("span", {
 					className: `flex items-center gap-1 text-[10px] font-semibold px-2 py-0.5 rounded-full ${i ? "text-zinc-400 bg-zinc-800" : "text-slate-500 bg-slate-100"}`,
-					children: [/* @__PURE__ */ p(De, { size: 10 }), " Locked"]
+					children: [/* @__PURE__ */ p(Me, { size: 10 }), " Locked"]
 				}) : null]
-			}), e.type === "select" ? /* @__PURE__ */ m("div", {
-				className: "relative",
-				children: [/* @__PURE__ */ m("select", {
-					part: "input select",
-					id: o,
-					disabled: r,
-					value: a,
-					onChange: (t) => me({
-						...L,
-						[e.id]: t.target.value
-					}),
-					className: `${s} pr-9 appearance-none cursor-pointer flex items-center`,
-					children: [/* @__PURE__ */ m("option", {
-						value: "",
-						className: i ? "bg-zinc-900 text-white" : "bg-white text-slate-900",
-						children: [
-							"Select ",
-							e.label,
-							"..."
-						]
-					}), (e.options || []).map((e) => /* @__PURE__ */ p("option", {
-						value: e,
-						className: i ? "bg-zinc-900 text-white" : "bg-white text-slate-900",
-						children: e
-					}, e))]
-				}), /* @__PURE__ */ p("div", {
-					className: `absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none ${i ? "text-zinc-400" : "text-slate-400"}`,
-					children: /* @__PURE__ */ p(le, { size: 15 })
-				})]
-			}) : e.type === "file" ? Tt(e, r, a) : /* @__PURE__ */ p("input", {
-				part: "input",
+			}), e.type === "file" ? Ot(e, r, a) : /* @__PURE__ */ p(_t, {
+				field: e,
 				id: o,
-				type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : "text",
-				disabled: r,
 				value: a,
-				placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
+				disabled: r,
 				onChange: (t) => me({
-					...L,
-					[e.id]: t.target.value
+					...pe,
+					[e.id]: t
 				}),
-				className: s
+				className: s,
+				isDark: i,
+				placeholder: e.placeholder || `Enter ${(e.label || "").toLowerCase()}`
 			})]
 		}, e.id);
-	}, Tt = (e, t, n) => {
+	}, Ot = (e, t, n) => {
 		let a = y === e.id, o = e.label || e.name || e.id, s = I?.file_answers?.[e.id], c = typeof n == "string" ? /^https?:\/\//i.test(n) ? n : "" : n?.serve_url || n?.url || "", l = s?.serve_url || c, u = s?.text || "", d = s?.file_name || (typeof n == "string" ? l : n?.file_name || l);
 		return /* @__PURE__ */ p("div", {
 			className: "space-y-2",
@@ -2742,7 +2935,7 @@ var ft = /* @__PURE__ */ new Set([
 									borderColor: i ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${r} 20%, white)`,
 									color: r
 								},
-								children: /* @__PURE__ */ p(Ce, { size: 16 })
+								children: /* @__PURE__ */ p(we, { size: 16 })
 							}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 								className: `text-xs font-bold ${i ? "text-zinc-200" : "text-gray-900"}`,
 								children: o
@@ -2760,9 +2953,9 @@ var ft = /* @__PURE__ */ new Set([
 								style: { backgroundColor: r },
 								title: "Open file in new tab",
 								children: [
-									/* @__PURE__ */ p(xe, { size: 13 }),
+									/* @__PURE__ */ p(Ce, { size: 13 }),
 									/* @__PURE__ */ p("span", { children: "View" }),
-									/* @__PURE__ */ p(be, { size: 11 })
+									/* @__PURE__ */ p(xe, { size: 11 })
 								]
 							}), !t && /* @__PURE__ */ m("button", {
 								type: "button",
@@ -2770,14 +2963,14 @@ var ft = /* @__PURE__ */ new Set([
 								onClick: () => it(e.id),
 								className: `flex items-center gap-1 py-1.5 px-2.5 rounded-lg text-xs font-semibold border backdrop-blur-sm transition-colors cursor-pointer ${i ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50/80 text-red-600 hover:bg-red-100"}`,
 								title: "Remove file",
-								children: [/* @__PURE__ */ p(Ze, { size: 13 }), /* @__PURE__ */ p("span", { children: Se === e.id ? "Deleting..." : "Delete" })]
+								children: [/* @__PURE__ */ p(et, { size: 13 }), /* @__PURE__ */ p("span", { children: Se === e.id ? "Deleting..." : "Delete" })]
 							})] })
 						})]
 					}),
 					u ? /* @__PURE__ */ p("div", {
 						className: `mt-2 pt-2 border-t ${i ? "border-zinc-800" : "border-gray-200"}`,
 						children: /* @__PURE__ */ p("p", {
-							className: `text-2xs whitespace-pre-wrap break-words m-0 ${i ? "text-zinc-300" : "text-gray-700"}`,
+							className: `text-2xs whitespace-pre-wrap break-words m-0 max-h-48 overflow-y-auto ${i ? "text-zinc-300" : "text-gray-700"}`,
 							children: u
 						})
 					}) : n ? /* @__PURE__ */ m("div", {
@@ -2802,11 +2995,11 @@ var ft = /* @__PURE__ */ new Set([
 								disabled: a,
 								onChange: (t) => {
 									let n = t.target.files?.[0];
-									n && nt(e.id, n), t.target.value = "";
+									n && rt(e.id, n), t.target.value = "";
 								}
 							}), /* @__PURE__ */ m("div", {
 								className: `inline-flex items-center gap-1.5 py-1.5 px-3 rounded-lg text-xs font-semibold border transition-all shadow-2xs ${i ? "border-zinc-700 hover:border-zinc-600 text-zinc-200 bg-zinc-800 hover:bg-zinc-750" : "border-gray-300 hover:border-gray-400 text-gray-800 bg-white hover:bg-gray-50"}`,
-								children: [/* @__PURE__ */ p($e, {
+								children: [/* @__PURE__ */ p(tt, {
 									size: 13,
 									style: { color: r }
 								}), /* @__PURE__ */ p("span", { children: a ? "Uploading..." : n ? "Replace File" : "Choose File" })]
@@ -2829,7 +3022,7 @@ var ft = /* @__PURE__ */ new Set([
 					className: "sr-only",
 					children: "Loading your profile…"
 				}),
-				St(),
+				Tt(),
 				/* @__PURE__ */ m("div", {
 					className: `max-w-3xl mx-auto w-full px-4 sm:px-6 ${a ? "py-8 sm:py-10" : "py-5"} space-y-5 relative z-10`,
 					children: [/* @__PURE__ */ m("div", {
@@ -2871,7 +3064,7 @@ var ft = /* @__PURE__ */ new Set([
 		});
 	}
 	if (l === "profile") {
-		let e = I?.registration || {}, t = I?.editable_fields || [], n = I?.locked_fields || [], o = Array.isArray(I?.payment) ? I.payment : I?.payment ? [I.payment] : [], s = o.filter((e) => e.state !== "not_required"), c = o[0], l = I?.addons?.items || [], u = I?.badge || null, d = I?.accompanying || [], h = I?.accompany_fields || [], g = `w-full px-3.5 py-2.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${i ? "bg-zinc-900 border-zinc-700 text-white placeholder:text-zinc-500" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400"}`, v = I?.review_submission || null, b = ee || "Attendee", S = b.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase()).join("") || "A", w = `rounded-3xl border p-5 sm:p-6 ${i ? "bg-zinc-900 border-zinc-800 text-white" : "bg-white border-slate-200/80 text-slate-900 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-16px_rgba(15,23,42,0.12)]"}`, T = i ? "text-zinc-400" : "text-slate-500", E = `text-base font-semibold tracking-tight ${i ? "text-white" : "text-slate-900"}`, D = [
+		let e = I?.registration || {}, t = I?.editable_fields || [], n = I?.locked_fields || [], o = Array.isArray(I?.payment) ? I.payment : I?.payment ? [I.payment] : [], s = o.filter((e) => e.state !== "not_required"), c = o[0], l = I?.addons?.items || [], u = I?.badge || null, d = I?.accompanying || [], h = I?.accompany_fields || [], g = `w-full px-3.5 py-2.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${i ? "bg-zinc-900 border-zinc-700 text-white placeholder:text-zinc-500" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400"}`, v = I?.review_submission || null, b = ee || "Attendee", T = b.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase()).join("") || "A", E = `rounded-3xl border p-5 sm:p-6 ${i ? "bg-zinc-900 border-zinc-800 text-white" : "bg-white border-slate-200/80 text-slate-900 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-16px_rgba(15,23,42,0.12)]"}`, D = i ? "text-zinc-400" : "text-slate-500", O = `text-base font-semibold tracking-tight ${i ? "text-white" : "text-slate-900"}`, k = [
 			{
 				label: "Registration no.",
 				value: e.registration_number || "N/A",
@@ -2886,21 +3079,60 @@ var ft = /* @__PURE__ */ new Set([
 				value: `${c.state}${c.amount ? ` · ${[c.currency, c.amount].filter(Boolean).join(" ")}` : ""}`,
 				capitalize: !0
 			}] : []
-		];
+		], A = [
+			{
+				key: "details",
+				label: "Details",
+				icon: at,
+				count: 0
+			},
+			...l.length > 0 ? [{
+				key: "addons",
+				label: "Add-ons",
+				icon: Qe,
+				count: l.length
+			}] : [],
+			...u ? [{
+				key: "badge",
+				label: "Badge",
+				icon: De,
+				count: 0
+			}] : [],
+			...d.length > 0 ? [{
+				key: "guests",
+				label: "Guests",
+				icon: st,
+				count: d.length
+			}] : [],
+			...s.length > 0 ? [{
+				key: "payments",
+				label: "Payments",
+				icon: qe,
+				count: s.length
+			}] : [],
+			...v ? [{
+				key: "submission",
+				label: "Submission",
+				icon: Ce,
+				count: 0
+			}] : []
+		], j = A.some((e) => e.key === Ve) ? Ve : "details", M = (e) => {
+			He(e), S(null), w(null);
+		};
 		return /* @__PURE__ */ m("div", {
 			className: `flex flex-col ${a ? "w-full flex-1" : "h-full overflow-hidden min-h-0"} relative bg-transparent ${i ? "text-white" : "text-slate-900"}`,
 			style: a ? void 0 : { overflow: "clip" },
 			onScroll: a ? void 0 : (e) => {
 				e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0);
 			},
-			children: [St(), /* @__PURE__ */ p("div", {
+			children: [Tt(), /* @__PURE__ */ p("div", {
 				className: `${a ? "w-full flex-1" : "flex-1 overflow-y-auto min-h-0 overscroll-contain"} relative z-10`,
 				children: /* @__PURE__ */ m("div", {
 					className: `max-w-3xl mx-auto w-full px-4 sm:px-6 ${a ? "py-8 sm:py-10" : "py-5"} space-y-5`,
 					children: [
 						/* @__PURE__ */ m("div", {
 							part: "portal-card profile-card",
-							className: w,
+							className: E,
 							children: [/* @__PURE__ */ m("div", {
 								className: "flex items-start justify-between gap-3",
 								children: [/* @__PURE__ */ m("div", {
@@ -2909,7 +3141,7 @@ var ft = /* @__PURE__ */ new Set([
 										className: "w-12 h-12 sm:w-14 sm:h-14 rounded-2xl flex items-center justify-center shrink-0 text-base sm:text-lg font-bold text-white",
 										style: { background: `linear-gradient(135deg, ${r}, color-mix(in srgb, ${r} 75%, black))` },
 										"aria-hidden": "true",
-										children: S
+										children: T
 									}), /* @__PURE__ */ m("div", {
 										className: "min-w-0",
 										children: [/* @__PURE__ */ m("div", {
@@ -2924,24 +3156,24 @@ var ft = /* @__PURE__ */ new Set([
 												children: e.status
 											})]
 										}), /* @__PURE__ */ p("p", {
-											className: `text-[13px] mt-0.5 ${T}`,
+											className: `text-[13px] mt-0.5 ${D}`,
 											children: "Manage your registration and details"
 										})]
 									})]
 								}), /* @__PURE__ */ m("button", {
 									part: "button button-secondary logout-button",
-									onClick: tt,
+									onClick: nt,
 									className: `shrink-0 inline-flex items-center justify-center gap-1.5 h-9 w-9 sm:w-auto sm:px-3.5 text-[13px] font-semibold rounded-full border transition-colors cursor-pointer ${i ? "text-zinc-300 border-zinc-700 hover:bg-zinc-800 hover:text-red-300" : "text-slate-600 border-slate-200 bg-white hover:bg-red-50 hover:text-red-600 hover:border-red-200"}`,
 									title: "Logout",
 									"aria-label": "Logout",
-									children: [/* @__PURE__ */ p(ke, { size: 14 }), /* @__PURE__ */ p("span", {
+									children: [/* @__PURE__ */ p(J, { size: 14 }), /* @__PURE__ */ p("span", {
 										className: "hidden sm:inline",
 										children: "Logout"
 									})]
 								})]
 							}), /* @__PURE__ */ p("dl", {
-								className: `mt-5 pt-5 border-t grid grid-cols-2 ${D.length === 3 ? "sm:grid-cols-3" : "sm:grid-cols-2"} gap-4 ${i ? "border-zinc-800" : "border-slate-100"}`,
-								children: D.map((e) => /* @__PURE__ */ m("div", {
+								className: `mt-5 pt-5 border-t grid grid-cols-2 ${k.length === 3 ? "sm:grid-cols-3" : "sm:grid-cols-2"} gap-4 ${i ? "border-zinc-800" : "border-slate-100"}`,
+								children: k.map((e) => /* @__PURE__ */ m("div", {
 									className: "min-w-0",
 									children: [/* @__PURE__ */ p("dt", {
 										className: `text-[11px] font-semibold uppercase tracking-wider ${i ? "text-zinc-500" : "text-slate-400"}`,
@@ -2953,37 +3185,63 @@ var ft = /* @__PURE__ */ new Set([
 								}, e.label))
 							})]
 						}),
-						/* @__PURE__ */ m("form", {
-							onSubmit: st,
+						A.length > 1 && /* @__PURE__ */ p("div", {
+							part: "portal-tabs",
+							role: "tablist",
+							className: `${a ? "" : "sticky top-0"} z-20 flex gap-1 p-1 rounded-2xl border overflow-x-auto backdrop-blur-xl ${i ? "bg-zinc-900/90 border-zinc-800" : "bg-white/90 border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_8px_24px_-14px_rgba(15,23,42,0.18)]"}`,
+							style: { scrollbarWidth: "none" },
+							children: A.map((e) => {
+								let t = e.icon, n = e.key === j;
+								return /* @__PURE__ */ m("button", {
+									type: "button",
+									role: "tab",
+									"aria-selected": n,
+									part: `portal-tab${n ? " portal-tab-active" : ""}`,
+									onClick: () => M(e.key),
+									className: `flex-1 min-w-fit inline-flex items-center justify-center gap-1.5 h-10 px-3.5 rounded-xl text-[13px] font-semibold whitespace-nowrap transition-all cursor-pointer ${n ? "text-white shadow-sm" : i ? "text-zinc-400 hover:text-white hover:bg-zinc-800" : "text-slate-500 hover:text-slate-900 hover:bg-slate-100"}`,
+									style: n ? { background: `linear-gradient(135deg, ${r}, color-mix(in srgb, ${r} 80%, black))` } : void 0,
+									children: [
+										/* @__PURE__ */ p(t, { size: 15 }),
+										/* @__PURE__ */ p("span", { children: e.label }),
+										e.count > 0 && /* @__PURE__ */ p("span", {
+											className: `min-w-[18px] h-[18px] px-1 rounded-full text-[10.5px] font-bold inline-flex items-center justify-center tabular-nums ${n ? "bg-white/25 text-white" : i ? "bg-zinc-800 text-zinc-300" : "bg-slate-100 text-slate-600"}`,
+											children: e.count
+										})
+									]
+								}, e.key);
+							})
+						}),
+						(j === "details" || j === "addons") && /* @__PURE__ */ m("form", {
+							onSubmit: ct,
 							className: "space-y-5",
 							children: [
-								t.length === 0 ? /* @__PURE__ */ p("div", {
-									className: `${w} text-center text-sm ${T}`,
+								j === "details" && (t.length === 0 ? /* @__PURE__ */ p("div", {
+									className: `${E} text-center text-sm ${D}`,
 									children: "No editable fields configured."
 								}) : /* @__PURE__ */ m("div", {
 									part: "portal-card details-card",
-									className: w,
+									className: E,
 									children: [/* @__PURE__ */ m("div", {
 										className: "flex items-start justify-between gap-3 mb-5",
 										children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
-											className: E,
+											className: O,
 											style: $,
 											children: "Your details"
 										}), /* @__PURE__ */ p("p", {
-											className: `text-[13px] mt-0.5 ${T}`,
+											className: `text-[13px] mt-0.5 ${D}`,
 											children: "Keep your information up to date."
-										})] }), G && /* @__PURE__ */ m("span", {
+										})] }), Oe && /* @__PURE__ */ m("span", {
 											className: `inline-flex items-center gap-1 text-[11px] font-semibold px-2.5 py-1 rounded-full shrink-0 ${i ? "bg-emerald-950/60 text-emerald-300" : "bg-emerald-50 text-emerald-700"}`,
 											children: [/* @__PURE__ */ p(se, { size: 11 }), " Draft restored"]
 										})]
 									}), /* @__PURE__ */ p("div", {
 										className: "flex flex-wrap -mx-2 -mb-4",
-										children: t.map((e) => wt(e, e.type === "file" || e.width === "full" ? "w-full" : "w-full md:w-1/2", n))
+										children: t.map((e) => Dt(e, e.type === "file" || e.width === "full" ? "w-full" : "w-full md:w-1/2", n))
 									})]
-								}),
-								l.length > 0 && /* @__PURE__ */ m("div", {
+								})),
+								j === "addons" && l.length > 0 && /* @__PURE__ */ m("div", {
 									part: "portal-card addons-card",
-									className: w,
+									className: E,
 									children: [/* @__PURE__ */ p("div", {
 										className: "flex items-start justify-between gap-3 mb-4",
 										children: /* @__PURE__ */ m("div", {
@@ -2994,20 +3252,20 @@ var ft = /* @__PURE__ */ new Set([
 													backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
 													color: r
 												},
-												children: /* @__PURE__ */ p(Ye, { size: 17 })
+												children: /* @__PURE__ */ p(Qe, { size: 17 })
 											}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
-												className: E,
+												className: O,
 												style: $,
 												children: "Add-ons"
 											}), /* @__PURE__ */ p("p", {
-												className: `text-[13px] ${T}`,
+												className: `text-[13px] ${D}`,
 												children: "Select items to add to your registration"
 											})] })]
 										})
 									}), /* @__PURE__ */ p("div", {
 										className: "space-y-2",
 										children: l.map((e) => {
-											let t = !!e.purchased, n = R.includes(e.name);
+											let t = !!e.purchased, n = he.includes(e.name);
 											return /* @__PURE__ */ m("label", {
 												className: `p-3.5 rounded-2xl border flex items-center gap-3 transition-all ${t ? i ? "bg-zinc-950/60 border-zinc-800 cursor-default" : "bg-slate-50 border-slate-200 cursor-default" : n ? "cursor-pointer" : i ? "border-zinc-800 bg-zinc-900 hover:border-zinc-700 cursor-pointer" : "border-slate-200 bg-white hover:border-slate-300 cursor-pointer"}`,
 												style: n && !t ? {
@@ -3075,14 +3333,14 @@ var ft = /* @__PURE__ */ new Set([
 												fill: "currentColor",
 												d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
 											})]
-										}), /* @__PURE__ */ p("span", { children: "Saving..." })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Z, { size: 16 }), /* @__PURE__ */ p("span", { children: "Save changes" })] })
+										}), /* @__PURE__ */ p("span", { children: "Saving..." })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ue, { size: 16 }), /* @__PURE__ */ p("span", { children: j === "addons" ? "Update add-ons" : "Save changes" })] })
 									})
 								})
 							]
 						}),
-						u && /* @__PURE__ */ m("div", {
+						j === "badge" && u && /* @__PURE__ */ m("div", {
 							part: "portal-card badge-card",
-							className: w,
+							className: E,
 							children: [
 								/* @__PURE__ */ m("div", {
 									className: "flex items-center gap-3 mb-4",
@@ -3092,13 +3350,13 @@ var ft = /* @__PURE__ */ new Set([
 											backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
 											color: r
 										},
-										children: /* @__PURE__ */ p(U, { size: 17 })
+										children: /* @__PURE__ */ p(De, { size: 17 })
 									}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
-										className: E,
+										className: O,
 										style: $,
 										children: "Your badge"
 									}), /* @__PURE__ */ p("p", {
-										className: `text-[13px] ${T}`,
+										className: `text-[13px] ${D}`,
 										children: "View or download your event badge."
 									})] })]
 								}),
@@ -3117,7 +3375,7 @@ var ft = /* @__PURE__ */ new Set([
 										target: "_blank",
 										rel: "noopener noreferrer",
 										className: `inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold border transition-colors ${i ? "text-zinc-200 border-zinc-700 hover:bg-zinc-800" : "text-slate-700 border-slate-200 bg-white hover:bg-slate-50"}`,
-										children: [/* @__PURE__ */ p(be, { size: 13 }), /* @__PURE__ */ p("span", { children: "View badge" })]
+										children: [/* @__PURE__ */ p(xe, { size: 13 }), /* @__PURE__ */ p("span", { children: "View badge" })]
 									}), /* @__PURE__ */ m("a", {
 										href: u,
 										download: !0,
@@ -3125,14 +3383,14 @@ var ft = /* @__PURE__ */ new Set([
 										rel: "noopener noreferrer",
 										className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white",
 										style: { backgroundColor: r },
-										children: [/* @__PURE__ */ p(ve, { size: 13 }), /* @__PURE__ */ p("span", { children: "Download badge" })]
+										children: [/* @__PURE__ */ p(be, { size: 13 }), /* @__PURE__ */ p("span", { children: "Download badge" })]
 									})]
 								})
 							]
 						}),
-						d.length > 0 && /* @__PURE__ */ m("div", {
+						j === "guests" && d.length > 0 && /* @__PURE__ */ m("div", {
 							part: "portal-card accompanying-card",
-							className: w,
+							className: E,
 							children: [/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-3 mb-4",
 								children: [/* @__PURE__ */ p("div", {
@@ -3141,13 +3399,13 @@ var ft = /* @__PURE__ */ new Set([
 										backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
 										color: r
 									},
-									children: /* @__PURE__ */ p(at, { size: 17 })
+									children: /* @__PURE__ */ p(st, { size: 17 })
 								}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
-									className: E,
+									className: O,
 									style: $,
 									children: "Accompanying people"
 								}), /* @__PURE__ */ m("p", {
-									className: `text-[13px] ${T}`,
+									className: `text-[13px] ${D}`,
 									children: [d.length, " registered with you, each with their own badge."]
 								})] })]
 							}), /* @__PURE__ */ p("div", {
@@ -3164,7 +3422,7 @@ var ft = /* @__PURE__ */ new Set([
 													className: `text-sm font-semibold ${i ? "text-white" : "text-slate-900"}`,
 													children: [e.salutation, e.name].filter(Boolean).join(" ")
 												}), /* @__PURE__ */ p("div", {
-													className: `text-xs mt-0.5 truncate ${T}`,
+													className: `text-xs mt-0.5 truncate ${D}`,
 													children: [e.registration_number, e.email].filter(Boolean).join(" · ")
 												})]
 											}), /* @__PURE__ */ m("div", {
@@ -3172,18 +3430,18 @@ var ft = /* @__PURE__ */ new Set([
 												children: [/* @__PURE__ */ p("span", {
 													className: `text-[11px] font-semibold px-2.5 py-1 rounded-full ${e.status === "confirmed" ? "bg-emerald-100 text-emerald-700" : i ? "bg-zinc-800 text-zinc-300" : "bg-slate-200 text-slate-600"}`,
 													children: e.status
-												}), h.length > 0 && Be !== e.id && /* @__PURE__ */ m("button", {
+												}), h.length > 0 && ze !== e.id && /* @__PURE__ */ m("button", {
 													type: "button",
-													onClick: () => bt(e),
+													onClick: () => Ct(e),
 													className: `inline-flex items-center gap-1.5 h-8 px-3 rounded-full text-xs font-semibold border transition-colors ${i ? "text-zinc-200 border-zinc-700 hover:bg-zinc-800" : "text-slate-700 border-slate-200 bg-white hover:bg-slate-50"}`,
-													children: [/* @__PURE__ */ p(rt, { size: 12 }), /* @__PURE__ */ p("span", { children: "Edit" })]
+													children: [/* @__PURE__ */ p(at, { size: 12 }), /* @__PURE__ */ p("span", { children: "Edit" })]
 												})]
 											})]
 										}),
-										Be === e.id && /* @__PURE__ */ m("div", {
+										ze === e.id && /* @__PURE__ */ m("div", {
 											className: "mt-4 space-y-3",
 											children: [h.map((t) => {
-												let n = e.file_answers?.[_t(t)];
+												let n = e.file_answers?.[yt(t)];
 												return /* @__PURE__ */ m("label", {
 													className: "block",
 													children: [/* @__PURE__ */ m("span", {
@@ -3193,7 +3451,7 @@ var ft = /* @__PURE__ */ new Set([
 															children: "*"
 														})]
 													}), t.type === "file" ? /* @__PURE__ */ p("p", {
-														className: `text-[13px] m-0 whitespace-pre-wrap break-words ${T}`,
+														className: `text-[13px] m-0 whitespace-pre-wrap break-words max-h-48 overflow-y-auto ${D}`,
 														children: n?.serve_url ? /* @__PURE__ */ p("a", {
 															href: n.serve_url,
 															target: "_blank",
@@ -3201,49 +3459,27 @@ var ft = /* @__PURE__ */ new Set([
 															style: { color: r },
 															children: n.file_name || "View file"
 														}) : n?.text || "—"
-													}) : t.type === "select" ? /* @__PURE__ */ m("select", {
-														value: vt(He, t),
-														onChange: (e) => yt(t, e.target.value),
+													}) : /* @__PURE__ */ p(_t, {
+														field: t,
+														value: bt(We, t),
+														onChange: (e) => St(t, e),
 														className: g,
-														children: [/* @__PURE__ */ p("option", {
-															value: "",
-															children: t.placeholder || `Select ${t.label}...`
-														}), (t.options || []).map((e) => /* @__PURE__ */ p("option", {
-															value: e,
-															className: i ? "bg-zinc-900 text-white" : "bg-white text-slate-900",
-															children: e
-														}, e))]
-													}) : t.type === "textarea" ? /* @__PURE__ */ p("textarea", {
-														rows: 3,
-														value: vt(He, t),
-														onChange: (e) => yt(t, e.target.value),
-														placeholder: t.placeholder || "",
-														className: g
-													}) : /* @__PURE__ */ p("input", {
-														type: t.type === "phone" ? "tel" : [
-															"email",
-															"number",
-															"date"
-														].includes(t.type) ? t.type : "text",
-														value: vt(He, t),
-														onChange: (e) => yt(t, e.target.value),
-														placeholder: t.placeholder || "",
-														className: g
+														isDark: i
 													})]
 												}, t.id);
 											}), /* @__PURE__ */ m("div", {
 												className: "flex flex-wrap gap-2.5 pt-1",
 												children: [/* @__PURE__ */ m("button", {
 													type: "button",
-													disabled: Ge,
-													onClick: xt,
+													disabled: Je,
+													onClick: wt,
 													className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white disabled:opacity-60",
 													style: { backgroundColor: r },
-													children: [/* @__PURE__ */ p(se, { size: 13 }), /* @__PURE__ */ p("span", { children: Ge ? "Saving..." : "Save changes" })]
+													children: [/* @__PURE__ */ p(se, { size: 13 }), /* @__PURE__ */ p("span", { children: Je ? "Saving..." : "Save changes" })]
 												}), /* @__PURE__ */ p("button", {
 													type: "button",
-													disabled: Ge,
-													onClick: () => Q(null),
+													disabled: Je,
+													onClick: () => Be(null),
 													className: `inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold border transition-colors ${i ? "text-zinc-200 border-zinc-700 hover:bg-zinc-800" : "text-slate-700 border-slate-200 bg-white hover:bg-slate-50"}`,
 													children: "Cancel"
 												})]
@@ -3263,7 +3499,7 @@ var ft = /* @__PURE__ */ new Set([
 												target: "_blank",
 												rel: "noopener noreferrer",
 												className: `inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold border transition-colors ${i ? "text-zinc-200 border-zinc-700 hover:bg-zinc-800" : "text-slate-700 border-slate-200 bg-white hover:bg-slate-50"}`,
-												children: [/* @__PURE__ */ p(be, { size: 13 }), /* @__PURE__ */ p("span", { children: "View badge" })]
+												children: [/* @__PURE__ */ p(xe, { size: 13 }), /* @__PURE__ */ p("span", { children: "View badge" })]
 											}), /* @__PURE__ */ m("a", {
 												href: e.badge,
 												download: !0,
@@ -3271,16 +3507,16 @@ var ft = /* @__PURE__ */ new Set([
 												rel: "noopener noreferrer",
 												className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white",
 												style: { backgroundColor: r },
-												children: [/* @__PURE__ */ p(ve, { size: 13 }), /* @__PURE__ */ p("span", { children: "Download badge" })]
+												children: [/* @__PURE__ */ p(be, { size: 13 }), /* @__PURE__ */ p("span", { children: "Download badge" })]
 											})]
 										})] })
 									]
 								}, e.id))
 							})]
 						}),
-						s.length > 0 && /* @__PURE__ */ m("div", {
+						j === "payments" && s.length > 0 && /* @__PURE__ */ m("div", {
 							part: "portal-card payments-card",
-							className: w,
+							className: E,
 							children: [/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-3 mb-4",
 								children: [/* @__PURE__ */ p("div", {
@@ -3289,13 +3525,13 @@ var ft = /* @__PURE__ */ new Set([
 										backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
 										color: r
 									},
-									children: /* @__PURE__ */ p(Ue, { size: 17 })
+									children: /* @__PURE__ */ p(qe, { size: 17 })
 								}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
-									className: E,
+									className: O,
 									style: $,
 									children: "Payments"
 								}), /* @__PURE__ */ p("p", {
-									className: `text-[13px] ${T}`,
+									className: `text-[13px] ${D}`,
 									children: "Every order on your registration, with receipts."
 								})] })]
 							}), /* @__PURE__ */ p("div", {
@@ -3326,16 +3562,16 @@ var ft = /* @__PURE__ */ new Set([
 												rel: "noopener noreferrer",
 												className: "inline-flex items-center gap-1 text-[12.5px] font-semibold hover:underline underline-offset-4 shrink-0",
 												style: { color: r },
-												children: [/* @__PURE__ */ p("span", { children: "Receipt" }), /* @__PURE__ */ p(be, { size: 11 })]
+												children: [/* @__PURE__ */ p("span", { children: "Receipt" }), /* @__PURE__ */ p(xe, { size: 11 })]
 											})
 										]
 									}, e.order_number || t);
 								})
 							})]
 						}),
-						v && /* @__PURE__ */ m("div", {
+						j === "submission" && v && /* @__PURE__ */ m("div", {
 							part: "portal-card submission-card",
-							className: w,
+							className: E,
 							children: [
 								/* @__PURE__ */ m("div", {
 									className: "flex items-center gap-3 mb-4",
@@ -3346,16 +3582,16 @@ var ft = /* @__PURE__ */ new Set([
 												backgroundColor: `color-mix(in srgb, ${r} 12%, transparent)`,
 												color: r
 											},
-											children: /* @__PURE__ */ p(xe, { size: 17 })
+											children: /* @__PURE__ */ p(Ce, { size: 17 })
 										}),
 										/* @__PURE__ */ m("div", {
 											className: "flex-1 min-w-0",
 											children: [/* @__PURE__ */ p("h4", {
-												className: E,
+												className: O,
 												style: $,
 												children: "Your submission"
 											}), /* @__PURE__ */ p("p", {
-												className: `text-[13px] ${T}`,
+												className: `text-[13px] ${D}`,
 												children: v.registration_type_label || "Abstract submission"
 											})]
 										}),
@@ -3381,8 +3617,8 @@ var ft = /* @__PURE__ */ new Set([
 										children: v.status
 									})] })]
 								}),
-								K ? /* @__PURE__ */ m("form", {
-									onSubmit: gt,
+								Ae ? /* @__PURE__ */ m("form", {
+									onSubmit: vt,
 									className: `mt-4 pt-4 border-t space-y-3.5 ${i ? "border-zinc-800" : "border-slate-100"}`,
 									children: [(v.editable_fields || []).map((e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("label", {
 										className: `block text-[13px] font-semibold mb-1.5 ${i ? "text-zinc-200" : "text-slate-800"}`,
@@ -3392,14 +3628,14 @@ var ft = /* @__PURE__ */ new Set([
 										})]
 									}), e.type === "file" ? /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("button", {
 										type: "button",
-										disabled: Pe === e.id,
-										onClick: () => Le((t) => ({
+										disabled: q === e.id,
+										onClick: () => Ie((t) => ({
 											...t,
-											[e.id]: ft(e) === "file" ? "text" : "file"
+											[e.id]: ut(e) === "file" ? "text" : "file"
 										})),
 										className: `mb-1.5 text-[12px] font-semibold underline disabled:opacity-50 ${i ? "text-zinc-400" : "text-slate-500"}`,
-										children: ft(e) === "file" ? "Send text instead" : "Send file instead"
-									}), ft(e) === "file" ? /* @__PURE__ */ m("div", { children: [
+										children: ut(e) === "file" ? "Send text instead" : "Send file instead"
+									}), ut(e) === "file" ? /* @__PURE__ */ m("div", { children: [
 										e.current_file?.serve_url && /* @__PURE__ */ p("a", {
 											href: e.current_file.serve_url,
 											target: "_blank",
@@ -3409,38 +3645,39 @@ var ft = /* @__PURE__ */ new Set([
 										}),
 										/* @__PURE__ */ p("input", {
 											type: "file",
-											disabled: Pe === e.id,
+											disabled: q === e.id,
 											onChange: (t) => {
 												let n = t.target.files?.[0];
-												n && pt(e.id, n);
+												n && mt(e.id, n);
 											},
-											className: `w-full text-[13px] ${T}`
+											className: `w-full text-[13px] ${D}`
 										}),
-										Pe === e.id && /* @__PURE__ */ p("p", {
-											className: `mt-1 text-[12.5px] ${T}`,
+										q === e.id && /* @__PURE__ */ p("p", {
+											className: `mt-1 text-[12.5px] ${D}`,
 											children: "Uploading…"
 										})
 									] }) : /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("textarea", {
 										rows: 4,
-										disabled: Pe === e.id,
-										value: Re[e.id] ?? "",
+										disabled: q === e.id,
+										value: Le[e.id] ?? "",
 										placeholder: "Enter your answer...",
-										onChange: (t) => ze({
-											...Re,
+										onChange: (t) => Re({
+											...Le,
 											[e.id]: t.target.value
 										}),
 										className: `w-full px-3.5 py-2.5 text-sm font-medium rounded-xl border transition-all focus:outline-none resize-y ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400"}`
 									}), /* @__PURE__ */ p("button", {
 										type: "button",
-										disabled: Pe === e.id || !(Re[e.id] || "").trim(),
-										onClick: () => ht(e.id),
+										disabled: q === e.id || !(Le[e.id] || "").trim(),
+										onClick: () => gt(e.id),
 										className: "mt-1.5 inline-flex items-center h-8 px-3.5 rounded-full text-[12.5px] font-semibold text-white disabled:opacity-50 cursor-pointer",
 										style: { backgroundColor: r },
-										children: Pe === e.id ? "Saving…" : "Save text answer"
+										children: q === e.id ? "Saving…" : "Save text answer"
 									})] })] }) : e.id === "registration_type" ? /* @__PURE__ */ m("select", {
-										value: Y[e.id] ?? "",
-										onChange: (t) => X({
-											...Y,
+										value: W[e.id] ?? "",
+										required: e.required,
+										onChange: (t) => G({
+											...W,
 											[e.id]: t.target.value
 										}),
 										className: `w-full h-11 px-3.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${i ? "bg-zinc-950 border-zinc-700 text-white" : "bg-white border-slate-200 text-slate-900"}`,
@@ -3455,45 +3692,28 @@ var ft = /* @__PURE__ */ new Set([
 											value: e.id,
 											children: e.label
 										}, e.id))]
-									}) : e.type === "select" ? /* @__PURE__ */ m("select", {
-										value: Y[e.id] ?? "",
-										onChange: (t) => X({
-											...Y,
-											[e.id]: t.target.value
+									}) : /* @__PURE__ */ p(_t, {
+										field: e,
+										value: W[e.id] ?? "",
+										onChange: (t) => G({
+											...W,
+											[e.id]: t
 										}),
-										className: `w-full h-11 px-3.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${i ? "bg-zinc-950 border-zinc-700 text-white" : "bg-white border-slate-200 text-slate-900"}`,
-										children: [/* @__PURE__ */ m("option", {
-											value: "",
-											children: [
-												"Select ",
-												e.label,
-												"..."
-											]
-										}), (e.options || []).map((e) => /* @__PURE__ */ p("option", {
-											value: e,
-											children: e
-										}, e))]
-									}) : /* @__PURE__ */ p("textarea", {
-										rows: e.id === "name" || e.id === "phone" ? 1 : 4,
-										value: Y[e.id] ?? "",
-										placeholder: e.placeholder || `Enter ${e.label.toLowerCase()}`,
-										onChange: (t) => X({
-											...Y,
-											[e.id]: t.target.value
-										}),
-										className: `w-full px-3.5 py-2.5 text-sm font-medium rounded-xl border transition-all focus:outline-none resize-y ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400"}`
+										className: `w-full min-h-11 px-3.5 py-2.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400"}`,
+										isDark: i,
+										placeholder: e.placeholder || `Enter ${(e.label || "").toLowerCase()}`
 									})] }, e.id)), /* @__PURE__ */ m("div", {
 										className: "flex items-center gap-2.5 pt-1",
 										children: [/* @__PURE__ */ p("button", {
 											type: "submit",
-											disabled: Ae,
+											disabled: je,
 											className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white shrink-0 cursor-pointer disabled:opacity-60",
 											style: { backgroundColor: r },
-											children: Ae ? "Saving..." : "Save changes"
+											children: je ? "Saving..." : "Save changes"
 										}), /* @__PURE__ */ p("button", {
 											type: "button",
-											disabled: Ae,
-											onClick: () => J(!1),
+											disabled: je,
+											onClick: () => H(!1),
 											className: `inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold border transition-colors cursor-pointer ${i ? "text-zinc-300 border-zinc-700 hover:bg-zinc-800" : "text-slate-600 border-slate-200 bg-white hover:bg-slate-50"}`,
 											children: "Cancel"
 										})]
@@ -3501,11 +3721,11 @@ var ft = /* @__PURE__ */ new Set([
 								}) : /* @__PURE__ */ m("div", {
 									className: `mt-4 pt-4 border-t flex items-center justify-between gap-3 flex-wrap ${i ? "border-zinc-800" : "border-slate-100"}`,
 									children: [/* @__PURE__ */ p("p", {
-										className: `text-[13px] ${T}`,
+										className: `text-[13px] ${D}`,
 										children: v.editable ? "You can still edit your answers until a reviewer picks this up." : "This submission has been assigned to a reviewer and can no longer be edited."
 									}), v.editable && /* @__PURE__ */ p("button", {
 										type: "button",
-										onClick: ct,
+										onClick: lt,
 										className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white shrink-0 cursor-pointer",
 										style: { backgroundColor: r },
 										children: "Edit submission"
@@ -3513,7 +3733,7 @@ var ft = /* @__PURE__ */ new Set([
 								})
 							]
 						}),
-						H && /* @__PURE__ */ m("div", {
+						Te && /* @__PURE__ */ m("div", {
 							className: "p-4 rounded-2xl flex flex-wrap items-center justify-between gap-3 text-sm",
 							style: {
 								backgroundColor: `color-mix(in srgb, ${r} ${i ? 14 : 7}%, transparent)`,
@@ -3521,24 +3741,24 @@ var ft = /* @__PURE__ */ new Set([
 							},
 							children: [/* @__PURE__ */ m("div", {
 								className: `flex items-center gap-2.5 ${i ? "text-zinc-200" : "text-slate-700"}`,
-								children: [/* @__PURE__ */ p(_e, {
+								children: [/* @__PURE__ */ p(ve, {
 									size: 17,
 									className: "shrink-0",
 									style: { color: r }
 								}), /* @__PURE__ */ p("span", { children: "Payment page opened in a new tab. If it didn't open:" })]
 							}), /* @__PURE__ */ m("a", {
-								href: H,
+								href: Te,
 								target: "_blank",
 								rel: "noopener noreferrer",
 								className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white shrink-0",
 								style: { backgroundColor: r },
-								children: [/* @__PURE__ */ p("span", { children: "Complete payment" }), /* @__PURE__ */ p(be, { size: 12 })]
+								children: [/* @__PURE__ */ p("span", { children: "Complete payment" }), /* @__PURE__ */ p(xe, { size: 12 })]
 							})]
 						}),
 						x && /* @__PURE__ */ m("div", {
 							role: "alert",
 							className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-red-950/50 text-red-300 ring-1 ring-inset ring-red-900" : "bg-red-50 text-red-700 ring-1 ring-inset ring-red-200/80"}`,
-							children: [/* @__PURE__ */ p(de, {
+							children: [/* @__PURE__ */ p(F, {
 								size: 17,
 								className: "shrink-0 mt-0.5"
 							}), /* @__PURE__ */ p("span", { children: x })]
@@ -3546,7 +3766,7 @@ var ft = /* @__PURE__ */ new Set([
 						C && /* @__PURE__ */ m("div", {
 							role: "status",
 							className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-emerald-950/50 text-emerald-300 ring-1 ring-inset ring-emerald-900" : "bg-emerald-50 text-emerald-700 ring-1 ring-inset ring-emerald-200/80"}`,
-							children: [/* @__PURE__ */ p(F, {
+							children: [/* @__PURE__ */ p(de, {
 								size: 17,
 								className: "shrink-0 mt-0.5"
 							}), /* @__PURE__ */ p("span", { children: C })]
@@ -3556,7 +3776,7 @@ var ft = /* @__PURE__ */ new Set([
 			})]
 		});
 	}
-	let Et = `w-full h-11 pl-10 pr-3.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`, Dt = /* @__PURE__ */ m("svg", {
+	let kt = `w-full h-11 pl-10 pr-3.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`, At = /* @__PURE__ */ m("svg", {
 		className: "animate-spin h-4 w-4 text-white",
 		fill: "none",
 		viewBox: "0 0 24 24",
@@ -3573,9 +3793,9 @@ var ft = /* @__PURE__ */ new Set([
 			fill: "currentColor",
 			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
 		})]
-	}), Ot = (e) => {
+	}), jt = (e) => {
 		u(e), S(null), w(null);
-	}, kt = ({ id: e, label: t, icon: n, type: r = "text", value: a, onChange: o, placeholder: s, autoComplete: c, aside: l }) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
+	}, Mt = ({ id: e, label: t, icon: n, type: r = "text", value: a, onChange: o, placeholder: s, autoComplete: c, aside: l }) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
 		className: "flex items-center justify-between gap-2 mb-1.5",
 		children: [/* @__PURE__ */ p("label", {
 			part: "field-label",
@@ -3597,23 +3817,23 @@ var ft = /* @__PURE__ */ new Set([
 			autoComplete: c,
 			onChange: (e) => o(e.target.value),
 			placeholder: s,
-			className: Et
+			className: kt
 		})]
-	})] }), At = () => /* @__PURE__ */ m(f, { children: [x && /* @__PURE__ */ m("div", {
+	})] }), Nt = () => /* @__PURE__ */ m(f, { children: [x && /* @__PURE__ */ m("div", {
 		role: "alert",
 		className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-red-950/50 text-red-300 ring-1 ring-inset ring-red-900" : "bg-red-50 text-red-700 ring-1 ring-inset ring-red-200/80"}`,
-		children: [/* @__PURE__ */ p(de, {
+		children: [/* @__PURE__ */ p(F, {
 			size: 17,
 			className: "shrink-0 mt-0.5"
 		}), /* @__PURE__ */ p("span", { children: x })]
 	}), C && /* @__PURE__ */ m("div", {
 		role: "status",
 		className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-emerald-950/50 text-emerald-300 ring-1 ring-inset ring-emerald-900" : "bg-emerald-50 text-emerald-700 ring-1 ring-inset ring-emerald-200/80"}`,
-		children: [/* @__PURE__ */ p(F, {
+		children: [/* @__PURE__ */ p(de, {
 			size: 17,
 			className: "shrink-0 mt-0.5"
 		}), /* @__PURE__ */ p("span", { children: C })]
-	})] }), jt = (e, t, n) => /* @__PURE__ */ p("button", {
+	})] }), Pt = (e, t, n) => /* @__PURE__ */ p("button", {
 		part: "button button-primary submit-button",
 		type: "submit",
 		disabled: e,
@@ -3622,13 +3842,13 @@ var ft = /* @__PURE__ */ new Set([
 			boxShadow: `0 10px 24px -12px color-mix(in srgb, ${r} 70%, transparent)`
 		},
 		className: "group w-full h-11 px-4 text-white text-sm font-semibold rounded-xl hover:brightness-110 active:scale-[0.99] transition-all flex items-center justify-center gap-2 cursor-pointer disabled:opacity-60 disabled:cursor-not-allowed",
-		children: e ? /* @__PURE__ */ m(f, { children: [Dt, /* @__PURE__ */ p("span", { children: n })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", { children: t }), /* @__PURE__ */ p(re, {
+		children: e ? /* @__PURE__ */ m(f, { children: [At, /* @__PURE__ */ p("span", { children: n })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", { children: t }), /* @__PURE__ */ p(ne, {
 			size: 16,
 			className: "transition-transform group-hover:translate-x-0.5"
 		})] })
-	}), Mt = ({ icon: e, title: t, subtitle: n, onBack: o, children: s }) => /* @__PURE__ */ m("div", {
+	}), Ft = ({ icon: e, title: t, subtitle: n, onBack: o, children: s }) => /* @__PURE__ */ m("div", {
 		className: `flex flex-col ${a ? "w-full flex-1" : "h-full overflow-y-auto"} relative bg-transparent ${i ? "text-white" : "text-slate-900"}`,
-		children: [St(), /* @__PURE__ */ m("div", {
+		children: [Tt(), /* @__PURE__ */ m("div", {
 			className: `px-4 sm:px-6 ${a ? "py-8 sm:py-10" : "py-5"} flex-1 max-w-[400px] mx-auto w-full flex flex-col justify-center relative z-10`,
 			children: [o && /* @__PURE__ */ m("button", {
 				part: "button button-link back-button",
@@ -3660,25 +3880,25 @@ var ft = /* @__PURE__ */ new Set([
 							children: n
 						})
 					] }),
-					At(),
+					Nt(),
 					s
 				]
 			})]
 		})]
-	}), Nt = "font-semibold hover:underline underline-offset-4 cursor-pointer";
-	return Mt(l === "request_code" ? {
-		icon: je,
+	}), It = "font-semibold hover:underline underline-offset-4 cursor-pointer";
+	return Ft(l === "request_code" ? {
+		icon: Y,
 		title: "Get verification code",
 		subtitle: "We will email a verification code to your registered address.",
-		onBack: () => Ot("login"),
+		onBack: () => jt("login"),
 		children: /* @__PURE__ */ m("form", {
-			onSubmit: Qe,
+			onSubmit: $e,
 			className: "space-y-4",
 			children: [
-				kt({
+				Mt({
 					id: "vx-portal-code-identifier",
 					label: "Registration number or email",
-					icon: je,
+					icon: Y,
 					value: A || T,
 					onChange: (e) => {
 						j(e), E(e);
@@ -3686,7 +3906,7 @@ var ft = /* @__PURE__ */ new Set([
 					placeholder: "e.g. attendee@example.com or REG12345",
 					autoComplete: "username"
 				}),
-				jt(ue, "Send verification code", "Sending code..."),
+				Pt(le, "Send verification code", "Sending code..."),
 				/* @__PURE__ */ m("p", {
 					className: `text-center text-[13px] ${i ? "text-zinc-400" : "text-slate-500"}`,
 					children: [
@@ -3694,8 +3914,8 @@ var ft = /* @__PURE__ */ new Set([
 						" ",
 						/* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => Ot("reset"),
-							className: Nt,
+							onClick: () => jt("reset"),
+							className: It,
 							style: { color: r },
 							children: "Set your password"
 						})
@@ -3704,18 +3924,18 @@ var ft = /* @__PURE__ */ new Set([
 			]
 		})
 	} : l === "reset" ? {
-		icon: Ee,
+		icon: V,
 		title: "Set your password",
 		subtitle: "Enter the code from your email and choose a new password.",
-		onBack: () => Ot("login"),
+		onBack: () => jt("login"),
 		children: /* @__PURE__ */ m("form", {
-			onSubmit: et,
+			onSubmit: Q,
 			className: "space-y-4",
 			children: [
-				kt({
+				Mt({
 					id: "vx-portal-reset-identifier",
 					label: "Registration number or email",
-					icon: je,
+					icon: Y,
 					value: A || T,
 					onChange: (e) => {
 						j(e), E(e);
@@ -3723,68 +3943,68 @@ var ft = /* @__PURE__ */ new Set([
 					placeholder: "e.g. attendee@example.com or REG12345",
 					autoComplete: "username"
 				}),
-				kt({
+				Mt({
 					id: "vx-portal-reset-code",
 					label: "Verification code",
-					icon: q,
+					icon: U,
 					value: M,
-					onChange: ne,
+					onChange: N,
 					placeholder: "Enter code from email",
 					autoComplete: "one-time-code",
 					aside: /* @__PURE__ */ p("button", {
 						type: "button",
 						onClick: () => {
-							j(A || T), Ot("request_code");
+							j(A || T), jt("request_code");
 						},
 						className: "text-xs font-semibold hover:underline underline-offset-4 cursor-pointer",
 						style: { color: r },
 						children: "Get code on email"
 					})
 				}),
-				kt({
+				Mt({
 					id: "vx-portal-reset-password",
 					label: "New password",
-					icon: De,
+					icon: Me,
 					type: "password",
-					value: N,
-					onChange: P,
+					value: re,
+					onChange: ie,
 					placeholder: "Enter new password",
 					autoComplete: "new-password"
 				}),
-				kt({
+				Mt({
 					id: "vx-portal-reset-confirm",
 					label: "Confirm password",
-					icon: De,
+					icon: Me,
 					type: "password",
 					value: oe,
 					onChange: ce,
 					placeholder: "Re-enter new password",
 					autoComplete: "new-password"
 				}),
-				jt(h, "Set new password", "Updating password...")
+				Pt(h, "Set new password", "Updating password...")
 			]
 		})
 	} : {
-		icon: Oe,
+		icon: Ne,
 		title: "Attendee login",
 		subtitle: "Sign in with your email or registration number.",
 		children: /* @__PURE__ */ m("form", {
-			onSubmit: Xe,
+			onSubmit: Ze,
 			className: "space-y-4",
 			children: [
-				kt({
+				Mt({
 					id: "vx-portal-login-identifier",
 					label: "Email or registration number",
-					icon: je,
+					icon: Y,
 					value: T,
 					onChange: E,
 					placeholder: "Enter email or registration number",
 					autoComplete: "username"
 				}),
-				kt({
+				Mt({
 					id: "vx-portal-login-password",
 					label: "Password",
-					icon: De,
+					icon: Me,
 					type: "password",
 					value: D,
 					onChange: O,
@@ -3793,14 +4013,14 @@ var ft = /* @__PURE__ */ new Set([
 					aside: /* @__PURE__ */ p("button", {
 						type: "button",
 						onClick: () => {
-							j(T), Ot("reset");
+							j(T), jt("reset");
 						},
 						className: "text-xs font-semibold hover:underline underline-offset-4 cursor-pointer",
 						style: { color: r },
 						children: "Forgot password?"
 					})
 				}),
-				jt(h, "Login", "Logging in..."),
+				Pt(h, "Login", "Logging in..."),
 				/* @__PURE__ */ m("p", {
 					className: `pt-4 border-t text-center text-[13px] ${i ? "border-zinc-800 text-zinc-400" : "border-slate-100 text-slate-500"}`,
 					children: [
@@ -3809,9 +4029,9 @@ var ft = /* @__PURE__ */ new Set([
 						/* @__PURE__ */ p("button", {
 							type: "button",
 							onClick: () => {
-								j(T), Ot("request_code");
+								j(T), jt("request_code");
 							},
-							className: Nt,
+							className: It,
 							style: { color: r },
 							children: "Get code"
 						}),
@@ -3821,9 +4041,9 @@ var ft = /* @__PURE__ */ new Set([
 						/* @__PURE__ */ p("button", {
 							type: "button",
 							onClick: () => {
-								j(T), Ot("reset");
+								j(T), jt("reset");
 							},
-							className: Nt,
+							className: It,
 							style: { color: r },
 							children: "generate password"
 						})
@@ -3835,7 +4055,7 @@ var ft = /* @__PURE__ */ new Set([
 };
 //#endregion
 //#region src/widget/utils/backgroundUtils.ts
-function gt(e, t, n) {
+function Ct(e, t, n) {
 	if (!e) return;
 	let r = t ? "rgba(9,9,11,0.88)" : "rgba(248,250,252,0.88)";
 	return {
@@ -3848,7 +4068,7 @@ function gt(e, t, n) {
 }
 //#endregion
 //#region src/widget/components/EventWidgetReact.tsx
-function _t(e) {
+function wt(e) {
 	if (!e) return "bottom-right";
 	switch (e) {
 		case "bottom-left":
@@ -3860,7 +4080,7 @@ function _t(e) {
 		default: return "bottom-right";
 	}
 }
-var vt = (e) => {
+var Tt = (e) => {
 	switch (e) {
 		case "bottom-left": return {
 			bottom: "20px",
@@ -3887,23 +4107,26 @@ var vt = (e) => {
 			left: "auto"
 		};
 	}
-}, yt = (e) => {
+}, Et = (e) => {
 	switch (e) {
 		case "bottom-left": return "bottom-5 left-5";
 		case "top-right": return "top-5 right-5";
 		case "top-left": return "top-5 left-5";
 		default: return "bottom-5 right-5";
 	}
-}, bt = ({ config: e }) => {
+}, Dt = ({ config: e }) => {
 	let [t, n] = d("registration"), [r, i] = d(!1);
 	s(() => {
 		t === "attendee" && i(!0);
 	}, [t]);
-	let [o] = d(() => typeof window < "u" ? new URLSearchParams(window.location.search).get("rn") : null), [c, h] = d(e.displayMode !== "popup" || !!o), [y, b] = d(!1), [x, S] = d([]), [C, w] = d(""), [T, E] = d(null), [D, O] = d(null), ee = l(() => D && { fields: D.fields.filter((e) => e.id !== "registration_type") }, [D]), [k, A] = d(!0), [j, M] = d(""), [te, ne] = d(null), [N, ie] = d(!!o), [P, ae] = d(null), [oe, ce] = d(null), [le, ue] = d(o), [de, fe] = d(null), [F, I] = d(!1), [L, R] = d(() => _t(e.position)), [ge, _e] = d(null), [z, ve] = d(null), [ye, B] = d(!1), [Se, Ce] = d(!1), we = u(null), V = u(null), H = u(!1);
+	let [o] = d(() => typeof window < "u" ? new URLSearchParams(window.location.search).get("rn") : null), [c, h] = d(e.displayMode !== "popup" || !!o), [y, b] = d(!1), [x, S] = d([]), [C, w] = d(""), [T, E] = d(null), [D, O] = d(null), ee = l(() => D && { fields: D.fields.filter((e) => e.id !== "registration_type") }, [D]), [k, A] = d(!0), [j, M] = d(""), [te, N] = d(null), [re, P] = d(!!o), [ie, ae] = d(null), [oe, ce] = d(null), [le, ue] = d(o), [F, I] = d(null), [de, fe] = d(null), [me, ge] = d(!1), [L, ve] = d({
+		amount: null,
+		currency: null
+	}), [ye, be] = d(!1), [R, Se] = d(() => wt(e.position)), [z, we] = d(null), [Te, Ee] = d(null), [B, De] = d(!1), [Oe, ke] = d(!1), Ae = u(null), V = u(null), H = u(!1);
 	s(() => {
-		e.position && R(_t(e.position));
+		e.position && Se(wt(e.position));
 	}, [e.position]);
-	let U = e.themeMode === "dark" || e.theme?.mode === "dark", W = e.theme?.primaryColor || "#2563eb", G = !!e.isAbstract, Te = e.headerBannerImage, Ee = e.backgroundImage, K = l(() => new g(e.debug), [e.debug]), q = l(() => new _(e.baseUrl, e.eventSlug, K, e.timeoutMs ?? 12e4), [
+	let U = e.themeMode === "dark" || e.theme?.mode === "dark", W = e.theme?.primaryColor || "#2563eb", G = !!e.isAbstract, je = e.headerBannerImage, Me = e.backgroundImage, K = l(() => new g(e.debug), [e.debug]), q = l(() => new _(e.baseUrl, e.eventSlug, K, e.timeoutMs ?? 12e4), [
 		e.baseUrl,
 		e.eventSlug,
 		K,
@@ -3915,12 +4138,12 @@ var vt = (e) => {
 		return q.verifyPayment(o).then((n) => {
 			if (t) return;
 			let r = !!(n?.data?.confirmed ?? n?.confirmed);
-			fe(r), e.onEvent?.("payment_verified", {
+			I(r), e.onEvent?.("payment_verified", {
 				registration_number: o,
 				confirmed: r
 			});
 		}).catch((e) => {
-			t || fe(!1), K.error("Payment verification failed", e);
+			t || I(!1), K.error("Payment verification failed", e);
 		}), () => {
 			t = !0;
 		};
@@ -3930,15 +4153,27 @@ var vt = (e) => {
 		K,
 		e
 	]);
-	let De = u(e.displayMode), Y = u(null), [X, ke] = d(null);
+	let Pe = u(e.displayMode), Y = u(null), [X, Fe] = d(null), Ie = u(null);
 	s(() => {
+		if (e.displayMode !== "widget") return;
+		let t = Ie.current;
+		t && t.getBoundingClientRect().top < 0 && t.scrollIntoView({
+			behavior: "smooth",
+			block: "start"
+		});
+	}, [
+		e.displayMode,
+		re,
+		k,
+		T
+	]), s(() => {
 		J.getXrefId();
 	}, [J]), s(() => {
 		if (!c) return;
 		let t = J.getXrefId();
 		t && (G ? q.getReviewDraft(t) : q.getDraft(t)).then((t) => {
 			let n = t?.data || t;
-			n && n.registration_type && (ke(n), e.onEvent?.("draft_loaded", n));
+			n && n.registration_type && (Fe(n), e.onEvent?.("draft_loaded", n));
 		}).catch((e) => {
 			K.log("No draft found for this session", e);
 		});
@@ -3949,7 +4184,7 @@ var vt = (e) => {
 		K,
 		G
 	]);
-	let Ae = l(() => {
+	let Re = l(() => {
 		if (!X || !T || String(X.registration_type) !== String(T.id)) return {};
 		let e = { ...X.custom_data || {} };
 		if (Array.isArray(X.accompanying) && (e.accompanying = X.accompanying), X.salutation && (e.salutation = X.salutation, e.title = X.salutation), X.name) {
@@ -3958,7 +4193,7 @@ var vt = (e) => {
 			t.length > 0 && !e.first_name && (e.first_name = t[0]), t.length > 1 && !e.last_name && (e.last_name = t.slice(1).join(" "));
 		}
 		return X.email && (e.email = X.email), X.phone && (e.phone = X.phone, e.mobile = X.phone, e.phoneNumber = X.phone), ((G ? D?.fields : T?.form_schema?.fields) || []).forEach((t) => {
-			let n = ut(t.id, t.label);
+			let n = ft(t.id, t.label);
 			e[t.id] === void 0 && e[n] !== void 0 && (e[t.id] = e[n]);
 		}), e;
 	}, [
@@ -3970,7 +4205,7 @@ var vt = (e) => {
 	s(() => () => {
 		Y.current && clearTimeout(Y.current);
 	}, []);
-	let je = a((t) => {
+	let Be = a((t) => {
 		Y.current && clearTimeout(Y.current), Y.current = setTimeout(async () => {
 			if (!Object.values(t).some((e) => e !== "" && e != null)) return;
 			let n = /* @__PURE__ */ new Set([
@@ -3992,7 +4227,7 @@ var vt = (e) => {
 			r.forEach((e) => i.set(e.id, e));
 			let a = { ...t.custom_data || {} };
 			for (let [e, r] of Object.entries(t)) if (!n.has(e)) {
-				let t = ut(e, i.get(e)?.label);
+				let t = ft(e, i.get(e)?.label);
 				a[t] = r;
 			}
 			let o = {
@@ -4022,7 +4257,7 @@ var vt = (e) => {
 		D
 	]);
 	s(() => {
-		De.current !== e.displayMode && (De.current = e.displayMode, h(e.displayMode !== "popup"), b(!1));
+		Pe.current !== e.displayMode && (Pe.current = e.displayMode, h(e.displayMode !== "popup"), b(!1));
 	}, [e.displayMode]), s(() => {
 		(G ? q.getReviewFormSchema() : q.getFormSchema()).then((t) => {
 			S(t?.data?.types || []), G && O({ fields: t?.data?.fields || [] }), (t?.data?.event_name || t?.data?.title || t?.data?.name) && w(t.data.event_name || t.data.title || t.data.name), e.onEvent?.("form_loaded", t?.data);
@@ -4036,7 +4271,7 @@ var vt = (e) => {
 			e.onEvent?.("error", n), e.onError?.(n);
 		}).finally(() => A(!1));
 	}, [q, G]);
-	let Me = async (t) => {
+	let He = async (t) => {
 		Y.current && clearTimeout(Y.current), A(!0), ae(null);
 		let n = J.getXrefId(), r = /* @__PURE__ */ new Set([
 			"salutation",
@@ -4059,7 +4294,7 @@ var vt = (e) => {
 		i.forEach((e) => a.set(e.id, e));
 		let o = { ...t.custom_data || {} };
 		for (let [e, n] of Object.entries(t)) if (!r.has(e)) {
-			let t = ut(e, a.get(e)?.label);
+			let t = ft(e, a.get(e)?.label);
 			o[t] = n;
 		}
 		let s = {
@@ -4075,18 +4310,23 @@ var vt = (e) => {
 		};
 		try {
 			let t = G ? await q.submitReview(s) : await q.submitRegistration(s);
-			J.updateXrefId(), ke(null);
+			J.updateXrefId(), Fe(null);
 			let n = G ? null : t?.data?.payment_url || t?.payment_url || null;
 			ce(n);
-			let r = t?.data?.submission_number || t?.submission_number || t?.data?.registration_number || t?.registration_number || t?.data?.registration?.registration_number || t?.registration?.registration_number || null;
-			ue(r ? String(r) : null), I(!1), n && typeof n == "string" && n.trim() !== "" && window.open(n, "_blank", "noopener,noreferrer"), ie(!0);
-			let i = {
+			let r = G ? null : t?.data?.custom_qr || t?.custom_qr || null;
+			fe(r), ge(!1), ve({
+				amount: t?.data?.amount ?? null,
+				currency: t?.data?.currency ?? null
+			});
+			let i = t?.data?.submission_number || t?.submission_number || t?.data?.registration_number || t?.registration_number || t?.data?.registration?.registration_number || t?.registration?.registration_number || null;
+			ue(i ? String(i) : null), be(!1), n && typeof n == "string" && n.trim() !== "" && window.open(n, "_blank", "noopener,noreferrer"), P(!0);
+			let a = {
 				registrationType: T.id,
 				payload: s,
 				response: t,
 				paymentUrl: n
 			};
-			e.onEvent?.("submitted", i), e.onRegister?.(i), e.onRegistered?.(i);
+			e.onEvent?.("submitted", a), e.onRegister?.(a), e.onRegistered?.(a);
 		} catch (t) {
 			K.error("Submission failed", t);
 			let n = t?.message || (G ? "Submission failed. Please check your information and try again." : "Registration failed. Please check your information and try again."), r = {
@@ -4098,53 +4338,53 @@ var vt = (e) => {
 		} finally {
 			A(!1);
 		}
-	}, Ne = () => {
-		if (ie(!1), ae(null), ce(null), ue(null), I(!1), E(null), ke(null), typeof window < "u" && new URLSearchParams(window.location.search).has("rn")) {
+	}, Ue = () => {
+		if (P(!1), ae(null), ce(null), fe(null), ge(!1), ue(null), be(!1), E(null), Fe(null), typeof window < "u" && new URLSearchParams(window.location.search).has("rn")) {
 			let e = new URL(window.location.href);
 			e.searchParams.delete("rn"), window.history.replaceState(window.history.state, "", e.toString());
 		}
-	}, Pe = a((e) => {
-		if (e.stopPropagation(), e.button !== 0 || !we.current) return;
-		let t = we.current.getBoundingClientRect();
+	}, We = a((e) => {
+		if (e.stopPropagation(), e.button !== 0 || !Ae.current) return;
+		let t = Ae.current.getBoundingClientRect();
 		V.current = {
 			startX: e.clientX,
 			startY: e.clientY,
 			rect: t,
-			corner: L
-		}, H.current = !1, B(!0);
-	}, [L]);
+			corner: R
+		}, H.current = !1, De(!0);
+	}, [R]);
 	s(() => {
-		if (!ye) return;
+		if (!B) return;
 		let t = (e) => {
 			if (!V.current) return;
 			let t = e.clientX - V.current.startX, n = e.clientY - V.current.startY;
-			H.current || Math.hypot(t, n) > 5 && (H.current = !0), H.current && _e({
+			H.current || Math.hypot(t, n) > 5 && (H.current = !0), H.current && we({
 				x: t,
 				y: n
 			});
 		}, n = (t) => {
 			if (!V.current) {
-				B(!1), _e(null), H.current = !1;
+				De(!1), we(null), H.current = !1;
 				return;
 			}
 			let { rect: n, startX: r, startY: i } = V.current, a = t.clientX - r, o = t.clientY - i, s = H.current;
-			if (V.current = null, B(!1), setTimeout(() => {
+			if (V.current = null, De(!1), setTimeout(() => {
 				H.current = !1;
 			}, 100), !s) {
-				_e(null);
+				we(null);
 				return;
 			}
 			let c = n.left + a, l = n.top + o, u = c + n.width / 2, d = l + n.height / 2, f = typeof window < "u" ? window.innerWidth : 1024, p = typeof window < "u" ? window.innerHeight : 768, m = u >= f / 2, h = d >= p / 2, g = h ? m ? "bottom-right" : "bottom-left" : m ? "top-right" : "top-left", _ = m ? f - n.width - 20 : 20, v = h ? p - n.height - 20 : 20, y = c - _, b = l - v;
-			ve({
+			Ee({
 				transform: `translate3d(${y}px, ${b}px, 0)`,
 				transition: "none"
-			}), _e(null), R(g), e.onEvent?.("position_changed", { position: g }), requestAnimationFrame(() => {
+			}), we(null), Se(g), e.onEvent?.("position_changed", { position: g }), requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
-					ve({
+					Ee({
 						transform: "translate3d(0, 0, 0)",
 						transition: "transform 0.35s cubic-bezier(0.16, 1, 0.3, 1)"
 					}), setTimeout(() => {
-						ve(null);
+						Ee(null);
 					}, 360);
 				});
 			});
@@ -4152,8 +4392,8 @@ var vt = (e) => {
 		return window.addEventListener("pointermove", t), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n), () => {
 			window.removeEventListener("pointermove", t), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
 		};
-	}, [ye, e]);
-	let Ie = async () => {
+	}, [B, e]);
+	let Ge = async () => {
 		if (le) {
 			try {
 				await navigator.clipboard.writeText(le);
@@ -4161,9 +4401,9 @@ var vt = (e) => {
 				let e = document.createElement("textarea");
 				e.value = le, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
 			}
-			I(!0), setTimeout(() => I(!1), 2e3);
+			be(!0), setTimeout(() => be(!1), 2e3);
 		}
-	}, Re = () => le ? /* @__PURE__ */ m("div", {
+	}, Ke = (t) => !t || /^https?:\/\//i.test(t) ? t : `${e.baseUrl.replace(/\/$/, "")}${t}`, qe = () => le ? /* @__PURE__ */ m("div", {
 		className: "w-full max-w-xs mb-6",
 		children: [/* @__PURE__ */ p("p", {
 			className: `text-2xs font-bold uppercase tracking-wider mb-1.5 ${U ? "text-zinc-400" : "text-gray-500"}`,
@@ -4177,37 +4417,37 @@ var vt = (e) => {
 			}), /* @__PURE__ */ m("button", {
 				part: "copy-button",
 				type: "button",
-				onClick: Ie,
+				onClick: Ge,
 				className: "flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-bold text-white shrink-0 cursor-pointer hover:opacity-90 transition-opacity",
 				style: { backgroundColor: W },
 				title: "Copy registration number",
-				children: [p(F ? se : he, { size: 13 }), /* @__PURE__ */ p("span", { children: F ? "Copied" : "Copy" })]
+				children: [p(ye ? se : _e, { size: 13 }), /* @__PURE__ */ p("span", { children: ye ? "Copied" : "Copy" })]
 			})]
 		})]
 	}) : null;
 	if (!c && e.displayMode === "popup") {
 		let e = {
-			...vt(L),
-			...ge ? {
-				transform: `translate3d(${ge.x}px, ${ge.y}px, 0) scale(1.05)`,
+			...Tt(R),
+			...z ? {
+				transform: `translate3d(${z.x}px, ${z.y}px, 0) scale(1.05)`,
 				transition: "none",
 				userSelect: "none"
-			} : z ? {
-				transform: z.transform,
-				transition: z.transition
+			} : Te ? {
+				transform: Te.transform,
+				transition: Te.transition
 			} : { transition: "all 0.3s cubic-bezier(0.16, 1, 0.3, 1)" }
-		}, t = Se || ye;
+		}, t = Oe || B;
 		return /* @__PURE__ */ m("div", {
-			ref: we,
-			onMouseEnter: () => Ce(!0),
-			onMouseLeave: () => Ce(!1),
-			className: `fixed ${yt(L)} z-50 select-none group`,
+			ref: Ae,
+			onMouseEnter: () => ke(!0),
+			onMouseLeave: () => ke(!1),
+			className: `fixed ${Et(R)} z-50 select-none group`,
 			style: e,
 			children: [/* @__PURE__ */ p("div", {
-				onPointerDown: Pe,
+				onPointerDown: We,
 				className: `absolute -top-1.5 -left-1.5 w-7 h-7 rounded-full bg-slate-900 text-white shadow-lg border-2 border-white flex items-center justify-center cursor-grab active:cursor-grabbing hover:bg-black hover:scale-110 active:scale-95 transition-all duration-200 z-10 touch-none ${t ? "opacity-100 scale-100 pointer-events-auto" : "opacity-0 scale-75 pointer-events-none group-hover:opacity-100 group-hover:scale-100 group-hover:pointer-events-auto"}`,
 				title: "Hold and drag to change position",
-				children: /* @__PURE__ */ p(ze, {
+				children: /* @__PURE__ */ p(Ve, {
 					size: 13,
 					className: "pointer-events-none text-white"
 				})
@@ -4215,7 +4455,7 @@ var vt = (e) => {
 				part: "launcher",
 				type: "button",
 				onClick: (e) => {
-					e.stopPropagation(), !ye && h(!0);
+					e.stopPropagation(), !B && h(!0);
 				},
 				className: "w-16 h-16 rounded-full text-white shadow-xl flex items-center justify-center cursor-pointer hover:scale-105 active:scale-95 transition-transform",
 				style: { backgroundColor: W },
@@ -4227,9 +4467,9 @@ var vt = (e) => {
 			})]
 		});
 	}
-	let Be = e.displayMode === "fullscreen" || e.displayMode === "popup" && y, Z = e.displayMode === "widget", Q = gt(Ee, U, Z), Ve = `${U ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"} flex flex-col transition-all duration-300 ease-in-out `, He = e.theme?.fontFamily, Ue = !He || He === "inherit" ? {} : { fontFamily: `var(--vx-font-family, ${He})` };
-	Ue["--vx-accent"] = W, Be ? Ve += "fixed inset-0 z-[9999] rounded-none overflow-hidden " : e.displayMode === "popup" ? (Ve += `fixed ${yt(L)} z-50 rounded-xl shadow-2xl border ${U ? "border-zinc-800" : "border-gray-200"} overflow-hidden `, Ue.width = e.width || "400px", Ue.height = e.height || "700px", Ue.maxHeight = "90vh", Ue.maxWidth = "calc(100vw - 32px)", Object.assign(Ue, vt(L))) : (Ve += "relative w-full min-h-screen border-none shadow-none rounded-none ", Ue.width = "100%", Ue.minHeight = "100vh");
-	let We = G ? "Abstract Submission" : t === "registration" ? C || "Registration" : "Attendee Portal", Ke = j.trim().toLowerCase(), Je = Ke ? x.filter((e) => [
+	let Je = e.displayMode === "fullscreen" || e.displayMode === "popup" && y, Z = e.displayMode === "widget", Ze = Ct(Me, U, Z), $e = `${U ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"} flex flex-col transition-all duration-300 ease-in-out `, et = e.theme?.fontFamily, Q = !et || et === "inherit" ? {} : { fontFamily: `var(--vx-font-family, ${et})` };
+	Q["--vx-accent"] = W, Je ? $e += "fixed inset-0 z-[9999] rounded-none overflow-hidden " : e.displayMode === "popup" ? ($e += `fixed ${Et(R)} z-50 rounded-xl shadow-2xl border ${U ? "border-zinc-800" : "border-gray-200"} overflow-hidden `, Q.width = e.width || "400px", Q.height = e.height || "700px", Q.maxHeight = "90vh", Q.maxWidth = "calc(100vw - 32px)", Object.assign(Q, Tt(R))) : ($e += "relative w-full min-h-screen border-none shadow-none rounded-none ", Q.width = "100%", Q.minHeight = "100vh");
+	let tt = G ? "Abstract Submission" : t === "registration" ? C || "Registration" : "Attendee Portal", nt = j.trim().toLowerCase(), rt = nt ? x.filter((e) => [
 		e.type,
 		e.name,
 		e.category,
@@ -4238,12 +4478,12 @@ var vt = (e) => {
 		e.price,
 		e.tax_info,
 		...Array.isArray(e.items) ? e.items.map((e) => e?.name).filter(Boolean) : []
-	].filter((e) => e != null && e !== "").join(" ").toLowerCase().includes(Ke)) : x, Xe = `max-w-2xl mx-auto w-full rounded-3xl border overflow-hidden ${U ? "bg-zinc-900 border-zinc-800 shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_24px_48px_-24px_rgba(15,23,42,0.16)]"}`, Ze = () => {
+	].filter((e) => e != null && e !== "").join(" ").toLowerCase().includes(nt)) : x, it = `max-w-2xl mx-auto w-full rounded-3xl border overflow-hidden ${U ? "bg-zinc-900 border-zinc-800 shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_24px_48px_-24px_rgba(15,23,42,0.16)]"}`, at = () => {
 		if (x.length === 0) return null;
 		let e = x.find((e) => String(e.id) === te) || (x.length === 1 ? x[0] : null), t = e ? e.type || e.name || e.label : "";
 		return /* @__PURE__ */ m("div", {
 			part: "category-panel",
-			className: Xe,
+			className: it,
 			children: [
 				/* @__PURE__ */ m("div", {
 					className: "px-5 sm:px-7 pt-6 sm:pt-7 pb-5 flex items-center gap-3.5",
@@ -4253,7 +4493,7 @@ var vt = (e) => {
 							backgroundColor: `color-mix(in srgb, ${W} 12%, transparent)`,
 							color: W
 						},
-						children: /* @__PURE__ */ p(xe, { size: 20 })
+						children: /* @__PURE__ */ p(Ce, { size: 20 })
 					}), /* @__PURE__ */ p("div", {
 						className: "min-w-0",
 						children: /* @__PURE__ */ p("h3", {
@@ -4275,7 +4515,7 @@ var vt = (e) => {
 							type: "button",
 							role: "radio",
 							"aria-checked": r,
-							onClick: () => ne(String(t.id)),
+							onClick: () => N(String(t.id)),
 							className: `group w-full flex items-center gap-4 px-5 sm:px-7 py-4 text-left transition-colors cursor-pointer outline-none focus-visible:bg-[color-mix(in_srgb,var(--vx-accent)_8%,transparent)] ${r ? "" : U ? "hover:bg-zinc-800/60" : "hover:bg-slate-50"}`,
 							style: r ? { backgroundColor: `color-mix(in srgb, ${W} ${U ? 14 : 6}%, transparent)` } : void 0,
 							children: [
@@ -4302,7 +4542,7 @@ var vt = (e) => {
 									className: `hidden sm:inline-block text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full shrink-0 ${U ? "bg-zinc-800 text-zinc-300" : "bg-slate-100 text-slate-600"}`,
 									children: t.category
 								}),
-								/* @__PURE__ */ p(re, {
+								/* @__PURE__ */ p(ne, {
 									size: 16,
 									className: `shrink-0 transition-all ${r ? "translate-x-0.5" : `${U ? "text-zinc-600" : "text-slate-300"} group-hover:translate-x-0.5`}`,
 									style: r ? { color: W } : void 0
@@ -4329,7 +4569,7 @@ var vt = (e) => {
 							boxShadow: e ? `0 10px 24px -12px color-mix(in srgb, ${W} 70%, transparent)` : void 0
 						},
 						className: "group shrink-0 inline-flex items-center justify-center gap-2 h-11 px-5 rounded-xl text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.99] cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:brightness-100",
-						children: [/* @__PURE__ */ p("span", { children: "Continue to submission" }), /* @__PURE__ */ p(re, {
+						children: [/* @__PURE__ */ p("span", { children: "Continue to submission" }), /* @__PURE__ */ p(ne, {
 							size: 16,
 							className: "transition-transform group-hover:translate-x-0.5"
 						})]
@@ -4337,9 +4577,9 @@ var vt = (e) => {
 				})
 			]
 		});
-	}, Qe = (e) => /* @__PURE__ */ m("div", {
+	}, ot = (e) => /* @__PURE__ */ m("div", {
 		part: "category-panel",
-		className: Xe,
+		className: it,
 		children: [
 			/* @__PURE__ */ m("div", {
 				className: "px-5 sm:px-7 pt-6 sm:pt-7 pb-5 flex items-center gap-3.5",
@@ -4373,7 +4613,7 @@ var vt = (e) => {
 				children: /* @__PURE__ */ p("div", { className: `${e} h-11 w-52` })
 			})
 		]
-	}), $e = () => {
+	}), st = () => {
 		let e = "vx-skeleton rounded-full", t = Z ? 6 : 3;
 		return /* @__PURE__ */ m("div", {
 			part: "page",
@@ -4412,10 +4652,10 @@ var vt = (e) => {
 				/* @__PURE__ */ p("div", {
 					part: "list",
 					className: `${Z ? "w-full flex-1" : "overflow-hidden flex-1 min-h-0"} relative ${U ? "bg-zinc-950" : "bg-slate-50"}`,
-					style: Q,
+					style: Ze,
 					children: /* @__PURE__ */ p("div", {
 						className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-6 sm:py-8 space-y-5",
-						children: G ? Qe(e) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
+						children: G ? ot(e) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
 							part: "search",
 							className: "flex flex-col sm:flex-row sm:items-end sm:justify-between gap-3",
 							children: [/* @__PURE__ */ m("div", {
@@ -4467,15 +4707,15 @@ var vt = (e) => {
 				})
 			]
 		});
-	}, et = () => {
-		let e = !!T, t = G ? xe : Ye, n = e ? G ? "Submitting your abstract" : "Submitting your registration" : "Loading your registration", r = T ? T.type || T.name || T.label : "", i = !G && T && T.price !== void 0 && T.price !== null && T.price !== "" ? Number(T.price) > 0 ? [T.currency, Number(T.price).toLocaleString()].filter(Boolean).join(" ") : "Free" : "";
+	}, ct = () => {
+		let e = !!T, t = G ? Ce : Qe, n = e ? G ? "Submitting your abstract" : "Submitting your registration" : "Loading your registration", r = T ? T.type || T.name || T.label : "", i = !G && T && T.price !== void 0 && T.price !== null && T.price !== "" ? Number(T.price) > 0 ? [T.currency, Number(T.price).toLocaleString()].filter(Boolean).join(" ") : "Free" : "";
 		return /* @__PURE__ */ p("div", {
 			part: "screen screen-submitting",
 			role: "status",
 			"aria-live": "polite",
 			"aria-busy": "true",
 			className: `flex-1 flex items-center justify-center px-4 py-16 ${Z ? "min-h-[70vh]" : "h-full"} ${U ? "bg-zinc-950" : "bg-slate-50"}`,
-			style: Q,
+			style: Ze,
 			children: /* @__PURE__ */ m("div", {
 				part: "portal-card",
 				className: `w-full max-w-sm rounded-3xl border p-8 text-center ${U ? "bg-zinc-900 border-zinc-800 shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_24px_48px_-24px_rgba(15,23,42,0.18)]"}`,
@@ -4543,16 +4783,77 @@ var vt = (e) => {
 		});
 	};
 	return /* @__PURE__ */ p("div", {
+		ref: Ie,
 		part: "widget",
-		className: Ve,
+		className: $e,
 		style: {
-			...Ue,
-			overflow: Z ? "visible" : "clip"
+			...Q,
+			overflow: Z ? "visible" : "clip",
+			scrollMarginTop: Z ? 96 : void 0
 		},
 		onScroll: (e) => {
 			Z || (e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0));
 		},
-		children: k && !T && !N ? $e() : k ? et() : N ? oe ? /* @__PURE__ */ m("div", {
+		children: k && !T && !re ? st() : k ? ct() : re ? de && !me ? /* @__PURE__ */ m("div", {
+			part: "screen screen-custom-qr",
+			className: `flex flex-col h-full relative overflow-y-auto ${U ? "bg-black text-white" : "bg-white text-gray-900"}`,
+			children: [/* @__PURE__ */ m("div", {
+				part: "screen-header",
+				className: "p-4 shadow-sm flex justify-between items-center z-10",
+				style: {
+					backgroundColor: W,
+					color: "white"
+				},
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
+					part: "screen-header-title",
+					className: "text-xl font-bold",
+					style: $,
+					children: "Complete Payment"
+				}), /* @__PURE__ */ p("p", {
+					className: "text-xs opacity-90 mt-0.5",
+					children: "Registration Submitted"
+				})] }), /* @__PURE__ */ p("div", {
+					className: "flex items-center gap-3",
+					children: e.displayMode === "popup" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
+						onClick: () => b(!y),
+						title: y ? "Minimize" : "Expand",
+						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
+						children: p(y ? ze : Le, { size: 18 })
+					}), /* @__PURE__ */ p("button", {
+						onClick: () => h(!1),
+						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
+						children: /* @__PURE__ */ p(lt, { size: 24 })
+					})] })
+				})]
+			}), /* @__PURE__ */ m("div", {
+				className: "flex-1 flex flex-col items-center p-6 text-center",
+				children: [
+					qe(),
+					/* @__PURE__ */ p(bt, {
+						qrUrl: Ke(de.qr_url),
+						schema: de.schema || [],
+						amount: L.amount,
+						currency: L.currency,
+						registrationNumber: le,
+						apiClient: q,
+						primaryColor: W,
+						isDark: U,
+						onSubmitted: (t) => {
+							ge(!0), e.onEvent?.("custom_qr_submitted", {
+								registration_number: le,
+								answers: t
+							});
+						}
+					}),
+					/* @__PURE__ */ p("button", {
+						part: "button button-link",
+						onClick: Ue,
+						className: `mt-4 w-full max-w-sm py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${U ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
+						children: "Register Another Person"
+					})
+				]
+			})]
+		}) : oe ? /* @__PURE__ */ m("div", {
 			part: "screen screen-payment",
 			className: `flex flex-col h-full relative overflow-y-auto ${U ? "bg-black text-white" : "bg-white text-gray-900"}`,
 			children: [/* @__PURE__ */ m("div", {
@@ -4576,11 +4877,11 @@ var vt = (e) => {
 						onClick: () => b(!y),
 						title: y ? "Minimize" : "Expand",
 						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-						children: p(y ? Le : Fe, { size: 18 })
+						children: p(y ? ze : Le, { size: 18 })
 					}), /* @__PURE__ */ p("button", {
 						onClick: () => h(!1),
 						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-						children: /* @__PURE__ */ p(st, { size: 24 })
+						children: /* @__PURE__ */ p(lt, { size: 24 })
 					})] })
 				})]
 			}), /* @__PURE__ */ m("div", {
@@ -4605,7 +4906,7 @@ var vt = (e) => {
 						className: `text-sm mb-6 max-w-xs leading-relaxed ${U ? "text-zinc-300" : "text-gray-600"}`,
 						children: "Please complete your payment in the new tab to confirm your booking and finalize your registration."
 					}),
-					Re(),
+					qe(),
 					/* @__PURE__ */ m("div", {
 						className: "w-full max-w-xs space-y-3",
 						children: [/* @__PURE__ */ m("a", {
@@ -4615,10 +4916,10 @@ var vt = (e) => {
 							rel: "noopener noreferrer",
 							className: "flex items-center justify-center gap-2 font-bold px-5 py-3 rounded-lg transition-opacity hover:opacity-90 text-white shadow-md w-full",
 							style: { backgroundColor: W },
-							children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(be, { size: 16 })]
+							children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(xe, { size: 16 })]
 						}), /* @__PURE__ */ p("button", {
 							part: "button button-link",
-							onClick: Ne,
+							onClick: Ue,
 							className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${U ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
 							children: "Register Another Person"
 						})]
@@ -4634,7 +4935,7 @@ var vt = (e) => {
 					children: /* @__PURE__ */ p("button", {
 						onClick: () => h(!1),
 						className: `cursor-pointer ${U ? "text-zinc-400 hover:text-white" : "text-gray-400 hover:text-gray-900"}`,
-						children: /* @__PURE__ */ p(st, { size: 24 })
+						children: /* @__PURE__ */ p(lt, { size: 24 })
 					})
 				}),
 				/* @__PURE__ */ p("div", {
@@ -4656,21 +4957,26 @@ var vt = (e) => {
 					className: `mb-6 ${U ? "text-zinc-300" : "text-gray-600"}`,
 					children: G ? "Your reference submission number is below." : "Your registration has been successfully received."
 				}),
-				Re(),
-				de !== null && /* @__PURE__ */ p("p", {
+				qe(),
+				me && /* @__PURE__ */ p("p", {
 					part: "payment-status",
 					className: `text-sm mb-6 max-w-xs leading-relaxed ${U ? "text-zinc-300" : "text-gray-600"}`,
-					children: de ? "Your payment is confirmed." : "We haven't received your payment yet. If you have just paid, it will be confirmed shortly."
+					children: "We have your payment details. Your registration is confirmed once the transfer is verified."
+				}),
+				F !== null && /* @__PURE__ */ p("p", {
+					part: "payment-status",
+					className: `text-sm mb-6 max-w-xs leading-relaxed ${U ? "text-zinc-300" : "text-gray-600"}`,
+					children: F ? "Your payment is confirmed." : "We haven't received your payment yet. If you have just paid, it will be confirmed shortly."
 				}),
 				/* @__PURE__ */ p("button", {
 					part: "button button-primary",
-					onClick: Ne,
+					onClick: Ue,
 					style: { backgroundColor: W },
 					className: "text-white font-bold py-3 px-8 rounded-md hover:opacity-90 transition-opacity shadow-md cursor-pointer",
 					children: "Back"
 				})
 			]
-		}) : P ? /* @__PURE__ */ m("div", {
+		}) : ie ? /* @__PURE__ */ m("div", {
 			part: "screen screen-error",
 			className: `flex flex-col h-full relative overflow-y-auto ${U ? "bg-black text-white" : "bg-white text-gray-900"}`,
 			children: [/* @__PURE__ */ m("div", {
@@ -4689,7 +4995,7 @@ var vt = (e) => {
 					children: e.displayMode === "popup" && /* @__PURE__ */ p("button", {
 						onClick: () => h(!1),
 						className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
-						children: /* @__PURE__ */ p(st, { size: 24 })
+						children: /* @__PURE__ */ p(lt, { size: 24 })
 					})
 				})]
 			}), /* @__PURE__ */ m("div", {
@@ -4708,7 +5014,7 @@ var vt = (e) => {
 					/* @__PURE__ */ p("p", {
 						part: "screen-message",
 						className: `text-sm mb-6 max-w-xs leading-relaxed ${U ? "text-zinc-300" : "text-gray-600"}`,
-						children: P
+						children: ie
 					}),
 					/* @__PURE__ */ m("div", {
 						className: "w-full max-w-xs space-y-3",
@@ -4729,18 +5035,18 @@ var vt = (e) => {
 					})
 				]
 			})]
-		}) : T ? /* @__PURE__ */ p(pt, {
+		}) : T ? /* @__PURE__ */ p(yt, {
 			schema: G ? ee : T.form_schema,
 			ticketType: T,
 			theme: e.theme,
 			displayMode: e.displayMode,
-			backgroundStyle: Q,
+			backgroundStyle: Ze,
 			isExpanded: y,
 			onToggleExpand: () => b(!y),
 			onClose: () => h(!1),
-			onSubmit: Me,
-			onChange: je,
-			initialValues: Ae,
+			onSubmit: He,
+			onChange: Be,
+			initialValues: Re,
 			fileAnswers: X?.file_answers,
 			isDark: U,
 			apiClient: q,
@@ -4776,10 +5082,10 @@ var vt = (e) => {
 							"aria-hidden": "true",
 							className: "pointer-events-none absolute -top-24 -right-10 h-64 w-64 rounded-full bg-white/15 blur-3xl"
 						}),
-						Te && /* @__PURE__ */ m("div", {
+						je && /* @__PURE__ */ m("div", {
 							className: "absolute inset-y-0 right-0 flex max-w-[65%] pointer-events-none select-none",
 							children: [/* @__PURE__ */ p("img", {
-								src: Te,
+								src: je,
 								alt: "",
 								"aria-hidden": "true",
 								className: "h-full w-auto object-cover object-right"
@@ -4794,7 +5100,7 @@ var vt = (e) => {
 								className: "flex items-center gap-3.5 min-w-0",
 								children: [/* @__PURE__ */ p("div", {
 									className: "w-11 h-11 rounded-2xl bg-white/15 ring-1 ring-inset ring-white/30 flex items-center justify-center shrink-0 shadow-[inset_0_1px_0_rgba(255,255,255,0.25)]",
-									children: /* @__PURE__ */ p(qe, {
+									children: /* @__PURE__ */ p(Xe, {
 										size: 20,
 										className: "text-white"
 									})
@@ -4806,7 +5112,7 @@ var vt = (e) => {
 											part: "header-title",
 											className: "text-lg sm:text-2xl font-bold tracking-tight leading-tight break-words",
 											style: $,
-											children: We
+											children: tt
 										}), /* @__PURE__ */ m("span", {
 											className: "hidden sm:inline-flex shrink-0 items-center gap-1.5 text-[10px] font-semibold px-2 py-0.5 rounded-full bg-white/15 ring-1 ring-inset ring-white/25 uppercase tracking-wider",
 											children: [/* @__PURE__ */ p("span", { className: "h-1.5 w-1.5 rounded-full bg-emerald-300" }), "Official Portal"]
@@ -4823,11 +5129,11 @@ var vt = (e) => {
 									onClick: () => b(!y),
 									title: y ? "Minimize" : "Expand",
 									className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer p-1",
-									children: p(y ? Le : Fe, { size: 18 })
+									children: p(y ? ze : Le, { size: 18 })
 								}), /* @__PURE__ */ p("button", {
 									onClick: () => h(!1),
 									className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer p-1",
-									children: /* @__PURE__ */ p(st, { size: 22 })
+									children: /* @__PURE__ */ p(lt, { size: 22 })
 								})] })
 							})]
 						})
@@ -4848,7 +5154,7 @@ var vt = (e) => {
 							}, {
 								key: "attendee",
 								label: "Attendee Login",
-								Icon: Oe
+								Icon: Ne
 							}].map(({ key: e, label: r, Icon: i }) => {
 								let a = t === e;
 								return /* @__PURE__ */ m("button", {
@@ -4874,10 +5180,10 @@ var vt = (e) => {
 				(G || t === "registration") && /* @__PURE__ */ p("div", {
 					part: "list",
 					className: `${Z ? "w-full flex-1" : "overflow-y-auto flex-1 min-h-0 overscroll-contain"} relative ${U ? "bg-zinc-950" : "bg-slate-50"}`,
-					style: Q,
+					style: Ze,
 					children: /* @__PURE__ */ p("div", {
 						className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-6 sm:py-8 space-y-5",
-						children: G ? Ze() : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
+						children: G ? at() : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
 							part: "search",
 							className: "flex flex-col sm:flex-row sm:items-end sm:justify-between gap-3",
 							children: [/* @__PURE__ */ m("div", {
@@ -4890,7 +5196,7 @@ var vt = (e) => {
 								}), x.length > 0 && /* @__PURE__ */ p("p", {
 									part: "list-count",
 									className: `text-xs mt-0.5 ${U ? "text-zinc-400" : "text-slate-500"}`,
-									children: Ke ? `${Je.length} of ${x.length} options` : `${x.length} ${x.length === 1 ? "option" : "options"} available`
+									children: nt ? `${rt.length} of ${x.length} options` : `${x.length} ${x.length === 1 ? "option" : "options"} available`
 								})]
 							}), /* @__PURE__ */ m("div", {
 								className: "relative w-full sm:w-72",
@@ -4906,7 +5212,7 @@ var vt = (e) => {
 									}),
 									/* @__PURE__ */ p("div", {
 										className: `absolute inset-y-0 left-3 flex items-center pointer-events-none ${U ? "text-zinc-500" : "text-slate-400"}`,
-										children: /* @__PURE__ */ p(Ge, {
+										children: /* @__PURE__ */ p(Ye, {
 											size: 15,
 											className: "block"
 										})
@@ -4916,17 +5222,17 @@ var vt = (e) => {
 										onClick: () => M(""),
 										"aria-label": "Clear search",
 										className: `absolute inset-y-0 right-2.5 flex items-center cursor-pointer ${U ? "text-zinc-500 hover:text-zinc-300" : "text-slate-400 hover:text-slate-600"}`,
-										children: /* @__PURE__ */ p(st, { size: 14 })
+										children: /* @__PURE__ */ p(lt, { size: 14 })
 									})
 								]
 							})]
-						}), x.length === 0 ? null : Je.length === 0 ? /* @__PURE__ */ m("div", {
+						}), x.length === 0 ? null : rt.length === 0 ? /* @__PURE__ */ m("div", {
 							part: "empty-state",
 							className: `flex flex-col items-center text-center py-16 px-6 rounded-3xl border border-dashed ${U ? "bg-zinc-900/60 border-zinc-800 text-zinc-400" : "bg-white/70 border-slate-300 text-slate-500"}`,
 							children: [
 								/* @__PURE__ */ p("div", {
 									className: `w-12 h-12 rounded-2xl flex items-center justify-center mb-4 ${U ? "bg-zinc-800" : "bg-slate-100"}`,
-									children: /* @__PURE__ */ p(Ge, { size: 20 })
+									children: /* @__PURE__ */ p(Ye, { size: 20 })
 								}),
 								/* @__PURE__ */ m("p", {
 									className: `text-base font-semibold ${U ? "text-white" : "text-slate-900"}`,
@@ -4950,8 +5256,8 @@ var vt = (e) => {
 						}) : /* @__PURE__ */ p("div", {
 							part: "card-grid",
 							className: Z ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5" : "space-y-3",
-							children: Je.map((e) => {
-								let t = e.type || e.name || e.label, n = e.price !== void 0 && e.price !== null && e.price !== "", r = n && (Number(e.price) === 0 || String(e.price).toLowerCase() === "free"), i = (Array.isArray(e.items) ? e.items : []).filter((e) => e?.name).map((t) => t.mode === "optional" && Number(t.price) > 0 ? `${t.name} (+ ${[e.currency, Number(t.price).toLocaleString()].filter(Boolean).join(" ")})` : t.name), a = G ? xe : Ye;
+							children: rt.map((e) => {
+								let t = e.type || e.name || e.label, n = e.price !== void 0 && e.price !== null && e.price !== "", r = n && (Number(e.price) === 0 || String(e.price).toLowerCase() === "free"), i = (Array.isArray(e.items) ? e.items : []).filter((e) => e?.name).map((t) => t.mode === "optional" && Number(t.price) > 0 ? `${t.name} (+ ${[e.currency, Number(t.price).toLocaleString()].filter(Boolean).join(" ")})` : t.name), a = G ? Ce : Qe;
 								return /* @__PURE__ */ m("div", {
 									part: "card",
 									role: "button",
@@ -4986,7 +5292,7 @@ var vt = (e) => {
 												}), e.seats_left && /* @__PURE__ */ m("span", {
 													part: "card-seats",
 													className: `text-[10px] font-semibold px-2.5 py-1 rounded-full flex items-center gap-1 ${U ? "bg-amber-950/60 text-amber-300" : "bg-amber-50 text-amber-700"}`,
-													children: [/* @__PURE__ */ p(me, { size: 10 }), /* @__PURE__ */ p("span", { children: e.seats_left })]
+													children: [/* @__PURE__ */ p(he, { size: 10 }), /* @__PURE__ */ p("span", { children: e.seats_left })]
 												})]
 											})]
 										}),
@@ -5050,7 +5356,7 @@ var vt = (e) => {
 												style: { backgroundColor: W },
 												children: [G ? "Submit" : "Register", /* @__PURE__ */ p("span", {
 													className: "w-7 h-7 rounded-full bg-white/20 flex items-center justify-center transition-transform duration-300 group-hover:translate-x-0.5",
-													children: /* @__PURE__ */ p(re, { size: 14 })
+													children: /* @__PURE__ */ p(ne, { size: 14 })
 												})]
 											})]
 										})
@@ -5065,12 +5371,12 @@ var vt = (e) => {
 					className: `${t === "attendee" ? "flex" : "hidden"} flex-col ${Z ? "w-full flex-1" : "flex-1 overflow-hidden min-h-0"}`,
 					style: {
 						...Z ? {} : { overflow: "clip" },
-						...Q
+						...Ze
 					},
 					onScroll: Z ? void 0 : (e) => {
 						e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0);
 					},
-					children: /* @__PURE__ */ p(ht, {
+					children: /* @__PURE__ */ p(St, {
 						apiClient: q,
 						storage: J,
 						logger: K,
@@ -5084,7 +5390,7 @@ var vt = (e) => {
 			]
 		})
 	});
-}, xt = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-indigo-400:oklch(67.3% .182 276.935);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-100:oklch(94.8% .028 342.258);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-\\[10px\\]{inset:10px}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-y-0{inset-block:0}.-top-1\\.5{top:calc(var(--spacing) * -1.5)}.-top-16{top:calc(var(--spacing) * -16)}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:0}.top-1\\/2{top:50%}.top-1\\/3{top:33.3333%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-18{top:calc(var(--spacing) * 18)}.-right-10{right:calc(var(--spacing) * -10)}.-right-16{right:calc(var(--spacing) * -16)}.right-0{right:0}.right-1\\/4{right:25%}.right-2\\.5{right:calc(var(--spacing) * 2.5)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1\\.5{left:calc(var(--spacing) * -1.5)}.-left-20{left:calc(var(--spacing) * -20)}.left-0{left:0}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-1{margin-bottom:var(--spacing)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-1{height:var(--spacing)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-2\\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-\\[3px\\]{height:3px}.h-full{height:100%}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-0{min-height:0}.min-h-\\[70vh\\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-1\\.5{width:calc(var(--spacing) * 1.5)}.w-1\\/2{width:50%}.w-2\\.5{width:calc(var(--spacing) * 2.5)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-3\\/4{width:75%}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-4\\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\\[16rem\\]{max-width:16rem}.max-w-\\[60vw\\]{max-width:60vw}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[400px\\]{max-width:400px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-0\\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-y{resize:vertical}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}:where(.divide-zinc-800>:not(:last-child)){border-color:var(--color-zinc-800)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-full{border-bottom-right-radius:2147483647px;border-bottom-left-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-emerald-700{border-color:var(--color-emerald-700)}.border-fuchsia-200{border-color:var(--color-fuchsia-200)}.border-fuchsia-500{border-color:var(--color-fuchsia-500)}.border-fuchsia-600{border-color:var(--color-fuchsia-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\\/80{border-color:#e5e7ebcc}@supports (color:color-mix(in lab, red, red)){.border-gray-200\\/80{border-color:color-mix(in oklab, var(--color-gray-200) 80%, transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-900{border-color:var(--color-gray-900)}.border-pink-100{border-color:var(--color-pink-100)}.border-pink-100\\/90{border-color:#fce7f3e6}@supports (color:color-mix(in lab, red, red)){.border-pink-100\\/90{border-color:color-mix(in oklab, var(--color-pink-100) 90%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-700{border-color:var(--color-red-700)}.border-red-900{border-color:var(--color-red-900)}.border-red-900\\/60{border-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/60{border-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-zinc-600{border-color:var(--color-zinc-600)}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.bg-\\[\\#fbf7f9\\]{background-color:#fbf7f9}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-950\\/60{background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.bg-amber-950\\/60{background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-300{background-color:var(--color-emerald-300)}.bg-emerald-950\\/50{background-color:#002c2280}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/50{background-color:color-mix(in oklab, var(--color-emerald-950) 50%, transparent)}}.bg-emerald-950\\/60{background-color:#002c2299}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/60{background-color:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)}}.bg-emerald-950\\/70{background-color:#002c22b3}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/70{background-color:color-mix(in oklab, var(--color-emerald-950) 70%, transparent)}}.bg-emerald-950\\/95{background-color:#002c22f2}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/95{background-color:color-mix(in oklab, var(--color-emerald-950) 95%, transparent)}}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-fuchsia-600{background-color:var(--color-fuchsia-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\\/80{background-color:#f9fafbcc}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\\/80{background-color:color-mix(in oklab, var(--color-gray-50) 80%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\\/80{background-color:#fef2f2cc}@supports (color:color-mix(in lab, red, red)){.bg-red-50\\/80{background-color:color-mix(in oklab, var(--color-red-50) 80%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-950\\/50{background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/50{background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)}}.bg-red-950\\/60{background-color:#46080999}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/60{background-color:color-mix(in oklab, var(--color-red-950) 60%, transparent)}}.bg-red-950\\/95{background-color:#460809f2}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/95{background-color:color-mix(in oklab, var(--color-red-950) 95%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\\/70{background-color:#f8fafcb3}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\\/70{background-color:color-mix(in oklab, var(--color-slate-50) 70%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-800\\/60{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-800\\/60{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\\/60{background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/60{background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}.bg-zinc-900\\/85{background-color:#18181bd9}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/85{background-color:color-mix(in oklab, var(--color-zinc-900) 85%, transparent)}}.bg-zinc-900\\/90{background-color:#18181be6}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/90{background-color:color-mix(in oklab, var(--color-zinc-900) 90%, transparent)}}.bg-zinc-900\\/95{background-color:#18181bf2}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/95{background-color:color-mix(in oklab, var(--color-zinc-900) 95%, transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\\/40{background-color:#09090b66}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/40{background-color:color-mix(in oklab, var(--color-zinc-950) 40%, transparent)}}.bg-zinc-950\\/60{background-color:#09090b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/60{background-color:color-mix(in oklab, var(--color-zinc-950) 60%, transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-right{object-position:right}.p-1{padding:var(--spacing)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3\\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1\\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2\\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3\\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12\\.5px\\]{font-size:12.5px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-300{color:var(--color-amber-300)}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-fuchsia-600{color:var(--color-fuchsia-600)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-400{color:var(--color-indigo-400)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-white\\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.placeholder-zinc-500::placeholder{color:var(--color-zinc-500)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\\[0\\.03\\]{opacity:.03}.opacity-\\[0\\.14\\]{opacity:.14}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_12px_32px_-16px_rgba\\(15\\,23\\,42\\,0\\.12\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 12px 32px -16px var(--tw-shadow-color,#0f172a1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.16\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a29);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.18\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.25\\)\\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-emerald-200\\/80{--tw-ring-color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.ring-emerald-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-emerald-200) 80%, transparent)}}.ring-emerald-900{--tw-ring-color:var(--color-emerald-900)}.ring-red-200\\/80{--tw-ring-color:#ffcacacc}@supports (color:color-mix(in lab, red, red)){.ring-red-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-red-200) 80%, transparent)}}.ring-red-900{--tw-ring-color:var(--color-red-900)}.ring-slate-200\\/70{--tw-ring-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.ring-slate-200\\/70{--tw-ring-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.ring-white\\/25{--tw-ring-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.ring-white\\/25{--tw-ring-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.ring-white\\/30{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.ring-white\\/30{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.contrast-200{--tw-contrast:contrast(200%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\\:translate-x-0\\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 70%,transparent))}}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.placeholder\\:text-slate-400::placeholder{color:var(--color-slate-400)}.placeholder\\:text-zinc-500::placeholder{color:var(--color-zinc-500)}@media (hover:hover){.hover\\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 35%,transparent)}}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 45%,transparent)}}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:border-red-200:hover{border-color:var(--color-red-200)}.hover\\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\\:border-zinc-600:hover{border-color:var(--color-zinc-600)}.hover\\:border-zinc-700:hover{border-color:var(--color-zinc-700)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-red-900\\/60:hover{background-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-900\\/60:hover{background-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.hover\\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\\:bg-white\\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\\:bg-zinc-700:hover{background-color:var(--color-zinc-700)}.hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\\:bg-zinc-800\\/60:hover{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-zinc-800\\/60:hover{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-300:hover{color:var(--color-red-300)}.hover\\:text-red-400:hover{color:var(--color-red-400)}.hover\\:text-red-500:hover{color:var(--color-red-500)}.hover\\:text-red-600:hover{color:var(--color-red-600)}.hover\\:text-slate-600:hover{color:var(--color-slate-600)}.hover\\:text-slate-800:hover{color:var(--color-slate-800)}.hover\\:text-slate-900:hover{color:var(--color-slate-900)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:text-zinc-200:hover{color:var(--color-zinc-200)}.hover\\:text-zinc-300:hover{color:var(--color-zinc-300)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 45%,transparent))}}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\\:border-\\(--vx-accent\\):focus{border-color:var(--vx-accent)}.focus\\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 15%,transparent)}}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 20%,transparent)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:color-mix(in srgb,var(--vx-accent) 8%,transparent)}}.focus-visible\\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 25%,transparent)}}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\\:scale-\\[0\\.99\\]:active{scale:.99}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}.disabled\\:opacity-70:disabled{opacity:.7}@media (hover:hover){.disabled\\:hover\\:brightness-100:disabled:hover{--tw-brightness:brightness(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@media (prefers-reduced-motion:no-preference){.motion-safe\\:animate-spin{animation:var(--animate-spin)}}@media (width>=40rem){.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:inline-block{display:inline-block}.sm\\:inline-flex{display:inline-flex}.sm\\:h-14{height:calc(var(--spacing) * 14)}.sm\\:w-14{width:calc(var(--spacing) * 14)}.sm\\:w-72{width:calc(var(--spacing) * 72)}.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:items-end{align-items:flex-end}.sm\\:justify-between{justify-content:space-between}.sm\\:gap-2{gap:calc(var(--spacing) * 2)}.sm\\:gap-4{gap:calc(var(--spacing) * 4)}.sm\\:p-5{padding:calc(var(--spacing) * 5)}.sm\\:p-6{padding:calc(var(--spacing) * 6)}.sm\\:p-7{padding:calc(var(--spacing) * 7)}.sm\\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\\:px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.sm\\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\\:pt-7{padding-top:calc(var(--spacing) * 7)}.sm\\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.sm\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=48rem){.md\\:block{display:block}.md\\:w-1\\/2{width:50%}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\\:border-fuchsia-800{border-color:var(--color-fuchsia-800)}.dark\\:border-zinc-700{border-color:var(--color-zinc-700)}.dark\\:border-zinc-800{border-color:var(--color-zinc-800)}.dark\\:bg-fuchsia-950\\/80{background-color:#4b004fcc}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-fuchsia-950\\/80{background-color:color-mix(in oklab, var(--color-fuchsia-950) 80%, transparent)}}.dark\\:bg-white{background-color:var(--color-white)}.dark\\:bg-zinc-800{background-color:var(--color-zinc-800)}.dark\\:bg-zinc-900{background-color:var(--color-zinc-900)}.dark\\:text-fuchsia-300{color:var(--color-fuchsia-300)}.dark\\:text-gray-900{color:var(--color-gray-900)}.dark\\:text-white{color:var(--color-white)}.dark\\:text-zinc-200{color:var(--color-zinc-200)}.dark\\:text-zinc-300{color:var(--color-zinc-300)}.dark\\:text-zinc-400{color:var(--color-zinc-400)}@media (hover:hover){.dark\\:hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:#18181b80}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:color-mix(in oklab, var(--color-zinc-900) 50%, transparent)}}.dark\\:hover\\:text-white:hover{color:var(--color-white)}}}}:host{all:initial;font-family:inherit}.vx-skeleton{background-image:linear-gradient(90deg,currentColor 0% 50%,currentColor 100%)}@supports (color:color-mix(in lab, red, red)){.vx-skeleton{background-image:linear-gradient(90deg, color-mix(in srgb, currentColor 7%, transparent) 0%, color-mix(in srgb, currentColor 14%, transparent) 50%, color-mix(in srgb, currentColor 7%, transparent) 100%)}}.vx-skeleton{background-size:200% 100%;animation:1.4s ease-in-out infinite vx-skeleton-sweep}@keyframes vx-skeleton-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.vx-progress-bar{animation:1.3s ease-in-out infinite vx-progress-slide}@keyframes vx-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.vx-skeleton,.vx-progress-bar{animation:none}}@supports (appearance:base-select){select[part~=select]{appearance:base-select}select[part~=select]::picker(select){appearance:base-select}select[part~=select]::picker-icon{display:none}select[part~=select]::picker(select){border:1px solid;margin-block:6px;padding:6px}@supports (color:color-mix(in lab, red, red)){select[part~=select]::picker(select){border:1px solid color-mix(in srgb, currentColor 12%, transparent)}}select[part~=select]::picker(select){background-color:inherit;color:inherit;opacity:0;max-height:min(320px,60vh);transition:opacity .15s ease, translate .15s ease, display .15s allow-discrete, overlay .15s allow-discrete;border-radius:14px;translate:0 -4px;box-shadow:0 18px 40px -12px #0f172a38,0 4px 12px -4px #0f172a14}select[part~=select]:open::picker(select){opacity:1;translate:0}@starting-style{select[part~=select]:open::picker(select){opacity:0;translate:0 -4px}}select[part~=select] option{color:inherit;cursor:pointer;background-color:#0000;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 8%, transparent)}}select[part~=select] option:hover,select[part~=select] option:focus-visible{outline:none}select[part~=select] option:checked{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:checked{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 12%, transparent)}}select[part~=select] option:checked{color:var(--vx-accent,#2563eb);font-weight:600}select[part~=select] option::checkmark{color:var(--vx-accent,#2563eb);order:1;margin-inline-start:auto}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:currentColor;background-color:#0000}@supports (color:color-mix(in lab, red, red)){select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:color-mix(in srgb, currentColor 55%, transparent)}}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{font-weight:500}select[part~=select] option[value=\"\"]::checkmark{display:none}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}", St = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif", Ct = ({ children: e, useShadow: t = !0, inheritFont: n = !1 }) => {
+}, Ot = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-indigo-400:oklch(67.3% .182 276.935);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-100:oklch(94.8% .028 342.258);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-\\[10px\\]{inset:10px}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-y-0{inset-block:0}.-top-1\\.5{top:calc(var(--spacing) * -1.5)}.-top-16{top:calc(var(--spacing) * -16)}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:0}.top-1\\/2{top:50%}.top-1\\/3{top:33.3333%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-18{top:calc(var(--spacing) * 18)}.-right-10{right:calc(var(--spacing) * -10)}.-right-16{right:calc(var(--spacing) * -16)}.right-0{right:0}.right-1\\/4{right:25%}.right-2\\.5{right:calc(var(--spacing) * 2.5)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1\\.5{left:calc(var(--spacing) * -1.5)}.-left-20{left:calc(var(--spacing) * -20)}.left-0{left:0}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-1{margin-bottom:var(--spacing)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-1{height:var(--spacing)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-2\\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-44{height:calc(var(--spacing) * 44)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-\\[3px\\]{height:3px}.h-\\[18px\\]{height:18px}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-0{min-height:0}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\\[70vh\\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-1\\.5{width:calc(var(--spacing) * 1.5)}.w-1\\/2{width:50%}.w-2\\.5{width:calc(var(--spacing) * 2.5)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-3\\/4{width:75%}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-4\\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\\[16rem\\]{max-width:16rem}.max-w-\\[60vw\\]{max-width:60vw}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[400px\\]{max-width:400px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-\\[18px\\]{min-width:18px}.min-w-fit{min-width:fit-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-0\\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize-y{resize:vertical}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}:where(.divide-zinc-800>:not(:last-child)){border-color:var(--color-zinc-800)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-full{border-bottom-right-radius:2147483647px;border-bottom-left-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-emerald-700{border-color:var(--color-emerald-700)}.border-fuchsia-200{border-color:var(--color-fuchsia-200)}.border-fuchsia-500{border-color:var(--color-fuchsia-500)}.border-fuchsia-600{border-color:var(--color-fuchsia-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\\/80{border-color:#e5e7ebcc}@supports (color:color-mix(in lab, red, red)){.border-gray-200\\/80{border-color:color-mix(in oklab, var(--color-gray-200) 80%, transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-900{border-color:var(--color-gray-900)}.border-pink-100{border-color:var(--color-pink-100)}.border-pink-100\\/90{border-color:#fce7f3e6}@supports (color:color-mix(in lab, red, red)){.border-pink-100\\/90{border-color:color-mix(in oklab, var(--color-pink-100) 90%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-700{border-color:var(--color-red-700)}.border-red-900{border-color:var(--color-red-900)}.border-red-900\\/60{border-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/60{border-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-zinc-600{border-color:var(--color-zinc-600)}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.bg-\\[\\#fbf7f9\\]{background-color:#fbf7f9}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-950\\/60{background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.bg-amber-950\\/60{background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-300{background-color:var(--color-emerald-300)}.bg-emerald-950\\/50{background-color:#002c2280}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/50{background-color:color-mix(in oklab, var(--color-emerald-950) 50%, transparent)}}.bg-emerald-950\\/60{background-color:#002c2299}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/60{background-color:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)}}.bg-emerald-950\\/70{background-color:#002c22b3}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/70{background-color:color-mix(in oklab, var(--color-emerald-950) 70%, transparent)}}.bg-emerald-950\\/95{background-color:#002c22f2}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/95{background-color:color-mix(in oklab, var(--color-emerald-950) 95%, transparent)}}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-fuchsia-600{background-color:var(--color-fuchsia-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\\/80{background-color:#f9fafbcc}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\\/80{background-color:color-mix(in oklab, var(--color-gray-50) 80%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\\/80{background-color:#fef2f2cc}@supports (color:color-mix(in lab, red, red)){.bg-red-50\\/80{background-color:color-mix(in oklab, var(--color-red-50) 80%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-950\\/50{background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/50{background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)}}.bg-red-950\\/60{background-color:#46080999}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/60{background-color:color-mix(in oklab, var(--color-red-950) 60%, transparent)}}.bg-red-950\\/95{background-color:#460809f2}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/95{background-color:color-mix(in oklab, var(--color-red-950) 95%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\\/70{background-color:#f8fafcb3}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\\/70{background-color:color-mix(in oklab, var(--color-slate-50) 70%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.bg-white\\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-800\\/60{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-800\\/60{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\\/60{background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/60{background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}.bg-zinc-900\\/85{background-color:#18181bd9}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/85{background-color:color-mix(in oklab, var(--color-zinc-900) 85%, transparent)}}.bg-zinc-900\\/90{background-color:#18181be6}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/90{background-color:color-mix(in oklab, var(--color-zinc-900) 90%, transparent)}}.bg-zinc-900\\/95{background-color:#18181bf2}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/95{background-color:color-mix(in oklab, var(--color-zinc-900) 95%, transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\\/40{background-color:#09090b66}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/40{background-color:color-mix(in oklab, var(--color-zinc-950) 40%, transparent)}}.bg-zinc-950\\/60{background-color:#09090b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/60{background-color:color-mix(in oklab, var(--color-zinc-950) 60%, transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-right{object-position:right}.p-1{padding:var(--spacing)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3\\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1\\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2\\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3\\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3\\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10\\.5px\\]{font-size:10.5px}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12\\.5px\\]{font-size:12.5px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-300{color:var(--color-amber-300)}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-fuchsia-600{color:var(--color-fuchsia-600)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-400{color:var(--color-indigo-400)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-white\\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.placeholder-zinc-500::placeholder{color:var(--color-zinc-500)}.accent-\\(--vx-accent\\){accent-color:var(--vx-accent)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\\[0\\.03\\]{opacity:.03}.opacity-\\[0\\.14\\]{opacity:.14}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_8px_24px_-14px_rgba\\(15\\,23\\,42\\,0\\.18\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 8px 24px -14px var(--tw-shadow-color,#0f172a2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_12px_32px_-16px_rgba\\(15\\,23\\,42\\,0\\.12\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 12px 32px -16px var(--tw-shadow-color,#0f172a1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.16\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a29);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.18\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.25\\)\\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-emerald-200\\/80{--tw-ring-color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.ring-emerald-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-emerald-200) 80%, transparent)}}.ring-emerald-900{--tw-ring-color:var(--color-emerald-900)}.ring-red-200\\/80{--tw-ring-color:#ffcacacc}@supports (color:color-mix(in lab, red, red)){.ring-red-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-red-200) 80%, transparent)}}.ring-red-900{--tw-ring-color:var(--color-red-900)}.ring-slate-200\\/70{--tw-ring-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.ring-slate-200\\/70{--tw-ring-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.ring-white\\/25{--tw-ring-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.ring-white\\/25{--tw-ring-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.ring-white\\/30{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.ring-white\\/30{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.contrast-200{--tw-contrast:contrast(200%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\\:translate-x-0\\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 70%,transparent))}}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.placeholder\\:text-slate-400::placeholder{color:var(--color-slate-400)}.placeholder\\:text-zinc-500::placeholder{color:var(--color-zinc-500)}@media (hover:hover){.hover\\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 35%,transparent)}}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 45%,transparent)}}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:border-gray-500:hover{border-color:var(--color-gray-500)}.hover\\:border-red-200:hover{border-color:var(--color-red-200)}.hover\\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\\:border-zinc-500:hover{border-color:var(--color-zinc-500)}.hover\\:border-zinc-600:hover{border-color:var(--color-zinc-600)}.hover\\:border-zinc-700:hover{border-color:var(--color-zinc-700)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-red-900\\/60:hover{background-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-900\\/60:hover{background-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.hover\\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\\:bg-white\\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\\:bg-zinc-700:hover{background-color:var(--color-zinc-700)}.hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\\:bg-zinc-800\\/60:hover{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-zinc-800\\/60:hover{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-300:hover{color:var(--color-red-300)}.hover\\:text-red-400:hover{color:var(--color-red-400)}.hover\\:text-red-500:hover{color:var(--color-red-500)}.hover\\:text-red-600:hover{color:var(--color-red-600)}.hover\\:text-slate-600:hover{color:var(--color-slate-600)}.hover\\:text-slate-800:hover{color:var(--color-slate-800)}.hover\\:text-slate-900:hover{color:var(--color-slate-900)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:text-zinc-200:hover{color:var(--color-zinc-200)}.hover\\:text-zinc-300:hover{color:var(--color-zinc-300)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 45%,transparent))}}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\\:border-\\(--vx-accent\\):focus{border-color:var(--vx-accent)}.focus\\:border-gray-500:focus{border-color:var(--color-gray-500)}.focus\\:border-zinc-500:focus{border-color:var(--color-zinc-500)}.focus\\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 15%,transparent)}}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 20%,transparent)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:color-mix(in srgb,var(--vx-accent) 8%,transparent)}}.focus-visible\\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 25%,transparent)}}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\\:scale-\\[0\\.99\\]:active{scale:.99}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}.disabled\\:opacity-70:disabled{opacity:.7}@media (hover:hover){.disabled\\:hover\\:brightness-100:disabled:hover{--tw-brightness:brightness(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@media (prefers-reduced-motion:no-preference){.motion-safe\\:animate-spin{animation:var(--animate-spin)}}@media (width>=40rem){.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:inline-block{display:inline-block}.sm\\:inline-flex{display:inline-flex}.sm\\:h-14{height:calc(var(--spacing) * 14)}.sm\\:w-14{width:calc(var(--spacing) * 14)}.sm\\:w-72{width:calc(var(--spacing) * 72)}.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:items-end{align-items:flex-end}.sm\\:justify-between{justify-content:space-between}.sm\\:gap-2{gap:calc(var(--spacing) * 2)}.sm\\:gap-4{gap:calc(var(--spacing) * 4)}.sm\\:p-5{padding:calc(var(--spacing) * 5)}.sm\\:p-6{padding:calc(var(--spacing) * 6)}.sm\\:p-7{padding:calc(var(--spacing) * 7)}.sm\\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\\:px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.sm\\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\\:pt-7{padding-top:calc(var(--spacing) * 7)}.sm\\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.sm\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=48rem){.md\\:block{display:block}.md\\:w-1\\/2{width:50%}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\\:border-fuchsia-800{border-color:var(--color-fuchsia-800)}.dark\\:border-zinc-700{border-color:var(--color-zinc-700)}.dark\\:border-zinc-800{border-color:var(--color-zinc-800)}.dark\\:bg-fuchsia-950\\/80{background-color:#4b004fcc}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-fuchsia-950\\/80{background-color:color-mix(in oklab, var(--color-fuchsia-950) 80%, transparent)}}.dark\\:bg-white{background-color:var(--color-white)}.dark\\:bg-zinc-800{background-color:var(--color-zinc-800)}.dark\\:bg-zinc-900{background-color:var(--color-zinc-900)}.dark\\:text-fuchsia-300{color:var(--color-fuchsia-300)}.dark\\:text-gray-900{color:var(--color-gray-900)}.dark\\:text-white{color:var(--color-white)}.dark\\:text-zinc-200{color:var(--color-zinc-200)}.dark\\:text-zinc-300{color:var(--color-zinc-300)}.dark\\:text-zinc-400{color:var(--color-zinc-400)}@media (hover:hover){.dark\\:hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:#18181b80}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:color-mix(in oklab, var(--color-zinc-900) 50%, transparent)}}.dark\\:hover\\:text-white:hover{color:var(--color-white)}}}}:host{all:initial;font-family:inherit}.vx-skeleton{background-image:linear-gradient(90deg,currentColor 0% 50%,currentColor 100%)}@supports (color:color-mix(in lab, red, red)){.vx-skeleton{background-image:linear-gradient(90deg, color-mix(in srgb, currentColor 7%, transparent) 0%, color-mix(in srgb, currentColor 14%, transparent) 50%, color-mix(in srgb, currentColor 7%, transparent) 100%)}}.vx-skeleton{background-size:200% 100%;animation:1.4s ease-in-out infinite vx-skeleton-sweep}@keyframes vx-skeleton-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.vx-progress-bar{animation:1.3s ease-in-out infinite vx-progress-slide}@keyframes vx-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.vx-skeleton,.vx-progress-bar{animation:none}}@supports (appearance:base-select){select[part~=select]{appearance:base-select}select[part~=select]::picker(select){appearance:base-select}select[part~=select]::picker-icon{display:none}select[part~=select]::picker(select){border:1px solid;margin-block:6px;padding:6px}@supports (color:color-mix(in lab, red, red)){select[part~=select]::picker(select){border:1px solid color-mix(in srgb, currentColor 12%, transparent)}}select[part~=select]::picker(select){background-color:inherit;color:inherit;opacity:0;max-height:min(320px,60vh);transition:opacity .15s ease, translate .15s ease, display .15s allow-discrete, overlay .15s allow-discrete;border-radius:14px;translate:0 -4px;box-shadow:0 18px 40px -12px #0f172a38,0 4px 12px -4px #0f172a14}select[part~=select]:open::picker(select){opacity:1;translate:0}@starting-style{select[part~=select]:open::picker(select){opacity:0;translate:0 -4px}}select[part~=select] option{color:inherit;cursor:pointer;background-color:#0000;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 8%, transparent)}}select[part~=select] option:hover,select[part~=select] option:focus-visible{outline:none}select[part~=select] option:checked{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:checked{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 12%, transparent)}}select[part~=select] option:checked{color:var(--vx-accent,#2563eb);font-weight:600}select[part~=select] option::checkmark{color:var(--vx-accent,#2563eb);order:1;margin-inline-start:auto}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:currentColor;background-color:#0000}@supports (color:color-mix(in lab, red, red)){select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:color-mix(in srgb, currentColor 55%, transparent)}}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{font-weight:500}select[part~=select] option[value=\"\"]::checkmark{display:none}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}", kt = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif", At = ({ children: e, useShadow: t = !0, inheritFont: n = !1 }) => {
 	let r = u(null), [i, a] = d(null);
 	return c(() => {
 		if (typeof document > "u" || !r.current || !t) return;
@@ -5095,20 +5401,20 @@ var vt = (e) => {
 			let t = document.createElement("style");
 			t.innerText = ":host, *, *::before, *::after, ::backdrop {\n        --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate-x: initial;\n        --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial;\n        --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0;\n        --tw-border-style: solid; --tw-shadow: 0 0 #0000;\n        --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff;\n      }", e.appendChild(t);
 			let i = document.createElement("style");
-			i.textContent = xt, e.appendChild(i), n = document.createElement("div"), n.className = "voxket-widget-root", n.style.cssText = "\n        all: initial;\n        box-sizing: border-box !important;\n        font-size: 14px !important;\n        color: #1a1a1a !important; \n        position: relative !important;\n        width: 100% !important;\n        min-height: 100% !important;\n        display: block !important;\n        background-color: transparent !important;\n      ", e.appendChild(n);
+			i.textContent = Ot, e.appendChild(i), n = document.createElement("div"), n.className = "voxket-widget-root", n.style.cssText = "\n        all: initial;\n        box-sizing: border-box !important;\n        font-size: 14px !important;\n        color: #1a1a1a !important; \n        position: relative !important;\n        width: 100% !important;\n        min-height: 100% !important;\n        display: block !important;\n        background-color: transparent !important;\n      ", e.appendChild(n);
 		}
 		n && a(n);
 	}, [t]), c(() => {
-		i && i.style.setProperty("font-family", n ? "var(--vx-font-family)" : `var(--vx-font-family, ${St})`, "important");
+		i && i.style.setProperty("font-family", n ? "var(--vx-font-family)" : `var(--vx-font-family, ${kt})`, "important");
 	}, [i, n]), t ? /* @__PURE__ */ p("div", {
 		ref: r,
 		className: "w-full h-full",
 		children: i && e ? h(e, i) : null
 	}) : /* @__PURE__ */ p(f, { children: e });
-}, wt = ({ config: e }) => t.createElement(Ct, {
+}, jt = ({ config: e }) => t.createElement(At, {
 	useShadow: !0,
 	inheritFont: !e.theme?.fontFamily || e.theme.fontFamily === "inherit"
-}, t.createElement(bt, { config: e })), Tt = class {
+}, t.createElement(Dt, { config: e })), Mt = class {
 	config;
 	container = null;
 	root = null;
@@ -5117,16 +5423,16 @@ var vt = (e) => {
 	}
 	mount(n) {
 		if (this.container = typeof n == "string" ? document.getElementById(n) : n, !this.container) throw Error("EventWidget: Mount container not found.");
-		this.root ||= e(this.container), this.root.render(t.createElement(wt, { config: this.config }));
+		this.root ||= e(this.container), this.root.render(t.createElement(jt, { config: this.config }));
 	}
 	updateConfig(e) {
 		this.config = {
 			...this.config,
 			...e
-		}, this.root && this.root.render(t.createElement(wt, { config: this.config }));
+		}, this.root && this.root.render(t.createElement(jt, { config: this.config }));
 	}
 	setConfig(e) {
-		this.config = e, this.root && this.root.render(t.createElement(wt, { config: this.config }));
+		this.config = e, this.root && this.root.render(t.createElement(jt, { config: this.config }));
 	}
 	unmount() {
 		if (this.root) {
@@ -5136,4 +5442,4 @@ var vt = (e) => {
 	}
 };
 //#endregion
-export { wt as EventWidget, Tt as EventWidgetClient };
+export { jt as EventWidget, Mt as EventWidgetClient };