@voxket-ai/events-sdk 1.0.27 → 1.0.28

package/dist/events-sdk.js

@@ -454,7 +454,7 @@ var M = {
 	}]]
 };
 M.node;
-var te = j(M), ne = {
+var te = j(M), N = {
 	name: "arrow-right",
 	size: 24,
 	node: [["path", {
@@ -465,8 +465,8 @@ var te = j(M), ne = {
 		key: "xquz4c"
 	}]]
 };
-ne.node;
-var re = j(ne), N = {
+N.node;
+var ne = j(N), P = {
 	name: "briefcase",
 	size: 24,
 	node: [["path", {
@@ -481,8 +481,8 @@ var re = j(ne), N = {
 		key: "i6l2r4"
 	}]]
 };
-N.node;
-var ie = j(N), P = {
+P.node;
+var F = j(P), re = {
 	name: "building-complex",
 	size: 24,
 	node: [
@@ -509,8 +509,8 @@ var ie = j(N), P = {
 	],
 	aliases: ["building-2"]
 };
-P.node;
-var ae = j(P), oe = {
+re.node;
+var ie = j(re), ae = {
 	name: "check",
 	size: 24,
 	node: [["path", {
@@ -518,8 +518,8 @@ var ae = j(P), oe = {
 		key: "1gmf2c"
 	}]]
 };
-oe.node;
-var se = j(oe), ce = {
+ae.node;
+var oe = j(ae), se = {
 	name: "chevron-down",
 	size: 24,
 	node: [["path", {
@@ -527,8 +527,8 @@ var se = j(oe), ce = {
 		key: "qrunsl"
 	}]]
 };
-ce.node;
-var le = j(ce), ue = {
+se.node;
+var ce = j(se), le = {
 	name: "circle-alert",
 	size: 24,
 	node: [
@@ -555,8 +555,8 @@ var le = j(ce), ue = {
 	],
 	aliases: ["alert-circle"]
 };
-ue.node;
-var de = j(ue), fe = {
+le.node;
+var I = j(le), L = {
 	name: "circle-check-big",
 	size: 24,
 	node: [["path", {
@@ -568,8 +568,8 @@ var de = j(ue), fe = {
 	}]],
 	aliases: ["check-circle"]
 };
-fe.node;
-var F = j(fe), I = {
+L.node;
+var ue = j(L), R = {
 	name: "clipboard-list",
 	size: 24,
 	node: [
@@ -604,8 +604,8 @@ var F = j(fe), I = {
 		}]
 	]
 };
-I.node;
-var pe = j(I), L = {
+R.node;
+var de = j(R), z = {
 	name: "clock",
 	size: 24,
 	node: [["circle", {
@@ -618,8 +618,8 @@ var pe = j(I), L = {
 		key: "mmk7yg"
 	}]]
 };
-L.node;
-var me = j(L), R = {
+z.node;
+var fe = j(z), pe = {
 	name: "copy",
 	size: 24,
 	node: [["rect", {
@@ -635,8 +635,8 @@ var me = j(L), R = {
 		key: "zix9uf"
 	}]]
 };
-R.node;
-var he = j(R), ge = {
+pe.node;
+var me = j(pe), B = {
 	name: "credit-card",
 	size: 24,
 	node: [
@@ -661,8 +661,8 @@ var he = j(R), ge = {
 		}]
 	]
 };
-ge.node;
-var _e = j(ge), z = {
+B.node;
+var he = j(B), ge = {
 	name: "download",
 	size: 24,
 	node: [
@@ -680,8 +680,8 @@ var _e = j(ge), z = {
 		}]
 	]
 };
-z.node;
-var ve = j(z), ye = {
+ge.node;
+var _e = j(ge), V = {
 	name: "external-link",
 	size: 24,
 	node: [
@@ -699,8 +699,8 @@ var ve = j(z), ye = {
 		}]
 	]
 };
-ye.node;
-var be = j(ye), B = {
+V.node;
+var ve = j(V), ye = {
 	name: "file-text",
 	size: 24,
 	node: [
@@ -726,8 +726,8 @@ var be = j(ye), B = {
 		}]
 	]
 };
-B.node;
-var xe = j(B), Se = {
+ye.node;
+var be = j(ye), xe = {
 	name: "folder-open",
 	size: 24,
 	node: [["path", {
@@ -735,8 +735,8 @@ var xe = j(B), Se = {
 		key: "usdka0"
 	}]]
 };
-Se.node;
-var Ce = j(Se), we = {
+xe.node;
+var Se = j(xe), Ce = {
 	name: "graduation-cap",
 	size: 24,
 	node: [
@@ -754,8 +754,8 @@ var Ce = j(Se), we = {
 		}]
 	]
 };
-we.node;
-var V = j(we), H = {
+Ce.node;
+var we = j(Ce), H = {
 	name: "id-card",
 	size: 24,
 	node: [
@@ -1034,7 +1034,7 @@ var ze = j(Re), Be = {
 	]
 };
 Be.node;
-var Z = j(Be), Q = {
+var Ve = j(Be), Z = {
 	name: "phone",
 	size: 24,
 	node: [["path", {
@@ -1042,8 +1042,8 @@ var Z = j(Be), Q = {
 		key: "9njp5v"
 	}]]
 };
-Q.node;
-var Ve = j(Q), He = {
+Z.node;
+var He = j(Z), Ue = {
 	name: "receipt",
 	size: 24,
 	node: [
@@ -1061,8 +1061,8 @@ var Ve = j(Q), He = {
 		}]
 	]
 };
-He.node;
-var Ue = j(He), We = {
+Ue.node;
+var We = j(Ue), Q = {
 	name: "search",
 	size: 24,
 	node: [["path", {
@@ -1075,8 +1075,8 @@ var Ue = j(He), We = {
 		key: "4ej97u"
 	}]]
 };
-We.node;
-var Ge = j(We), Ke = {
+Q.node;
+var Ge = j(Q), Ke = {
 	name: "sparkles",
 	size: 24,
 	node: [
@@ -1274,18 +1274,110 @@ function dt(e, t = "") {
 	}
 	return ut(t, e) || t;
 }
+function ft(e) {
+	let t = (e || "").trim();
+	return t ? t.split(/\s+/).length : 0;
+}
+function pt(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 && ft(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 mt = {
+	email: "email",
+	phone: "tel",
+	number: "number",
+	date: "date",
+	url: "url"
+}, ht = ({ 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(ce, { 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 = ft(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: mt[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
+	});
+}, gt = /* @__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";
+]), _t = ({ 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), [P, F] = d(null), [re, ie] = d({}), [ae, se] = d({}), [ce, le] = d({}), I = r?.primaryColor || "#c026d3";
 	s(() => {
 		if (u && Object.keys(u).length > 0) {
-			T((e) => ({
+			w((e) => ({
 				...u,
 				...e
 			}));
@@ -1295,24 +1387,24 @@ var ft = /* @__PURE__ */ new Set([
 					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));
 				}
-			}), 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 ? (le((n) => ({
 					[e.id]: t.text,
 					...n
-				})), ue((n) => ({
+				})), se((n) => ({
 					[e.id]: t.text,
 					...n
-				})), oe((t) => ({
+				})), ie((t) => ({
 					[e.id]: "text",
 					...t
-				}))) : t?.serve_url && M((n) => ({
+				}))) : t?.serve_url && j((n) => ({
 					[e.id]: t.serve_url,
 					...n
 				}));
@@ -1323,77 +1415,77 @@ var ft = /* @__PURE__ */ new Set([
 		e,
 		h
 	]);
-	let I = (e, t) => {
-		T((n) => {
+	let [L, ue] = d(null), R = (e, t) => {
+		w((n) => {
 			let r = {
 				...n,
 				[e]: t
 			};
 			return l?.(r), r;
 		});
-	}, pe = async (t, n) => {
+	}, de = 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), F(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, me(), 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 || lt(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(lt(r) || r, null, me()), 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), F(t), v?.({
 				type: "file_upload_error",
 				message: n,
 				error: e
 			});
 		} finally {
-			D(null);
+			E(null);
 		}
-	}, L = async (e) => {
+	}, z = 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 = lt(t) || t;
+		O(e), N(null), F(null);
 		try {
-			r && (await _.deleteFile(r, t, t ? null : R()), b?.("file_deleted", {
+			n && (await _.deleteFile(n, null, me()), 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) => {
+			}), le((t) => {
 				let n = { ...t };
 				return delete n[e], n;
-			}), ue((t) => {
+			}), se((t) => {
 				let n = { ...t };
 				return delete n[e], n;
-			}), T((t) => {
+			}), w((t) => {
 				let n = {
 					...t,
 					[e]: ""
@@ -1402,147 +1494,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), F(e), v?.({
 				type: "file_delete_error",
 				message: n,
 				error: t
 			});
 		} finally {
-			ee(null);
+			O(null);
 		}
-	}, me = async (t, n) => {
+	}, fe = 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), F(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, me(), 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) => ({
+			}), le((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(lt(r) || r, null, me()), 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), F(t), v?.({
 				type: "file_upload_error",
 				message: n,
 				error: e
 			});
 		} finally {
-			D(null);
+			E(null);
 		}
-	}, R = () => {
+	}, pe = () => {
 		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();
+	}, me = () => S && pe() || null, B = e?.fields || [], he = Array.isArray(x?.items) ? x.items.filter((e) => e?.name) : [], ge = he.filter((e) => e.mode === "optional"), _e = he.filter((e) => e.mode === "group"), V = he.filter((e) => e.mode !== "optional" && e.mode !== "group"), ye = _e.flatMap((e) => e.options || []), xe = Array.isArray(C.selected_items) ? C.selected_items : [], Ce = (e, t = xe) => (e.options || []).filter((e) => t.includes(e.name)).length, we = (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 && Ce(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) => {
+	}, H = S ? null : x?.accompany_form_schema || null, U = H?.fields || [], W = Number(H?.price) || 0, Te = Number(H?.max) || 0, Ee = Array.isArray(C.accompanying) ? C.accompanying : [], K = !Te || Ee.length < Te, q = (e) => {
+		w((t) => {
 			let n = Array.isArray(t.accompanying) ? t.accompanying : [], r = {
 				...t,
 				accompanying: e(n)
 			};
 			return l?.(r), r;
 		});
-	}, q = () => K((e) => [...e, {
+	}, J = () => q((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) ? {
+	}]), De = (e) => q((t) => t.filter((t, n) => n !== e)), Y = (e) => gt.has(e.id) ? e.id : ut(e.id, e.label), Oe = (e, t) => (gt.has(t.id) ? e[t.id] : (e.custom_data || {})[Y(t)]) ?? "", X = (e, t, n) => q((r) => r.map((r, i) => i === e ? gt.has(t.id) ? {
 		...r,
 		[t.id]: n
 	} : {
 		...r,
 		custom_data: {
 			...r.custom_data || {},
-			[De(t)]: n
+			[Y(t)]: n
 		}
-	} : r)), X = (e, t) => `guest:${e}:${t.id}`, ke = async (e, t, n) => {
+	} : r)), ke = (e, t) => `guest:${e}:${t.id}`, Ae = async (e, t, n) => {
 		if (!_) return;
-		let r = X(e, t);
-		D(r), N(null), P(null);
+		let r = ke(e, t);
+		E(r), N(null), F(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, me(), 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");
+			X(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), F(r), v?.({
 				type: "file_upload_error",
 				message: t,
 				error: e
 			});
 		} finally {
-			D(null);
+			E(null);
 		}
-	}, Ae = async (e, t) => {
+	}, je = 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 = ke(e, t), r = Oe(Ee[e] || {}, t), i = lt(r) || r;
+		O(n), N(null), F(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, me()), y?.("file_deleted", {
+				fieldId: n,
+				assetId: i
+			})), X(e, t, "");
 		} catch (e) {
 			let t = e?.message || "Failed to delete file. Please try again.";
-			N(t), P(n), y?.({
+			N(t), F(n), v?.({
 				type: "file_delete_error",
 				message: t,
 				error: e
 			});
 		} finally {
-			ee(null);
+			O(null);
 		}
-	}, je = (e) => {
+	}, Me = (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;
+	}, Ne = (e) => {
+		let t = A[e.id] || (C[e.id] && String(C[e.id]).startsWith("http") ? C[e.id] : ""), n = ce[e.id], r = re[e.id] || "file", i = T === e.id || D === e.id, a = ae[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", {
@@ -1556,11 +1644,11 @@ var ft = /* @__PURE__ */ new Set([
 							children: [/* @__PURE__ */ p("div", {
 								className: "w-10 h-10 rounded-xl flex items-center justify-center shrink-0 border",
 								style: {
-									backgroundColor: g ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${F} 10%, white)`,
-									borderColor: g ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${F} 25%, white)`,
-									color: F
+									backgroundColor: g ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${I} 10%, white)`,
+									borderColor: g ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${I} 25%, white)`,
+									color: I
 								},
-								children: /* @__PURE__ */ p(Ce, { size: 18 })
+								children: /* @__PURE__ */ p(Se, { 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,16 +1659,16 @@ var ft = /* @__PURE__ */ new Set([
 						}), /* @__PURE__ */ p("button", {
 							type: "button",
 							disabled: i,
-							onClick: () => oe((t) => ({
+							onClick: () => ie((t) => ({
 								...t,
 								[e.id]: r === "file" ? "text" : "file"
 							})),
 							className: "flex items-center gap-1 text-2xs font-semibold px-2.5 py-1 rounded-lg border cursor-pointer transition-colors hover:opacity-80 disabled:opacity-50 shrink-0",
 							style: {
-								color: F,
-								borderColor: `color-mix(in srgb, ${F} 35%, transparent)`
+								color: I,
+								borderColor: `color-mix(in srgb, ${I} 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(be, { size: 11 }), " Send text only"] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p($e, { size: 11 }), " Send file"] })
 						})]
 					}),
 					r === "file" ? /* @__PURE__ */ m("div", {
@@ -1595,33 +1683,33 @@ var ft = /* @__PURE__ */ new Set([
 								disabled: i,
 								onChange: (t) => {
 									let n = t.target.files?.[0];
-									n && pe(e.id, n), t.target.value = "";
+									n && de(e.id, n), t.target.value = "";
 								}
 							}), /* @__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, {
 									size: 14,
-									style: { color: F }
-								}), /* @__PURE__ */ p("span", { children: E === e.id ? "Uploading..." : t ? "Replace File" : "Choose File" })]
+									style: { color: I }
+								}), /* @__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",
 							onClick: () => window.open(t, "_blank", "noopener,noreferrer"),
 							className: "flex items-center gap-1.5 py-2 px-3.5 rounded-xl text-xs font-semibold text-white shadow-xs transition-opacity hover:opacity-90 shrink-0 cursor-pointer",
-							style: { backgroundColor: F },
+							style: { backgroundColor: I },
 							title: "Open file in new tab",
 							children: [
-								/* @__PURE__ */ p(xe, { size: 13 }),
+								/* @__PURE__ */ p(be, { size: 13 }),
 								/* @__PURE__ */ p("span", { children: "View" }),
-								/* @__PURE__ */ p(be, { size: 11 })
+								/* @__PURE__ */ p(ve, { 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: () => z(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(Ze, { 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 +1718,7 @@ var ft = /* @__PURE__ */ new Set([
 							rows: 3,
 							disabled: i || !!n,
 							value: n ?? a,
-							onChange: (t) => ue((n) => ({
+							onChange: (t) => se((n) => ({
 								...n,
 								[e.id]: t.target.value
 							})),
@@ -1649,22 +1737,22 @@ var ft = /* @__PURE__ */ new Set([
 							}) : /* @__PURE__ */ p("span", {}), n ? /* @__PURE__ */ m("button", {
 								type: "button",
 								disabled: i,
-								onClick: () => L(e.id),
+								onClick: () => z(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(Ze, { 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),
-								style: { backgroundColor: F },
+								onClick: () => fe(e.id, a),
+								style: { backgroundColor: I },
 								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($e, { size: 13 }), /* @__PURE__ */ p("span", { children: T === e.id ? "Submitting..." : "Submit Text" })]
 							})]
 						})]
 					}),
 					t && /* @__PURE__ */ m("div", {
 						className: `mt-2.5 pt-2 border-t text-2xs truncate flex items-center gap-1.5 ${g ? "border-zinc-800 text-zinc-300" : "border-gray-200 text-gray-700 font-medium"}`,
-						children: [/* @__PURE__ */ p(se, {
+						children: [/* @__PURE__ */ p(oe, {
 							size: 12,
 							className: "text-emerald-500 shrink-0"
 						}), /* @__PURE__ */ m("span", {
@@ -1672,16 +1760,16 @@ var ft = /* @__PURE__ */ new Set([
 							children: ["Attached: ", t]
 						})]
 					}),
-					ne && ie === e.id && /* @__PURE__ */ p("div", {
+					M && P === e.id && /* @__PURE__ */ p("div", {
 						className: "text-xs text-red-500 mt-2 font-medium",
-						children: ne
+						children: M
 					})
 				]
 			})
 		});
-	}, Ne = (e) => {
+	}, Pe = (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 = Me(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,49 +1792,26 @@ 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" ? Ne(e) : /* @__PURE__ */ p(ht, {
+					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) => R(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;
+	}, Ie = (e, t, n) => {
+		let r = ke(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(be, {
 					size: 15,
 					className: "shrink-0",
-					style: { color: F }
+					style: { color: I }
 				}),
 				/* @__PURE__ */ p("a", {
 					href: n,
@@ -1758,7 +1823,7 @@ var ft = /* @__PURE__ */ new Set([
 				/* @__PURE__ */ p("button", {
 					type: "button",
 					disabled: i,
-					onClick: () => Ae(t, e),
+					onClick: () => je(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 })
@@ -1774,16 +1839,16 @@ var ft = /* @__PURE__ */ new Set([
 					className: "hidden",
 					onChange: (n) => {
 						let r = n.target.files?.[0];
-						r && ke(t, e, r), n.target.value = "";
+						r && Ae(t, e, r), n.target.value = "";
 					}
 				})
 			]
-		}), ne && ie === r && /* @__PURE__ */ p("div", {
+		}), M && P === 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)"}`;
+	}, Re = (e, t, n) => {
+		let r = Oe(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 +1858,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,
+			}), e.type === "file" ? Ie(e, n, String(r || "")) : /* @__PURE__ */ p(ht, {
+				field: e,
 				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",
-				value: r,
-				required: e.required,
-				placeholder: e.placeholder || "",
-				onChange: (t) => Oe(n, e, t.target.value),
-				className: i
+				onChange: (t) => X(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]) {
-			N(`Please upload ${e.label || "a file"}`), P(e.id);
+	}, ze = (e) => {
+		e.preventDefault(), ue(null);
+		for (let e of B) if (e.type === "file" && e.required && !C[e.id]) {
+			N(`Please upload ${e.label || "a file"}`), F(e.id);
+			return;
+		}
+		for (let e = 0; e < Ee.length; e++) for (let t of U) if (t.type === "file" && t.required && !Oe(Ee[e], t)) {
+			N(`Please upload ${t.label || "a file"} for guest ${e + 1}`), F(ke(e, t));
 			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));
+		let n = pt(B, (e) => C[e.id]);
+		for (let e = 0; !n && e < Ee.length; e++) {
+			let t = pt(U, (t) => Oe(Ee[e], t));
+			t && (n = `Guest ${e + 1}: ${t}`);
+		}
+		if (n) {
+			ue(n);
 			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;
+		t(C);
+	}, Be = x?.type || x?.name || x?.label || (S ? "Abstract Submission Form" : "Registration Form"), Ve = (e) => [x?.currency, e.toLocaleString()].filter(Boolean).join(" "), Z = [...ge, ...ye].filter((e) => xe.includes(e.name)).reduce((e, t) => e + (Number(t.price) || 0), 0), He = (Number(x?.price) || 0) + Z + W * Ee.length, Ue = x ? He > 0 ? Ve(He) : "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,19 +1904,19 @@ 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
+							backgroundColor: `color-mix(in srgb, ${I} 12%, transparent)`,
+							color: I
 						},
-						children: Ve
+						children: Ue
 					})] }), 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", {
@@ -1890,7 +1936,7 @@ var ft = /* @__PURE__ */ new Set([
 			className: "w-full flex-1 overflow-y-auto",
 			children: /* @__PURE__ */ m("form", {
 				part: "form",
-				onSubmit: Re,
+				onSubmit: ze,
 				className: "max-w-3xl mx-auto w-full px-4 sm:px-6 py-8 sm:py-10 space-y-5",
 				children: [
 					/* @__PURE__ */ m("div", {
@@ -1898,18 +1944,18 @@ var ft = /* @__PURE__ */ new Set([
 						className: "px-1",
 						children: [/* @__PURE__ */ p("p", {
 							className: "text-xs font-semibold uppercase tracking-wider",
-							style: { color: F },
-							children: C ? "Abstract submission" : "Registration form"
+							style: { color: I },
+							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", {
 						className: `text-sm px-4 py-3 rounded-2xl flex items-center gap-2.5 ${g ? "bg-emerald-950/50 text-emerald-300 ring-1 ring-inset ring-emerald-900" : "bg-emerald-50 text-emerald-800 ring-1 ring-inset ring-emerald-200/80"}`,
-						children: [/* @__PURE__ */ p(se, {
+						children: [/* @__PURE__ */ p(oe, {
 							size: 16,
 							className: "shrink-0"
 						}), /* @__PURE__ */ p("span", {
@@ -1921,17 +1967,17 @@ var ft = /* @__PURE__ */ new Set([
 						part: "notice",
 						className: "rounded-2xl p-4 flex items-start gap-3",
 						style: {
-							backgroundColor: `color-mix(in srgb, ${F} ${g ? 14 : 7}%, transparent)`,
-							boxShadow: `inset 0 0 0 1px color-mix(in srgb, ${F} 20%, transparent)`
+							backgroundColor: `color-mix(in srgb, ${I} ${g ? 14 : 7}%, transparent)`,
+							boxShadow: `inset 0 0 0 1px color-mix(in srgb, ${I} 20%, transparent)`
 						},
 						children: [/* @__PURE__ */ p("div", {
 							className: "shrink-0 mt-0.5",
-							style: { color: F },
+							style: { color: I },
 							children: /* @__PURE__ */ p(G, { size: 18 })
 						}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
 							part: "notice-title",
 							className: "text-xs font-bold uppercase tracking-wider",
-							style: { color: F },
+							style: { color: I },
 							children: "Before you submit"
 						}), /* @__PURE__ */ m("p", {
 							className: `text-sm mt-0.5 leading-relaxed ${g ? "text-zinc-300" : "text-slate-600"}`,
@@ -1948,9 +1994,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: B.map((e) => Pe(e))
 					}),
-					!C && ge.length > 0 && /* @__PURE__ */ m("div", {
+					!S && he.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: [
@@ -1959,8 +2005,8 @@ var ft = /* @__PURE__ */ new Set([
 								children: [/* @__PURE__ */ p("div", {
 									className: "w-9 h-9 rounded-xl flex items-center justify-center shrink-0",
 									style: {
-										backgroundColor: `color-mix(in srgb, ${F} 12%, transparent)`,
-										color: F
+										backgroundColor: `color-mix(in srgb, ${I} 12%, transparent)`,
+										color: I
 									},
 									children: /* @__PURE__ */ p(Ye, { size: 17 })
 								}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h3", {
@@ -1970,20 +2016,20 @@ 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: ge.length > 0 || _e.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);
+									ge.map((e) => {
+										let t = xe.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"}`,
 											style: t ? {
-												borderColor: F,
-												backgroundColor: `color-mix(in srgb, ${F} ${g ? 16 : 6}%, transparent)`
+												borderColor: I,
+												backgroundColor: `color-mix(in srgb, ${I} ${g ? 16 : 6}%, transparent)`
 											} : void 0,
 											children: [
 												/* @__PURE__ */ p("input", {
@@ -1991,7 +2037,7 @@ var ft = /* @__PURE__ */ new Set([
 													checked: t,
 													onChange: () => we(e.name),
 													className: "w-4 h-4 rounded cursor-pointer shrink-0",
-													style: { accentColor: F }
+													style: { accentColor: I }
 												}),
 												/* @__PURE__ */ p("span", {
 													className: `flex-1 min-w-0 text-sm font-semibold leading-snug ${g ? "text-white" : "text-slate-900"}`,
@@ -1999,14 +2045,14 @@ 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"
+													style: { color: I },
+													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;
+									_e.map((e) => {
+										let t = Number(e.max) || 0, n = Ce(e), r = t > 0 && n >= t;
 										return /* @__PURE__ */ m("div", {
 											part: "addon-group",
 											className: "pt-1",
@@ -2027,13 +2073,13 @@ 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 = xe.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"}`,
 														style: n ? {
-															borderColor: F,
-															backgroundColor: `color-mix(in srgb, ${F} ${g ? 16 : 6}%, transparent)`
+															borderColor: I,
+															backgroundColor: `color-mix(in srgb, ${I} ${g ? 16 : 6}%, transparent)`
 														} : void 0,
 														children: [
 															/* @__PURE__ */ p("input", {
@@ -2042,7 +2088,7 @@ var ft = /* @__PURE__ */ new Set([
 																disabled: i,
 																onChange: () => we(t.name, e),
 																className: "w-4 h-4 rounded cursor-pointer shrink-0 disabled:cursor-not-allowed",
-																style: { accentColor: F }
+																style: { accentColor: I }
 															}),
 															/* @__PURE__ */ p("span", {
 																className: `flex-1 min-w-0 text-sm font-semibold leading-snug ${g ? "text-white" : "text-slate-900"}`,
@@ -2050,8 +2096,8 @@ 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"
+																style: { color: I },
+																children: Number(t.price) > 0 ? `+ ${Ve(Number(t.price))}` : "Free"
 															})
 														]
 													}, t.name);
@@ -2059,11 +2105,11 @@ var ft = /* @__PURE__ */ new Set([
 											})]
 										}, e.name);
 									}),
-									ve.map((e) => /* @__PURE__ */ m("div", {
+									V.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: [
-											/* @__PURE__ */ p(se, {
+											/* @__PURE__ */ p(oe, {
 												size: 16,
 												className: "text-emerald-500 shrink-0"
 											}),
@@ -2079,20 +2125,20 @@ var ft = /* @__PURE__ */ new Set([
 									}, e.name))
 								]
 							}),
-							Q > 0 && /* @__PURE__ */ m("div", {
+							He > 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"}`,
 									children: "Total payable"
 								}), /* @__PURE__ */ p("span", {
 									className: "text-base font-bold tabular-nums",
-									style: { color: F },
-									children: Be(Q)
+									style: { color: I },
+									children: Ve(He)
 								})]
 							})
 						]
 					}),
-					V && /* @__PURE__ */ m("div", {
+					H && /* @__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", {
@@ -2100,8 +2146,8 @@ var ft = /* @__PURE__ */ new Set([
 							children: [/* @__PURE__ */ p("div", {
 								className: "w-9 h-9 rounded-xl flex items-center justify-center shrink-0",
 								style: {
-									backgroundColor: `color-mix(in srgb, ${F} 12%, transparent)`,
-									color: F
+									backgroundColor: `color-mix(in srgb, ${I} 12%, transparent)`,
+									color: I
 								},
 								children: /* @__PURE__ */ p(at, { size: 17 })
 							}), /* @__PURE__ */ m("div", {
@@ -2113,12 +2159,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: [W > 0 ? `${Ve(W)} per guest` : "No extra charge", Te ? ` · up to ${Te}` : ""]
 								})]
 							})]
 						}), /* @__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: [Ee.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 +2174,77 @@ var ft = /* @__PURE__ */ new Set([
 										children: ["Guest ", t + 1]
 									}), /* @__PURE__ */ p("button", {
 										type: "button",
-										onClick: () => J(t),
+										onClick: () => De(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 })
 									})]
 								}), /* @__PURE__ */ p("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
-									children: H.map((n) => Ie(n, e, t))
+									children: U.map((n) => Re(n, e, t))
 								})]
 							}, t)), /* @__PURE__ */ m("button", {
 								type: "button",
-								onClick: q,
-								disabled: !Ee,
+								onClick: J,
+								disabled: !K,
 								style: {
-									borderColor: F,
-									color: F
+									borderColor: I,
+									color: I
 								},
 								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(tt, { size: 16 }), K ? "Add guest" : `Limit of ${Te} 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: [
+							L && /* @__PURE__ */ p("div", {
+								part: "form-error",
+								role: "alert",
+								className: "mb-3 text-sm font-medium text-red-500 text-center",
+								children: L
+							}),
+							/* @__PURE__ */ m("button", {
+								part: "button button-primary submit-button",
+								type: "submit",
+								disabled: T !== null || D !== null,
+								style: {
+									background: `linear-gradient(135deg, ${I}, color-mix(in srgb, ${I} 80%, black))`,
+									boxShadow: `0 12px 28px -12px color-mix(in srgb, ${I} 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([
+}, vt = /* @__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);
+]), yt = ({ 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(""), [P, re] = d(""), [ae, se] = d(""), [ce, le] = d(!1), [L, R] = d(null), [de, z] = d({}), [fe, pe] = d([]), [me, B] = d({}), [ge, V] = d(null), [ye, xe] = d(null), [Ce, H] = d(null), [W, G] = d(!1), [Te, K] = d(!1), [J, Y] = d({}), [X, Ae] = d(!1), [Me, Pe] = d(null), [Fe, Ie] = d({}), [Le, Re] = d({}), [ze, Be] = d(null), [Z, Ue] = d("details"), [Q, Ge] = d({}), [Ke, Je] = d(!1);
 	s(() => {
 		let e = t.getToken();
-		e && Je(e);
+		e && Xe(e);
 	}, []);
-	let Je = async (r) => {
+	let Xe = async (r) => {
 		g(!0), S(null);
 		try {
 			let i = await e.portalGetProfile(r), a = i?.data || i || {};
-			pe(a);
+			R(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 +2262,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({
+			R({
 				...a,
 				editable_fields: h
 			});
@@ -2217,12 +2272,12 @@ 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) => ({
+			}), B((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) => {
+			_ && V(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 = "";
 				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);
@@ -2231,12 +2286,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);
+			}), z(m), p > 0 && G(!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", {
+			}), pe(v), u("profile"), o?.("attendee_profile_loaded", {
 				profile: a,
 				draft: d
 			});
@@ -2245,7 +2300,7 @@ var ft = /* @__PURE__ */ new Set([
 		} finally {
 			g(!1);
 		}
-	}, Xe = async (r) => {
+	}, Qe = async (r) => {
 		if (r.preventDefault(), !T.trim() || !D) {
 			S("Please enter both your identifier and password.");
 			return;
@@ -2260,7 +2315,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 Xe(r);
 		} catch (e) {
 			n.error("Login failed", e);
 			let t = e.message || "Login failed. Please check your credentials.";
@@ -2272,14 +2327,14 @@ var ft = /* @__PURE__ */ new Set([
 		} finally {
 			g(!1);
 		}
-	}, Qe = async (t) => {
+	}, et = 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);
+		le(!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 +2346,9 @@ var ft = /* @__PURE__ */ new Set([
 				error: e
 			});
 		} finally {
-			fe(!1);
+			le(!1);
 		}
-	}, et = async (r) => {
+	}, tt = async (r) => {
 		r.preventDefault();
 		let i = (A || T).trim();
 		if (!i) {
@@ -2304,11 +2359,11 @@ var ft = /* @__PURE__ */ new Set([
 			S("Please enter the verification code sent to your email.");
 			return;
 		}
-		if (!N) {
+		if (!P) {
 			S("Please enter a new password.");
 			return;
 		}
-		if (N !== oe) {
+		if (P !== ae) {
 			S("New password and confirm password do not match.");
 			return;
 		}
@@ -2317,12 +2372,12 @@ var ft = /* @__PURE__ */ new Set([
 			let n = await e.portalConfirmPasswordReset({
 				identifier: i,
 				code: M.trim(),
-				new_password: N
+				new_password: P
 			}), 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(""), re(""), se(""), await Xe(r)) : (E(i), O(""), N(""), re(""), se(""), 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 +2389,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(), R(null), z({}), pe([]), B({}), V(null), H(null), k(""), O(""), u("login"), w("Logged out successfully."), o?.("attendee_logged_out", {});
+	}, it = async (r, i) => {
 		let a = t.getToken();
 		if (!a) {
 			S("Session expired. Please log in again.");
@@ -2346,13 +2401,13 @@ var ft = /* @__PURE__ */ new Set([
 		try {
 			let t = await e.uploadFile(i, a), n = t?.data?.serve_url || t?.serve_url || "", s = t?.data?.asset_id || t?.asset_id;
 			if (!s && !n) throw Error("Upload response missing asset_id");
-			n && me((e) => ({
+			n && z((e) => ({
 				...e,
 				[r]: n
-			})), s && (z((e) => ({
+			})), s && (B((e) => ({
 				...e,
 				[r]: String(s)
-			})), B(String(s))), w(`File "${i.name}" uploaded successfully!`), o?.("portal_file_uploaded", {
+			})), V(String(s))), w(`File "${i.name}" uploaded successfully!`), o?.("portal_file_uploaded", {
 				fieldId: r,
 				serveUrl: n,
 				assetId: s,
@@ -2369,25 +2424,25 @@ var ft = /* @__PURE__ */ new Set([
 		} finally {
 			b(null);
 		}
-	}, it = async (r) => {
+	}, ot = async (r) => {
 		let i = t.getToken();
 		if (!i) {
 			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 = de[r], s = lt(a) || me[r] || ge;
+		xe(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,
 				fieldId: r
-			})), me((e) => ({
+			})), z((e) => ({
 				...e,
 				[r]: ""
-			})), z((e) => {
+			})), B((e) => {
 				let t = { ...e };
 				return delete t[r], t;
-			}), ye === s && B(null), w("File removed successfully.");
+			}), ge === s && V(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 +2452,32 @@ var ft = /* @__PURE__ */ new Set([
 				error: e
 			});
 		} finally {
-			we(null);
+			xe(null);
 		}
-	}, ot = (e, t) => {
-		t || he((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, st = async (r) => {
+	}, st = (e, t) => {
+		t || pe((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 = L?.locked_fields || [], s = pt((L?.editable_fields || []).filter((e) => !a.includes(e.id) && !a.includes(ut(e.id, e.label))), (e) => de[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 = {};
+			let t = L?.editable_fields || [], n = { ...L?.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 = de[e.id], i = e.label || e.name || e.id, a = dt(e.label, e.id), o = ut(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 = fe;
 			let a = await e.portalUpdateProfile(i, r);
 			o?.("attendee_profile_updated", {
 				payload: r,
@@ -2425,10 +2485,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);
+				H(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 Xe(i);
 				return;
 			}
-			w("Profile updated successfully!"), await Je(i);
+			w("Profile updated successfully!"), await Xe(i);
 		} catch (e) {
 			n.error("Failed to update profile", e);
 			let t = e.message || "Failed to update profile. Please try again.";
@@ -2440,25 +2500,25 @@ var ft = /* @__PURE__ */ new Set([
 		} finally {
 			v(!1);
 		}
-	}, ct = () => {
-		let e = I?.review_submission;
+	}, ft = () => {
+		let e = L?.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];
+		}), Y(n), Re(r), Ie({}), K(!0);
+	}, mt = (e) => {
+		if (Fe[e.id]) return Fe[e.id];
 		let t = e.current_file;
 		return t && !t.serve_url && t.text ? "text" : "file";
-	}, pt = async (r, i) => {
+	}, gt = 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);
+		let s = (L?.review_submission?.editable_fields || []).find((e) => e.id === r), l = s?.current_file?.id;
+		Pe(r), S(null), w(null);
 		try {
 			if (l) try {
 				await e.deleteFile(l, a);
@@ -2467,7 +2527,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) => ({
+			Y((e) => ({
 				...e,
 				[r]: String(c)
 			})), w(`File "${i.name}" uploaded successfully!`), o?.("portal_submission_file_uploaded", {
@@ -2484,25 +2544,25 @@ var ft = /* @__PURE__ */ new Set([
 				error: e
 			});
 		} finally {
-			Fe(null);
+			Pe(null);
 		}
-	}, ht = async (r) => {
+	}, _t = 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) => ({
+				R((e) => ({
 					...e,
 					review_submission: n
 				}));
 				let s = (n?.editable_fields || []).find((e) => e.id === r)?.current_file?.id;
-				s && X((e) => ({
+				s && Y((e) => ({
 					...e,
 					[r]: String(s)
 				})), w("Text answer saved!"), o?.("portal_submission_text_saved", { fieldId: r });
@@ -2515,24 +2575,29 @@ var ft = /* @__PURE__ */ new Set([
 					error: e
 				});
 			} finally {
-				Fe(null);
+				Pe(null);
 			}
 		}
-	}, gt = async (r) => {
+	}, yt = 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 = pt((L?.review_submission?.editable_fields || []).filter((e) => e.id !== "registration_type"), (e) => J[e.id]);
+		if (a) {
+			w(null), S(a);
+			return;
+		}
+		Ae(!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, J), n = t?.data || t;
+			R((e) => ({
 				...e,
 				review_submission: n
-			})), J(!1), w("Your submission was updated successfully!"), o?.("attendee_submission_updated", {
-				payload: Y,
+			})), K(!1), w("Your submission was updated successfully!"), o?.("attendee_submission_updated", {
+				payload: J,
 				response: t
 			});
 		} catch (e) {
@@ -2544,19 +2609,19 @@ var ft = /* @__PURE__ */ new Set([
 				error: e
 			});
 		} finally {
-			Me(!1);
+			Ae(!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) ? {
+	}, bt = (e) => vt.has(e.id) ? e.id : ut(e.id, e.label), xt = (e, t) => (vt.has(t.id) ? e[t.id] : (e.custom_data || {})[bt(t)]) ?? "", St = (e, t) => Ge((n) => vt.has(e.id) ? {
 		...n,
 		[e.id]: t
 	} : {
 		...n,
 		custom_data: {
 			...n.custom_data || {},
-			[_t(e)]: t
+			[bt(e)]: t
 		}
-	}), bt = (e) => {
-		Q(e.id), S(null), We({
+	}), Ct = (e) => {
+		Be(e.id), S(null), Ge({
 			id: e.id,
 			salutation: e.salutation || "",
 			name: e.name || "",
@@ -2564,19 +2629,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 = pt(L?.accompany_fields || [], (e) => xt(Q, e));
+		if (i) {
+			w(null), S(i);
+			return;
+		}
+		Je(!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: [Q] });
+			Be(null), w("Accompanying person updated."), o?.("attendee_accompanying_updated", {
+				payload: Q,
 				response: t
-			}), await Je(r);
+			}), await Xe(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 +2656,9 @@ var ft = /* @__PURE__ */ new Set([
 				error: e
 			});
 		} finally {
-			Ke(!1);
+			Je(!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,13 +2685,13 @@ 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, {
 			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(He, {
 			size: 13,
 			className: "shrink-0",
 			style: { color: r }
@@ -2633,15 +2703,15 @@ var ft = /* @__PURE__ */ new Set([
 			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(F, {
 			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(we, {
 			size: 13,
 			className: "shrink-0",
 			style: { color: r }
-		}) : t.includes("organi") || t.includes("institute") || t.includes("hospital") || t.includes("company") || t.includes("college") ? /* @__PURE__ */ p(ae, {
+		}) : t.includes("organi") || t.includes("institute") || t.includes("hospital") || t.includes("company") || t.includes("college") ? /* @__PURE__ */ p(ie, {
 			size: 13,
 			className: "shrink-0",
 			style: { color: r }
@@ -2649,14 +2719,14 @@ var ft = /* @__PURE__ */ new Set([
 			size: 13,
 			className: "shrink-0",
 			style: { color: r }
-		}) : p(n === "file" ? Ce : xe, {
+		}) : p(n === "file" ? Se : be, {
 			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(ut(e.id, e.label)), a = de[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 +2738,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", {
@@ -2680,51 +2750,22 @@ var ft = /* @__PURE__ */ new Set([
 					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"]
 				}) : 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(ht, {
+				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()}`,
-				onChange: (t) => me({
-					...L,
-					[e.id]: t.target.value
+				disabled: r,
+				onChange: (t) => z({
+					...de,
+					[e.id]: t
 				}),
-				className: s
+				className: s,
+				isDark: i,
+				placeholder: e.placeholder || `Enter ${(e.label || "").toLowerCase()}`
 			})]
 		}, e.id);
-	}, Tt = (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);
+	}, Ot = (e, t, n) => {
+		let a = y === e.id, o = e.label || e.name || e.id, s = L?.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",
 			children: /* @__PURE__ */ m("div", {
@@ -2742,7 +2783,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(Se, { size: 16 })
 							}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
 								className: `text-xs font-bold ${i ? "text-zinc-200" : "text-gray-900"}`,
 								children: o
@@ -2760,29 +2801,29 @@ var ft = /* @__PURE__ */ new Set([
 								style: { backgroundColor: r },
 								title: "Open file in new tab",
 								children: [
-									/* @__PURE__ */ p(xe, { size: 13 }),
+									/* @__PURE__ */ p(be, { size: 13 }),
 									/* @__PURE__ */ p("span", { children: "View" }),
-									/* @__PURE__ */ p(be, { size: 11 })
+									/* @__PURE__ */ p(ve, { size: 11 })
 								]
 							}), !t && /* @__PURE__ */ m("button", {
 								type: "button",
-								disabled: Se === e.id || a,
-								onClick: () => it(e.id),
+								disabled: ye === e.id || a,
+								onClick: () => ot(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(Ze, { size: 13 }), /* @__PURE__ */ p("span", { children: ye === 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", {
 						className: `mt-2 pt-2 border-t text-2xs truncate flex items-center gap-1.5 ${i ? "border-zinc-800 text-zinc-300" : "border-gray-200 text-gray-700 font-medium"}`,
-						children: [/* @__PURE__ */ p(se, {
+						children: [/* @__PURE__ */ p(oe, {
 							size: 12,
 							className: "text-emerald-500 shrink-0"
 						}), /* @__PURE__ */ m("span", {
@@ -2802,7 +2843,7 @@ var ft = /* @__PURE__ */ new Set([
 								disabled: a,
 								onChange: (t) => {
 									let n = t.target.files?.[0];
-									n && nt(e.id, n), t.target.value = "";
+									n && it(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"}`,
@@ -2817,7 +2858,7 @@ var ft = /* @__PURE__ */ new Set([
 			})
 		});
 	};
-	if (l === "profile" && !I) {
+	if (l === "profile" && !L) {
 		let e = "vx-skeleton rounded-full", t = `rounded-3xl border p-5 sm:p-6 ${i ? "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)]"}`;
 		return /* @__PURE__ */ m("div", {
 			role: "status",
@@ -2829,7 +2870,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 +2912,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 = L?.registration || {}, t = L?.editable_fields || [], n = L?.locked_fields || [], o = Array.isArray(L?.payment) ? L.payment : L?.payment ? [L.payment] : [], s = o.filter((e) => e.state !== "not_required"), c = o[0], l = L?.addons?.items || [], u = L?.badge || null, d = L?.accompanying || [], h = L?.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 = L?.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 +2927,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: rt,
+				count: 0
+			},
+			...l.length > 0 ? [{
+				key: "addons",
+				label: "Add-ons",
+				icon: Ye,
+				count: l.length
+			}] : [],
+			...u ? [{
+				key: "badge",
+				label: "Badge",
+				icon: U,
+				count: 0
+			}] : [],
+			...d.length > 0 ? [{
+				key: "guests",
+				label: "Guests",
+				icon: at,
+				count: d.length
+			}] : [],
+			...s.length > 0 ? [{
+				key: "payments",
+				label: "Payments",
+				icon: We,
+				count: s.length
+			}] : [],
+			...v ? [{
+				key: "submission",
+				label: "Submission",
+				icon: be,
+				count: 0
+			}] : []
+		], j = A.some((e) => e.key === Z) ? Z : "details", M = (e) => {
+			Ue(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 +2989,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,13 +3004,13 @@ 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",
@@ -2940,8 +3020,8 @@ var ft = /* @__PURE__ */ new Set([
 									})]
 								})]
 							}), /* @__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 +3033,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", {
+										})] }), W && /* @__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"]
+											children: [/* @__PURE__ */ p(oe, { 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", {
@@ -2996,18 +3102,18 @@ var ft = /* @__PURE__ */ new Set([
 												},
 												children: /* @__PURE__ */ p(Ye, { 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 = fe.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 ? {
@@ -3019,7 +3125,7 @@ var ft = /* @__PURE__ */ new Set([
 														type: "checkbox",
 														checked: n,
 														disabled: t,
-														onChange: () => ot(e.name, t),
+														onChange: () => st(e.name, t),
 														className: "w-4 h-4 rounded cursor-pointer shrink-0 disabled:cursor-default",
 														style: { accentColor: r }
 													}),
@@ -3040,7 +3146,7 @@ var ft = /* @__PURE__ */ new Set([
 													}),
 													t && /* @__PURE__ */ m("span", {
 														className: `px-2.5 py-1 rounded-full text-[11px] font-semibold flex items-center gap-1 shrink-0 ${i ? "bg-emerald-950/70 text-emerald-300" : "bg-emerald-50 text-emerald-700"}`,
-														children: [/* @__PURE__ */ p(se, { size: 12 }), " Purchased"]
+														children: [/* @__PURE__ */ p(oe, { size: 12 }), " Purchased"]
 													})
 												]
 											}, e.name);
@@ -3075,14 +3181,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(Ve, { 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",
@@ -3094,11 +3200,11 @@ var ft = /* @__PURE__ */ new Set([
 										},
 										children: /* @__PURE__ */ p(U, { 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 +3223,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(ve, { size: 13 }), /* @__PURE__ */ p("span", { children: "View badge" })]
 									}), /* @__PURE__ */ m("a", {
 										href: u,
 										download: !0,
@@ -3125,14 +3231,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(_e, { 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", {
@@ -3143,11 +3249,11 @@ var ft = /* @__PURE__ */ new Set([
 									},
 									children: /* @__PURE__ */ p(at, { 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 +3270,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 +3278,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" })]
 												})]
 											})]
 										}),
-										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?.[bt(t)];
 												return /* @__PURE__ */ m("label", {
 													className: "block",
 													children: [/* @__PURE__ */ m("span", {
@@ -3193,7 +3299,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 +3307,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(ht, {
+														field: t,
+														value: xt(Q, 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: Ke,
+													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(oe, { size: 13 }), /* @__PURE__ */ p("span", { children: Ke ? "Saving..." : "Save changes" })]
 												}), /* @__PURE__ */ p("button", {
 													type: "button",
-													disabled: Ge,
-													onClick: () => Q(null),
+													disabled: Ke,
+													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 +3347,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(ve, { size: 13 }), /* @__PURE__ */ p("span", { children: "View badge" })]
 											}), /* @__PURE__ */ m("a", {
 												href: e.badge,
 												download: !0,
@@ -3271,16 +3355,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(_e, { 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 +3373,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(We, { 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 +3410,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(ve, { 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 +3430,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(be, { 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 +3465,8 @@ var ft = /* @__PURE__ */ new Set([
 										children: v.status
 									})] })]
 								}),
-								K ? /* @__PURE__ */ m("form", {
-									onSubmit: gt,
+								Te ? /* @__PURE__ */ m("form", {
+									onSubmit: yt,
 									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 +3476,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: Me === e.id,
+										onClick: () => Ie((t) => ({
 											...t,
-											[e.id]: ft(e) === "file" ? "text" : "file"
+											[e.id]: mt(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: mt(e) === "file" ? "Send text instead" : "Send file instead"
+									}), mt(e) === "file" ? /* @__PURE__ */ m("div", { children: [
 										e.current_file?.serve_url && /* @__PURE__ */ p("a", {
 											href: e.current_file.serve_url,
 											target: "_blank",
@@ -3409,38 +3493,39 @@ var ft = /* @__PURE__ */ new Set([
 										}),
 										/* @__PURE__ */ p("input", {
 											type: "file",
-											disabled: Pe === e.id,
+											disabled: Me === e.id,
 											onChange: (t) => {
 												let n = t.target.files?.[0];
-												n && pt(e.id, n);
+												n && gt(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}`,
+										Me === 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: Me === 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: Me === e.id || !(Le[e.id] || "").trim(),
+										onClick: () => _t(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: Me === e.id ? "Saving…" : "Save text answer"
 									})] })] }) : e.id === "registration_type" ? /* @__PURE__ */ m("select", {
-										value: Y[e.id] ?? "",
-										onChange: (t) => X({
-											...Y,
+										value: J[e.id] ?? "",
+										required: e.required,
+										onChange: (t) => Y({
+											...J,
 											[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 +3540,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
-										}),
-										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
+									}) : /* @__PURE__ */ p(ht, {
+										field: e,
+										value: J[e.id] ?? "",
+										onChange: (t) => Y({
+											...J,
+											[e.id]: t
 										}),
-										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: X,
 											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: X ? "Saving..." : "Save changes"
 										}), /* @__PURE__ */ p("button", {
 											type: "button",
-											disabled: Ae,
-											onClick: () => J(!1),
+											disabled: X,
+											onClick: () => K(!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 +3569,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: ft,
 										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 +3581,7 @@ var ft = /* @__PURE__ */ new Set([
 								})
 							]
 						}),
-						H && /* @__PURE__ */ m("div", {
+						Ce && /* @__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 +3589,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(he, {
 									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: Ce,
 								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(ve, { 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(I, {
 								size: 17,
 								className: "shrink-0 mt-0.5"
 							}), /* @__PURE__ */ p("span", { children: x })]
@@ -3546,7 +3614,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(ue, {
 								size: 17,
 								className: "shrink-0 mt-0.5"
 							}), /* @__PURE__ */ p("span", { children: C })]
@@ -3556,7 +3624,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 +3641,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 +3665,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(I, {
 			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(ue, {
 			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 +3690,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,22 +3728,22 @@ 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" ? {
+	}), It = "font-semibold hover:underline underline-offset-4 cursor-pointer";
+	return Ft(l === "request_code" ? {
 		icon: je,
 		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: et,
 			className: "space-y-4",
 			children: [
-				kt({
+				Mt({
 					id: "vx-portal-code-identifier",
 					label: "Registration number or email",
 					icon: je,
@@ -3686,7 +3754,7 @@ var ft = /* @__PURE__ */ new Set([
 					placeholder: "e.g. attendee@example.com or REG12345",
 					autoComplete: "username"
 				}),
-				jt(ue, "Send verification code", "Sending code..."),
+				Pt(ce, "Send verification code", "Sending code..."),
 				/* @__PURE__ */ m("p", {
 					className: `text-center text-[13px] ${i ? "text-zinc-400" : "text-slate-500"}`,
 					children: [
@@ -3694,8 +3762,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"
 						})
@@ -3707,12 +3775,12 @@ var ft = /* @__PURE__ */ new Set([
 		icon: Ee,
 		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: tt,
 			className: "space-y-4",
 			children: [
-				kt({
+				Mt({
 					id: "vx-portal-reset-identifier",
 					label: "Registration number or email",
 					icon: je,
@@ -3723,45 +3791,45 @@ 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,
 					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,
 					type: "password",
-					value: N,
-					onChange: P,
+					value: P,
+					onChange: re,
 					placeholder: "Enter new password",
 					autoComplete: "new-password"
 				}),
-				kt({
+				Mt({
 					id: "vx-portal-reset-confirm",
 					label: "Confirm password",
 					icon: De,
 					type: "password",
-					value: oe,
-					onChange: ce,
+					value: ae,
+					onChange: se,
 					placeholder: "Re-enter new password",
 					autoComplete: "new-password"
 				}),
-				jt(h, "Set new password", "Updating password...")
+				Pt(h, "Set new password", "Updating password...")
 			]
 		})
 	} : {
@@ -3769,10 +3837,10 @@ var ft = /* @__PURE__ */ new Set([
 		title: "Attendee login",
 		subtitle: "Sign in with your email or registration number.",
 		children: /* @__PURE__ */ m("form", {
-			onSubmit: Xe,
+			onSubmit: Qe,
 			className: "space-y-4",
 			children: [
-				kt({
+				Mt({
 					id: "vx-portal-login-identifier",
 					label: "Email or registration number",
 					icon: je,
@@ -3781,7 +3849,7 @@ var ft = /* @__PURE__ */ new Set([
 					placeholder: "Enter email or registration number",
 					autoComplete: "username"
 				}),
-				kt({
+				Mt({
 					id: "vx-portal-login-password",
 					label: "Password",
 					icon: De,
@@ -3793,14 +3861,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 +3877,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 +3889,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 +3903,7 @@ var ft = /* @__PURE__ */ new Set([
 };
 //#endregion
 //#region src/widget/utils/backgroundUtils.ts
-function gt(e, t, n) {
+function bt(e, t, n) {
 	if (!e) return;
 	let r = t ? "rgba(9,9,11,0.88)" : "rgba(248,250,252,0.88)";
 	return {
@@ -3848,7 +3916,7 @@ function gt(e, t, n) {
 }
 //#endregion
 //#region src/widget/components/EventWidgetReact.tsx
-function _t(e) {
+function xt(e) {
 	if (!e) return "bottom-right";
 	switch (e) {
 		case "bottom-left":
@@ -3860,7 +3928,7 @@ function _t(e) {
 		default: return "bottom-right";
 	}
 }
-var vt = (e) => {
+var St = (e) => {
 	switch (e) {
 		case "bottom-left": return {
 			bottom: "20px",
@@ -3887,21 +3955,21 @@ var vt = (e) => {
 			left: "auto"
 		};
 	}
-}, yt = (e) => {
+}, Ct = (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 }) => {
+}, wt = ({ 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), [P, F] = d(!!o), [re, ie] = d(null), [ae, se] = d(null), [ce, le] = d(o), [I, L] = d(null), [ue, R] = d(!1), [z, pe] = d(() => xt(e.position)), [B, he] = d(null), [ge, _e] = d(null), [V, ye] = d(!1), [xe, Se] = d(!1), Ce = u(null), we = u(null), H = u(!1);
 	s(() => {
-		e.position && R(_t(e.position));
+		e.position && pe(xt(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), [
 		e.baseUrl,
@@ -3915,12 +3983,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", {
+			L(r), e.onEvent?.("payment_verified", {
 				registration_number: o,
 				confirmed: r
 			});
 		}).catch((e) => {
-			t || fe(!1), K.error("Payment verification failed", e);
+			t || L(!1), K.error("Payment verification failed", e);
 		}), () => {
 			t = !0;
 		};
@@ -3930,8 +3998,20 @@ var vt = (e) => {
 		K,
 		e
 	]);
-	let De = u(e.displayMode), Y = u(null), [X, ke] = d(null);
+	let De = u(e.displayMode), Y = u(null), [X, ke] = d(null), Ae = u(null);
 	s(() => {
+		if (e.displayMode !== "widget") return;
+		let t = Ae.current;
+		t && t.getBoundingClientRect().top < 0 && t.scrollIntoView({
+			behavior: "smooth",
+			block: "start"
+		});
+	}, [
+		e.displayMode,
+		P,
+		k,
+		T
+	]), s(() => {
 		J.getXrefId();
 	}, [J]), s(() => {
 		if (!c) return;
@@ -3949,7 +4029,7 @@ var vt = (e) => {
 		K,
 		G
 	]);
-	let Ae = l(() => {
+	let je = 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) {
@@ -3970,7 +4050,7 @@ var vt = (e) => {
 	s(() => () => {
 		Y.current && clearTimeout(Y.current);
 	}, []);
-	let je = a((t) => {
+	let Me = 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([
@@ -4036,8 +4116,8 @@ var vt = (e) => {
 			e.onEvent?.("error", n), e.onError?.(n);
 		}).finally(() => A(!1));
 	}, [q, G]);
-	let Me = async (t) => {
-		Y.current && clearTimeout(Y.current), A(!0), ae(null);
+	let Ne = async (t) => {
+		Y.current && clearTimeout(Y.current), A(!0), ie(null);
 		let n = J.getXrefId(), r = /* @__PURE__ */ new Set([
 			"salutation",
 			"title",
@@ -4077,9 +4157,9 @@ var vt = (e) => {
 			let t = G ? await q.submitReview(s) : await q.submitRegistration(s);
 			J.updateXrefId(), ke(null);
 			let n = G ? null : t?.data?.payment_url || t?.payment_url || null;
-			ce(n);
+			se(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);
+			le(r ? String(r) : null), R(!1), n && typeof n == "string" && n.trim() !== "" && window.open(n, "_blank", "noopener,noreferrer"), F(!0);
 			let i = {
 				registrationType: T.id,
 				payload: s,
@@ -4094,57 +4174,57 @@ var vt = (e) => {
 				message: n,
 				error: t
 			};
-			e.onEvent?.("error", r), e.onError?.(r), ae(n);
+			e.onEvent?.("error", r), e.onError?.(r), ie(n);
 		} 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")) {
+	}, Pe = () => {
+		if (F(!1), ie(null), se(null), le(null), R(!1), E(null), ke(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();
-		V.current = {
+	}, Ie = a((e) => {
+		if (e.stopPropagation(), e.button !== 0 || !Ce.current) return;
+		let t = Ce.current.getBoundingClientRect();
+		we.current = {
 			startX: e.clientX,
 			startY: e.clientY,
 			rect: t,
-			corner: L
-		}, H.current = !1, B(!0);
-	}, [L]);
+			corner: z
+		}, H.current = !1, ye(!0);
+	}, [z]);
 	s(() => {
-		if (!ye) return;
+		if (!V) 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({
+			if (!we.current) return;
+			let t = e.clientX - we.current.startX, n = e.clientY - we.current.startY;
+			H.current || Math.hypot(t, n) > 5 && (H.current = !0), H.current && he({
 				x: t,
 				y: n
 			});
 		}, n = (t) => {
-			if (!V.current) {
-				B(!1), _e(null), H.current = !1;
+			if (!we.current) {
+				ye(!1), he(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(() => {
+			let { rect: n, startX: r, startY: i } = we.current, a = t.clientX - r, o = t.clientY - i, s = H.current;
+			if (we.current = null, ye(!1), setTimeout(() => {
 				H.current = !1;
 			}, 100), !s) {
-				_e(null);
+				he(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({
+			_e({
 				transform: `translate3d(${y}px, ${b}px, 0)`,
 				transition: "none"
-			}), _e(null), R(g), e.onEvent?.("position_changed", { position: g }), requestAnimationFrame(() => {
+			}), he(null), pe(g), e.onEvent?.("position_changed", { position: g }), requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
-					ve({
+					_e({
 						transform: "translate3d(0, 0, 0)",
 						transition: "transform 0.35s cubic-bezier(0.16, 1, 0.3, 1)"
 					}), setTimeout(() => {
-						ve(null);
+						_e(null);
 					}, 360);
 				});
 			});
@@ -4152,18 +4232,18 @@ 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 () => {
-		if (le) {
+	}, [V, e]);
+	let Re = async () => {
+		if (ce) {
 			try {
-				await navigator.clipboard.writeText(le);
+				await navigator.clipboard.writeText(ce);
 			} catch {
 				let e = document.createElement("textarea");
-				e.value = le, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
+				e.value = ce, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
 			}
-			I(!0), setTimeout(() => I(!1), 2e3);
+			R(!0), setTimeout(() => R(!1), 2e3);
 		}
-	}, Re = () => le ? /* @__PURE__ */ m("div", {
+	}, Be = () => ce ? /* @__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"}`,
@@ -4173,38 +4253,38 @@ var vt = (e) => {
 			className: `flex items-center gap-2 pl-4 pr-1.5 py-1.5 rounded-xl border ${U ? "bg-zinc-900 border-zinc-700" : "bg-gray-50 border-gray-200"}`,
 			children: [/* @__PURE__ */ p("span", {
 				className: "flex-1 text-left font-mono font-bold text-base select-all break-all",
-				children: le
+				children: ce
 			}), /* @__PURE__ */ m("button", {
 				part: "copy-button",
 				type: "button",
-				onClick: Ie,
+				onClick: Re,
 				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(ue ? oe : me, { size: 13 }), /* @__PURE__ */ p("span", { children: ue ? "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)`,
+			...St(z),
+			...B ? {
+				transform: `translate3d(${B.x}px, ${B.y}px, 0) scale(1.05)`,
 				transition: "none",
 				userSelect: "none"
-			} : z ? {
-				transform: z.transform,
-				transition: z.transition
+			} : ge ? {
+				transform: ge.transform,
+				transition: ge.transition
 			} : { transition: "all 0.3s cubic-bezier(0.16, 1, 0.3, 1)" }
-		}, t = Se || ye;
+		}, t = xe || V;
 		return /* @__PURE__ */ m("div", {
-			ref: we,
-			onMouseEnter: () => Ce(!0),
-			onMouseLeave: () => Ce(!1),
-			className: `fixed ${yt(L)} z-50 select-none group`,
+			ref: Ce,
+			onMouseEnter: () => Se(!0),
+			onMouseLeave: () => Se(!1),
+			className: `fixed ${Ct(z)} z-50 select-none group`,
 			style: e,
 			children: [/* @__PURE__ */ p("div", {
-				onPointerDown: Pe,
+				onPointerDown: Ie,
 				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, {
@@ -4215,7 +4295,7 @@ var vt = (e) => {
 				part: "launcher",
 				type: "button",
 				onClick: (e) => {
-					e.stopPropagation(), !ye && h(!0);
+					e.stopPropagation(), !V && 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 +4307,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 Ve = e.displayMode === "fullscreen" || e.displayMode === "popup" && y, Z = e.displayMode === "widget", He = bt(Ee, U, Z), Ue = `${U ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"} flex flex-col transition-all duration-300 ease-in-out `, We = e.theme?.fontFamily, Q = !We || We === "inherit" ? {} : { fontFamily: `var(--vx-font-family, ${We})` };
+	Q["--vx-accent"] = W, Ve ? Ue += "fixed inset-0 z-[9999] rounded-none overflow-hidden " : e.displayMode === "popup" ? (Ue += `fixed ${Ct(z)} 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, St(z))) : (Ue += "relative w-full min-h-screen border-none shadow-none rounded-none ", Q.width = "100%", Q.minHeight = "100vh");
+	let Ke = G ? "Abstract Submission" : t === "registration" ? C || "Registration" : "Attendee Portal", Je = j.trim().toLowerCase(), Xe = Je ? x.filter((e) => [
 		e.type,
 		e.name,
 		e.category,
@@ -4238,12 +4318,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(Je)) : x, Ze = `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)]"}`, Qe = () => {
 		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: Ze,
 			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 +4333,7 @@ var vt = (e) => {
 							backgroundColor: `color-mix(in srgb, ${W} 12%, transparent)`,
 							color: W
 						},
-						children: /* @__PURE__ */ p(xe, { size: 20 })
+						children: /* @__PURE__ */ p(be, { size: 20 })
 					}), /* @__PURE__ */ p("div", {
 						className: "min-w-0",
 						children: /* @__PURE__ */ p("h3", {
@@ -4275,7 +4355,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 +4382,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 +4409,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 +4417,9 @@ var vt = (e) => {
 				})
 			]
 		});
-	}, Qe = (e) => /* @__PURE__ */ m("div", {
+	}, $e = (e) => /* @__PURE__ */ m("div", {
 		part: "category-panel",
-		className: Xe,
+		className: Ze,
 		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 +4453,7 @@ var vt = (e) => {
 				children: /* @__PURE__ */ p("div", { className: `${e} h-11 w-52` })
 			})
 		]
-	}), $e = () => {
+	}), et = () => {
 		let e = "vx-skeleton rounded-full", t = Z ? 6 : 3;
 		return /* @__PURE__ */ m("div", {
 			part: "page",
@@ -4412,10 +4492,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: He,
 					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 ? $e(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 +4547,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" : "";
+	}, tt = () => {
+		let e = !!T, t = G ? be : 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" : "";
 		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: He,
 			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 +4623,18 @@ var vt = (e) => {
 		});
 	};
 	return /* @__PURE__ */ p("div", {
+		ref: Ae,
 		part: "widget",
-		className: Ve,
+		className: Ue,
 		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 && !P ? et() : k ? tt() : P ? ae ? /* @__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", {
@@ -4605,20 +4687,20 @@ 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(),
+					Be(),
 					/* @__PURE__ */ m("div", {
 						className: "w-full max-w-xs space-y-3",
 						children: [/* @__PURE__ */ m("a", {
 							part: "button button-primary",
-							href: oe,
+							href: ae,
 							target: "_blank",
 							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(ve, { size: 16 })]
 						}), /* @__PURE__ */ p("button", {
 							part: "button button-link",
-							onClick: Ne,
+							onClick: Pe,
 							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"
 						})]
@@ -4656,21 +4738,21 @@ 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", {
+				Be(),
+				I !== 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: de ? "Your payment is confirmed." : "We haven't received your payment yet. If you have just paid, it will be confirmed shortly."
+					children: I ? "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: Pe,
 					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", {
+		}) : re ? /* @__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", {
@@ -4708,20 +4790,20 @@ 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: re
 					}),
 					/* @__PURE__ */ m("div", {
 						className: "w-full max-w-xs space-y-3",
 						children: [/* @__PURE__ */ p("button", {
 							part: "button button-primary",
-							onClick: () => ae(null),
+							onClick: () => ie(null),
 							style: { backgroundColor: W },
 							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 cursor-pointer",
 							children: /* @__PURE__ */ p("span", { children: "Try Again" })
 						}), /* @__PURE__ */ p("button", {
 							part: "button button-link",
 							onClick: () => {
-								ae(null), E(null);
+								ie(null), E(null);
 							},
 							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: G ? "Choose Another Category" : "Choose Another Ticket"
@@ -4729,18 +4811,18 @@ var vt = (e) => {
 					})
 				]
 			})]
-		}) : T ? /* @__PURE__ */ p(pt, {
+		}) : T ? /* @__PURE__ */ p(_t, {
 			schema: G ? ee : T.form_schema,
 			ticketType: T,
 			theme: e.theme,
 			displayMode: e.displayMode,
-			backgroundStyle: Q,
+			backgroundStyle: He,
 			isExpanded: y,
 			onToggleExpand: () => b(!y),
 			onClose: () => h(!1),
-			onSubmit: Me,
-			onChange: je,
-			initialValues: Ae,
+			onSubmit: Ne,
+			onChange: Me,
+			initialValues: je,
 			fileAnswers: X?.file_answers,
 			isDark: U,
 			apiClient: q,
@@ -4806,7 +4888,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: Ke
 										}), /* @__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"]
@@ -4844,7 +4926,7 @@ var vt = (e) => {
 							children: [{
 								key: "registration",
 								label: "Registration Forms",
-								Icon: pe
+								Icon: de
 							}, {
 								key: "attendee",
 								label: "Attendee Login",
@@ -4874,10 +4956,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: He,
 					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 ? Qe() : /* @__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 +4972,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: Je ? `${Xe.length} of ${x.length} options` : `${x.length} ${x.length === 1 ? "option" : "options"} available`
 								})]
 							}), /* @__PURE__ */ m("div", {
 								className: "relative w-full sm:w-72",
@@ -4920,7 +5002,7 @@ var vt = (e) => {
 									})
 								]
 							})]
-						}), x.length === 0 ? null : Je.length === 0 ? /* @__PURE__ */ m("div", {
+						}), x.length === 0 ? null : Xe.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: [
@@ -4950,8 +5032,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: Xe.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 ? be : Ye;
 								return /* @__PURE__ */ m("div", {
 									part: "card",
 									role: "button",
@@ -4986,7 +5068,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(fe, { size: 10 }), /* @__PURE__ */ p("span", { children: e.seats_left })]
 												})]
 											})]
 										}),
@@ -5012,7 +5094,7 @@ var vt = (e) => {
 														backgroundColor: `color-mix(in srgb, ${W} 14%, transparent)`,
 														color: W
 													},
-													children: /* @__PURE__ */ p(se, {
+													children: /* @__PURE__ */ p(oe, {
 														size: 10,
 														strokeWidth: 3
 													})
@@ -5050,7 +5132,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 +5147,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
+						...He
 					},
 					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(yt, {
 						apiClient: q,
 						storage: J,
 						logger: K,
@@ -5084,7 +5166,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 }) => {
+}, Tt = "/*! 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-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-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-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-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-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\\: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)}}", Et = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif", Dt = ({ 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 +5177,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 = Tt, 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, ${Et})`, "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, {
+}, Ot = ({ config: e }) => t.createElement(Dt, {
 	useShadow: !0,
 	inheritFont: !e.theme?.fontFamily || e.theme.fontFamily === "inherit"
-}, t.createElement(bt, { config: e })), Tt = class {
+}, t.createElement(wt, { config: e })), kt = class {
 	config;
 	container = null;
 	root = null;
@@ -5117,16 +5199,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(Ot, { 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(Ot, { 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(Ot, { config: this.config }));
 	}
 	unmount() {
 		if (this.root) {
@@ -5136,4 +5218,4 @@ var vt = (e) => {
 	}
 };
 //#endregion
-export { wt as EventWidget, Tt as EventWidgetClient };
+export { Ot as EventWidget, kt as EventWidgetClient };