@fanfare-io/fanfare-sdk-react 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,45 +1,45 @@
 "use client";
 import { jsx as t, Fragment as Ce, jsxs as c } from "react/jsx-runtime";
-import Ua from "@fanfare-io/fanfare-sdk-core";
+import Ka from "@fanfare-io/fanfare-sdk-core";
 import * as s from "react";
-import { createContext as Lt, useContext as At, useMemo as re, useState as _e, useRef as gt, useEffect as Ie, useCallback as O, useSyncExternalStore as Ha, forwardRef as wt, useLayoutEffect as Ka } from "react";
-import { getLocaleMessages as Za, mergeTranslations as Kt, createTranslateFunction as fa, isRTLLocale as Ga, en as Ya, resolveLocaleMapValue as Ja, normalizeLocale as Qa } from "@fanfare-io/fanfare-sdk-i18n";
-import { RTL_LOCALES as Do, isRTLLocale as Vo } from "@fanfare-io/fanfare-sdk-i18n";
-import { getGates as ia, getParticipation as Xa, getDistribution as er, getSequenceId as tr, getSequencePhase as ar } from "@fanfare-io/fanfare-sdk-core/internals";
+import { createContext as Lt, useContext as At, useMemo as re, useState as _e, useRef as gt, useEffect as Ie, useCallback as O, useSyncExternalStore as Za, forwardRef as wt, useLayoutEffect as Ya } from "react";
+import { getLocaleMessages as Ga, mergeTranslations as Kt, createTranslateFunction as sa, isRTLLocale as Ja, en as Qa, resolveLocaleMapValue as Xa, normalizeLocale as er } from "@fanfare-io/fanfare-sdk-i18n";
+import { RTL_LOCALES as Mo, isRTLLocale as To } from "@fanfare-io/fanfare-sdk-i18n";
+import { getGates as la, getParticipation as tr, getDistribution as ar, getSequenceId as rr, getSequencePhase as nr } from "@fanfare-io/fanfare-sdk-core/internals";
 import * as dt from "valibot";
-import { clsx as rr } from "clsx";
-import { extendTailwindMerge as nr } from "tailwind-merge";
+import { clsx as or } from "clsx";
+import { extendTailwindMerge as fr } from "tailwind-merge";
 import { cva as ne } from "class-variance-authority";
 import { AnimatePresence as vt, motion as W } from "motion/react";
-import { mergeBrandTheme as or, DefaultBrandTheme as fr } from "@fanfare-io/fanfare-sdk-core/theme";
-import ir from "canvas-confetti";
+import { mergeBrandTheme as ir, DefaultBrandTheme as sr } from "@fanfare-io/fanfare-sdk-core/theme";
+import lr from "canvas-confetti";
 import { atom as ze } from "nanostores";
-import { bucketFromEtaSeconds as sr, bucketI18nKey as lr } from "@fanfare-io/fanfare-sdk-core/queues";
-import { createPortal as cr } from "react-dom";
-const sa = Lt(null), la = Ya, dr = fa(la, "en"), ur = {
+import { bucketFromEtaSeconds as cr, bucketI18nKey as dr } from "@fanfare-io/fanfare-sdk-core/queues";
+import { createPortal as ur } from "react-dom";
+const ca = Lt(null), da = Qa, pr = sa(da, "en"), gr = {
   locale: "en",
-  messages: la,
+  messages: da,
   isRoot: !0,
-  t: dr,
+  t: pr,
   dir: "ltr",
   experienceTranslations: null,
   setExperienceTranslations: () => {
   }
-}, ca = Lt(ur);
+}, ua = Lt(gr);
 function It() {
-  return At(ca);
+  return At(ua);
 }
-function G() {
+function Y() {
   const { t: e, locale: a, dir: r } = It();
   return { t: e, locale: a, dir: r };
 }
-function pr(e, a, r, n) {
+function mr(e, a, r, n) {
   const o = It();
   return re(() => {
-    const i = e ?? o.locale, f = e && e !== o.locale ? Za(e) : o.messages, l = Kt(
+    const i = e ?? o.locale, f = e && e !== o.locale ? Ga(e) : o.messages, l = Kt(
       f,
       r ?? o.experienceTranslations ?? void 0
-    ), d = Kt(l, a), u = fa(d, i), y = Ga(i) ? "rtl" : "ltr";
+    ), d = Kt(l, a), u = sa(d, i), y = Ja(i) ? "rtl" : "ltr";
     return {
       locale: i,
       messages: d,
@@ -51,11 +51,21 @@ function pr(e, a, r, n) {
     };
   }, [o, e, a, r, n]);
 }
-function da({ locale: e, translations: a, children: r }) {
-  const [n, o] = _e(null), i = pr(e, a, n, o);
-  return /* @__PURE__ */ t(ca.Provider, { value: i, children: r });
+function pa({ locale: e, translations: a, children: r }) {
+  const [n, o] = _e(null), i = mr(e, a, n, o);
+  return /* @__PURE__ */ t(ua.Provider, { value: i, children: r });
 }
-function yo({
+let Zt = Promise.resolve();
+function Yt(e) {
+  const a = Zt.then(e, e);
+  return Zt = a.then(
+    () => {
+    },
+    () => {
+    }
+  ), a;
+}
+function No({
   children: e,
   autoRestore: a = !0,
   autoResume: r = !0,
@@ -74,7 +84,7 @@ function yo({
   features: h,
   beacon: w
 }) {
-  const [p, v] = _e(null), [E, M] = _e(!0), _ = gt(null), S = re(
+  const [p, v] = _e(null), [M, E] = _e(!0), _ = gt(null), S = re(
     () => ({
       organizationId: f,
       publishableKey: l,
@@ -91,36 +101,37 @@ function yo({
     [f, l, d, u, y, g, b, m, x, h, w]
   );
   return Ie(() => {
-    let V = !0;
-    v(null), M(!0);
+    let D = !0;
+    v(null), E(!0);
     async function N() {
-      try {
-        const T = await Ua(S);
-        if (!V) {
-          T.destroy();
-          return;
+      if (D)
+        try {
+          const T = await Ka(S);
+          if (!D) {
+            await T.destroy();
+            return;
+          }
+          _.current = T, a && T.auth.getSession() && r && await T.journeys.resumeAll(), D && (v(T), E(!1));
+        } catch (T) {
+          console.error("Failed to initialize Fanfare SDK:", T), D && E(!1);
         }
-        _.current = T, a && T.auth.getSession() && r && await T.journeys.resumeAll(), V && (v(T), M(!1));
-      } catch (T) {
-        console.error("Failed to initialize Fanfare SDK:", T), V && M(!1);
-      }
     }
-    return N(), () => {
-      V = !1;
+    return Yt(N), () => {
+      D = !1;
       const T = _.current;
-      _.current = null, T?.destroy();
+      _.current = null, T && Yt(() => T.destroy());
     };
-  }, [S, a, r]), E ? /* @__PURE__ */ t(Ce, { children: n }) : p ? /* @__PURE__ */ t(sa.Provider, { value: p, children: /* @__PURE__ */ t(da, { locale: o, translations: i, children: e }) }) : (console.error("Fanfare SDK failed to initialize"), null);
+  }, [S, a, r]), M ? /* @__PURE__ */ t(Ce, { children: n }) : p ? /* @__PURE__ */ t(ca.Provider, { value: p, children: /* @__PURE__ */ t(pa, { locale: o, translations: i, children: e }) }) : (console.error("Fanfare SDK failed to initialize"), null);
 }
 function bt() {
-  const e = At(sa);
+  const e = At(ca);
   if (!e)
     throw new Error(
       "useFanfare must be used within a FanfareProvider. Make sure your component is wrapped with <FanfareProvider>"
     );
   return e;
 }
-function ko() {
+function So() {
   const e = bt(), [a, r] = _e(e.auth.check());
   Ie(() => {
     const l = e.on("auth:authenticated", () => {
@@ -152,7 +163,7 @@ function ko() {
     logout: f
   };
 }
-function ua(e, a) {
+function ga(e, a) {
   const r = bt(), { locale: n, setExperienceTranslations: o } = It(), i = gt(null), f = gt(a), [l, d] = _e(null), [u, y] = _e(null), [g, b] = _e(null), [m, x] = _e(null);
   Ie(() => {
     f.current = a;
@@ -163,10 +174,10 @@ function ua(e, a) {
     }
     const w = r.journeys.get(e);
     i.current = w, d(w), y(w.snapshot$.get()), b(w.view$.get());
-    const p = w.snapshot$.listen((E) => {
-      y(E);
-    }), v = w.view$.listen((E) => {
-      b(E);
+    const p = w.snapshot$.listen((M) => {
+      y(M);
+    }), v = w.view$.listen((M) => {
+      b(M);
     });
     return () => {
       p(), v();
@@ -179,7 +190,7 @@ function ua(e, a) {
     let w = !1;
     const p = u?.experience?.experience?.i18n;
     if (p) {
-      const v = Ja(p, n);
+      const v = Xa(p, n);
       o(v ?? null);
     } else w || o(null);
     return () => {
@@ -192,23 +203,23 @@ function ua(e, a) {
         throw new Error("experienceId is required to start an experience journey");
       const p = i.current ?? r.journeys.get(e);
       i.current = p, d(p), x(null);
-      const v = f.current, E = {
+      const v = f.current, M = {
         accessCode: w?.accessCode ?? v?.accessCode,
         autoEnterWaitlist: w?.autoEnterWaitlist ?? v?.autoEnterWaitlist
       };
       try {
-        const M = p.view$.get();
-        if (M.journeyStage === "ready") {
-          const _ = E.accessCode ? { accessCode: E.accessCode } : void 0;
-          await M.start(_);
+        const E = p.view$.get();
+        if (E.journeyStage === "ready") {
+          const _ = M.accessCode ? { accessCode: M.accessCode } : void 0;
+          await E.start(_);
         }
-        if (E.autoEnterWaitlist) {
+        if (M.autoEnterWaitlist) {
           const _ = p.view$.get();
           _.journeyStage === "routed" && _.sequence.phase === "enterable" && _.sequence.mechanism === "waitlist" && await _.sequence.enter();
         }
         return p.view$.get();
-      } catch (M) {
-        throw x(M instanceof Error ? M.message : "Unknown error"), M;
+      } catch (E) {
+        throw x(E instanceof Error ? E.message : "Unknown error"), E;
       }
     },
     [e, r]
@@ -223,21 +234,21 @@ function ua(e, a) {
     start: h
   };
 }
-function Me(e) {
+function Ee(e) {
   const a = O((n) => e.listen(n), [e]), r = O(() => e.get(), [e]);
-  return Ha(a, r, r);
+  return Za(a, r, r);
 }
-function _o(e) {
-  return Me(e.snapshot$);
+function Co(e) {
+  return Ee(e.snapshot$);
 }
-function gr({ experienceId: e, autoStart: a, children: r }) {
-  const n = ua(e, {
+function hr({ experienceId: e, autoStart: a, children: r }) {
+  const n = ga(e, {
     autoStart: a
   });
   return /* @__PURE__ */ t(Ce, { children: r(n) });
 }
-function No({ experienceId: e, autoStart: a, renderHeader: r }) {
-  return /* @__PURE__ */ t(gr, { experienceId: e, autoStart: a, children: ({ journey: n, view: o, snapshot: i, error: f, start: l }) => {
+function Do({ experienceId: e, autoStart: a, renderHeader: r }) {
+  return /* @__PURE__ */ t(hr, { experienceId: e, autoStart: a, children: ({ journey: n, view: o, snapshot: i, error: f, start: l }) => {
     const d = [], u = [];
     if (o?.journeyStage === "ready" && d.push("start"), o?.journeyStage === "gated" && d.push("reroute", "retry"), o?.journeyStage === "routed") {
       d.push("reroute", "retry");
@@ -247,10 +258,10 @@ function No({ experienceId: e, autoStart: a, renderHeader: r }) {
     const y = i ? {
       experienceId: i.experienceId,
       accessCode: i.accessCode,
-      sequenceId: tr(i),
-      distribution: er(i),
-      participation: Xa(i),
-      gates: ia(i)
+      sequenceId: rr(i),
+      distribution: ar(i),
+      participation: tr(i),
+      gates: la(i)
     } : null, g = (b) => {
       if (!n) return;
       const m = n.view$.get(), x = {};
@@ -324,7 +335,7 @@ function No({ experienceId: e, autoStart: a, renderHeader: r }) {
         ] }),
         /* @__PURE__ */ c("div", { children: [
           "Sequence phase: ",
-          ar(i)
+          nr(i)
         ] }),
         /* @__PURE__ */ c("div", { children: [
           "Journey actions: ",
@@ -387,59 +398,59 @@ function _t(e) {
   const r = a.replace(/\D/g, "").slice(0, 10);
   return r.length === 0 ? "" : r.length <= 3 ? `(${r}` : r.length <= 6 ? `(${r.slice(0, 3)}) ${r.slice(3)}` : `(${r.slice(0, 3)}) ${r.slice(3, 6)}-${r.slice(6, 10)}`;
 }
-function mr(e) {
+function wr(e) {
   if (!e) return null;
   const a = zt(e), r = a.replace(/\D/g, "");
   return a.startsWith("+") ? r.length < 10 || r.length > 15 ? null : `+${r}` : r.length === 10 ? `+1${r}` : null;
 }
-function hr(e) {
+function vr(e) {
   const a = e.replace(/\D/g, "");
   return e.startsWith("+") ? a.length >= 10 && a.length <= 15 : a.length === 10;
 }
-const wr = nr({
+const br = fr({
   extend: {
     classGroups: {
       "font-size": ["text-xxs"]
     }
   }
 });
-function D(...e) {
-  return wr(rr(e));
+function V(...e) {
+  return br(or(e));
 }
-function Zt(e, a) {
+function Gt(e, a) {
   if (typeof e == "function")
     return e(a);
   e != null && (e.current = a);
 }
-function vr(...e) {
+function xr(...e) {
   return (a) => {
     let r = !1;
     const n = e.map((o) => {
-      const i = Zt(o, a);
+      const i = Gt(o, a);
       return !r && typeof i == "function" && (r = !0), i;
     });
     if (r)
       return () => {
         for (let o = 0; o < n.length; o++) {
           const i = n[o];
-          typeof i == "function" ? i() : Zt(e[o], null);
+          typeof i == "function" ? i() : Gt(e[o], null);
         }
       };
   };
 }
-var br = /* @__PURE__ */ Symbol.for("react.lazy"), mt = s[" use ".trim().toString()];
-function xr(e) {
+var yr = /* @__PURE__ */ Symbol.for("react.lazy"), mt = s[" use ".trim().toString()];
+function kr(e) {
   return typeof e == "object" && e !== null && "then" in e;
 }
-function pa(e) {
-  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === br && "_payload" in e && xr(e._payload);
+function ma(e) {
+  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === yr && "_payload" in e && kr(e._payload);
 }
 // @__NO_SIDE_EFFECTS__
-function yr(e) {
-  const a = /* @__PURE__ */ _r(e), r = s.forwardRef((n, o) => {
+function _r(e) {
+  const a = /* @__PURE__ */ Sr(e), r = s.forwardRef((n, o) => {
     let { children: i, ...f } = n;
-    pa(i) && typeof mt == "function" && (i = mt(i._payload));
-    const l = s.Children.toArray(i), d = l.find(Sr);
+    ma(i) && typeof mt == "function" && (i = mt(i._payload));
+    const l = s.Children.toArray(i), d = l.find(Dr);
     if (d) {
       const u = d.props.children, y = l.map((g) => g === d ? s.Children.count(u) > 1 ? s.Children.only(null) : s.isValidElement(u) ? u.props.children : null : g);
       return /* @__PURE__ */ t(a, { ...f, ref: o, children: s.isValidElement(u) ? s.cloneElement(u, void 0, y) : null });
@@ -448,24 +459,24 @@ function yr(e) {
   });
   return r.displayName = `${e}.Slot`, r;
 }
-var kr = /* @__PURE__ */ yr("Slot");
+var Nr = /* @__PURE__ */ _r("Slot");
 // @__NO_SIDE_EFFECTS__
-function _r(e) {
+function Sr(e) {
   const a = s.forwardRef((r, n) => {
     let { children: o, ...i } = r;
-    if (pa(o) && typeof mt == "function" && (o = mt(o._payload)), s.isValidElement(o)) {
-      const f = Dr(o), l = Cr(i, o.props);
-      return o.type !== s.Fragment && (l.ref = n ? vr(n, f) : f), s.cloneElement(o, l);
+    if (ma(o) && typeof mt == "function" && (o = mt(o._payload)), s.isValidElement(o)) {
+      const f = Er(o), l = Vr(i, o.props);
+      return o.type !== s.Fragment && (l.ref = n ? xr(n, f) : f), s.cloneElement(o, l);
     }
     return s.Children.count(o) > 1 ? s.Children.only(null) : null;
   });
   return a.displayName = `${e}.SlotClone`, a;
 }
-var Nr = /* @__PURE__ */ Symbol("radix.slottable");
-function Sr(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Nr;
+var Cr = /* @__PURE__ */ Symbol("radix.slottable");
+function Dr(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Cr;
 }
-function Cr(e, a) {
+function Vr(e, a) {
   const r = { ...a };
   for (const n in a) {
     const o = e[n], i = a[n];
@@ -476,24 +487,24 @@ function Cr(e, a) {
   }
   return { ...e, ...r };
 }
-function Dr(e) {
+function Er(e) {
   let a = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = a && "isReactWarning" in a && a.isReactWarning;
   return r ? e.ref : (a = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = a && "isReactWarning" in a && a.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-const Qe = () => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches, Gt = {
+const Qe = () => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches, Jt = {
   initial: { opacity: 0 },
   animate: { opacity: 1 },
   exit: { opacity: 0 },
   transition: { duration: 0.2 }
-}, Vr = {
+}, Mr = {
   initial: { opacity: 0 },
   animate: { opacity: 1 },
   transition: { duration: 0.25, ease: "easeOut" }
-}, Mr = {
+}, Tr = {
   initial: { opacity: 1 },
   animate: { opacity: 1 },
   transition: { duration: 0 }
-}, he = () => Qe() ? Mr : Vr, oe = {
+}, he = () => Qe() ? Tr : Mr, oe = {
   // Core colors
   primary: "--ff-color-primary",
   primaryForeground: "--ff-color-primary-foreground",
@@ -515,18 +526,18 @@ const Qe = () => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-
   // Typography
   fontFamily: "--ff-font-sans",
   fontHeading: "--ff-font-heading"
-}, Er = {
-  theme: fr,
+}, Rr = {
+  theme: sr,
   variant: "default",
   isRoot: !0
-}, Dt = Lt(Er);
+}, Dt = Lt(Rr);
 function Xe() {
   return At(Dt);
 }
-function Tr(e, a) {
+function Lr(e, a) {
   const r = Xe();
   return re(() => ({
-    theme: e ? or({ ...r.theme, ...e }) : r.theme,
+    theme: e ? ir({ ...r.theme, ...e }) : r.theme,
     variant: a ?? r.variant,
     isRoot: !1
   }), [r, e, a]);
@@ -539,7 +550,7 @@ function He(e) {
   const n = parseInt(r.slice(0, 2), 16) / 255, o = parseInt(r.slice(2, 4), 16) / 255, i = parseInt(r.slice(4, 6), 16) / 255;
   return 0.2126 * n + 0.7152 * o + 0.0722 * i > 0.5 ? "#111111" : "#ffffff";
 }
-function ga(e) {
+function ha(e) {
   const a = {};
   if (e.primary !== void 0) {
     a[oe.primary] = e.primary;
@@ -569,11 +580,11 @@ function ga(e) {
   return e.fontFamily !== void 0 && (a[oe.fontFamily] = e.fontFamily, e.fontHeading === void 0 && (a[oe.fontHeading] = e.fontFamily)), e.fontHeading !== void 0 && (a[oe.fontHeading] = e.fontHeading), a;
 }
 function Vt({ theme: e, variant: a, as: r = "div", className: n, children: o }) {
-  const i = Xe(), f = Tr(e, a), l = re(() => ga(e ?? {}), [e]);
+  const i = Xe(), f = Lr(e, a), l = re(() => ha(e ?? {}), [e]);
   return e !== void 0 || a !== void 0 || i.isRoot ? /* @__PURE__ */ t(Dt.Provider, { value: f, children: /* @__PURE__ */ t(
     r,
     {
-      className: D("fanfare-themed", n),
+      className: V("fanfare-themed", n),
       style: l,
       "data-fanfare-themed": !0,
       "data-fanfare-variant": f.variant,
@@ -584,7 +595,7 @@ function Vt({ theme: e, variant: a, as: r = "div", className: n, children: o })
 function me() {
   return Xe().variant;
 }
-const Rr = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ref: a, ...e, children: /* @__PURE__ */ t("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m4.5 12.75l6 6l9-13.5" }) }), Lr = wt(Rr), Ar = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ref: a, ...e, children: /* @__PURE__ */ t("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M6 18L18 6M6 6l12 12" }) }), Ir = wt(Ar), zr = ne("ff:animate-spin ff:text-current", {
+const Ar = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ref: a, ...e, children: /* @__PURE__ */ t("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m4.5 12.75l6 6l9-13.5" }) }), Ir = wt(Ar), zr = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ref: a, ...e, children: /* @__PURE__ */ t("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M6 18L18 6M6 6l12 12" }) }), Fr = wt(zr), jr = ne("ff:animate-spin ff:text-current", {
   variants: {
     size: {
       sm: "ff:size-4",
@@ -610,7 +621,7 @@ const Rr = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.
       ref: n,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
-      className: D(zr({ size: a, styleVariant: o }), e),
+      className: V(jr({ size: a, styleVariant: o }), e),
       "data-slot": "spinner",
       "data-size": a,
       "aria-hidden": "true",
@@ -651,7 +662,7 @@ const Rr = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.
   );
 });
 De.displayName = "Spinner";
-const Fr = ne(
+const Pr = ne(
   [
     "ff:relative ff:inline-flex ff:items-center ff:justify-center",
     "ff:whitespace-nowrap ff:font-medium",
@@ -786,7 +797,7 @@ const Fr = ne(
     children: d,
     ...u
   }, y) => {
-    const g = o ? kr : "button", b = me(), [m, x] = s.useState(void 0);
+    const g = o ? Nr : "button", b = me(), [m, x] = s.useState(void 0);
     s.useImperativeHandle(i, () => ({
       success: () => x("success"),
       failure: () => x("failure")
@@ -808,7 +819,7 @@ const Fr = ne(
         "data-status": m || void 0,
         "aria-busy": n || void 0,
         "aria-disabled": h || void 0,
-        className: D(Fr({ variant: a, size: r, styleVariant: b, className: e })),
+        className: V(Pr({ variant: a, size: r, styleVariant: b, className: e })),
         disabled: h,
         ...u,
         children: [
@@ -818,14 +829,14 @@ const Fr = ne(
             {
               "data-slot": "button-status",
               className: "ff:pointer-events-none ff:absolute ff:inset-0 ff:flex ff:items-center ff:justify-center",
-              children: /* @__PURE__ */ t(vt, { children: m === "success" ? /* @__PURE__ */ t(W.span, { ...Gt, className: "ff:flex", children: /* @__PURE__ */ t(Lr, { className: "ff:size-5" }) }, "success") : /* @__PURE__ */ t(W.span, { ...Gt, className: "ff:flex", children: /* @__PURE__ */ t(Ir, { className: "ff:size-5" }) }, "failure") })
+              children: /* @__PURE__ */ t(vt, { children: m === "success" ? /* @__PURE__ */ t(W.span, { ...Jt, className: "ff:flex", children: /* @__PURE__ */ t(Ir, { className: "ff:size-5" }) }, "success") : /* @__PURE__ */ t(W.span, { ...Jt, className: "ff:flex", children: /* @__PURE__ */ t(Fr, { className: "ff:size-5" }) }, "failure") })
             }
           ),
           /* @__PURE__ */ t(
             "span",
             {
               "data-slot": "button-content",
-              className: D(
+              className: V(
                 "ff:gap-inherit ff:flex ff:items-center",
                 (n || m) && "ff:opacity-0",
                 f
@@ -839,7 +850,7 @@ const Fr = ne(
   }
 );
 F.displayName = "Button";
-const Yt = ["default", "rounded"], jr = ne(
+const Qt = ["default", "rounded"], Br = ne(
   [
     "ff:flex ff:w-full ff:rounded-md ff:px-3 ff:py-2",
     "ff:text-foreground ff:text-sm",
@@ -889,7 +900,7 @@ const Yt = ["default", "rounded"], jr = ne(
       styleVariant: "default"
     }
   }
-), Jt = ne([], {
+), Xt = ne([], {
   variants: {
     styleVariant: {
       default: "",
@@ -903,8 +914,8 @@ const Yt = ["default", "rounded"], jr = ne(
   }
 }), ht = s.forwardRef(
   ({ className: e, type: a = "text", label: r, error: n, hasError: o, inlineLabel: i, inlineError: f, ...l }, d) => {
-    const { variant: u } = Xe(), y = me(), g = l.id || l.name, b = i ?? Yt.includes(u), m = f ?? Yt.includes(u), x = o || !!n, h = !!n && !o, w = b && r, p = !b && r, v = m && h, E = !m && h, M = D(
-      jr({ styleVariant: y }),
+    const { variant: u } = Xe(), y = me(), g = l.id || l.name, b = i ?? Qt.includes(u), m = f ?? Qt.includes(u), x = o || !!n, h = !!n && !o, w = b && r, p = !b && r, v = m && h, M = !m && h, E = V(
+      Br({ styleVariant: y }),
       x && "ff:border-danger ff:focus:border-danger ff:focus:ring-danger",
       // Extra padding for floating label
       w && "ff:pt-5 ff:pb-1",
@@ -928,8 +939,8 @@ const Yt = ["default", "rounded"], jr = ne(
               "aria-invalid": x,
               "aria-describedby": h ? `${g}-error` : void 0,
               placeholder: l.placeholder || " ",
-              className: D(
-                M,
+              className: V(
+                E,
                 // Placeholder shown state for label positioning
                 "ff:peer ff:placeholder:opacity-0 ff:placeholder:transition-opacity ff:placeholder:duration-200",
                 "ff:focus:placeholder:opacity-100"
@@ -942,7 +953,7 @@ const Yt = ["default", "rounded"], jr = ne(
             {
               htmlFor: g,
               "data-slot": "input-label",
-              className: D(
+              className: V(
                 "ff:absolute ff:left-3 ff:top-3 ff:z-10 ff:origin-top-left ff:select-none",
                 "ff:text-sm ff:font-medium ff:transition-all ff:duration-150 ff:ease-out",
                 "ff:pointer-events-none",
@@ -957,7 +968,7 @@ const Yt = ["default", "rounded"], jr = ne(
                 // Error state
                 x && "ff:text-danger ff:peer-focus:text-danger",
                 // Style variant
-                Jt({ styleVariant: y })
+                Xt({ styleVariant: y })
               ),
               children: r
             }
@@ -972,7 +983,7 @@ const Yt = ["default", "rounded"], jr = ne(
               children: n
             }
           ),
-          E && /* @__PURE__ */ t(
+          M && /* @__PURE__ */ t(
             "p",
             {
               id: `${g}-error`,
@@ -990,9 +1001,9 @@ const Yt = ["default", "rounded"], jr = ne(
         {
           htmlFor: g,
           "data-slot": "input-label",
-          className: D(
+          className: V(
             "ff:text-foreground ff:mb-1.5 ff:block ff:text-sm ff:font-medium",
-            Jt({ styleVariant: y })
+            Xt({ styleVariant: y })
           ),
           children: r
         }
@@ -1007,7 +1018,7 @@ const Yt = ["default", "rounded"], jr = ne(
             "data-slot": "input-field",
             "aria-invalid": x,
             "aria-describedby": h ? `${g}-error` : void 0,
-            className: M,
+            className: E,
             ...l
           }
         ),
@@ -1022,18 +1033,18 @@ const Yt = ["default", "rounded"], jr = ne(
           }
         )
       ] }),
-      E && /* @__PURE__ */ t("p", { id: `${g}-error`, "data-slot": "input-error", className: "ff:text-danger ff:mt-1 ff:text-xs", role: "alert", children: n })
+      M && /* @__PURE__ */ t("p", { id: `${g}-error`, "data-slot": "input-error", className: "ff:text-danger ff:mt-1 ff:text-xs", role: "alert", children: n })
     ] });
   }
 );
 ht.displayName = "Input";
-const Pr = dt.pipe(dt.string(), dt.email());
-function ma(e) {
+const $r = dt.pipe(dt.string(), dt.email());
+function wa(e) {
   if (!e) return "email";
   const r = zt(e).replace(/\D/g, "");
   return e.startsWith("+") || r.length > 0 && r.length === e.replace(/[^\d\s()-]/g, "").length ? "phone" : (e.includes("@") || /^[a-zA-Z]/.test(e), "email");
 }
-const ha = s.forwardRef(
+const va = s.forwardRef(
   ({
     className: e,
     value: a,
@@ -1047,21 +1058,21 @@ const ha = s.forwardRef(
     disabled: u,
     ...y
   }, g) => {
-    const { t: b } = G(), [m, x] = s.useState(() => i === "auto" ? ma(a) : i), [h, w] = s.useState(!1), [p, v] = s.useState(null), [E, M] = s.useState(!1), [_, S] = s.useState(
+    const { t: b } = Y(), [m, x] = s.useState(() => i === "auto" ? wa(a) : i), [h, w] = s.useState(!1), [p, v] = s.useState(null), [M, E] = s.useState(!1), [_, S] = s.useState(
       () => m === "phone" ? _t(a) : a
-    ), V = i === "auto";
+    ), D = i === "auto";
     s.useEffect(() => {
-      V || x(i);
-    }, [i, V]), s.useEffect(() => {
+      D || x(i);
+    }, [i, D]), s.useEffect(() => {
       S(m === "phone" ? _t(a) : a);
     }, [a, m]);
     const N = s.useCallback(
       (R, te) => {
         if (!R) {
-          v(null), M(!1), n?.(!1);
+          v(null), E(!1), n?.(!1);
           return;
         }
-        te === "email" ? dt.safeParse(Pr, R).success ? (v(null), M(!0), n?.(!0)) : (v(b("auth.invalidEmail")), M(!1), n?.(!1)) : hr(R) ? (v(null), M(!0), n?.(!0)) : (v(b("auth.invalidPhone")), M(!1), n?.(!1));
+        te === "email" ? dt.safeParse($r, R).success ? (v(null), E(!0), n?.(!0)) : (v(b("auth.invalidEmail")), E(!1), n?.(!1)) : vr(R) ? (v(null), E(!0), n?.(!0)) : (v(b("auth.invalidPhone")), E(!1), n?.(!1));
       },
       [n]
     );
@@ -1073,7 +1084,7 @@ const ha = s.forwardRef(
       if (m === "phone") {
         const H = _t(te);
         S(H);
-        const j = mr(te);
+        const j = wr(te);
         r(j || te, m);
       } else
         S(te), r(te, m);
@@ -1083,8 +1094,8 @@ const ha = s.forwardRef(
       R.key === "Enter" && o && (R.preventDefault(), o()), y.onKeyDown?.(R);
     }, P = () => {
       const R = m === "email" ? "phone" : "email";
-      x(R), S(""), v(null), w(!1), M(!1), r("", R), n?.(!1);
-    }, X = f || (h && !E ? p : null), ce = y.placeholder || b(m === "email" ? "auth.emailPlaceholder" : "auth.phonePlaceholder"), B = V && /* @__PURE__ */ t(
+      x(R), S(""), v(null), w(!1), E(!1), r("", R), n?.(!1);
+    }, X = f || (h && !M ? p : null), ce = y.placeholder || b(m === "email" ? "auth.emailPlaceholder" : "auth.phonePlaceholder"), B = D && /* @__PURE__ */ t(
       F,
       {
         type: "button",
@@ -1096,13 +1107,13 @@ const ha = s.forwardRef(
         children: b(m === "email" ? "auth.usePhone" : "auth.useEmail")
       }
     );
-    return V ? /* @__PURE__ */ c(
+    return D ? /* @__PURE__ */ c(
       "div",
       {
-        className: D("fanfare-auth-input", e),
+        className: V("fanfare-auth-input", e),
         "data-slot": "auth-input",
         "data-mode": m,
-        "data-valid": E || void 0,
+        "data-valid": M || void 0,
         children: [
           /* @__PURE__ */ c("div", { "data-slot": "auth-input-header", className: "ff:mb-1.5 ff:flex ff:items-center ff:justify-between", children: [
             d && /* @__PURE__ */ t("label", { "data-slot": "auth-input-label", className: "ff:text-foreground ff:block ff:text-sm ff:font-medium", children: d }),
@@ -1147,17 +1158,17 @@ const ha = s.forwardRef(
         label: d,
         error: X || void 0,
         hasError: l,
-        className: D("fanfare-auth-input", e),
+        className: V("fanfare-auth-input", e),
         "data-slot": "auth-input",
         "data-mode": m,
-        "data-valid": E || void 0,
+        "data-valid": M || void 0,
         ...y
       }
     );
   }
 );
-ha.displayName = "AuthInput";
-const Br = ne(
+va.displayName = "AuthInput";
+const qr = ne(
   [
     "ff:h-12 ff:w-full ff:min-w-0 ff:text-center ff:text-lg ff:font-semibold",
     "ff:text-foreground",
@@ -1225,7 +1236,7 @@ const Br = ne(
       hasError: !1
     }
   }
-), wa = s.forwardRef(
+), ba = s.forwardRef(
   ({ value: e = "", onChange: a, onComplete: r, length: n = 6, error: o, hasError: i, disabled: f, autoFocus: l, className: d }, u) => {
     const y = me(), g = s.useRef([]), [b, m] = s.useState(() => {
       const _ = e.split("").slice(0, n);
@@ -1238,15 +1249,15 @@ const Br = ne(
     const x = (_) => {
       _ >= 0 && _ < n && g.current[_]?.focus();
     }, h = (_, S) => {
-      const V = S.replace(/\D/g, "");
-      if (V.length > 1) {
-        const $ = V.slice(0, n).split(""), P = [...$, ...Array(n - $.length).fill("")];
+      const D = S.replace(/\D/g, "");
+      if (D.length > 1) {
+        const $ = D.slice(0, n).split(""), P = [...$, ...Array(n - $.length).fill("")];
         m(P);
         const X = P.join("");
         a?.(X), X.length === n ? (r?.(X), x(n - 1)) : x($.length);
         return;
       }
-      const N = V.slice(-1), T = [...b];
+      const N = D.slice(-1), T = [...b];
       T[_] = N, m(T);
       const L = T.join("");
       a?.(L), N && _ < n - 1 && x(_ + 1), L.length === n && !L.includes("") && r?.(L);
@@ -1269,21 +1280,21 @@ const Br = ne(
       _.preventDefault();
       const S = _.clipboardData.getData("text").replace(/\D/g, "").slice(0, n);
       if (S) {
-        const V = S.split(""), N = [...V, ...Array(n - V.length).fill("")];
+        const D = S.split(""), N = [...D, ...Array(n - D.length).fill("")];
         m(N);
         const T = N.join("");
-        a?.(T), T.length === n ? (r?.(T), x(n - 1)) : x(V.length);
+        a?.(T), T.length === n ? (r?.(T), x(n - 1)) : x(D.length);
       }
     }, v = (_) => {
       _.target.select();
-    }, E = i || !!o, M = !!o && !i;
+    }, M = i || !!o, E = !!o && !i;
     return /* @__PURE__ */ c(
       "div",
       {
         ref: u,
-        className: D("fanfare-otp-input", "ff:space-y-1.5", d),
+        className: V("fanfare-otp-input", "ff:space-y-1.5", d),
         "data-slot": "otp-input",
-        "data-error": E || void 0,
+        "data-error": M || void 0,
         children: [
           /* @__PURE__ */ t(
             "div",
@@ -1295,8 +1306,8 @@ const Br = ne(
               children: Array.from({ length: n }).map((_, S) => /* @__PURE__ */ t(
                 "input",
                 {
-                  ref: (V) => {
-                    g.current[S] = V;
+                  ref: (D) => {
+                    g.current[S] = D;
                   },
                   type: "text",
                   inputMode: "numeric",
@@ -1304,27 +1315,27 @@ const Br = ne(
                   maxLength: 1,
                   "data-slot": "otp-input-digit",
                   value: b[S],
-                  onChange: (V) => h(S, V.target.value),
-                  onKeyDown: (V) => w(S, V),
+                  onChange: (D) => h(S, D.target.value),
+                  onKeyDown: (D) => w(S, D),
                   onFocus: v,
                   disabled: f,
                   autoFocus: l && S === 0,
                   "aria-label": `Digit ${S + 1} of ${n}`,
-                  "aria-invalid": E,
-                  className: Br({ styleVariant: y, hasError: E })
+                  "aria-invalid": M,
+                  className: qr({ styleVariant: y, hasError: M })
                 },
                 S
               ))
             }
           ),
-          M && /* @__PURE__ */ t("p", { "data-slot": "otp-input-error", className: "ff:text-danger ff:text-xs", role: "alert", children: o })
+          E && /* @__PURE__ */ t("p", { "data-slot": "otp-input-error", className: "ff:text-danger ff:text-xs", role: "alert", children: o })
         ]
       }
     );
   }
 );
-wa.displayName = "OTPInput";
-const $r = ne(["ff:rounded-lg ff:p-6", "ff:bg-background", "ff:text-foreground"], {
+ba.displayName = "OTPInput";
+const Or = ne(["ff:rounded-lg ff:p-6", "ff:bg-background", "ff:text-foreground"], {
   variants: {
     variant: {
       default: "ff:border ff:border-border",
@@ -1354,7 +1365,7 @@ const $r = ne(["ff:rounded-lg ff:p-6", "ff:bg-background", "ff:text-foreground"]
     variant: "default",
     styleVariant: "default"
   }
-}), va = s.forwardRef(({ className: e, variant: a, ...r }, n) => {
+}), xa = s.forwardRef(({ className: e, variant: a, ...r }, n) => {
   const o = me();
   return /* @__PURE__ */ t(
     "div",
@@ -1362,55 +1373,55 @@ const $r = ne(["ff:rounded-lg ff:p-6", "ff:bg-background", "ff:text-foreground"]
       ref: n,
       "data-slot": "card",
       "data-variant": a,
-      className: D($r({ variant: a, styleVariant: o, className: e })),
+      className: V(Or({ variant: a, styleVariant: o, className: e })),
       ...r
     }
   );
 });
-va.displayName = "Card";
-const qr = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, "data-slot": "card-header", className: D("fanfare-card-header ff:mb-4", e), ...a }));
-qr.displayName = "CardHeader";
-const Or = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+xa.displayName = "Card";
+const Wr = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, "data-slot": "card-header", className: V("fanfare-card-header ff:mb-4", e), ...a }));
+Wr.displayName = "CardHeader";
+const Ur = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
   "h3",
   {
     ref: r,
     "data-slot": "card-title",
-    className: D("ff:text-lg ff:font-heading ff:font-semibold ff:leading-none", "ff:text-foreground", e),
+    className: V("ff:text-lg ff:font-heading ff:font-semibold ff:leading-none", "ff:text-foreground", e),
     ...a
   }
 ));
-Or.displayName = "CardTitle";
-const Wr = s.forwardRef(
+Ur.displayName = "CardTitle";
+const Hr = s.forwardRef(
   ({ className: e, ...a }, r) => /* @__PURE__ */ t(
     "p",
     {
       ref: r,
       "data-slot": "card-description",
-      className: D("ff:mt-1 ff:text-sm", "ff:text-muted", e),
+      className: V("ff:mt-1 ff:text-sm", "ff:text-muted", e),
       ...a
     }
   )
 );
-Wr.displayName = "CardDescription";
-const Ur = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, "data-slot": "card-content", className: D(e), ...a }));
-Ur.displayName = "CardContent";
-const Hr = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+Hr.displayName = "CardDescription";
+const Kr = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, "data-slot": "card-content", className: V(e), ...a }));
+Kr.displayName = "CardContent";
+const Zr = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
   "div",
   {
     ref: r,
     "data-slot": "card-footer",
-    className: D("ff:mt-4 ff:flex ff:items-center ff:gap-2", e),
+    className: V("ff:mt-4 ff:flex ff:items-center ff:gap-2", e),
     ...a
   }
 ));
-Hr.displayName = "CardFooter";
-const ba = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ c(
+Zr.displayName = "CardFooter";
+const ya = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ c(
   "svg",
   {
     ref: r,
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 5647 2166",
-    className: D("ff:h-5 ff:w-auto", e),
+    className: V("ff:h-5 ff:w-auto", e),
     "data-slot": "fanfare-logo",
     ...a,
     children: [
@@ -1534,13 +1545,13 @@ const ba = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ c(
     ]
   }
 ));
-ba.displayName = "FanfareLogo";
+ya.displayName = "FanfareLogo";
 const K = s.forwardRef(({ className: e, children: a, ...r }, n) => /* @__PURE__ */ t(
   "div",
   {
     ref: n,
     "data-slot": "panel-body",
-    className: D("ff:flex ff:flex-1 ff:flex-col ff:gap-5", e),
+    className: V("ff:flex ff:flex-1 ff:flex-col ff:gap-5", e),
     ...r,
     children: a
   }
@@ -1548,13 +1559,13 @@ const K = s.forwardRef(({ className: e, children: a, ...r }, n) => /* @__PURE__
 K.displayName = "PanelBody";
 const U = s.forwardRef(
   ({ className: e, children: a, ...r }, n) => {
-    const { t: o } = G(), i = me();
+    const { t: o } = Y(), i = me();
     return /* @__PURE__ */ t(
       "div",
       {
         ref: n,
         "data-slot": "panel-footer",
-        className: D(
+        className: V(
           "ff:flex ff:items-center ff:justify-between ff:gap-2 ff:border-t ff:border-border-light ff:px-5 ff:py-2.5 ff:text-xxs ff:text-muted-foreground",
           (i === "clean" || i === "retro") && "ff:font-mono",
           e
@@ -1562,28 +1573,28 @@ const U = s.forwardRef(
         ...r,
         children: a ?? /* @__PURE__ */ c("span", { className: "ff:inline-flex ff:items-center", children: [
           o("common.poweredBy"),
-          /* @__PURE__ */ t(ba, { className: "ff:h-4.5 ff:w-auto", "aria-label": "Fanfare" })
+          /* @__PURE__ */ t(ya, { className: "ff:h-4.5 ff:w-auto", "aria-label": "Fanfare" })
         ] })
       }
     );
   }
 );
 U.displayName = "PanelFooter";
-function Mt(e) {
+function Et(e) {
   if (!s.isValidElement(e)) return !1;
   if (e.type === U) return !0;
   const a = e.props;
-  return a["data-slot"] === "panel-footer" ? !0 : e.type === s.Fragment ? s.Children.toArray(a.children).some(Mt) : !1;
+  return a["data-slot"] === "panel-footer" ? !0 : e.type === s.Fragment ? s.Children.toArray(a.children).some(Et) : !1;
 }
 const Z = s.forwardRef(
   ({ className: e, children: a, ...r }, n) => {
-    const o = s.Children.toArray(a), i = o.filter(Mt), f = o.filter((l) => !Mt(l));
+    const o = s.Children.toArray(a), i = o.filter(Et), f = o.filter((l) => !Et(l));
     return /* @__PURE__ */ c(
-      va,
+      xa,
       {
         ref: n,
         "data-slot": "panel-layout",
-        className: D("ff:flex ff:flex-col ff:overflow-hidden ff:p-0 ff:max-h-[24rem]", e),
+        className: V("ff:flex ff:flex-col ff:overflow-hidden ff:p-0 ff:max-h-[24rem]", e),
         ...r,
         children: [
           /* @__PURE__ */ t("div", { className: "ff:flex ff:flex-1 ff:flex-col ff:gap-5 ff:p-5", children: f }),
@@ -1594,7 +1605,7 @@ const Z = s.forwardRef(
   }
 );
 Z.displayName = "PanelLayout";
-const Kr = ["clean"], Zr = ne(["ff:inline-flex ff:items-center", "ff:text-xs ff:font-medium"], {
+const Yr = ["clean"], Gr = ne(["ff:inline-flex ff:items-center", "ff:text-xs ff:font-medium"], {
   variants: {
     variant: {
       default: "",
@@ -1707,16 +1718,16 @@ const Kr = ["clean"], Zr = ne(["ff:inline-flex ff:items-center", "ff:text-xs ff:
     solid: !0,
     styleVariant: "rounded"
   }
-}), Qt = {
+}), ea = {
   default: "ff:bg-primary",
   secondary: "ff:bg-foreground/40",
   success: "ff:bg-success",
   warning: "ff:bg-warning",
   danger: "ff:bg-danger",
   outline: "ff:bg-foreground/40"
-}, xa = s.forwardRef(
+}, ka = s.forwardRef(
   ({ className: e, variant: a = "default", solidBackground: r, children: n, ...o }, i) => {
-    const { variant: f } = Xe(), l = me(), d = a ?? "default", u = r ?? !Kr.includes(f), y = !u && Qt[d];
+    const { variant: f } = Xe(), l = me(), d = a ?? "default", u = r ?? !Yr.includes(f), y = !u && ea[d];
     return /* @__PURE__ */ c(
       "span",
       {
@@ -1724,13 +1735,13 @@ const Kr = ["clean"], Zr = ne(["ff:inline-flex ff:items-center", "ff:text-xs ff:
         "data-slot": "badge",
         "data-variant": d,
         "data-solid-background": u,
-        className: D(Zr({ variant: d, solid: u, styleVariant: l, className: e })),
+        className: V(Gr({ variant: d, solid: u, styleVariant: l, className: e })),
         ...o,
         children: [
           y && /* @__PURE__ */ t(
             "span",
             {
-              className: D("ff:size-1.5 ff:shrink-0 ff:rounded-full", Qt[d]),
+              className: V("ff:size-1.5 ff:shrink-0 ff:rounded-full", ea[d]),
               "aria-hidden": "true"
             }
           ),
@@ -1740,10 +1751,10 @@ const Kr = ["clean"], Zr = ne(["ff:inline-flex ff:items-center", "ff:text-xs ff:
     );
   }
 );
-xa.displayName = "Badge";
+ka.displayName = "Badge";
 const Q = s.forwardRef(
-  ({ variant: e = "default", label: a, title: r, description: n, className: o, ...i }, f) => /* @__PURE__ */ c("div", { ref: f, "data-slot": "panel-header", className: D("ff:flex ff:flex-col ff:gap-4", o), ...i, children: [
-    a ? /* @__PURE__ */ t("div", { className: "ff:flex", children: /* @__PURE__ */ t(xa, { variant: e, solidBackground: !1, children: a }) }) : null,
+  ({ variant: e = "default", label: a, title: r, description: n, className: o, ...i }, f) => /* @__PURE__ */ c("div", { ref: f, "data-slot": "panel-header", className: V("ff:flex ff:flex-col ff:gap-4", o), ...i, children: [
+    a ? /* @__PURE__ */ t("div", { className: "ff:flex", children: /* @__PURE__ */ t(ka, { variant: e, solidBackground: !1, children: a }) }) : null,
     r || n ? /* @__PURE__ */ c("div", { children: [
       r ? /* @__PURE__ */ t("h2", { className: "ff:text-xl ff:font-semibold ff:text-foreground", children: r }) : null,
       n ? /* @__PURE__ */ t("p", { className: "ff:text-xs ff:text-muted-foreground", children: n }) : null
@@ -1751,7 +1762,7 @@ const Q = s.forwardRef(
   ] })
 );
 Q.displayName = "PanelHeading";
-const Gr = ne(["ff:flex ff:flex-col ff:gap-2", "ff:p-4", "ff:text-xs ff:text-foreground"], {
+const Jr = ne(["ff:flex ff:flex-col ff:gap-2", "ff:p-4", "ff:text-xs ff:text-foreground"], {
   variants: {
     styleVariant: {
       default: ["ff:rounded-md ff:border ff:border-border/50 ff:bg-muted/5"],
@@ -1765,10 +1776,10 @@ const Gr = ne(["ff:flex ff:flex-col ff:gap-2", "ff:p-4", "ff:text-xs ff:text-for
   }
 }), se = s.forwardRef(({ className: e, children: a, ...r }, n) => {
   const o = me();
-  return /* @__PURE__ */ t("div", { ref: n, "data-slot": "info-panel", className: D(Gr({ styleVariant: o }), e), ...r, children: a });
+  return /* @__PURE__ */ t("div", { ref: n, "data-slot": "info-panel", className: V(Jr({ styleVariant: o }), e), ...r, children: a });
 });
 se.displayName = "InfoPanel";
-const Yr = ne(["ff:flex ff:items-start ff:gap-3", "ff:rounded-lg ff:p-4"], {
+const Qr = ne(["ff:flex ff:items-start ff:gap-3", "ff:rounded-lg ff:p-4"], {
   variants: {
     tone: {
       danger: "ff:bg-danger/10",
@@ -1778,7 +1789,7 @@ const Yr = ne(["ff:flex ff:items-start ff:gap-3", "ff:rounded-lg ff:p-4"], {
   defaultVariants: {
     tone: "danger"
   }
-}), Jr = ne(["ff:flex ff:size-5 ff:shrink-0 ff:items-center ff:justify-center ff:rounded-full"], {
+}), Xr = ne(["ff:flex ff:size-5 ff:shrink-0 ff:items-center ff:justify-center ff:rounded-full"], {
   variants: {
     tone: {
       danger: "ff:bg-danger ff:text-danger-foreground",
@@ -1788,7 +1799,7 @@ const Yr = ne(["ff:flex ff:items-start ff:gap-3", "ff:rounded-lg ff:p-4"], {
   defaultVariants: {
     tone: "danger"
   }
-}), Qr = ne(["ff:text-xs ff:font-semibold ff:leading-tight"], {
+}), en = ne(["ff:text-xs ff:font-semibold ff:leading-tight"], {
   variants: {
     tone: {
       danger: "ff:text-danger",
@@ -1799,7 +1810,7 @@ const Yr = ne(["ff:flex ff:items-start ff:gap-3", "ff:rounded-lg ff:p-4"], {
     tone: "danger"
   }
 });
-function Xr() {
+function tn() {
   return /* @__PURE__ */ c(
     "svg",
     {
@@ -1818,7 +1829,7 @@ function Xr() {
     }
   );
 }
-function en() {
+function an() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -1836,7 +1847,7 @@ function en() {
 }
 const ve = s.forwardRef(
   ({ tone: e = "danger", icon: a, title: r, description: n, className: o, ...i }, f) => {
-    const l = e === "success" ? /* @__PURE__ */ t(en, {}) : /* @__PURE__ */ t(Xr, {});
+    const l = e === "success" ? /* @__PURE__ */ t(an, {}) : /* @__PURE__ */ t(tn, {});
     return /* @__PURE__ */ c(
       "div",
       {
@@ -1844,12 +1855,12 @@ const ve = s.forwardRef(
         "data-slot": "alert-panel",
         "data-tone": e,
         role: e === "success" ? "status" : "alert",
-        className: D(Yr({ tone: e }), o),
+        className: V(Qr({ tone: e }), o),
         ...i,
         children: [
-          /* @__PURE__ */ t("div", { className: D(Jr({ tone: e })), "aria-hidden": "true", children: a ?? l }),
+          /* @__PURE__ */ t("div", { className: V(Xr({ tone: e })), "aria-hidden": "true", children: a ?? l }),
           /* @__PURE__ */ c("div", { className: "ff:flex ff:flex-col ff:gap-1", children: [
-            r ? /* @__PURE__ */ t("p", { className: D(Qr({ tone: e })), children: r }) : null,
+            r ? /* @__PURE__ */ t("p", { className: V(en({ tone: e })), children: r }) : null,
             n ? /* @__PURE__ */ t("p", { className: "ff:text-xs ff:text-foreground/80", children: n }) : null
           ] })
         ]
@@ -1858,7 +1869,7 @@ const ve = s.forwardRef(
   }
 );
 ve.displayName = "AlertPanel";
-const tn = {
+const rn = {
   expired: "expired",
   queue_denied: "not_selected",
   draw_denied: "not_selected",
@@ -1871,10 +1882,10 @@ const tn = {
   closed: "ended",
   unknown: "ended"
 };
-function Xt(e) {
-  return e ? tn[e] ?? "ended" : "ended";
+function ta(e) {
+  return e ? rn[e] ?? "ended" : "ended";
 }
-const an = ne(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"], {
+const nn = ne(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"], {
   variants: {
     styleVariant: {
       default: "",
@@ -1895,7 +1906,7 @@ const an = ne(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"]
     styleVariant: "default",
     size: "default"
   }
-}), rn = ne(
+}), on = ne(
   ["ff:absolute ff:inset-0 ff:flex ff:items-center ff:justify-center ff:font-heading ff:tabular-nums"],
   {
     variants: {
@@ -1925,7 +1936,7 @@ const an = ne(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"]
       tone: "calm"
     }
   }
-), nn = ne(["ff:flex ff:flex-col ff:items-center"], {
+), fn = ne(["ff:flex ff:flex-col ff:items-center"], {
   variants: {
     styleVariant: {
       default: "",
@@ -1967,7 +1978,7 @@ const an = ne(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"]
     styleVariant: "default",
     tone: "calm"
   }
-}), on = ne(
+}), sn = ne(
   ["ff:text-xxs ff:font-heading ff:font-medium ff:uppercase ff:tracking-widest ff:text-neutral-500 ff:leading-none"],
   {
     variants: {
@@ -1997,7 +2008,7 @@ const an = ne(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"]
       tone: "calm"
     }
   }
-), fn = ne(["ff:mx-2 ff:self-end ff:pb-2 ff:text-2xl ff:font-light ff:text-neutral-300"], {
+), ln = ne(["ff:mx-2 ff:self-end ff:pb-2 ff:text-2xl ff:font-light ff:text-neutral-300"], {
   variants: {
     styleVariant: {
       default: "",
@@ -2014,7 +2025,7 @@ const an = ne(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"]
     styleVariant: "default",
     size: "default"
   }
-}), sn = ne(["ff:flex ff:items-center ff:justify-center ff:font-heading"], {
+}), cn = ne(["ff:flex ff:items-center ff:justify-center ff:font-heading"], {
   variants: {
     styleVariant: {
       default: "",
@@ -2032,7 +2043,7 @@ const an = ne(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"]
     size: "default"
   }
 });
-function ea(e) {
+function aa(e) {
   const a = typeof e == "object" ? e : new Date(e), r = /* @__PURE__ */ new Date(), n = a.getTime() - r.getTime(), o = Math.max(0, n);
   return {
     days: Math.floor(o / (1e3 * 60 * 60 * 24)),
@@ -2042,8 +2053,8 @@ function ea(e) {
     total: n
   };
 }
-function ln({ value: e, styleVariant: a, size: r, tone: n }) {
-  return /* @__PURE__ */ t("div", { "data-slot": "countdown-digit", className: an({ styleVariant: a, size: r }), children: /* @__PURE__ */ t(vt, { mode: "popLayout", children: /* @__PURE__ */ t(
+function dn({ value: e, styleVariant: a, size: r, tone: n }) {
+  return /* @__PURE__ */ t("div", { "data-slot": "countdown-digit", className: nn({ styleVariant: a, size: r }), children: /* @__PURE__ */ t(vt, { mode: "popLayout", children: /* @__PURE__ */ t(
     W.span,
     {
       initial: { y: "100%", filter: "blur(2px)" },
@@ -2055,28 +2066,28 @@ function ln({ value: e, styleVariant: a, size: r, tone: n }) {
         damping: 30,
         mass: 1
       },
-      className: rn({ styleVariant: a, size: r, tone: n }),
+      className: on({ styleVariant: a, size: r, tone: n }),
       children: e
     },
     e
   ) }) });
 }
-function cn({ value: e, label: a, styleVariant: r, size: n, tone: o }) {
+function un({ value: e, label: a, styleVariant: r, size: n, tone: o }) {
   const f = e.toString().padStart(2, "0").split("").map(Number);
-  return /* @__PURE__ */ c("div", { "data-slot": "countdown-unit", "data-tone": o, className: nn({ styleVariant: r, tone: o }), children: [
-    /* @__PURE__ */ t("div", { "data-slot": "countdown-unit-digits", className: "ff:flex", children: f.map((l, d) => /* @__PURE__ */ t(ln, { value: l, styleVariant: r, size: n, tone: o }, d)) }),
-    /* @__PURE__ */ t("span", { "data-slot": "countdown-unit-label", className: on({ styleVariant: r, size: n, tone: o }), children: a })
+  return /* @__PURE__ */ c("div", { "data-slot": "countdown-unit", "data-tone": o, className: fn({ styleVariant: r, tone: o }), children: [
+    /* @__PURE__ */ t("div", { "data-slot": "countdown-unit-digits", className: "ff:flex", children: f.map((l, d) => /* @__PURE__ */ t(dn, { value: l, styleVariant: r, size: n, tone: o }, d)) }),
+    /* @__PURE__ */ t("span", { "data-slot": "countdown-unit-label", className: sn({ styleVariant: r, size: n, tone: o }), children: a })
   ] });
 }
-function dn({ styleVariant: e, size: a }) {
-  return e === "rounded" || e === "retro" ? null : /* @__PURE__ */ t("span", { "data-slot": "countdown-separator", className: fn({ styleVariant: e, size: a }), children: "/" });
+function pn({ styleVariant: e, size: a }) {
+  return e === "rounded" || e === "retro" ? null : /* @__PURE__ */ t("span", { "data-slot": "countdown-separator", className: ln({ styleVariant: e, size: a }), children: "/" });
 }
-function un(e, a) {
-  const [r, n] = s.useState(() => ea(e)), [o, i] = s.useState(!1), f = s.useRef(!1);
+function gn(e, a) {
+  const [r, n] = s.useState(() => aa(e)), [o, i] = s.useState(!1), f = s.useRef(!1);
   return s.useEffect(() => {
     i(!0), f.current = !1;
     const l = setInterval(() => {
-      const d = ea(e);
+      const d = aa(e);
       n(d), d.total <= 0 && !f.current && (f.current = !0, a?.(), clearInterval(l));
     }, 1e3);
     return () => clearInterval(l);
@@ -2095,11 +2106,11 @@ function de({
   size: u = "default",
   tone: y = "calm"
 }) {
-  const { t: g } = G(), { timeRemaining: b, isClient: m, isPast: x } = un(e, a), h = me();
+  const { t: g } = Y(), { timeRemaining: b, isClient: m, isPast: x } = gn(e, a), h = me();
   if (!m)
     return null;
   if (x && r)
-    return /* @__PURE__ */ t("span", { className: D("ff:text-muted ff:font-heading", n), "data-slot": "countdown", "data-past": "", children: r });
+    return /* @__PURE__ */ t("span", { className: V("ff:text-muted ff:font-heading", n), "data-slot": "countdown", "data-past": "", children: r });
   const w = x ? "ff:opacity-50" : void 0, v = [
     {
       value: b.days,
@@ -2120,22 +2131,22 @@ function de({
       shortLabel: g("countdown.secondsShort"),
       show: l
     }
-  ].filter((M) => M.show), E = d === "swiss" ? v.slice(0, 3) : v;
+  ].filter((E) => E.show), M = d === "swiss" ? v.slice(0, 3) : v;
   if (d === "compact") {
-    const M = (_) => _.toString().padStart(2, "0");
+    const E = (_) => _.toString().padStart(2, "0");
     return /* @__PURE__ */ t(
       "span",
       {
-        className: D("ff:tabular-nums ff:font-heading", w, n),
+        className: V("ff:tabular-nums ff:font-heading", w, n),
         "data-slot": "countdown",
         "data-layout": "compact",
         "data-past": x || void 0,
         role: "timer",
         "aria-live": x ? "off" : "polite",
-        children: E.map((_, S) => /* @__PURE__ */ c(s.Fragment, { children: [
-          M(_.value),
+        children: M.map((_, S) => /* @__PURE__ */ c(s.Fragment, { children: [
+          E(_.value),
           _.shortLabel,
-          S < E.length - 1 && " "
+          S < M.length - 1 && " "
         ] }, _.label))
       }
     );
@@ -2143,7 +2154,7 @@ function de({
   return /* @__PURE__ */ t(
     "div",
     {
-      className: D(sn({ styleVariant: h, size: u }), w, n),
+      className: V(cn({ styleVariant: h, size: u }), w, n),
       "data-slot": "countdown",
       "data-layout": "swiss",
       "data-size": u,
@@ -2151,10 +2162,10 @@ function de({
       "data-past": x || void 0,
       role: "timer",
       "aria-live": x ? "off" : "polite",
-      children: E.map((M, _) => /* @__PURE__ */ c(s.Fragment, { children: [
-        /* @__PURE__ */ t(cn, { value: M.value, label: M.label, styleVariant: h, size: u, tone: y }),
-        _ < E.length - 1 && /* @__PURE__ */ t(dn, { styleVariant: h, size: u })
-      ] }, M.label))
+      children: M.map((E, _) => /* @__PURE__ */ c(s.Fragment, { children: [
+        /* @__PURE__ */ t(un, { value: E.value, label: E.label, styleVariant: h, size: u, tone: y }),
+        _ < M.length - 1 && /* @__PURE__ */ t(pn, { styleVariant: h, size: u })
+      ] }, E.label))
     }
   );
 }
@@ -2168,14 +2179,14 @@ function Je({ show: e, presenceKey: a, children: r, className: n }) {
       animate: { opacity: 1, y: 0 },
       exit: o ? { opacity: 0 } : { opacity: 0, y: -4 },
       transition: { duration: 0.18, ease: "easeOut" },
-      className: D(n),
+      className: V(n),
       children: r
     },
     a ?? "fade-presence"
   ) : null });
 }
 Je.displayName = "FadePresence";
-const pn = {
+const mn = {
   default: {
     initial: { opacity: 0, scale: 0.98 },
     animate: { opacity: 1, scale: 1 },
@@ -2206,8 +2217,8 @@ const pn = {
   exit: { opacity: 1 },
   transition: { duration: 0 }
 };
-function Ye({ children: e, transitionKey: a, mode: r, layout: n = !0, className: o }) {
-  const i = me(), f = Qe(), l = f ? Nt : pn[i], u = (!r || r === "none" ? r === "none" ? Nt : null : f ? Nt : {
+function Ge({ children: e, transitionKey: a, mode: r, layout: n = !0, className: o }) {
+  const i = me(), f = Qe(), l = f ? Nt : mn[i], u = (!r || r === "none" ? r === "none" ? Nt : null : f ? Nt : {
     fade: {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -2236,19 +2247,19 @@ function Ye({ children: e, transitionKey: a, mode: r, layout: n = !0, className:
       transition: u.transition,
       layout: n && !f,
       "data-slot": "transition",
-      className: D(o),
+      className: V(o),
       children: e
     },
     a
   ) });
 }
-Ye.displayName = "Transition";
-const St = 3e4, gn = 3e3;
-function mn(e) {
+Ge.displayName = "Transition";
+const St = 3e4, hn = 3e3;
+function wn(e) {
   const a = Math.ceil(e / 1e3), r = Math.floor(a / 60), n = a % 60;
   return `${r.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
 }
-function ya({
+function _a({
   onSubmit: e,
   onVerify: a,
   onSkip: r,
@@ -2268,74 +2279,74 @@ function ya({
   defaultError: w,
   className: p
 }) {
-  const { t: v } = G(), E = i ?? v("auth.badgeLabel"), M = f ?? v("auth.title"), _ = l ?? v("auth.description"), S = u ?? v("auth.submit"), V = y ?? v("auth.verify"), [N, T] = s.useState(m), [L, $] = s.useState(x ?? ""), [P, X] = s.useState(
-    h ?? ma(x ?? "")
-  ), [ce, B] = s.useState(!1), [R, te] = s.useState(""), [H, j] = s.useState(!1), [ae, Y] = s.useState(w ?? null), [J, ue] = s.useState(
+  const { t: v } = Y(), M = i ?? v("auth.badgeLabel"), E = f ?? v("auth.title"), _ = l ?? v("auth.description"), S = u ?? v("auth.submit"), D = y ?? v("auth.verify"), [N, T] = s.useState(m), [L, $] = s.useState(x ?? ""), [P, X] = s.useState(
+    h ?? wa(x ?? "")
+  ), [ce, B] = s.useState(!1), [R, te] = s.useState(""), [H, j] = s.useState(!1), [ae, G] = s.useState(w ?? null), [J, ue] = s.useState(
     m === "verify" && (x ?? "").length > 0 ? Date.now() + St : null
-  ), [le, I] = s.useState(() => Date.now()), [pe, ye] = s.useState(!1), [Ee, je] = s.useState(!1), at = v(P === "email" ? "auth.email" : "auth.phone");
+  ), [le, I] = s.useState(() => Date.now()), [pe, ye] = s.useState(!1), [Me, je] = s.useState(!1), at = v(P === "email" ? "auth.email" : "auth.phone");
   s.useEffect(() => {
     if (N !== "verify") return;
     const q = setInterval(() => I(Date.now()), 1e3);
     return () => clearInterval(q);
   }, [N]), s.useEffect(() => {
     if (!pe) return;
-    const q = setTimeout(() => ye(!1), gn);
+    const q = setTimeout(() => ye(!1), hn);
     return () => clearTimeout(q);
   }, [pe]);
   const Pe = J ? Math.max(0, J - le) : 0, Te = Pe > 0, Be = s.useRef(null);
   ae && (Be.current = ae);
   const rt = ae ?? Be.current ?? "", be = (q, ke) => {
-    $(q), X(ke), Y(null);
+    $(q), X(ke), G(null);
   }, we = async (q) => {
     if (q?.preventDefault(), !(!ce || !L)) {
-      j(!0), Y(null);
+      j(!0), G(null);
       try {
         await e?.(L, P), T("verify"), ue(Date.now() + St);
       } catch (ke) {
-        Y(ke instanceof Error ? ke.message : v("auth.sendFailed"));
+        G(ke instanceof Error ? ke.message : v("auth.sendFailed"));
       } finally {
         j(!1);
       }
     }
   }, xt = (q) => {
-    te(q), Y(null);
+    te(q), G(null);
   }, nt = async (q) => {
     te(q), await ot(void 0, q);
   }, ot = async (q, ke) => {
     q?.preventDefault();
     const Re = ke || R;
     if (!(!Re || Re.length < 6)) {
-      j(!0), Y(null);
+      j(!0), G(null);
       try {
         await a?.(Re), T("success"), n?.();
       } catch (qe) {
-        Y(qe instanceof Error ? qe.message : v("auth.invalidCode"));
+        G(qe instanceof Error ? qe.message : v("auth.invalidCode"));
       } finally {
         j(!1);
       }
     }
   }, ft = () => {
-    T("credential"), te(""), Y(null), ue(null), ye(!1);
+    T("credential"), te(""), G(null), ue(null), ye(!1);
   }, yt = async () => {
-    if (!(!L || Ee)) {
-      je(!0), Y(null), te("");
+    if (!(!L || Me)) {
+      je(!0), G(null), te("");
       try {
         await e?.(L, P), ue(Date.now() + St), I(Date.now()), ye(!0);
       } catch (q) {
-        Y(q instanceof Error ? q.message : v("auth.sendFailed"));
+        G(q instanceof Error ? q.message : v("auth.sendFailed"));
       } finally {
         je(!1);
       }
     }
   };
   if (N === "success")
-    return /* @__PURE__ */ c(Z, { className: D("fanfare-auth-form", p), "data-slot": "auth-form", "data-step": "success", children: [
+    return /* @__PURE__ */ c(Z, { className: V("fanfare-auth-form", p), "data-slot": "auth-form", "data-step": "success", children: [
       /* @__PURE__ */ t(K, { children: /* @__PURE__ */ c("div", { className: "ff:flex ff:flex-col ff:items-center ff:gap-3 ff:py-4", children: [
         /* @__PURE__ */ t(
           "div",
           {
             "data-slot": "auth-form-success-icon",
-            className: D(
+            className: V(
               "ff:flex ff:h-12 ff:w-12 ff:items-center ff:justify-center ff:rounded-full",
               "ff:bg-success/10 ff:text-success"
             ),
@@ -2346,15 +2357,15 @@ function ya({
       ] }) }),
       b && /* @__PURE__ */ t(U, {})
     ] });
-  const $e = N === "credential" ? M : v("auth.verifyTitle");
-  return /* @__PURE__ */ c(Z, { className: D("fanfare-auth-form", p), "data-slot": "auth-form", "data-step": N, children: [
-    /* @__PURE__ */ t(Q, { variant: o, label: E }),
+  const $e = N === "credential" ? E : v("auth.verifyTitle");
+  return /* @__PURE__ */ c(Z, { className: V("fanfare-auth-form", p), "data-slot": "auth-form", "data-step": N, children: [
+    /* @__PURE__ */ t(Q, { variant: o, label: M }),
     /* @__PURE__ */ c(K, { children: [
       d ? /* @__PURE__ */ c("div", { "data-slot": "auth-form-countdown", className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
         /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: v("time.opensIn") }),
         /* @__PURE__ */ t(de, { targetDate: d, showDays: !1 })
       ] }) : null,
-      /* @__PURE__ */ t("div", { "data-slot": "auth-form-heading", children: /* @__PURE__ */ t(Ye, { transitionKey: N, mode: "fade", children: N === "credential" ? /* @__PURE__ */ c(Ce, { children: [
+      /* @__PURE__ */ t("div", { "data-slot": "auth-form-heading", children: /* @__PURE__ */ t(Ge, { transitionKey: N, mode: "fade", children: N === "credential" ? /* @__PURE__ */ c(Ce, { children: [
         /* @__PURE__ */ t("h2", { className: "ff:text-foreground ff:text-xl ff:font-semibold", children: $e }),
         /* @__PURE__ */ t("p", { className: "ff:text-muted-foreground ff:text-xs", children: _ })
       ] }) : /* @__PURE__ */ c(Ce, { children: [
@@ -2375,8 +2386,8 @@ function ya({
             q.preventDefault(), N === "credential" ? we(q) : ot(q);
           },
           children: [
-            /* @__PURE__ */ t(Ye, { transitionKey: N, children: N === "credential" ? /* @__PURE__ */ t(
-              ha,
+            /* @__PURE__ */ t(Ge, { transitionKey: N, children: N === "credential" ? /* @__PURE__ */ t(
+              va,
               {
                 value: L,
                 onValueChange: be,
@@ -2389,7 +2400,7 @@ function ya({
                 disabled: H
               }
             ) : /* @__PURE__ */ t(
-              wa,
+              ba,
               {
                 value: R,
                 onChange: xt,
@@ -2401,9 +2412,9 @@ function ya({
                 disabled: H
               }
             ) }),
-            /* @__PURE__ */ t(Je, { show: N === "verify", presenceKey: "resend-area", children: /* @__PURE__ */ t(Ye, { transitionKey: pe ? "success" : "cooldown", mode: "fade", layout: !1, children: pe ? /* @__PURE__ */ t(ve, { tone: "success", title: v("auth.newCodeSent") }) : /* @__PURE__ */ c("div", { "data-slot": "auth-form-resend", className: "ff:flex ff:items-center ff:justify-between", children: [
+            /* @__PURE__ */ t(Je, { show: N === "verify", presenceKey: "resend-area", children: /* @__PURE__ */ t(Ge, { transitionKey: pe ? "success" : "cooldown", mode: "fade", layout: !1, children: pe ? /* @__PURE__ */ t(ve, { tone: "success", title: v("auth.newCodeSent") }) : /* @__PURE__ */ c("div", { "data-slot": "auth-form-resend", className: "ff:flex ff:items-center ff:justify-between", children: [
               /* @__PURE__ */ t("span", { className: "ff:text-muted-foreground ff:text-xxs", children: v("auth.didntGetIt") }),
-              Te ? /* @__PURE__ */ t("span", { className: "ff:text-muted-foreground ff:text-xxs ff:tabular-nums", children: mn(Pe) }) : /* @__PURE__ */ t(
+              Te ? /* @__PURE__ */ t("span", { className: "ff:text-muted-foreground ff:text-xxs ff:tabular-nums", children: wn(Pe) }) : /* @__PURE__ */ t(
                 F,
                 {
                   type: "button",
@@ -2412,7 +2423,7 @@ function ya({
                   onClick: () => {
                     yt();
                   },
-                  disabled: Ee || !L,
+                  disabled: Me || !L,
                   children: v("auth.resendCode")
                 }
               )
@@ -2424,8 +2435,8 @@ function ya({
                 {
                   type: "submit",
                   className: "ff:w-full",
-                  disabled: H || Ee || (N === "credential" ? !ce : R.length < 6),
-                  children: H ? /* @__PURE__ */ t(De, { size: "sm" }) : N === "credential" ? S : V
+                  disabled: H || Me || (N === "credential" ? !ce : R.length < 6),
+                  children: H ? /* @__PURE__ */ t(De, { size: "sm" }) : N === "credential" ? S : D
                 }
               ),
               g && N === "credential" && /* @__PURE__ */ t(F, { type: "button", variant: "outline", className: "ff:w-full", onClick: r, disabled: H, children: v("common.skip") })
@@ -2437,8 +2448,8 @@ function ya({
     b && /* @__PURE__ */ t(U, {})
   ] });
 }
-ya.displayName = "AuthForm";
-const ka = s.forwardRef(
+_a.displayName = "AuthForm";
+const Na = s.forwardRef(
   ({
     className: e,
     value: a,
@@ -2467,14 +2478,14 @@ const ka = s.forwardRef(
       placeholder: f,
       error: o,
       hasError: i,
-      className: D("fanfare-access-code-input", e),
+      className: V("fanfare-access-code-input", e),
       "data-slot": "access-code-input",
       ...d
     }
   )
 );
-ka.displayName = "AccessCodeInput";
-function _a({
+Na.displayName = "AccessCodeInput";
+function Sa({
   onSubmit: e,
   onSkip: a,
   variant: r = "secondary",
@@ -2488,19 +2499,19 @@ function _a({
   defaultError: y,
   className: g
 }) {
-  const { t: b } = G(), m = n ?? b("accessCode.badgeLabel"), x = o ?? b("accessCode.title"), h = i ?? b("accessCode.description"), w = l ?? b("accessCode.submit"), [p, v] = s.useState(""), [E, M] = s.useState(!1), [_, S] = s.useState(y ?? null), V = async (N) => {
+  const { t: b } = Y(), m = n ?? b("accessCode.badgeLabel"), x = o ?? b("accessCode.title"), h = i ?? b("accessCode.description"), w = l ?? b("accessCode.submit"), [p, v] = s.useState(""), [M, E] = s.useState(!1), [_, S] = s.useState(y ?? null), D = async (N) => {
     if (N?.preventDefault(), !!p.trim()) {
-      M(!0), S(null);
+      E(!0), S(null);
       try {
         await e?.(p.trim());
       } catch (T) {
         S(T instanceof Error ? T.message : b("accessCode.invalid"));
       } finally {
-        M(!1);
+        E(!1);
       }
     }
   };
-  return /* @__PURE__ */ c(Z, { className: D("fanfare-access-code-form", g), "data-slot": "access-code-form", children: [
+  return /* @__PURE__ */ c(Z, { className: V("fanfare-access-code-form", g), "data-slot": "access-code-form", children: [
     /* @__PURE__ */ t(Q, { variant: r, label: m }),
     /* @__PURE__ */ c(K, { children: [
       f ? /* @__PURE__ */ c("div", { "data-slot": "access-code-form-countdown", className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
@@ -2512,56 +2523,56 @@ function _a({
         /* @__PURE__ */ t("p", { className: "ff:text-muted-foreground ff:text-xs", children: h })
       ] }),
       /* @__PURE__ */ c("form", { className: "ff:flex ff:flex-1 ff:flex-col ff:gap-5", onSubmit: (N) => {
-        V(N);
+        D(N);
       }, children: [
         /* @__PURE__ */ t(
-          ka,
+          Na,
           {
             value: p,
             onValueChange: (N) => {
               v(N), S(null);
             },
             onSubmit: () => {
-              V();
+              D();
             },
             hasError: !!_,
             placeholder: b("accessCode.placeholder"),
             autoUppercase: u,
             autoFocus: !0,
-            disabled: E
+            disabled: M
           }
         ),
         _ ? /* @__PURE__ */ t(ve, { tone: "danger", title: _ }) : null,
         /* @__PURE__ */ c("div", { className: "ff:mt-auto ff:flex ff:flex-col ff:gap-2", children: [
-          /* @__PURE__ */ t(F, { type: "submit", className: "ff:w-full", disabled: E || !p.trim(), children: E ? /* @__PURE__ */ t(De, { size: "sm" }) : w }),
-          d && /* @__PURE__ */ t(F, { type: "button", variant: "outline", className: "ff:w-full", onClick: a, disabled: E, children: b("common.skip") })
+          /* @__PURE__ */ t(F, { type: "submit", className: "ff:w-full", disabled: M || !p.trim(), children: M ? /* @__PURE__ */ t(De, { size: "sm" }) : w }),
+          d && /* @__PURE__ */ t(F, { type: "button", variant: "outline", className: "ff:w-full", onClick: a, disabled: M, children: b("common.skip") })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ t(U, {})
   ] });
 }
-_a.displayName = "AccessCodeForm";
-function hn(e) {
+Sa.displayName = "AccessCodeForm";
+function vn(e) {
   if (!e || typeof e != "object") return !1;
   const a = e;
   return typeof a.kind != "string" || typeof a.challengeId != "string" ? !1 : a.kind === "fanfare:challenge:turnstile" ? typeof a.token == "string" && a.token.length > 0 : a.kind === "fanfare:challenge:turnstile_error" || a.kind === "fanfare:challenge:turnstile_expired";
 }
-function wn(e, a) {
+function bn(e, a) {
   const r = e?.blockedUntil;
   if (!r) return { blocked: !1 };
   const n = Date.parse(r);
   return Number.isFinite(n) ? { blocked: a < n, blockedUntil: r } : { blocked: !1 };
 }
-function vn(e, a) {
+function xn(e, a) {
   const r = new Date(e);
   try {
-    return r.toLocaleString(Qa(a));
+    return r.toLocaleString(er(a));
   } catch {
     return r.toLocaleString();
   }
 }
-function Na({
+function Ca({
   challenge: e,
   botMitigation: a,
   onVerifyToken: r,
@@ -2574,7 +2585,7 @@ function Na({
   retryLabel: u,
   className: y
 }) {
-  const { t: g, locale: b } = G(), [m, x] = s.useState(0), [h, w] = s.useState(!1), [p, v] = s.useState(!1), [E, M] = s.useState(null), [_, S] = s.useState(!1), [V, N] = s.useState("reload"), [T, L] = s.useState(() => Date.now()), $ = re(() => {
+  const { t: g, locale: b } = Y(), [m, x] = s.useState(0), [h, w] = s.useState(!1), [p, v] = s.useState(!1), [M, E] = s.useState(null), [_, S] = s.useState(!1), [D, N] = s.useState("reload"), [T, L] = s.useState(() => Date.now()), $ = re(() => {
     if (!e?.iframeUrl) return null;
     try {
       return new URL(e.iframeUrl).origin;
@@ -2584,16 +2595,16 @@ function Na({
   }, [e?.iframeUrl]), P = re(() => {
     if (!e?.iframeUrl) return null;
     try {
-      const Y = new URL(e.iframeUrl);
-      return Y.searchParams.set("_t", String(m)), Y.toString();
+      const G = new URL(e.iframeUrl);
+      return G.searchParams.set("_t", String(m)), G.toString();
     } catch {
       return null;
     }
   }, [e?.iframeUrl, m]);
   s.useEffect(() => {
-    const Y = a?.blockedUntil, J = Date.now();
-    if (L(J), !Y) return;
-    const ue = Date.parse(Y);
+    const G = a?.blockedUntil, J = Date.now();
+    if (L(J), !G) return;
+    const ue = Date.parse(G);
     if (!Number.isFinite(ue) || ue <= J) return;
     const le = window.setTimeout(() => L(Date.now()), Math.min(ue - J + 1, 2147483647));
     return () => {
@@ -2601,24 +2612,24 @@ function Na({
     };
   }, [a?.blockedUntil]);
   const { blocked: X, blockedUntil: ce } = re(
-    () => wn(a, T),
+    () => bn(a, T),
     [a, T]
   ), B = typeof a?.attemptsRemaining == "number" ? a.attemptsRemaining : void 0;
   s.useEffect(() => {
-    x(0), w(!1), v(!1), M(null), S(!1), N("reload");
+    x(0), w(!1), v(!1), E(null), S(!1), N("reload");
   }, [e?.id]), s.useEffect(() => {
-    _ && a?.message && M(a.message);
+    _ && a?.message && E(a.message);
   }, [_, a?.message]), s.useEffect(() => {
     if (!e?.id || !$) return;
-    const Y = (J) => {
-      if (J.origin !== $ || !hn(J.data) || J.data.challengeId !== e.id) return;
+    const G = (J) => {
+      if (J.origin !== $ || !vn(J.data) || J.data.challengeId !== e.id) return;
       if (J.data.kind === "fanfare:challenge:turnstile") {
         const I = J.data.token;
-        S(!0), v(!0), M(null), (async () => {
+        S(!0), v(!0), E(null), (async () => {
           try {
             await r(I);
           } catch (pe) {
-            M(pe instanceof Error ? pe.message : g("challenge.verificationFailed"));
+            E(pe instanceof Error ? pe.message : g("challenge.verificationFailed"));
           } finally {
             v(!1);
           }
@@ -2628,30 +2639,30 @@ function Na({
       S(!0);
       const ue = typeof J.data.reason == "string" ? J.data.reason : void 0, le = typeof J.data.message == "string" ? J.data.message : void 0;
       if (ue === "challenge_expired" || ue === "challenge_not_found") {
-        N("reroute"), M(
+        N("reroute"), E(
           le ?? (J.data.kind === "fanfare:challenge:turnstile_expired" ? g("challenge.expiredRefresh") : g("challenge.errorRefresh"))
         );
         return;
       }
       if (N("reload"), J.data.kind === "fanfare:challenge:turnstile_expired") {
-        M(le ?? g("challenge.expiredRetry")), x((I) => I + 1), w(!1);
+        E(le ?? g("challenge.expiredRetry")), x((I) => I + 1), w(!1);
         return;
       }
-      M(le ?? g("challenge.errorRetry")), x((I) => I + 1), w(!1);
+      E(le ?? g("challenge.errorRetry")), x((I) => I + 1), w(!1);
     };
-    return window.addEventListener("message", Y), () => {
-      window.removeEventListener("message", Y);
+    return window.addEventListener("message", G), () => {
+      window.removeEventListener("message", G);
     };
   }, [e?.id, $, r, g]);
   const R = f ?? g("challenge.title"), te = l ?? g("challenge.description"), H = u ?? g("challenge.retry"), j = i ?? g("challenge.badgeLabel"), ae = () => {
-    const Y = V;
-    if (M(null), S(!1), n && (Y === "reroute" || !P || typeof B == "number" && B <= 0)) {
+    const G = D;
+    if (E(null), S(!1), n && (G === "reroute" || !P || typeof B == "number" && B <= 0)) {
       N("reload"), n();
       return;
     }
     N("reload"), x((J) => J + 1), w(!1);
   };
-  return /* @__PURE__ */ c(Z, { className: D("fanfare-challenge-gate", y), "data-slot": "challenge-gate", children: [
+  return /* @__PURE__ */ c(Z, { className: V("fanfare-challenge-gate", y), "data-slot": "challenge-gate", children: [
     /* @__PURE__ */ t(Q, { variant: o, label: j }),
     /* @__PURE__ */ c(K, { children: [
       d ? /* @__PURE__ */ c("div", { "data-slot": "challenge-gate-countdown", className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
@@ -2667,7 +2678,7 @@ function Na({
         {
           tone: "danger",
           title: a?.message ?? g("challenge.blockedDefault"),
-          description: ce ? g("challenge.blockedUntil", { values: { date: vn(ce, b) } }) : void 0
+          description: ce ? g("challenge.blockedUntil", { values: { date: xn(ce, b) } }) : void 0
         }
       ) : P ? /* @__PURE__ */ c("div", { className: "ff:relative ff:w-full ff:rounded-md ff:border ff:border-border ff:bg-background ff:overflow-hidden", children: [
         !h && /* @__PURE__ */ t("div", { className: "ff:absolute ff:inset-0 ff:flex ff:items-center ff:justify-center ff:bg-background/60", children: /* @__PURE__ */ t(De, { size: "lg" }) }),
@@ -2686,11 +2697,11 @@ function Na({
           `${e?.id ?? "challenge"}-${m}`
         )
       ] }) : /* @__PURE__ */ t(ve, { tone: "danger", title: g("challenge.unableToLoad") }),
-      E && /* @__PURE__ */ t(
+      M && /* @__PURE__ */ t(
         ve,
         {
           tone: "danger",
-          title: E,
+          title: M,
           description: B !== void 0 ? g("challenge.attemptsRemaining", { values: { count: B } }) : void 0
         }
       ),
@@ -2699,14 +2710,14 @@ function Na({
     /* @__PURE__ */ t(U, {})
   ] });
 }
-Na.displayName = "ChallengeGate";
-function Sa({ title: e, message: a, endedAt: r, ctaLabel: n, onCtaClick: o, className: i }) {
-  const { t: f, locale: l } = G(), d = e ?? f("ended.title"), u = a ?? f("ended.message"), y = s.useMemo(() => r ? (r instanceof Date ? r : new Date(r)).toLocaleDateString(l, {
+Ca.displayName = "ChallengeGate";
+function Da({ title: e, message: a, endedAt: r, ctaLabel: n, onCtaClick: o, className: i }) {
+  const { t: f, locale: l } = Y(), d = e ?? f("ended.title"), u = a ?? f("ended.message"), y = s.useMemo(() => r ? (r instanceof Date ? r : new Date(r)).toLocaleDateString(l, {
     month: "long",
     day: "numeric",
     year: "numeric"
   }) : null, [r, l]), g = he();
-  return /* @__PURE__ */ t(W.div, { ...g, children: /* @__PURE__ */ c(Z, { className: D("ff:w-full ff:max-w-sm", i), "data-slot": "ended-module", role: "status", children: [
+  return /* @__PURE__ */ t(W.div, { ...g, children: /* @__PURE__ */ c(Z, { className: V("ff:w-full ff:max-w-sm", i), "data-slot": "ended-module", role: "status", children: [
     /* @__PURE__ */ t(Q, { variant: "outline", label: d }),
     /* @__PURE__ */ c(K, { children: [
       /* @__PURE__ */ c(se, { children: [
@@ -2718,9 +2729,9 @@ function Sa({ title: e, message: a, endedAt: r, ctaLabel: n, onCtaClick: o, clas
     /* @__PURE__ */ t(U, {})
   ] }) });
 }
-Sa.displayName = "EndedModule";
+Da.displayName = "EndedModule";
 function Ke({ error: e, title: a, label: r, info: n, ctaLabel: o, onRetry: i, className: f }) {
-  const { t: l } = G(), [d, u] = s.useState(!1), y = r ?? l("error.label"), g = a ?? l("error.title"), m = (e instanceof Error ? e.message : e) ?? l("error.description"), x = o ?? l("error.retry"), h = async () => {
+  const { t: l } = Y(), [d, u] = s.useState(!1), y = r ?? l("error.label"), g = a ?? l("error.title"), m = (e instanceof Error ? e.message : e) ?? l("error.description"), x = o ?? l("error.retry"), h = async () => {
     if (i) {
       u(!0);
       try {
@@ -2730,7 +2741,7 @@ function Ke({ error: e, title: a, label: r, info: n, ctaLabel: o, onRetry: i, cl
       }
     }
   }, w = he();
-  return /* @__PURE__ */ t(W.div, { ...w, children: /* @__PURE__ */ c(Z, { className: D("ff:w-full ff:max-w-sm", f), "data-slot": "error-view", role: "alert", children: [
+  return /* @__PURE__ */ t(W.div, { ...w, children: /* @__PURE__ */ c(Z, { className: V("ff:w-full ff:max-w-sm", f), "data-slot": "error-view", role: "alert", children: [
     /* @__PURE__ */ t(Q, { variant: "danger", label: y }),
     /* @__PURE__ */ c(K, { children: [
       /* @__PURE__ */ t(ve, { tone: "danger", title: g, description: m }),
@@ -2752,7 +2763,7 @@ function Ke({ error: e, title: a, label: r, info: n, ctaLabel: o, onRetry: i, cl
   ] }) });
 }
 Ke.displayName = "ErrorView";
-const bn = {
+const yn = {
   default: {
     particleCount: 60,
     spread: 70,
@@ -2784,22 +2795,22 @@ const bn = {
   clean: null
   // No confetti for clean variant - too busy
 };
-function xn(e, a) {
+function kn(e, a) {
   if (Qe())
     return;
-  const r = bn[a];
+  const r = yn[a];
   if (!r)
     return;
   const n = e.getBoundingClientRect(), o = (n.left + n.width / 2) / window.innerWidth, i = (n.top + n.height / 2) / window.innerHeight;
-  ir({
+  lr({
     ...r,
     origin: { x: o, y: i }
   });
 }
-function yn(e) {
+function _n(e) {
   const a = me(), r = s.useRef(!1);
   s.useEffect(() => {
-    r.current || e.current && (r.current = !0, xn(e.current, a));
+    r.current || e.current && (r.current = !0, kn(e.current, a));
   }, [e, a]);
 }
 function et({
@@ -2810,13 +2821,13 @@ function et({
   onCtaClick: o,
   className: i
 }) {
-  const { t: f } = G(), l = s.useRef(null);
-  yn(l);
+  const { t: f } = Y(), l = s.useRef(null);
+  _n(l);
   const d = he();
   return /* @__PURE__ */ t(W.div, { ...d, children: /* @__PURE__ */ c(
     Z,
     {
-      className: D("ff:w-full ff:max-w-sm", i),
+      className: V("ff:w-full ff:max-w-sm", i),
       "data-slot": "granted-panel",
       "data-stage": "granted",
       role: "status",
@@ -2835,20 +2846,33 @@ function et({
   ) });
 }
 et.displayName = "GrantedPanel";
-function Fe({ outcomeReason: e, onReenter: a, isReentering: r, className: n }) {
-  const { t: o } = G(), i = e === "expired", f = i && typeof a == "function", l = he();
-  return /* @__PURE__ */ t(W.div, { ...l, children: /* @__PURE__ */ c(
+const Nn = {
+  queue: "expired.reenter.queue",
+  draw: "expired.reenter.draw",
+  auction: "expired.reenter.auction",
+  timed_release: "expired.reenter.timedRelease",
+  appointment: "expired.reenter.appointment"
+};
+function Fe({
+  outcomeReason: e,
+  participationType: a,
+  onReenter: r,
+  isReentering: n,
+  className: o
+}) {
+  const { t: i } = Y(), f = e === "expired", l = f && typeof r == "function", d = i(a ? Nn[a] : "expired.reenter"), u = he();
+  return /* @__PURE__ */ t(W.div, { ...u, children: /* @__PURE__ */ c(
     Z,
     {
-      className: D("ff:w-full ff:max-w-sm", n),
+      className: V("ff:w-full ff:max-w-sm", o),
       "data-slot": "outcome-panel",
       "data-stage": "ended",
       "data-reason": e,
       children: [
-        /* @__PURE__ */ t(Q, { variant: "outline", label: o(i ? "expired.title" : "ended.title") }),
+        /* @__PURE__ */ t(Q, { variant: "outline", label: i(f ? "expired.title" : "ended.title") }),
         /* @__PURE__ */ c(K, { children: [
-          /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: o(i ? "expired.description" : "ended.message") }) }),
-          f && /* @__PURE__ */ t(F, { className: "ff:mt-auto", onClick: a, disabled: r, loading: r, children: o("expired.reenter") })
+          /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: i(f ? "expired.description" : "ended.message") }) }),
+          l && /* @__PURE__ */ t(F, { className: "ff:mt-auto", onClick: r, disabled: n, loading: n, children: d })
         ] }),
         /* @__PURE__ */ t(U, {})
       ]
@@ -2856,7 +2880,7 @@ function Fe({ outcomeReason: e, onReenter: a, isReentering: r, className: n }) {
   ) });
 }
 Fe.displayName = "OutcomePanel";
-function Ca({
+function Va({
   stage: e,
   onAuthSubmit: a,
   onAuthVerify: r,
@@ -2877,7 +2901,7 @@ function Ca({
   return e === "none" ? /* @__PURE__ */ t(Ce, { children: h }) : e === "loading" ? /* @__PURE__ */ t(
     "div",
     {
-      className: D(
+      className: V(
         "fanfare-journey-gate",
         "ff:flex ff:flex-col ff:items-center ff:justify-center ff:py-12",
         x
@@ -2888,8 +2912,8 @@ function Ca({
       "aria-busy": "true",
       children: /* @__PURE__ */ t(De, { size: "lg", className: "ff:text-primary" })
     }
-  ) : e === "auth" ? /* @__PURE__ */ t("div", { className: D("fanfare-journey-gate", x), "data-slot": "journey-gate", children: /* @__PURE__ */ t(
-    ya,
+  ) : e === "auth" ? /* @__PURE__ */ t("div", { className: V("fanfare-journey-gate", x), "data-slot": "journey-gate", children: /* @__PURE__ */ t(
+    _a,
     {
       title: u,
       description: y,
@@ -2900,8 +2924,8 @@ function Ca({
       onSuccess: o,
       allowSkip: l
     }
-  ) }) : e === "access_code" ? /* @__PURE__ */ t("div", { className: D("fanfare-journey-gate", x), "data-slot": "journey-gate", children: /* @__PURE__ */ t(
-    _a,
+  ) }) : e === "access_code" ? /* @__PURE__ */ t("div", { className: V("fanfare-journey-gate", x), "data-slot": "journey-gate", children: /* @__PURE__ */ t(
+    Sa,
     {
       title: g,
       description: b,
@@ -2912,29 +2936,29 @@ function Ca({
     }
   ) }) : null;
 }
-Ca.displayName = "JourneyGate";
-function kn(e, a) {
+Va.displayName = "JourneyGate";
+function Sn(e, a) {
   return jt(e, { weekday: "long", timeZone: a });
 }
-function _n(e, a) {
+function Cn(e, a) {
   return jt(e, { month: "long", day: "numeric", timeZone: a });
 }
 function Ft(e, a) {
   return jt(e, { hour: "numeric", minute: "2-digit", timeZone: a });
 }
-function Da(e, a) {
+function Ea(e, a) {
   const r = Date.parse(e), n = Date.parse(a);
   if (!Number.isFinite(r) || !Number.isFinite(n)) return null;
   const o = Math.round((n - r) / 6e4);
   return o > 0 ? o : null;
 }
-function Va(e) {
+function Ma(e) {
   if (!e.startTime) return e.id;
   const a = Ft(e.startTime, e.timezone);
   return a === e.startTime ? e.id : a;
 }
 function jt(e, a) {
-  const r = Nn(e);
+  const r = Dn(e);
   if (!r) return e;
   try {
     return new Intl.DateTimeFormat(void 0, a).format(r);
@@ -2942,7 +2966,7 @@ function jt(e, a) {
     return e;
   }
 }
-function Nn(e) {
+function Dn(e) {
   try {
     const a = new Date(e);
     return Number.isNaN(a.getTime()) ? null : a;
@@ -2963,11 +2987,11 @@ function ct(e, a) {
     return e.toISOString().slice(0, 10);
   }
 }
-function ta(e, a) {
+function ra(e, a) {
   const [r, n, o] = e.split("-").map(Number);
   return !r || !n || !o ? e : new Date(Date.UTC(r, n - 1, o + a)).toISOString().slice(0, 10);
 }
-function Sn(e) {
+function Vn(e) {
   const [a, r, n] = e.split("-").map(Number);
   if (!a || !r || !n) return "";
   const o = new Date(Date.UTC(a, r - 1, n, 12, 0, 0));
@@ -2977,11 +3001,11 @@ function Sn(e) {
     return "";
   }
 }
-function Cn(e) {
+function En(e) {
   const [, , a] = e.split("-").map(Number);
   return a ?? 0;
 }
-const Dn = ne(["ff:animate-pulse ff:rounded-md", "ff:bg-secondary"], {
+const Mn = ne(["ff:animate-pulse ff:rounded-md", "ff:bg-secondary"], {
   variants: {
     styleVariant: {
       default: "",
@@ -3006,13 +3030,13 @@ const Dn = ne(["ff:animate-pulse ff:rounded-md", "ff:bg-secondary"], {
   defaultVariants: {
     styleVariant: "default"
   }
-}), Ma = s.forwardRef(({ className: e, ...a }, r) => {
+}), Ta = s.forwardRef(({ className: e, ...a }, r) => {
   const n = me();
-  return /* @__PURE__ */ t("div", { ref: r, "data-slot": "skeleton", className: D(Dn({ styleVariant: n }), e), ...a });
+  return /* @__PURE__ */ t("div", { ref: r, "data-slot": "skeleton", className: V(Mn({ styleVariant: n }), e), ...a });
 });
-Ma.displayName = "Skeleton";
-const Vn = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ref: a, ...e, children: /* @__PURE__ */ t("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12zM12 15h.008v.008H12zm0 2.25h.008v.008H12zM9.75 15h.008v.008H9.75zm0 2.25h.008v.008H9.75zM7.5 15h.008v.008H7.5zm0 2.25h.008v.008H7.5zm6.75-4.5h.008v.008h-.008zm0 2.25h.008v.008h-.008zm0 2.25h.008v.008h-.008zm2.25-4.5h.008v.008H16.5zm0 2.25h.008v.008H16.5z" }) }), Mn = wt(Vn), En = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ref: a, ...e, children: /* @__PURE__ */ t("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m15.75 10.5l4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25" }) }), Ea = wt(En);
-function Ta({
+Ta.displayName = "Skeleton";
+const Tn = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ref: a, ...e, children: /* @__PURE__ */ t("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12zM12 15h.008v.008H12zm0 2.25h.008v.008H12zM9.75 15h.008v.008H9.75zm0 2.25h.008v.008H9.75zM7.5 15h.008v.008H7.5zm0 2.25h.008v.008H7.5zm6.75-4.5h.008v.008h-.008zm0 2.25h.008v.008h-.008zm0 2.25h.008v.008h-.008zm2.25-4.5h.008v.008H16.5zm0 2.25h.008v.008H16.5z" }) }), Rn = wt(Tn), Ln = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ref: a, ...e, children: /* @__PURE__ */ t("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m15.75 10.5l4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25" }) }), Ra = wt(Ln);
+function La({
   booking: e,
   timezone: a,
   readOnly: r = !1,
@@ -3023,17 +3047,17 @@ function Ta({
   isCancelling: l,
   cancelError: d
 }) {
-  const { t: u } = G(), [y, g] = s.useState(!1), b = kn(e.startTime, a), m = _n(e.startTime, a), x = Ft(e.startTime, a), h = Da(e.startTime, e.endTime), w = !e.locationName, p = w ? u("appointment.online") : e.locationName, v = w ? {
+  const { t: u } = Y(), [y, g] = s.useState(!1), b = Sn(e.startTime, a), m = Cn(e.startTime, a), x = Ft(e.startTime, a), h = Ea(e.startTime, e.endTime), w = !e.locationName, p = w ? u("appointment.online") : e.locationName, v = w ? {
     label: u("appointment.joinCall"),
     onClick: () => {
       f ? f() : e.joinUrl && window.open(e.joinUrl, "_blank", "noopener,noreferrer");
     },
-    icon: /* @__PURE__ */ t(Ea, { className: "ff:size-4" }),
+    icon: /* @__PURE__ */ t(Ra, { className: "ff:size-4" }),
     disabled: !e.joinUrl && !f
   } : {
     label: u("appointment.addToCalendar"),
     onClick: () => i?.(),
-    icon: /* @__PURE__ */ t(Mn, { className: "ff:size-4" }),
+    icon: /* @__PURE__ */ t(Rn, { className: "ff:size-4" }),
     disabled: !i
   };
   return /* @__PURE__ */ c("div", { className: "ff:flex ff:flex-col ff:gap-4", "data-slot": "appointment-booking-details", children: [
@@ -3096,9 +3120,9 @@ function Ta({
     ] })
   ] });
 }
-Ta.displayName = "AppointmentBookingDetails";
-function Ra({ booking: e, timezone: a, onJoinCall: r, onShowPass: n }) {
-  const { t: o } = G(), i = !e.locationName, f = Ft(e.startTime, a), l = Da(e.startTime, e.endTime), d = o("appointment.youreUpAt", { values: { time: f } }), u = i ? o("appointment.youreUpOnlineHint") : o("appointment.youreUpIrlHint", { values: { location: e.locationName ?? "" } });
+La.displayName = "AppointmentBookingDetails";
+function Aa({ booking: e, timezone: a, onJoinCall: r, onShowPass: n }) {
+  const { t: o } = Y(), i = !e.locationName, f = Ft(e.startTime, a), l = Ea(e.startTime, e.endTime), d = o("appointment.youreUpAt", { values: { time: f } }), u = i ? o("appointment.youreUpOnlineHint") : o("appointment.youreUpIrlHint", { values: { location: e.locationName ?? "" } });
   return /* @__PURE__ */ c(
     "div",
     {
@@ -3136,7 +3160,7 @@ function Ra({ booking: e, timezone: a, onJoinCall: r, onShowPass: n }) {
               r ? r() : e.joinUrl && window.open(e.joinUrl, "_blank", "noopener,noreferrer");
             },
             children: /* @__PURE__ */ c("span", { className: "ff:flex ff:items-center ff:gap-1.5", children: [
-              /* @__PURE__ */ t(Ea, { className: "ff:size-4" }),
+              /* @__PURE__ */ t(Ra, { className: "ff:size-4" }),
               o("appointment.joinCall")
             ] })
           }
@@ -3145,20 +3169,20 @@ function Ra({ booking: e, timezone: a, onJoinCall: r, onShowPass: n }) {
     }
   );
 }
-Ra.displayName = "AppointmentCheckedInView";
-const Tn = 3e4, Ct = /* @__PURE__ */ new Map();
-function aa(e, a, r, n) {
+Aa.displayName = "AppointmentCheckedInView";
+const An = 3e4, Ct = /* @__PURE__ */ new Map();
+function na(e, a, r, n) {
   return `${e}:${a}:${r}:${n ?? ""}`;
 }
-function Rn(e, a) {
+function In(e, a) {
   const r = bt(), [n, o] = s.useState([]), [i, f] = s.useState(!1), [l, d] = s.useState(null), [u, y] = s.useState(0), { startDate: g, endDate: b, timezone: m } = a;
   s.useEffect(() => {
     if (!e || !g || !b) {
       o([]), d(null), f(!1);
       return;
     }
-    const h = aa(e, g, b, m), w = Ct.get(h);
-    if (w && Date.now() - w.fetchedAt < Tn) {
+    const h = na(e, g, b, m), w = Ct.get(h);
+    if (w && Date.now() - w.fetchedAt < An) {
       o(w.slots), d(null);
       return;
     }
@@ -3174,11 +3198,11 @@ function Rn(e, a) {
     };
   }, [r, e, g, b, m, u]);
   const x = s.useCallback(() => {
-    e && g && b && Ct.delete(aa(e, g, b, m)), y((h) => h + 1);
+    e && g && b && Ct.delete(na(e, g, b, m)), y((h) => h + 1);
   }, [e, g, b, m]);
   return { slots: n, isLoading: i, error: l, refresh: x };
 }
-function La({ days: e, selectedDate: a, onSelect: r }) {
+function Ia({ days: e, selectedDate: a, onSelect: r }) {
   return /* @__PURE__ */ t(
     "div",
     {
@@ -3224,8 +3248,8 @@ function La({ days: e, selectedDate: a, onSelect: r }) {
     }
   );
 }
-La.displayName = "AppointmentDayTabs";
-function Aa({
+Ia.displayName = "AppointmentDayTabs";
+function za({
   slotId: e,
   timeLabel: a,
   ariaLabel: r,
@@ -3253,16 +3277,16 @@ function Aa({
     }
   );
 }
-Aa.displayName = "AppointmentSlotItem";
-const Ln = 9;
-function Ia({
+za.displayName = "AppointmentSlotItem";
+const zn = 9;
+function Fa({
   slots: e,
   isLoading: a,
   selectedSlotId: r,
   onSelect: n,
   emptyMessage: o
 }) {
-  const { t: i } = G();
+  const { t: i } = Y();
   return a ? /* @__PURE__ */ t(
     "div",
     {
@@ -3272,7 +3296,7 @@ function Ia({
       className: "ff:grid ff:grid-cols-3 ff:gap-1 ff:max-h-44",
       "data-slot": "appointment-slot-grid",
       "data-state": "loading",
-      children: Array.from({ length: Ln }).map((f, l) => /* @__PURE__ */ t(Ma, { className: "ff:h-8 ff:w-full" }, l))
+      children: Array.from({ length: zn }).map((f, l) => /* @__PURE__ */ t(Ta, { className: "ff:h-8 ff:w-full" }, l))
     }
   ) : e.length === 0 ? /* @__PURE__ */ t(se, { "data-slot": "appointment-slot-grid", "data-state": "empty", children: /* @__PURE__ */ t("span", { className: "ff:text-muted", children: o ?? i("appointment.noSlotsAvailable") }) }) : /* @__PURE__ */ t(
     "div",
@@ -3282,9 +3306,9 @@ function Ia({
       className: "ff:grid ff:grid-cols-3 ff:gap-1 ff:overflow-y-auto ff:max-h-44",
       "data-slot": "appointment-slot-grid",
       children: e.map((f) => {
-        const l = f.available <= 0, d = r === f.id, u = Va(f), y = l ? i("appointment.slotFullAriaLabel", { values: { time: u } }) : u;
+        const l = f.available <= 0, d = r === f.id, u = Ma(f), y = l ? i("appointment.slotFullAriaLabel", { values: { time: u } }) : u;
         return /* @__PURE__ */ t(
-          Aa,
+          za,
           {
             slotId: f.id,
             timeLabel: u,
@@ -3299,9 +3323,9 @@ function Ia({
     }
   );
 }
-Ia.displayName = "AppointmentSlotGrid";
-const ra = 7;
-function za({
+Fa.displayName = "AppointmentSlotGrid";
+const oa = 7;
+function ja({
   appointmentId: e,
   bookingWindowOpenAt: a,
   bookingWindowCloseAt: r,
@@ -3309,60 +3333,60 @@ function za({
   onSlotChange: o,
   bookError: i
 }) {
-  const { t: f } = G(), l = s.useMemo(
+  const { t: f } = Y(), l = s.useMemo(
     () => a ? ct(new Date(a), n) : void 0,
     [a, n]
   ), d = s.useMemo(
     () => r ? ct(new Date(r), n) : void 0,
     [r, n]
   ), { startDate: u, endDate: y } = s.useMemo(() => {
-    const V = ct(/* @__PURE__ */ new Date(), n), N = l && l > V ? l : V, T = ta(N, ra - 1), L = d && d < T ? d : T;
+    const D = ct(/* @__PURE__ */ new Date(), n), N = l && l > D ? l : D, T = ra(N, oa - 1), L = d && d < T ? d : T;
     return { startDate: N, endDate: L };
-  }, [l, d, n]), { slots: g, isLoading: b, error: m } = Rn(e, { startDate: u, endDate: y, timezone: n }), x = s.useMemo(() => {
-    const V = /* @__PURE__ */ new Map();
+  }, [l, d, n]), { slots: g, isLoading: b, error: m } = In(e, { startDate: u, endDate: y, timezone: n }), x = s.useMemo(() => {
+    const D = /* @__PURE__ */ new Map();
     for (const N of g) {
-      const T = N.startTime ? ct(new Date(N.startTime), N.timezone ?? n) : N.id.slice(0, 10), L = V.get(T);
-      L ? L.push(N) : V.set(T, [N]);
+      const T = N.startTime ? ct(new Date(N.startTime), N.timezone ?? n) : N.id.slice(0, 10), L = D.get(T);
+      L ? L.push(N) : D.set(T, [N]);
     }
-    return V;
+    return D;
   }, [g, n]), h = s.useMemo(() => {
-    const V = [];
-    for (let N = 0; N < ra; N += 1) {
-      const T = ta(u, N);
+    const D = [];
+    for (let N = 0; N < oa; N += 1) {
+      const T = ra(u, N);
       if (d && T > d) break;
       const L = x.get(T) ?? [], $ = L.some((X) => X.available > 0), P = !b && L.length === 0;
-      V.push({
+      D.push({
         date: T,
-        weekdayLabel: Sn(T),
-        dayNumber: Cn(T),
+        weekdayLabel: Vn(T),
+        dayNumber: En(T),
         hasAvailability: $,
         isClosed: P
       });
     }
-    return V;
-  }, [u, d, x, b]), [w, p] = s.useState(null), [v, E] = s.useState(null);
+    return D;
+  }, [u, d, x, b]), [w, p] = s.useState(null), [v, M] = s.useState(null);
   s.useEffect(() => {
     if (w && h.some((N) => N.date === w && !N.isClosed)) return;
-    const V = h.find((N) => !N.isClosed);
-    V && (p(V.date), E(null));
+    const D = h.find((N) => !N.isClosed);
+    D && (p(D.date), M(null));
   }, [h, w]);
-  const M = s.useMemo(() => w ? x.get(w) ?? [] : [], [w, x]);
+  const E = s.useMemo(() => w ? x.get(w) ?? [] : [], [w, x]);
   s.useEffect(() => {
     if (!o) return;
-    const V = M.find((N) => N.id === v) ?? null;
-    o(V);
-  }, [M, v, o]);
-  const _ = s.useCallback((V) => {
-    p(V), E(null);
-  }, []), S = s.useCallback((V) => {
-    E((N) => N === V ? null : V);
+    const D = E.find((N) => N.id === v) ?? null;
+    o(D);
+  }, [E, v, o]);
+  const _ = s.useCallback((D) => {
+    p(D), M(null);
+  }, []), S = s.useCallback((D) => {
+    M((N) => N === D ? null : D);
   }, []);
   return /* @__PURE__ */ c("div", { className: "ff:flex ff:flex-col ff:gap-2", children: [
-    /* @__PURE__ */ t(La, { days: h, selectedDate: w, onSelect: _ }),
+    /* @__PURE__ */ t(Ia, { days: h, selectedDate: w, onSelect: _ }),
     /* @__PURE__ */ t(
-      Ia,
+      Fa,
       {
-        slots: M,
+        slots: E,
         isLoading: b,
         selectedSlotId: v,
         onSelect: S
@@ -3371,9 +3395,9 @@ function za({
     (i || m) && /* @__PURE__ */ t(ve, { tone: "danger", description: i ?? m?.message ?? f("appointment.bookingFailed") })
   ] });
 }
-za.displayName = "AppointmentSlotPicker";
-const An = ze({});
-function Et({
+ja.displayName = "AppointmentSlotPicker";
+const Fn = ze({});
+function Mt({
   appointmentId: e,
   state$: a,
   sequencePhase: r,
@@ -3394,19 +3418,19 @@ function Et({
   isReentering: p,
   className: v
 }) {
-  const { t: E } = G(), M = Me(a ?? An), [_, S] = s.useState(!1), V = he();
+  const { t: M } = Y(), E = Ee(a ?? Fn), [_, S] = s.useState(!1), D = he();
   if (r === "ended")
-    return /* @__PURE__ */ t(Fe, { outcomeReason: h ?? "ended", className: v });
+    return /* @__PURE__ */ t(Fe, { outcomeReason: h ?? "ended", participationType: "appointment", className: v });
   if (r === "participating" && _)
     return /* @__PURE__ */ t(
-      na,
+      fa,
       {
         appointmentId: e,
         bookingWindowOpenAt: n,
         bookingWindowCloseAt: o,
         timezone: i,
         defaultLocationId: f,
-        headingLabel: E("appointment.rescheduleTitle"),
+        headingLabel: M("appointment.rescheduleTitle"),
         headingVariant: "default",
         confirmLabelKey: "appointment.continueWithTime",
         idleLabelKey: "appointment.selectATime",
@@ -3416,24 +3440,24 @@ function Et({
           await u(N, T), S(!1);
         },
         className: v,
-        motionProps: V,
+        motionProps: D,
         dataStage: "participating",
         dataMode: "reschedule"
       }
     );
   if (r === "participating") {
-    const N = M.booking, T = N?.consumerStatus, L = T === "checked_in", $ = T === "completed", P = $ ? "completed" : L ? "checked_in" : "booked", X = E($ ? "appointment.completedTitle" : L ? "appointment.checkedIn" : "appointment.bookedTitle");
-    return /* @__PURE__ */ t(W.div, { ...V, children: /* @__PURE__ */ c(
+    const N = E.booking, T = N?.consumerStatus, L = T === "checked_in", $ = T === "completed", P = $ ? "completed" : L ? "checked_in" : "booked", X = M($ ? "appointment.completedTitle" : L ? "appointment.checkedIn" : "appointment.bookedTitle");
+    return /* @__PURE__ */ t(W.div, { ...D, children: /* @__PURE__ */ c(
       Z,
       {
-        className: D("ff:w-full ff:max-w-sm", v),
+        className: V("ff:w-full ff:max-w-sm", v),
         "data-slot": "appointment-module",
         "data-stage": "participating",
         "data-substage": P,
         children: [
           /* @__PURE__ */ t(Q, { variant: "success", label: X }),
-          /* @__PURE__ */ t(K, { children: N ? L ? /* @__PURE__ */ t(Ra, { booking: N, timezone: i }) : /* @__PURE__ */ t(
-            Ta,
+          /* @__PURE__ */ t(K, { children: N ? L ? /* @__PURE__ */ t(Aa, { booking: N, timezone: i }) : /* @__PURE__ */ t(
+            La,
             {
               booking: N,
               timezone: i,
@@ -3443,20 +3467,20 @@ function Et({
               isCancelling: g,
               cancelError: x
             }
-          ) : /* @__PURE__ */ t("span", { className: "ff:text-muted", children: E("appointment.loadingBooking") }) })
+          ) : /* @__PURE__ */ t("span", { className: "ff:text-muted", children: M("appointment.loadingBooking") }) })
         ]
       }
     ) });
   }
   return /* @__PURE__ */ t(
-    na,
+    fa,
     {
       appointmentId: e,
       bookingWindowOpenAt: n,
       bookingWindowCloseAt: o,
       timezone: i,
       defaultLocationId: f,
-      headingLabel: E("appointment.title"),
+      headingLabel: M("appointment.title"),
       headingVariant: "default",
       confirmLabelKey: "appointment.continueWithTime",
       idleLabelKey: "appointment.selectATime",
@@ -3464,13 +3488,13 @@ function Et({
       error: m,
       onConfirm: l,
       className: v,
-      motionProps: V,
+      motionProps: D,
       dataStage: "enterable"
     }
   );
 }
-Et.displayName = "AppointmentModule";
-function na({
+Mt.displayName = "AppointmentModule";
+function fa({
   appointmentId: e,
   bookingWindowOpenAt: a,
   bookingWindowCloseAt: r,
@@ -3488,7 +3512,7 @@ function na({
   dataStage: x,
   dataMode: h
 }) {
-  const { t: w } = G(), [p, v] = s.useState(null), E = p ? w(l, { values: { time: Va(p) } }) : w(d), M = s.useCallback(async () => {
+  const { t: w } = Y(), [p, v] = s.useState(null), M = p ? w(l, { values: { time: Ma(p) } }) : w(d), E = s.useCallback(async () => {
     if (!p) return;
     const _ = p.locationId ?? o;
     await g(p.id, _);
@@ -3496,14 +3520,14 @@ function na({
   return /* @__PURE__ */ t(W.div, { ...m, children: /* @__PURE__ */ c(
     Z,
     {
-      className: D("ff:w-full ff:max-w-sm", b),
+      className: V("ff:w-full ff:max-w-sm", b),
       "data-slot": "appointment-module",
       "data-stage": x,
       "data-mode": h,
       children: [
         /* @__PURE__ */ t(Q, { variant: f, label: i }),
         /* @__PURE__ */ t(K, { className: "ff:gap-2", children: /* @__PURE__ */ t(
-          za,
+          ja,
           {
             appointmentId: e,
             bookingWindowOpenAt: a,
@@ -3518,17 +3542,17 @@ function na({
           {
             size: "sm",
             className: "ff:w-full",
-            onClick: M,
+            onClick: E,
             disabled: !p || u,
             loading: u,
-            children: E
+            children: M
           }
         ) })
       ]
     }
   ) });
 }
-function In(e, a) {
+function jn(e, a) {
   try {
     return new Intl.NumberFormat(a, {
       style: "currency",
@@ -3539,7 +3563,7 @@ function In(e, a) {
     return e;
   }
 }
-function zn(e, a) {
+function Pn(e, a) {
   const r = a?.currencyCode, n = a?.minimumFractionDigits ?? 2, o = a?.maximumFractionDigits ?? 2;
   if (r)
     try {
@@ -3552,7 +3576,7 @@ function zn(e, a) {
       }).format(e);
     } catch {
     }
-  const i = a?.currencySymbol ?? (r ? In(r, a?.locale) : "$");
+  const i = a?.currencySymbol ?? (r ? jn(r, a?.locale) : "$");
   try {
     const f = e.toLocaleString(a?.locale, { minimumFractionDigits: n, maximumFractionDigits: o });
     return `${i}${f}`;
@@ -3560,8 +3584,8 @@ function zn(e, a) {
     return `${i}${e.toFixed(o)}`;
   }
 }
-const Fn = ze({});
-function jn(e, a) {
+const Bn = ze({});
+function $n(e, a) {
   const r = { ...e }, n = r;
   for (const [o, i] of Object.entries(a))
     i !== void 0 && (n[o] = i);
@@ -3587,13 +3611,13 @@ function Ze({
   checkoutUrl: w,
   onCheckoutClick: p,
   outcomeReason: v,
-  onReenter: E,
-  isReentering: M,
+  onReenter: M,
+  isReentering: E,
   className: _
 }) {
-  const { t: S } = G(), V = Me(e ?? Fn), N = s.useMemo(
-    () => jn(a, V),
-    [a, V]
+  const { t: S } = Y(), D = Ee(e ?? Bn), N = s.useMemo(
+    () => $n(a, D),
+    [a, D]
   ), T = s.useMemo(
     () => y ?? (N.closeAt ? new Date(N.closeAt) : void 0),
     [y, N.closeAt]
@@ -3604,7 +3628,7 @@ function Ze({
     (R) => {
       if (R === void 0) return;
       const te = parseFloat(R);
-      return Number.isNaN(te) ? R : zn(
+      return Number.isNaN(te) ? R : Pn(
         te,
         $ ? { currencyCode: $, locale: m } : { currencySymbol: "$", locale: m }
       );
@@ -3621,7 +3645,7 @@ function Ze({
     return /* @__PURE__ */ t(W.div, { ...X, children: /* @__PURE__ */ c(
       Z,
       {
-        className: D("ff:w-full ff:max-w-sm", _),
+        className: V("ff:w-full ff:max-w-sm", _),
         "data-slot": "auction-module",
         "data-stage": "enterable",
         children: [
@@ -3643,7 +3667,7 @@ function Ze({
     return /* @__PURE__ */ t(W.div, { ...X, children: /* @__PURE__ */ c(
       Z,
       {
-        className: D("ff:w-full ff:max-w-sm", _),
+        className: V("ff:w-full ff:max-w-sm", _),
         "data-slot": "auction-module",
         "data-stage": "participating",
         children: [
@@ -3688,7 +3712,7 @@ function Ze({
     return /* @__PURE__ */ t(W.div, { ...X, children: /* @__PURE__ */ c(
       Z,
       {
-        className: D("ff:w-full ff:max-w-sm", _),
+        className: V("ff:w-full ff:max-w-sm", _),
         "data-slot": "auction-module",
         "data-stage": "settling",
         children: [
@@ -3719,15 +3743,16 @@ function Ze({
     Fe,
     {
       outcomeReason: v ?? "ended",
-      onReenter: E,
-      isReentering: M,
+      participationType: "auction",
+      onReenter: M,
+      isReentering: E,
       className: _
     }
   ) : null;
 }
 Ze.displayName = "AuctionModule";
-const Pn = ze({});
-function Ge({
+const qn = ze({});
+function Ye({
   state$: e,
   sequencePhase: a,
   canEnter: r,
@@ -3746,21 +3771,21 @@ function Ge({
   isReentering: h,
   className: w
 }) {
-  const { t: p } = G(), v = Me(e ?? Pn), E = s.useMemo(
+  const { t: p } = Y(), v = Ee(e ?? qn), M = s.useMemo(
     () => d ?? (v.drawTime ? new Date(v.drawTime) : void 0),
     [d, v.drawTime]
-  ), M = s.useMemo(() => {
+  ), E = s.useMemo(() => {
     if (y)
       return y instanceof Date ? y : new Date(y);
   }, [y]), _ = he(), S = () => {
     b ? b() : g && window.open(g, "_blank", "noopener,noreferrer");
   };
-  return a === "enterable" ? /* @__PURE__ */ t(W.div, { ..._, children: /* @__PURE__ */ c(Z, { className: D("ff:w-full ff:max-w-sm", w), "data-slot": "draw-module", "data-stage": "enterable", children: [
+  return a === "enterable" ? /* @__PURE__ */ t(W.div, { ..._, children: /* @__PURE__ */ c(Z, { className: V("ff:w-full ff:max-w-sm", w), "data-slot": "draw-module", "data-stage": "enterable", children: [
     /* @__PURE__ */ t(Q, { variant: "default", label: p("draw.title") }),
     /* @__PURE__ */ c(K, { children: [
-      E && /* @__PURE__ */ c("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
+      M && /* @__PURE__ */ c("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
         /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: p("draw.drawClosesIn") }),
-        /* @__PURE__ */ t(de, { targetDate: E, showDays: !1 })
+        /* @__PURE__ */ t(de, { targetDate: M, showDays: !1 })
       ] }),
       r && /* @__PURE__ */ t(F, { className: "ff:mt-auto ff:w-full", onClick: o, disabled: f, loading: f, children: p("draw.enter") })
     ] }),
@@ -3768,18 +3793,18 @@ function Ge({
   ] }) }) : a === "participating" ? /* @__PURE__ */ t(W.div, { ..._, children: /* @__PURE__ */ c(
     Z,
     {
-      className: D("ff:w-full ff:max-w-sm", w),
+      className: V("ff:w-full ff:max-w-sm", w),
       "data-slot": "draw-module",
       "data-stage": "participating",
       children: [
         /* @__PURE__ */ t(Q, { variant: "success", label: p("draw.entered") }),
         /* @__PURE__ */ c(K, { children: [
           v.entryNumber && /* @__PURE__ */ t("span", { className: "ff:text-xs ff:text-muted ff:font-mono", children: v.entryNumber }),
-          E ? /* @__PURE__ */ c("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
+          M ? /* @__PURE__ */ c("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
             /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: p("draw.drawHappensIn") }),
-            /* @__PURE__ */ t(de, { targetDate: E, showDays: !1 })
+            /* @__PURE__ */ t(de, { targetDate: M, showDays: !1 })
           ] }) : null,
-          /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: p(E ? "draw.goodLuck" : "draw.stayTuned") }) }),
+          /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: p(M ? "draw.goodLuck" : "draw.stayTuned") }) }),
           n && /* @__PURE__ */ t(
             F,
             {
@@ -3795,7 +3820,7 @@ function Ge({
         /* @__PURE__ */ t(U, {})
       ]
     }
-  ) }) : a === "settling" ? /* @__PURE__ */ t(W.div, { ..._, children: /* @__PURE__ */ c(Z, { className: D("ff:w-full ff:max-w-sm", w), "data-slot": "draw-module", "data-stage": "settling", children: [
+  ) }) : a === "settling" ? /* @__PURE__ */ t(W.div, { ..._, children: /* @__PURE__ */ c(Z, { className: V("ff:w-full ff:max-w-sm", w), "data-slot": "draw-module", "data-stage": "settling", children: [
     /* @__PURE__ */ t(Q, { variant: "default", label: p("draw.settlingTitle") }),
     /* @__PURE__ */ t(K, { children: /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: p("draw.settlingDescription") }) }) }),
     /* @__PURE__ */ t(U, {})
@@ -3805,7 +3830,7 @@ function Ge({
       label: p("draw.wonTitle"),
       fallbackMessage: p("granted.description"),
       ctaLabel: p("granted.cta"),
-      expiresAt: M,
+      expiresAt: E,
       onCtaClick: S,
       className: w
     }
@@ -3813,14 +3838,15 @@ function Ge({
     Fe,
     {
       outcomeReason: m ?? "ended",
+      participationType: "draw",
       onReenter: x,
       isReentering: h,
       className: w
     }
   ) : null;
 }
-Ge.displayName = "DrawModule";
-const Bn = ze({});
+Ye.displayName = "DrawModule";
+const On = ze({});
 function ut({
   state$: e,
   sequencePhase: a,
@@ -3840,14 +3866,14 @@ function ut({
   isReentering: h,
   className: w
 }) {
-  const { t: p } = G(), v = Me(e ?? Bn), E = s.useMemo(() => {
+  const { t: p } = Y(), v = Ee(e ?? On), M = s.useMemo(() => {
     if (y)
       return y instanceof Date ? y : new Date(y);
-  }, [y]), M = he(), _ = () => {
+  }, [y]), E = he(), _ = () => {
     b ? b() : g && window.open(g, "_blank", "noopener,noreferrer");
   };
   if (a === "enterable")
-    return /* @__PURE__ */ t(W.div, { ...M, children: /* @__PURE__ */ c(Z, { className: D("ff:w-full ff:max-w-sm", w), "data-slot": "queue-module", "data-stage": "enterable", children: [
+    return /* @__PURE__ */ t(W.div, { ...E, children: /* @__PURE__ */ c(Z, { className: V("ff:w-full ff:max-w-sm", w), "data-slot": "queue-module", "data-stage": "enterable", children: [
       /* @__PURE__ */ t(Q, { variant: "default", label: p("queue.openingSoon") }),
       /* @__PURE__ */ c(K, { children: [
         d && /* @__PURE__ */ c("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
@@ -3859,11 +3885,11 @@ function ut({
       /* @__PURE__ */ t(U, {})
     ] }) });
   if (a === "participating") {
-    const S = v.estimatedWaitTime, V = S != null ? Math.ceil(S / 60) : null, N = (P) => P < 1 ? p("queue.waitLessThanMinute") : P === 1 ? p("queue.waitOneMinute") : p("queue.waitMinutes", { values: { count: P } }), T = S != null ? sr(S) : null, L = T ? p(lr(T)) : null, $ = V !== null ? N(V) : "...";
-    return /* @__PURE__ */ t(W.div, { ...M, children: /* @__PURE__ */ c(
+    const S = v.estimatedWaitTime, D = S != null ? Math.ceil(S / 60) : null, N = (P) => P < 1 ? p("queue.waitLessThanMinute") : P === 1 ? p("queue.waitOneMinute") : p("queue.waitMinutes", { values: { count: P } }), T = S != null ? cr(S) : null, L = T ? p(dr(T)) : null, $ = D !== null ? N(D) : "...";
+    return /* @__PURE__ */ t(W.div, { ...E, children: /* @__PURE__ */ c(
       Z,
       {
-        className: D("ff:w-full ff:max-w-sm", w),
+        className: V("ff:w-full ff:max-w-sm", w),
         "data-slot": "queue-module",
         "data-stage": "participating",
         children: [
@@ -3898,7 +3924,7 @@ function ut({
       label: p("queue.granted"),
       fallbackMessage: p("queue.grantedMessage"),
       ctaLabel: p("granted.cta"),
-      expiresAt: E,
+      expiresAt: M,
       onCtaClick: _,
       className: w
     }
@@ -3906,6 +3932,7 @@ function ut({
     Fe,
     {
       outcomeReason: m ?? "ended",
+      participationType: "queue",
       onReenter: x,
       isReentering: h,
       className: w
@@ -3913,7 +3940,7 @@ function ut({
   ) : null;
 }
 ut.displayName = "QueueModule";
-const $n = ze({});
+const Wn = ze({});
 function pt({
   state$: e,
   sequencePhase: a,
@@ -3934,16 +3961,16 @@ function pt({
   isReentering: w,
   className: p
 }) {
-  const { t: v } = G(), E = Me(e ?? $n), M = s.useMemo(() => {
+  const { t: v } = Y(), M = Ee(e ?? Wn), E = s.useMemo(() => {
     if (m)
       return m instanceof Date ? m : new Date(m);
-  }, [m]), _ = y ?? E.checkoutUrl, S = he(), V = () => {
+  }, [m]), _ = y ?? M.checkoutUrl, S = he(), D = () => {
     g ? g() : _ && window.open(_, "_blank", "noopener,noreferrer");
   };
   return a === "enterable" ? /* @__PURE__ */ t(W.div, { ...S, children: /* @__PURE__ */ c(
     Z,
     {
-      className: D("ff:w-full ff:max-w-sm", p),
+      className: V("ff:w-full ff:max-w-sm", p),
       "data-slot": "timed-release-module",
       "data-stage": "enterable",
       children: [
@@ -3962,7 +3989,7 @@ function pt({
   ) }) : a === "participating" ? /* @__PURE__ */ t(W.div, { ...S, children: /* @__PURE__ */ c(
     Z,
     {
-      className: D("ff:w-full ff:max-w-sm", p),
+      className: V("ff:w-full ff:max-w-sm", p),
       "data-slot": "timed-release-module",
       "data-stage": "participating",
       children: [
@@ -3974,7 +4001,7 @@ function pt({
           ] }),
           /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: v("timedRelease.browseAndComplete") }) }),
           /* @__PURE__ */ c("div", { className: "ff:mt-auto ff:flex ff:flex-col ff:gap-2", children: [
-            _ && /* @__PURE__ */ t(F, { className: "ff:w-full", onClick: V, children: v("timedRelease.shop") }),
+            _ && /* @__PURE__ */ t(F, { className: "ff:w-full", onClick: D, children: v("timedRelease.shop") }),
             f && /* @__PURE__ */ t(
               F,
               {
@@ -4006,14 +4033,15 @@ function pt({
       label: v("timedRelease.granted"),
       fallbackMessage: v("granted.description"),
       ctaLabel: v("granted.cta"),
-      expiresAt: M,
-      onCtaClick: V,
+      expiresAt: E,
+      onCtaClick: D,
       className: p
     }
   ) : a === "ended" ? /* @__PURE__ */ t(
     Fe,
     {
       outcomeReason: x ?? "ended",
+      participationType: "timed_release",
       onReenter: h,
       isReentering: w,
       className: p
@@ -4031,8 +4059,8 @@ function Tt({
   isEntering: f = !1,
   className: l
 }) {
-  const { t: d } = G(), u = e ?? d("upcoming.title"), y = a ?? d("upcoming.description"), g = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), b = he();
-  return /* @__PURE__ */ t(W.div, { ...b, children: /* @__PURE__ */ c(Z, { className: D("ff:w-full ff:max-w-sm", l), "data-slot": "upcoming-module", children: [
+  const { t: d } = Y(), u = e ?? d("upcoming.title"), y = a ?? d("upcoming.description"), g = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), b = he();
+  return /* @__PURE__ */ t(W.div, { ...b, children: /* @__PURE__ */ c(Z, { className: V("ff:w-full ff:max-w-sm", l), "data-slot": "upcoming-module", children: [
     /* @__PURE__ */ t(Q, { variant: "secondary", label: u }),
     /* @__PURE__ */ c(K, { children: [
       g && /* @__PURE__ */ c("div", { className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: [
@@ -4053,11 +4081,11 @@ function Tt({
   ] }) });
 }
 Tt.displayName = "UpcomingModule";
-const qn = {
+const Un = {
   initial: { opacity: 1 },
   animate: { opacity: 1 },
   transition: { duration: 0 }
-}, On = {
+}, Hn = {
   default: {
     initial: { opacity: 0, scale: 0.95 },
     animate: { opacity: 1, scale: 1 },
@@ -4078,7 +4106,7 @@ const qn = {
     animate: { opacity: 1 },
     transition: { duration: 0.4, ease: "easeInOut" }
   }
-}, Wn = ne("ff:flex ff:items-center ff:justify-center", {
+}, Kn = ne("ff:flex ff:items-center ff:justify-center", {
   variants: {
     styleVariant: {
       default: "ff:w-16 ff:h-16 ff:rounded-full ff:bg-primary/5",
@@ -4092,7 +4120,7 @@ const qn = {
     }
   },
   defaultVariants: { styleVariant: "default" }
-}), Un = ne("ff:mt-4 ff:text-sm", {
+}), Zn = ne("ff:mt-4 ff:text-sm", {
   variants: {
     styleVariant: {
       default: "ff:text-muted",
@@ -4104,7 +4132,7 @@ const qn = {
   defaultVariants: { styleVariant: "default" }
 });
 function Rt({ message: e, className: a }) {
-  const r = me(), n = Qe() ? qn : On[r], o = r === "clean" ? "md" : "lg";
+  const r = me(), n = Qe() ? Un : Hn[r], o = r === "clean" ? "md" : "lg";
   return /* @__PURE__ */ c(
     W.div,
     {
@@ -4113,16 +4141,16 @@ function Rt({ message: e, className: a }) {
       role: "status",
       "aria-live": "polite",
       "aria-busy": "true",
-      className: D("ff:flex ff:flex-col ff:items-center ff:justify-center ff:py-12", a),
+      className: V("ff:flex ff:flex-col ff:items-center ff:justify-center ff:py-12", a),
       children: [
-        /* @__PURE__ */ t("div", { className: D(Wn({ styleVariant: r })), children: /* @__PURE__ */ t(De, { size: o }) }),
-        e && /* @__PURE__ */ t("p", { className: D(Un({ styleVariant: r })), children: e })
+        /* @__PURE__ */ t("div", { className: V(Kn({ styleVariant: r })), children: /* @__PURE__ */ t(De, { size: o }) }),
+        e && /* @__PURE__ */ t("p", { className: V(Zn({ styleVariant: r })), children: e })
       ]
     }
   );
 }
 Rt.displayName = "LoadingView";
-function Fa({
+function Pa({
   variant: e,
   label: a,
   title: r,
@@ -4134,8 +4162,8 @@ function Fa({
   isLoading: d = !1,
   className: u
 }) {
-  const { t: y } = G(), g = he();
-  return /* @__PURE__ */ t(W.div, { ...g, children: /* @__PURE__ */ c(Z, { className: D("fanfare-start-view", u), "data-slot": "start-view", children: [
+  const { t: y } = Y(), g = he();
+  return /* @__PURE__ */ t(W.div, { ...g, children: /* @__PURE__ */ c(Z, { className: V("fanfare-start-view", u), "data-slot": "start-view", children: [
     /* @__PURE__ */ t(
       Q,
       {
@@ -4156,8 +4184,8 @@ function Fa({
     /* @__PURE__ */ t(U, {})
   ] }) });
 }
-Fa.displayName = "StartView";
-function ja({
+Pa.displayName = "StartView";
+function Ba({
   title: e,
   description: a,
   startsAt: r,
@@ -4166,8 +4194,8 @@ function ja({
   isLeaving: i = !1,
   className: f
 }) {
-  const { t: l } = G(), d = e ?? l("waitlist.enteredTitle"), u = a ?? l("waitlist.enteredDescription"), y = l("time.opensIn"), g = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), b = he();
-  return /* @__PURE__ */ t(W.div, { ...b, children: /* @__PURE__ */ c(Z, { className: D("fanfare-waitlist-view", f), "data-slot": "waitlist-view", children: [
+  const { t: l } = Y(), d = e ?? l("waitlist.enteredTitle"), u = a ?? l("waitlist.enteredDescription"), y = l("time.opensIn"), g = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), b = he();
+  return /* @__PURE__ */ t(W.div, { ...b, children: /* @__PURE__ */ c(Z, { className: V("fanfare-waitlist-view", f), "data-slot": "waitlist-view", children: [
     /* @__PURE__ */ t(Q, { variant: "success", title: d, description: u }),
     /* @__PURE__ */ c(K, { children: [
       g && /* @__PURE__ */ c(se, { children: [
@@ -4196,52 +4224,52 @@ function ja({
     /* @__PURE__ */ t(U, {})
   ] }) });
 }
-ja.displayName = "WaitlistView";
-const Hn = ze({});
-function Kn(e) {
+Ba.displayName = "WaitlistView";
+const Yn = ze({});
+function Gn(e) {
   return "mechanism" in e && e.mechanism === "auction" && "bid" in e;
 }
 function Se(e) {
   return e === "queue" || e === "draw" || e === "auction" || e === "timed_release" || e === "appointment";
 }
-function oa(e) {
+function ia(e) {
   return Se(e) || e === "waitlist";
 }
-function Zn(e) {
+function Jn(e) {
   return e?.phase === "enterable" && Se(e.mechanism);
 }
-function Gn(e) {
+function Qn(e) {
   return e?.phase === "participating" && Se(e.mechanism);
 }
-function Yn(e) {
+function Xn(e) {
   return e?.phase === "granted";
 }
 function tt(e) {
   return e?.journeyStage === "routed" ? e.sequence : void 0;
 }
-function Jn(e, a) {
+function eo(e, a) {
   const r = tt(e);
-  return r && "mechanism" in r && oa(r.mechanism) ? r.mechanism : a?.phase === "participating" && "consumer" in a && "mechanism" in a.consumer && oa(a.consumer.mechanism) ? a.consumer.mechanism : null;
+  return r && "mechanism" in r && ia(r.mechanism) ? r.mechanism : a?.phase === "participating" && "consumer" in a && "mechanism" in a.consumer && ia(a.consumer.mechanism) ? a.consumer.mechanism : null;
 }
-function Qn(e) {
+function to(e) {
   const a = tt(e);
   if (!(!a || !("distribution" in a)))
     return a.distribution;
 }
-function Xn(e) {
+function ao(e) {
   const a = tt(e);
   if (!(!a || !("target" in a)))
     return a.target;
 }
-function eo(e) {
+function ro(e) {
   const a = tt(e);
   if (!(!a || !("consumer" in a)))
     return a.consumer;
 }
-function to(e, a) {
+function no(e, a) {
   return e ? "distributionId" in e && typeof e.distributionId == "string" && e.distributionId ? e.distributionId : "waitlistId" in e && typeof e.waitlistId == "string" && e.waitlistId ? e.waitlistId : e.id ?? a ?? null : a ?? null;
 }
-function ao({
+function oo({
   experienceId: e,
   autoStart: a = !1,
   accessCode: r,
@@ -4256,11 +4284,11 @@ function ao({
   onError: g,
   className: b
 }) {
-  const m = bt(), { t: x } = G(), { journey: h, view: w, snapshot: p, error: v, start: E } = ua(e, {
+  const m = bt(), { t: x } = Y(), { journey: h, view: w, snapshot: p, error: v, start: M } = ga(e, {
     autoStart: a,
     accessCode: r,
     autoEnterWaitlist: n
-  }), [M, _] = s.useState(!1), [S, V] = s.useState(!1), [N, T] = s.useState(!1), [L, $] = s.useState(!1), [P, X] = s.useState(!1), [ce, B] = s.useState(null), R = w?.journeyStage ?? null, te = w?.journeyStage === "routed" ? w : void 0, H = tt(p), j = H?.phase ?? te?.sequence.phase ?? null, ae = ce ?? v, Y = p?.experience?.experience?.theme, J = o ?? Y, ue = i ?? o?.variant ?? Y?.variant, le = re(() => p ? ia(p) : [], [p]);
+  }), [E, _] = s.useState(!1), [S, D] = s.useState(!1), [N, T] = s.useState(!1), [L, $] = s.useState(!1), [P, X] = s.useState(!1), [ce, B] = s.useState(null), R = w?.journeyStage ?? null, te = w?.journeyStage === "routed" ? w : void 0, H = tt(p), j = H?.phase ?? te?.sequence.phase ?? null, ae = ce ?? v, G = p?.experience?.experience?.theme, J = o ?? G, ue = i ?? o?.variant ?? G?.variant, le = re(() => p ? la(p) : [], [p]);
   s.useEffect(() => {
     p && u && u(p);
   }, [p, u]), s.useEffect(() => {
@@ -4275,17 +4303,17 @@ function ao({
   ), pe = O(async () => {
     _(!0), B(null);
     try {
-      await E();
+      await M();
     } catch (k) {
       I(k);
     } finally {
       _(!1);
     }
-  }, [I, E]), [ye, Ee] = s.useState(null), je = O(
+  }, [I, M]), [ye, Me] = s.useState(null), je = O(
     async (k, C) => {
       B(null);
       try {
-        C === "email" ? await m.auth.requestOtp({ email: k }) : await m.auth.requestOtp({ phone: k }), Ee({ value: k, type: C });
+        C === "email" ? await m.auth.requestOtp({ email: k }) : await m.auth.requestOtp({ phone: k }), Me({ value: k, type: C });
       } catch (A) {
         I(A);
       }
@@ -4296,7 +4324,7 @@ function ao({
       if (!(!h || !ye)) {
         B(null);
         try {
-          ye.type === "email" ? await m.auth.verifyOtp({ email: ye.value, code: k }) : await m.auth.verifyOtp({ phone: ye.value, code: k }), Ee(null);
+          ye.type === "email" ? await m.auth.verifyOtp({ email: ye.value, code: k }) : await m.auth.verifyOtp({ phone: ye.value, code: k }), Me(null);
           const C = h.view$.get();
           C.journeyStage === "gated" && await C.reroute();
         } catch (C) {
@@ -4320,14 +4348,14 @@ function ao({
     [I, h]
   ), Te = O(async () => {
     if (h) {
-      V(!0), B(null);
+      D(!0), B(null);
       try {
         const k = h.view$.get();
         k.journeyStage === "routed" && k.sequence.phase === "enterable" && k.sequence.mechanism === "waitlist" && await k.sequence.enter();
       } catch (k) {
         I(k);
       } finally {
-        V(!1);
+        D(!1);
       }
     }
   }, [I, h]), Be = O(async () => {
@@ -4383,7 +4411,7 @@ function ao({
         B(null);
         try {
           const C = h.view$.get();
-          C.journeyStage === "routed" && Kn(C.sequence) && await C.sequence.bid(k);
+          C.journeyStage === "routed" && Gn(C.sequence) && await C.sequence.bid(k);
         } catch (C) {
           I(C);
         }
@@ -4457,11 +4485,11 @@ function ao({
     B(null);
     const k = h.view$.get();
     k.journeyStage === "gated" && k.retry().catch(I);
-  }, [I, h]), z = re(() => w?.journeyStage === "routed" && "sequence" in w ? w.sequence : void 0, [w]), ge = Jn(p, z), Pa = Qn(p), it = Xn(p), fe = Pa, Ba = eo(p), qt = to(Ba, it?.id ?? fe?.id), Ve = H && "grant" in H && H.grant ? H.grant : void 0, We = H && "outcome" in H && H.outcome ? H.outcome : void 0;
+  }, [I, h]), z = re(() => w?.journeyStage === "routed" && "sequence" in w ? w.sequence : void 0, [w]), ge = eo(p, z), $a = to(p), it = ao(p), fe = $a, qa = ro(p), qt = no(qa, it?.id ?? fe?.id), Ve = H && "grant" in H && H.grant ? H.grant : void 0, We = H && "outcome" in H && H.outcome ? H.outcome : void 0;
   s.useEffect(() => {
     Ve?.token && y && y(Ve.token);
   }, [Ve?.token, y]);
-  const $a = re(() => Se(ge) ? ge : Se(fe?.type) ? fe.type : null, [fe?.type, ge]), kt = re(() => Se(ge) ? ge : null, [ge]), Ot = re(() => Se(ge) ? ge : Se(fe?.type) ? fe.type : null, [fe?.type, ge]), Wt = re(() => z?.phase === "enterable" && z.mechanism === "waitlist" && typeof z.enter == "function", [z]), Ue = re(() => {
+  const Oa = re(() => Se(ge) ? ge : Se(fe?.type) ? fe.type : null, [fe?.type, ge]), kt = re(() => Se(ge) ? ge : null, [ge]), Ot = re(() => Se(ge) ? ge : Se(fe?.type) ? fe.type : null, [fe?.type, ge]), Wt = re(() => z?.phase === "enterable" && z.mechanism === "waitlist" && typeof z.enter == "function", [z]), Ue = re(() => {
     if (R === "routing") return "loading";
     if (R === "gated" && le.length > 0) {
       const k = le[0];
@@ -4474,7 +4502,7 @@ function ao({
   }, [R, x]), Le = re(() => {
     if (!(!h || j !== "participating" || !z || z.phase !== "participating" || !("state$" in z)))
       return z.state$;
-  }, [h, j, z]), lt = Me(Le ?? Hn), Ut = re(() => {
+  }, [h, j, z]), lt = Ee(Le ?? Yn), Ut = re(() => {
     const k = fe?.details?.type === "auction" ? fe.details : void 0, C = z?.phase === "participating" && z.mechanism === "auction" ? z.consumer : void 0, A = lt;
     if (!(!k && !C && !A))
       return {
@@ -4487,24 +4515,24 @@ function ao({
         minNextBid: A?.minNextBid ?? k?.minNextBid,
         bidIncrement: A?.bidIncrement ?? k?.bidIncrement
       };
-  }, [lt, z, fe?.details]), Ne = re(() => z?.phase === "scheduled" && z.startsAt ? new Date(z.startsAt) : ge === "waitlist" && it?.opensAt ? new Date(it.opensAt) : fe?.opensAt ? new Date(fe.opensAt) : void 0, [it?.opensAt, z, fe?.opensAt, ge]), qa = re(() => {
+  }, [lt, z, fe?.details]), Ne = re(() => z?.phase === "scheduled" && z.startsAt ? new Date(z.startsAt) : ge === "waitlist" && it?.opensAt ? new Date(it.opensAt) : fe?.opensAt ? new Date(fe.opensAt) : void 0, [it?.opensAt, z, fe?.opensAt, ge]), Wa = re(() => {
     if (!(j !== "participating" || kt !== "queue"))
       return lt?.position;
   }, [lt, kt, j]);
   if (l)
-    return /* @__PURE__ */ t(Vt, { theme: J, variant: ue, children: /* @__PURE__ */ t("div", { className: D("fanfare-experience-widget", b), "data-slot": "experience-widget", children: l({
+    return /* @__PURE__ */ t(Vt, { theme: J, variant: ue, children: /* @__PURE__ */ t("div", { className: V("fanfare-experience-widget", b), "data-slot": "experience-widget", children: l({
       journey: h,
       view: w,
       snapshot: p,
       error: ae,
       start: pe,
-      isStarting: M
+      isStarting: E
     }) }) });
-  const ie = { snapshot: p, view: w, error: ae }, Oa = () => {
+  const ie = { snapshot: p, view: w, error: ae }, Ua = () => {
     if (ae)
       return f?.error ? f.error({ ...ie, error: ae, onRetry: Oe }) : /* @__PURE__ */ t(Ke, { error: ae, onRetry: Oe });
     if (R === "ready")
-      return f?.start ? f.start({ ...ie, onStart: pe, isStarting: M }) : /* @__PURE__ */ t(Fa, { onStart: pe, isLoading: M });
+      return f?.start ? f.start({ ...ie, onStart: pe, isStarting: E }) : /* @__PURE__ */ t(Pa, { onStart: pe, isLoading: E });
     if (Ue !== "none")
       return Ue === "auth" && f?.auth ? f.auth({
         ...ie,
@@ -4514,7 +4542,7 @@ function ao({
         ...ie,
         onSubmit: Pe
       }) : Ue === "loading" && f?.loading ? f.loading({ ...ie, message: st }) : /* @__PURE__ */ t(
-        Ca,
+        Va,
         {
           stage: Ue,
           startsAt: Ne,
@@ -4532,7 +4560,7 @@ function ao({
         onVerifyToken: Bt,
         onRetry: $t
       }) : /* @__PURE__ */ t(
-        Na,
+        Ca,
         {
           challenge: C,
           botMitigation: A,
@@ -4547,7 +4575,7 @@ function ao({
         return f?.ended ? f.ended({
           ...ie,
           reason: z?.phase === "unavailable" ? z.reason ?? "unavailable" : "unavailable"
-        }) : /* @__PURE__ */ t(Sa, { title: x("experience.noSequenceTitle"), message: x("experience.noSequenceMessage") });
+        }) : /* @__PURE__ */ t(Da, { title: x("experience.noSequenceTitle"), message: x("experience.noSequenceMessage") });
       if (j === "scheduled")
         return f?.upcoming ? f.upcoming({
           ...ie,
@@ -4578,21 +4606,21 @@ function ao({
           startsAt: Ne,
           onLeave: Be,
           isLeaving: N
-        }) : /* @__PURE__ */ t(ja, { startsAt: Ne, onLeave: Be, isLeaving: N });
+        }) : /* @__PURE__ */ t(Ba, { startsAt: Ne, onLeave: Be, isLeaving: N });
       if (j === "enterable" || j === "participating") {
-        const k = j === "enterable" ? $a : kt, C = j === "participating" ? qt : fe?.id, A = z?.phase === "enterable" && "enter" in z && typeof z.enter == "function", Ae = z?.phase === "participating" && "leave" in z;
-        if (j === "enterable" && f?.enterable && Zn(z))
+        const k = j === "enterable" ? Oa : kt, C = j === "participating" ? qt : fe?.id, A = z?.phase === "enterable" && "enter" in z && typeof z.enter == "function", Ae = z?.phase === "participating" && "leave" in z;
+        if (j === "enterable" && f?.enterable && Jn(z))
           return f.enterable({
             ...ie,
             sequence: z,
             participationType: z.mechanism
           });
-        if (j === "participating" && f?.participating && Gn(z))
+        if (j === "participating" && f?.participating && Qn(z))
           return f.participating({
             ...ie,
             sequence: z,
             participationType: z.mechanism,
-            position: qa
+            position: Wa
           });
         const xe = fe?.details;
         if (C)
@@ -4617,7 +4645,7 @@ function ao({
             case "draw": {
               const ee = xe?.type === "draw" ? xe : void 0;
               return /* @__PURE__ */ t(
-                Ge,
+                Ye,
                 {
                   state$: Le,
                   sequencePhase: j,
@@ -4674,7 +4702,7 @@ function ao({
             case "appointment": {
               const ee = xe?.type === "appointment" ? xe : void 0;
               return /* @__PURE__ */ t(
-                Et,
+                Mt,
                 {
                   appointmentId: C,
                   state$: Le,
@@ -4705,7 +4733,7 @@ function ao({
           case "draw": {
             const C = k?.type === "draw" ? k : void 0;
             return /* @__PURE__ */ t(
-              Ge,
+              Ye,
               {
                 state$: void 0,
                 sequencePhase: "settling",
@@ -4744,7 +4772,7 @@ function ao({
       }
       if (j === "granted") {
         const k = Ve?.expiresAt ? new Date(Ve.expiresAt).getTime() : void 0;
-        if (f?.granted && Yn(z))
+        if (f?.granted && Xn(z))
           return f.granted({
             ...ie,
             sequence: z,
@@ -4767,7 +4795,7 @@ function ao({
           case "queue":
             return /* @__PURE__ */ t(ut, { ...C });
           case "draw":
-            return /* @__PURE__ */ t(Ge, { ...C });
+            return /* @__PURE__ */ t(Ye, { ...C });
           case "auction":
             return /* @__PURE__ */ t(Ze, { ...C });
           case "timed_release":
@@ -4799,20 +4827,20 @@ function ao({
           onLeave: we,
           isEntering: !1,
           isLeaving: !1,
-          outcomeReason: Xt(k)
+          outcomeReason: ta(k)
         };
         switch (Ot) {
           case "queue":
             return /* @__PURE__ */ t(ut, { ...C });
           case "draw":
-            return /* @__PURE__ */ t(Ge, { ...C });
+            return /* @__PURE__ */ t(Ye, { ...C });
           case "auction":
             return /* @__PURE__ */ t(Ze, { ...C });
           case "timed_release":
             return /* @__PURE__ */ t(pt, { ...C });
           case "appointment":
             return /* @__PURE__ */ t(
-              Et,
+              Mt,
               {
                 appointmentId: qt ?? fe?.id ?? "",
                 sequencePhase: "ended",
@@ -4822,7 +4850,7 @@ function ao({
                 isBooking: !1,
                 isCancelling: !1,
                 isRescheduling: !1,
-                outcomeReason: Xt(k)
+                outcomeReason: ta(k)
               }
             );
         }
@@ -4830,12 +4858,12 @@ function ao({
       }
     }
     return f?.loading ? f.loading({ ...ie, message: st }) : /* @__PURE__ */ t(Rt, { message: st });
-  }, Wa = `${R ?? "loading"}-${j ?? "unavailable"}`;
-  return /* @__PURE__ */ t(Vt, { theme: J, variant: ue, children: /* @__PURE__ */ t("div", { className: D("fanfare-experience-widget", b), "data-slot": "experience-widget", children: /* @__PURE__ */ t(Ye, { transitionKey: Wa, children: Oa() }) }) });
+  }, Ha = `${R ?? "loading"}-${j ?? "unavailable"}`;
+  return /* @__PURE__ */ t(Vt, { theme: J, variant: ue, children: /* @__PURE__ */ t("div", { className: V("fanfare-experience-widget", b), "data-slot": "experience-widget", children: /* @__PURE__ */ t(Ge, { transitionKey: Ha, children: Ua() }) }) });
 }
-ao.displayName = "ExperienceWidget";
-const ro = '@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-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--ff-font-sans:"Inter",system-ui,sans-serif;--ff-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ff-color-neutral-50:oklch(98.5% 0 0);--ff-color-neutral-200:oklch(92.2% 0 0);--ff-color-neutral-300:oklch(87% 0 0);--ff-color-neutral-500:oklch(55.6% 0 0);--ff-color-white:#fff;--ff-spacing:.25rem;--ff-container-sm:24rem;--ff-text-xs:.75rem;--ff-text-xs--line-height:calc(1/.75);--ff-text-sm:.875rem;--ff-text-sm--line-height:calc(1.25/.875);--ff-text-base:1rem;--ff-text-base--line-height: 1.5 ;--ff-text-lg:1.125rem;--ff-text-lg--line-height:calc(1.75/1.125);--ff-text-xl:1.25rem;--ff-text-xl--line-height:calc(1.75/1.25);--ff-text-2xl:1.5rem;--ff-text-2xl--line-height:calc(2/1.5);--ff-text-3xl:1.875rem;--ff-text-3xl--line-height: 1.2 ;--ff-text-4xl:2.25rem;--ff-text-4xl--line-height:calc(2.5/2.25);--ff-font-weight-extralight:200;--ff-font-weight-light:300;--ff-font-weight-normal:400;--ff-font-weight-medium:500;--ff-font-weight-semibold:600;--ff-font-weight-bold:700;--ff-font-weight-extrabold:800;--ff-font-weight-black:900;--ff-tracking-tight:-.025em;--ff-tracking-normal:0em;--ff-tracking-wide:.025em;--ff-tracking-wider:.05em;--ff-tracking-widest:.1em;--ff-leading-tight:1.25;--ff-radius-md:.375rem;--ff-radius-lg:.5rem;--ff-radius-xl:.75rem;--ff-radius-2xl:1rem;--ff-radius-3xl:1.5rem;--ff-ease-out:cubic-bezier(0,0,.2,1);--ff-animate-spin:spin 1s linear infinite;--ff-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--ff-default-transition-duration:.15s;--ff-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--ff-default-font-family:var(--ff-font-sans);--ff-default-mono-font-family:var(--ff-font-mono);--ff-color-primary:#1d1f27;--ff-color-primary-foreground:#fff;--ff-color-secondary:#f4f4f5;--ff-color-background:#fff;--ff-color-surface:transparent;--ff-color-surface-foreground:#1d1f27;--ff-color-foreground:#1d1f27;--ff-color-muted:#4b4e56cc;--ff-color-muted-foreground:#4b4e5699;--ff-color-border:#4b4e5666;--ff-color-success:oklch(77% .18 130);--ff-color-success-foreground:#111;--ff-color-warning:oklch(72% .18 65);--ff-color-warning-foreground:#111;--ff-color-danger:oklch(63% .24 25);--ff-color-danger-foreground:#fff;--ff-font-heading:"Inter",system-ui,sans-serif;--ff-text-xxs:.625rem;--ff-text-xxs--line-height:.875rem;--ff-animate-fade-in:fade-in .2s ease-out;--ff-animate-fade-out:fade-out .2s ease-out;--ff-animate-slide-in:slide-in .2s ease-out;--ff-animate-slide-out:slide-out .2s ease-out;--ff-animate-scale-in:scale-in .2s ease-out;--ff-animate-scale-out:scale-out .2s ease-out;--ff-animate-accordion-down:accordion-down .2s ease-out;--ff-animate-accordion-up:accordion-up .2s ease-out;--ff-animate-celebration:celebration-bounce .6s ease-out;--ff-animate-shake:shake .5s ease-out;--ff-animate-pulse-success:pulse-success 1s ease-out}}@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(--ff-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--ff-default-font-feature-settings,normal);font-variation-settings:var(--ff-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--ff-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--ff-default-mono-font-feature-settings,normal);font-variation-settings:var(--ff-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{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}.fanfare-themed{font-family:var(--ff-font-sans);color:var(--ff-color-foreground);background-color:var(--ff-color-surface)}.fanfare-themed *,.fanfare-themed :after,.fanfare-themed :before,.fanfare-themed ::backdrop{border-color:var(--ff-color-border);outline-color:var(--ff-color-border)}.fanfare-themed ::file-selector-button{border-color:var(--ff-color-border);outline-color:var(--ff-color-border)}.fanfare-themed button:not(:disabled),.fanfare-themed [role=button]:not(:disabled){cursor:pointer}.fanfare-themed :focus-visible{outline:2px solid var(--ff-color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.fanfare-themed *,.fanfare-themed :before,.fanfare-themed :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fanfare-root{color:var(--ff-color-foreground);background-color:var(--ff-color-surface);font-family:var(--ff-font-sans)}.fanfare-root *,.fanfare-root :after,.fanfare-root :before,.fanfare-root ::backdrop{border-color:var(--ff-color-border);outline-color:var(--ff-color-border)}.fanfare-root ::file-selector-button{border-color:var(--ff-color-border);outline-color:var(--ff-color-border)}.fanfare-root button:not(:disabled),.fanfare-root [role=button]:not(:disabled){cursor:pointer}@media(prefers-reduced-motion:reduce){.fanfare-root *,.fanfare-root :before,.fanfare-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components;@layer utilities{.ff\\:pointer-events-none{pointer-events:none}.ff\\:absolute{position:absolute}.ff\\:relative{position:relative}.ff\\:inset-0{inset:calc(var(--ff-spacing)*0)}.ff\\:top-1\\/2{top:50%}.ff\\:top-3{top:calc(var(--ff-spacing)*3)}.ff\\:right-2{right:calc(var(--ff-spacing)*2)}.ff\\:left-3{left:calc(var(--ff-spacing)*3)}.ff\\:z-10{z-index:10}.ff\\:-mx-1{margin-inline:calc(var(--ff-spacing)*-1)}.ff\\:mx-2{margin-inline:calc(var(--ff-spacing)*2)}.ff\\:-mt-0\\.5{margin-top:calc(var(--ff-spacing)*-.5)}.ff\\:mt-0\\.5{margin-top:calc(var(--ff-spacing)*.5)}.ff\\:mt-1{margin-top:calc(var(--ff-spacing)*1)}.ff\\:mt-2{margin-top:calc(var(--ff-spacing)*2)}.ff\\:mt-3{margin-top:calc(var(--ff-spacing)*3)}.ff\\:mt-4{margin-top:calc(var(--ff-spacing)*4)}.ff\\:mt-auto{margin-top:auto}.ff\\:mb-1\\.5{margin-bottom:calc(var(--ff-spacing)*1.5)}.ff\\:mb-2{margin-bottom:calc(var(--ff-spacing)*2)}.ff\\:mb-4{margin-bottom:calc(var(--ff-spacing)*4)}.ff\\:mb-6{margin-bottom:calc(var(--ff-spacing)*6)}.ff\\:block{display:block}.ff\\:flex{display:flex}.ff\\:grid{display:grid}.ff\\:inline-block{display:inline-block}.ff\\:inline-flex{display:inline-flex}.ff\\:size-1{width:calc(var(--ff-spacing)*1);height:calc(var(--ff-spacing)*1)}.ff\\:size-1\\.5{width:calc(var(--ff-spacing)*1.5);height:calc(var(--ff-spacing)*1.5)}.ff\\:size-4{width:calc(var(--ff-spacing)*4);height:calc(var(--ff-spacing)*4)}.ff\\:size-5{width:calc(var(--ff-spacing)*5);height:calc(var(--ff-spacing)*5)}.ff\\:size-6{width:calc(var(--ff-spacing)*6);height:calc(var(--ff-spacing)*6)}.ff\\:size-8{width:calc(var(--ff-spacing)*8);height:calc(var(--ff-spacing)*8)}.ff\\:size-10{width:calc(var(--ff-spacing)*10);height:calc(var(--ff-spacing)*10)}.ff\\:h-0\\.5{height:calc(var(--ff-spacing)*.5)}.ff\\:h-1{height:calc(var(--ff-spacing)*1)}.ff\\:h-2{height:calc(var(--ff-spacing)*2)}.ff\\:h-2\\.5{height:calc(var(--ff-spacing)*2.5)}.ff\\:h-3{height:calc(var(--ff-spacing)*3)}.ff\\:h-4{height:calc(var(--ff-spacing)*4)}.ff\\:h-4\\.5{height:calc(var(--ff-spacing)*4.5)}.ff\\:h-5{height:calc(var(--ff-spacing)*5)}.ff\\:h-6{height:calc(var(--ff-spacing)*6)}.ff\\:h-8{height:calc(var(--ff-spacing)*8)}.ff\\:h-10{height:calc(var(--ff-spacing)*10)}.ff\\:h-12{height:calc(var(--ff-spacing)*12)}.ff\\:h-14{height:calc(var(--ff-spacing)*14)}.ff\\:h-16{height:calc(var(--ff-spacing)*16)}.ff\\:h-20{height:calc(var(--ff-spacing)*20)}.ff\\:h-32{height:calc(var(--ff-spacing)*32)}.ff\\:h-\\[480px\\]{height:480px}.ff\\:h-auto{height:auto}.ff\\:h-full{height:100%}.ff\\:max-h-44{max-height:calc(var(--ff-spacing)*44)}.ff\\:max-h-\\[24rem\\]{max-height:24rem}.ff\\:w-1\\/2{width:50%}.ff\\:w-1\\/3{width:33.3333%}.ff\\:w-2\\/3{width:66.6667%}.ff\\:w-3\\/4{width:75%}.ff\\:w-5\\/6{width:83.3333%}.ff\\:w-6{width:calc(var(--ff-spacing)*6)}.ff\\:w-9{width:calc(var(--ff-spacing)*9)}.ff\\:w-10{width:calc(var(--ff-spacing)*10)}.ff\\:w-12{width:calc(var(--ff-spacing)*12)}.ff\\:w-14{width:calc(var(--ff-spacing)*14)}.ff\\:w-16{width:calc(var(--ff-spacing)*16)}.ff\\:w-20{width:calc(var(--ff-spacing)*20)}.ff\\:w-40{width:calc(var(--ff-spacing)*40)}.ff\\:w-72{width:calc(var(--ff-spacing)*72)}.ff\\:w-80{width:calc(var(--ff-spacing)*80)}.ff\\:w-auto{width:auto}.ff\\:w-full{width:100%}.ff\\:max-w-sm{max-width:var(--ff-container-sm)}.ff\\:min-w-0{min-width:calc(var(--ff-spacing)*0)}.ff\\:flex-1{flex:1}.ff\\:shrink-0{flex-shrink:0}.ff\\:origin-center{transform-origin:50%}.ff\\:origin-top-left{transform-origin:0 0}.ff\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:-translate-y-2{--tw-translate-y:calc(var(--ff-spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.ff\\:animate-\\[skeleton-shimmer_2s_ease-in-out_infinite\\]{animation:2s ease-in-out infinite skeleton-shimmer}.ff\\:animate-\\[skeleton-slide_2s_ease-in-out_infinite\\]{animation:2s ease-in-out infinite skeleton-slide}.ff\\:animate-\\[spin_1\\.2s_cubic-bezier\\(0\\.4\\,0\\,0\\.6\\,1\\)_infinite\\]{animation:1.2s cubic-bezier(.4,0,.6,1) infinite spin}.ff\\:animate-\\[spin_1\\.8s_linear_infinite\\]{animation:1.8s linear infinite spin}.ff\\:animate-accordion-down{animation:var(--ff-animate-accordion-down)}.ff\\:animate-accordion-up{animation:var(--ff-animate-accordion-up)}.ff\\:animate-celebration{animation:var(--ff-animate-celebration)}.ff\\:animate-fade-in{animation:var(--ff-animate-fade-in)}.ff\\:animate-fade-out{animation:var(--ff-animate-fade-out)}.ff\\:animate-none{animation:none}.ff\\:animate-pulse{animation:var(--ff-animate-pulse)}.ff\\:animate-pulse-success{animation:var(--ff-animate-pulse-success)}.ff\\:animate-scale-in{animation:var(--ff-animate-scale-in)}.ff\\:animate-scale-out{animation:var(--ff-animate-scale-out)}.ff\\:animate-shake{animation:var(--ff-animate-shake)}.ff\\:animate-slide-in{animation:var(--ff-animate-slide-in)}.ff\\:animate-slide-out{animation:var(--ff-animate-slide-out)}.ff\\:animate-spin{animation:var(--ff-animate-spin)}.ff\\:cursor-not-allowed{cursor:not-allowed}.ff\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ff\\:flex-col{flex-direction:column}.ff\\:flex-row{flex-direction:row}.ff\\:flex-wrap{flex-wrap:wrap}.ff\\:items-baseline{align-items:baseline}.ff\\:items-center{align-items:center}.ff\\:items-start{align-items:flex-start}.ff\\:justify-between{justify-content:space-between}.ff\\:justify-center{justify-content:center}.ff\\:gap-0\\.5{gap:calc(var(--ff-spacing)*.5)}.ff\\:gap-1{gap:calc(var(--ff-spacing)*1)}.ff\\:gap-1\\.5{gap:calc(var(--ff-spacing)*1.5)}.ff\\:gap-2{gap:calc(var(--ff-spacing)*2)}.ff\\:gap-3{gap:calc(var(--ff-spacing)*3)}.ff\\:gap-4{gap:calc(var(--ff-spacing)*4)}.ff\\:gap-5{gap:calc(var(--ff-spacing)*5)}.ff\\:gap-6{gap:calc(var(--ff-spacing)*6)}.ff\\:gap-10{gap:calc(var(--ff-spacing)*10)}.ff\\:gap-12{gap:calc(var(--ff-spacing)*12)}:where(.ff\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--ff-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--ff-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.ff\\:space-y-1\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--ff-spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--ff-spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.ff\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--ff-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--ff-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.ff\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--ff-spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--ff-spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.ff\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--ff-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--ff-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.ff\\:self-end{align-self:flex-end}.ff\\:overflow-hidden{overflow:hidden}.ff\\:overflow-visible{overflow:visible}.ff\\:overflow-x-auto{overflow-x:auto}.ff\\:overflow-y-auto{overflow-y:auto}.ff\\:rounded{border-radius:.25rem}.ff\\:rounded-2xl{border-radius:var(--ff-radius-2xl)}.ff\\:rounded-3xl{border-radius:var(--ff-radius-3xl)}.ff\\:rounded-\\[8px\\]{border-radius:8px}.ff\\:rounded-\\[10px\\]{border-radius:10px}.ff\\:rounded-\\[14px\\]{border-radius:14px}.ff\\:rounded-full{border-radius:3.40282e38px}.ff\\:rounded-lg{border-radius:var(--ff-radius-lg)}.ff\\:rounded-md{border-radius:var(--ff-radius-md)}.ff\\:rounded-none{border-radius:0}.ff\\:rounded-xl{border-radius:var(--ff-radius-xl)}.ff\\:border{border-style:var(--tw-border-style);border-width:1px}.ff\\:border-0{border-style:var(--tw-border-style);border-width:0}.ff\\:border-2{border-style:var(--tw-border-style);border-width:2px}.ff\\:border-3{border-style:var(--tw-border-style);border-width:3px}.ff\\:border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.ff\\:border-\\[2\\.5px\\]{border-style:var(--tw-border-style);border-width:2.5px}.ff\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.ff\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.ff\\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.ff\\:border-none{--tw-border-style:none;border-style:none}.ff\\:border-border,.ff\\:border-border\\/40{border-color:var(--ff-color-border)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-border\\/40{border-color:color-mix(in oklab,var(--ff-color-border)40%,transparent)}}.ff\\:border-border\\/50{border-color:var(--ff-color-border)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-border\\/50{border-color:color-mix(in oklab,var(--ff-color-border)50%,transparent)}}.ff\\:border-danger,.ff\\:border-danger\\/50{border-color:var(--ff-color-danger)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-danger\\/50{border-color:color-mix(in oklab,var(--ff-color-danger)50%,transparent)}}.ff\\:border-foreground,.ff\\:border-foreground\\/8{border-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-foreground\\/8{border-color:color-mix(in oklab,var(--ff-color-foreground)8%,transparent)}}.ff\\:border-foreground\\/12{border-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-foreground\\/12{border-color:color-mix(in oklab,var(--ff-color-foreground)12%,transparent)}}.ff\\:border-foreground\\/20{border-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-foreground\\/20{border-color:color-mix(in oklab,var(--ff-color-foreground)20%,transparent)}}.ff\\:border-foreground\\/\\[0\\.08\\]{border-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-foreground\\/\\[0\\.08\\]{border-color:color-mix(in oklab,var(--ff-color-foreground)8%,transparent)}}.ff\\:border-neutral-200{border-color:var(--ff-color-neutral-200)}.ff\\:border-primary{border-color:var(--ff-color-primary)}.ff\\:border-transparent{border-color:#0000}.ff\\:border-b-danger{border-bottom-color:var(--ff-color-danger)}.ff\\:bg-\\[\\#ff3a00\\]{background-color:#ff3a00}.ff\\:bg-\\[color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_3\\%\\,var\\(--ff-color-background\\)\\)\\]{background-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-\\[color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_3\\%\\,var\\(--ff-color-background\\)\\)\\]{background-color:color-mix(in oklch,var(--ff-color-foreground)3%,var(--ff-color-background))}}.ff\\:bg-background,.ff\\:bg-background\\/60{background-color:var(--ff-color-background)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-background\\/60{background-color:color-mix(in oklab,var(--ff-color-background)60%,transparent)}}.ff\\:bg-background\\/70{background-color:var(--ff-color-background)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-background\\/70{background-color:color-mix(in oklab,var(--ff-color-background)70%,transparent)}}.ff\\:bg-danger,.ff\\:bg-danger\\/10{background-color:var(--ff-color-danger)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-danger\\/10{background-color:color-mix(in oklab,var(--ff-color-danger)10%,transparent)}}.ff\\:bg-foreground\\/5{background-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-foreground\\/5{background-color:color-mix(in oklab,var(--ff-color-foreground)5%,transparent)}}.ff\\:bg-foreground\\/40{background-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-foreground\\/40{background-color:color-mix(in oklab,var(--ff-color-foreground)40%,transparent)}}.ff\\:bg-foreground\\/\\[0\\.1\\]{background-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-foreground\\/\\[0\\.1\\]{background-color:color-mix(in oklab,var(--ff-color-foreground)10%,transparent)}}.ff\\:bg-foreground\\/\\[0\\.08\\]{background-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-foreground\\/\\[0\\.08\\]{background-color:color-mix(in oklab,var(--ff-color-foreground)8%,transparent)}}.ff\\:bg-muted\\/5{background-color:var(--ff-color-muted)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-muted\\/5{background-color:color-mix(in oklab,var(--ff-color-muted)5%,transparent)}}.ff\\:bg-neutral-50{background-color:var(--ff-color-neutral-50)}.ff\\:bg-primary{background-color:var(--ff-color-primary)}.ff\\:bg-primary-foreground{background-color:var(--ff-color-primary-foreground)}.ff\\:bg-primary\\/5{background-color:var(--ff-color-primary)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-primary\\/5{background-color:color-mix(in oklab,var(--ff-color-primary)5%,transparent)}}.ff\\:bg-secondary{background-color:var(--ff-color-secondary)}.ff\\:bg-success,.ff\\:bg-success\\/10{background-color:var(--ff-color-success)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-success\\/10{background-color:color-mix(in oklab,var(--ff-color-success)10%,transparent)}}.ff\\:bg-transparent{background-color:#0000}.ff\\:bg-warning,.ff\\:bg-warning\\/10{background-color:var(--ff-color-warning)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-warning\\/10{background-color:color-mix(in oklab,var(--ff-color-warning)10%,transparent)}}.ff\\:bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab,red,red)){.ff\\:bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.ff\\:bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.ff\\:from-primary\\/10{--tw-gradient-from:var(--ff-color-primary)}@supports (color:color-mix(in lab,red,red)){.ff\\:from-primary\\/10{--tw-gradient-from:color-mix(in oklab,var(--ff-color-primary)10%,transparent)}}.ff\\:from-primary\\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.ff\\:to-primary\\/5{--tw-gradient-to:var(--ff-color-primary)}@supports (color:color-mix(in lab,red,red)){.ff\\:to-primary\\/5{--tw-gradient-to:color-mix(in oklab,var(--ff-color-primary)5%,transparent)}}.ff\\:to-primary\\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.ff\\:\\[background-size\\:200\\%_100\\%\\]{background-size:200% 100%}.ff\\:p-0{padding:calc(var(--ff-spacing)*0)}.ff\\:p-3{padding:calc(var(--ff-spacing)*3)}.ff\\:p-4{padding:calc(var(--ff-spacing)*4)}.ff\\:p-5{padding:calc(var(--ff-spacing)*5)}.ff\\:p-6{padding:calc(var(--ff-spacing)*6)}.ff\\:p-8{padding:calc(var(--ff-spacing)*8)}.ff\\:px-0{padding-inline:calc(var(--ff-spacing)*0)}.ff\\:px-2{padding-inline:calc(var(--ff-spacing)*2)}.ff\\:px-2\\.5{padding-inline:calc(var(--ff-spacing)*2.5)}.ff\\:px-3{padding-inline:calc(var(--ff-spacing)*3)}.ff\\:px-4{padding-inline:calc(var(--ff-spacing)*4)}.ff\\:px-5{padding-inline:calc(var(--ff-spacing)*5)}.ff\\:px-6{padding-inline:calc(var(--ff-spacing)*6)}.ff\\:py-0\\.5{padding-block:calc(var(--ff-spacing)*.5)}.ff\\:py-1{padding-block:calc(var(--ff-spacing)*1)}.ff\\:py-1\\.5{padding-block:calc(var(--ff-spacing)*1.5)}.ff\\:py-2{padding-block:calc(var(--ff-spacing)*2)}.ff\\:py-2\\.5{padding-block:calc(var(--ff-spacing)*2.5)}.ff\\:py-3{padding-block:calc(var(--ff-spacing)*3)}.ff\\:py-4{padding-block:calc(var(--ff-spacing)*4)}.ff\\:py-12{padding-block:calc(var(--ff-spacing)*12)}.ff\\:pt-2{padding-top:calc(var(--ff-spacing)*2)}.ff\\:pt-3{padding-top:calc(var(--ff-spacing)*3)}.ff\\:pt-5{padding-top:calc(var(--ff-spacing)*5)}.ff\\:pb-0\\.5{padding-bottom:calc(var(--ff-spacing)*.5)}.ff\\:pb-1{padding-bottom:calc(var(--ff-spacing)*1)}.ff\\:pb-2{padding-bottom:calc(var(--ff-spacing)*2)}.ff\\:pb-8{padding-bottom:calc(var(--ff-spacing)*8)}.ff\\:pl-7{padding-left:calc(var(--ff-spacing)*7)}.ff\\:text-center{text-align:center}.ff\\:text-right{text-align:right}.ff\\:font-heading{font-family:var(--ff-font-heading)}.ff\\:font-mono{font-family:var(--ff-font-mono)}.ff\\:text-2xl{font-size:var(--ff-text-2xl);line-height:var(--tw-leading,var(--ff-text-2xl--line-height))}.ff\\:text-3xl{font-size:var(--ff-text-3xl);line-height:var(--tw-leading,var(--ff-text-3xl--line-height))}.ff\\:text-4xl{font-size:var(--ff-text-4xl);line-height:var(--tw-leading,var(--ff-text-4xl--line-height))}.ff\\:text-base{font-size:var(--ff-text-base);line-height:var(--tw-leading,var(--ff-text-base--line-height))}.ff\\:text-lg{font-size:var(--ff-text-lg);line-height:var(--tw-leading,var(--ff-text-lg--line-height))}.ff\\:text-sm{font-size:var(--ff-text-sm);line-height:var(--tw-leading,var(--ff-text-sm--line-height))}.ff\\:text-xl{font-size:var(--ff-text-xl);line-height:var(--tw-leading,var(--ff-text-xl--line-height))}.ff\\:text-xs{font-size:var(--ff-text-xs);line-height:var(--tw-leading,var(--ff-text-xs--line-height))}.ff\\:text-xxs{font-size:var(--ff-text-xxs);line-height:var(--tw-leading,var(--ff-text-xxs--line-height))}.ff\\:text-\\[2rem\\]{font-size:2rem}.ff\\:text-\\[10\\.5px\\]{font-size:10.5px}.ff\\:text-\\[52px\\]{font-size:52px}.ff\\:leading-none{--tw-leading:1;line-height:1}.ff\\:leading-tight{--tw-leading:var(--ff-leading-tight);line-height:var(--ff-leading-tight)}.ff\\:font-black{--tw-font-weight:var(--ff-font-weight-black);font-weight:var(--ff-font-weight-black)}.ff\\:font-bold{--tw-font-weight:var(--ff-font-weight-bold);font-weight:var(--ff-font-weight-bold)}.ff\\:font-extrabold{--tw-font-weight:var(--ff-font-weight-extrabold);font-weight:var(--ff-font-weight-extrabold)}.ff\\:font-extralight{--tw-font-weight:var(--ff-font-weight-extralight);font-weight:var(--ff-font-weight-extralight)}.ff\\:font-light{--tw-font-weight:var(--ff-font-weight-light);font-weight:var(--ff-font-weight-light)}.ff\\:font-medium{--tw-font-weight:var(--ff-font-weight-medium);font-weight:var(--ff-font-weight-medium)}.ff\\:font-normal{--tw-font-weight:var(--ff-font-weight-normal);font-weight:var(--ff-font-weight-normal)}.ff\\:font-semibold{--tw-font-weight:var(--ff-font-weight-semibold);font-weight:var(--ff-font-weight-semibold)}.ff\\:tracking-\\[-0\\.025em\\]{--tw-tracking:-.025em;letter-spacing:-.025em}.ff\\:tracking-\\[0\\.1em\\]{--tw-tracking:.1em;letter-spacing:.1em}.ff\\:tracking-\\[0\\.08em\\]{--tw-tracking:.08em;letter-spacing:.08em}.ff\\:tracking-\\[0\\.15em\\]{--tw-tracking:.15em;letter-spacing:.15em}.ff\\:tracking-normal{--tw-tracking:var(--ff-tracking-normal);letter-spacing:var(--ff-tracking-normal)}.ff\\:tracking-tight{--tw-tracking:var(--ff-tracking-tight);letter-spacing:var(--ff-tracking-tight)}.ff\\:tracking-wide{--tw-tracking:var(--ff-tracking-wide);letter-spacing:var(--ff-tracking-wide)}.ff\\:tracking-wider{--tw-tracking:var(--ff-tracking-wider);letter-spacing:var(--ff-tracking-wider)}.ff\\:tracking-widest{--tw-tracking:var(--ff-tracking-widest);letter-spacing:var(--ff-tracking-widest)}.ff\\:whitespace-nowrap{white-space:nowrap}.ff\\:text-current{color:currentColor}.ff\\:text-danger{color:var(--ff-color-danger)}.ff\\:text-danger-foreground{color:var(--ff-color-danger-foreground)}.ff\\:text-foreground,.ff\\:text-foreground\\/80{color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:text-foreground\\/80{color:color-mix(in oklab,var(--ff-color-foreground)80%,transparent)}}.ff\\:text-muted{color:var(--ff-color-muted)}.ff\\:text-muted-foreground{color:var(--ff-color-muted-foreground)}.ff\\:text-muted\\/60{color:var(--ff-color-muted)}@supports (color:color-mix(in lab,red,red)){.ff\\:text-muted\\/60{color:color-mix(in oklab,var(--ff-color-muted)60%,transparent)}}.ff\\:text-neutral-300{color:var(--ff-color-neutral-300)}.ff\\:text-neutral-500{color:var(--ff-color-neutral-500)}.ff\\:text-primary{color:var(--ff-color-primary)}.ff\\:text-primary-foreground{color:var(--ff-color-primary-foreground)}.ff\\:text-success{color:var(--ff-color-success)}.ff\\:text-success-foreground{color:var(--ff-color-success-foreground)}.ff\\:text-warning{color:var(--ff-color-warning)}.ff\\:text-warning-foreground{color:var(--ff-color-warning-foreground)}.ff\\:text-white{color:var(--ff-color-white)}.ff\\:uppercase{text-transform:uppercase}.ff\\: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,)}.ff\\:accent-foreground{accent-color:var(--ff-color-foreground)}.ff\\:opacity-0{opacity:0}.ff\\:opacity-25{opacity:.25}.ff\\:opacity-40{opacity:.4}.ff\\:opacity-50{opacity:.5}.ff\\:opacity-60{opacity:.6}.ff\\:opacity-80{opacity:.8}.ff\\:shadow-\\[0_0_10px_-2px_var\\(--ff-color-primary\\)\\]{--tw-shadow:0 0 10px -2px var(--tw-shadow-color,var(--ff-color-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.04\\)\\,0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0000000a),0 8px 24px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[0_2px_12px_-3px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\,0_0_12px_-6px_var\\(--ff-color-primary\\)\\]{--tw-shadow:0 2px 12px -3px var(--tw-shadow-color,#00000014),0 0 12px -6px var(--tw-shadow-color,var(--ff-color-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[0_2px_12px_-3px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0 2px 12px -3px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[2px_2px_0_var\\(--ff-color-foreground\\)\\]{--tw-shadow:2px 2px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[3px_3px_0_var\\(--ff-color-foreground\\)\\]{--tw-shadow:3px 3px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[4px_4px_0_var\\(--ff-color-foreground\\)\\]{--tw-shadow:4px 4px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[6px_6px_0_var\\(--ff-color-foreground\\)\\]{--tw-shadow:6px 6px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[inset_0_-3px_0_rgba\\(0\\,0\\,0\\,0\\.2\\)\\]{--tw-shadow:inset 0 -3px 0 var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[inset_0_1px_4px_-1px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\]{--tw-shadow:inset 0 1px 4px -1px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[inset_0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:inset 0 2px 4px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[inset_2px_2px_0_var\\(--ff-color-secondary\\)\\]{--tw-shadow:inset 2px 2px 0 var(--tw-shadow-color,var(--ff-color-secondary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[inset_3px_3px_0_var\\(--ff-color-secondary\\)\\]{--tw-shadow:inset 3px 3px 0 var(--tw-shadow-color,var(--ff-color-secondary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\: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)}.ff\\: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)}.ff\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--ff-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ff-default-transition-duration))}.ff\\: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(--ff-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ff-default-transition-duration))}.ff\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--ff-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ff-default-transition-duration))}.ff\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.ff\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.ff\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.ff\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.ff\\:ease-out{--tw-ease:var(--ff-ease-out);transition-timing-function:var(--ff-ease-out)}.ff\\:outline-none{--tw-outline-style:none;outline-style:none}.ff\\:select-none{-webkit-user-select:none;user-select:none}.ff\\:\\[background\\:linear-gradient\\(90deg\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_0\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_10\\%\\,transparent\\)_50\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_100\\%\\)\\]{background:linear-gradient(90deg,var(--ff-color-foreground)0%,var(--ff-color-foreground)50%,var(--ff-color-foreground)100%)}@supports (color:color-mix(in lab,red,red)){.ff\\:\\[background\\:linear-gradient\\(90deg\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_0\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_10\\%\\,transparent\\)_50\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_100\\%\\)\\]{background:linear-gradient(90deg,color-mix(in oklch,var(--ff-color-foreground)6%,transparent),color-mix(in oklch,var(--ff-color-foreground)10%,transparent),color-mix(in oklch,var(--ff-color-foreground)6%,transparent))}}.ff\\:\\[background\\:linear-gradient\\(90deg\\,transparent_0\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_20\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_80\\%\\,transparent_100\\%\\)\\]{background:linear-gradient(90deg,transparent 0%,var(--ff-color-foreground)20%,var(--ff-color-foreground)80%,transparent 100%)}@supports (color:color-mix(in lab,red,red)){.ff\\:\\[background\\:linear-gradient\\(90deg\\,transparent_0\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_20\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_80\\%\\,transparent_100\\%\\)\\]{background:linear-gradient(90deg,transparent 0%,color-mix(in oklch,var(--ff-color-foreground)6%,transparent)20%,color-mix(in oklch,var(--ff-color-foreground)6%,transparent)80%,transparent 100%)}}.ff\\:\\[background\\:linear-gradient\\(90deg\\,var\\(--ff-color-primary\\)\\,color-mix\\(in_oklch\\,var\\(--ff-color-primary\\)_80\\%\\,white\\)\\)\\]{background:linear-gradient(90deg,var(--ff-color-primary),var(--ff-color-primary))}@supports (color:color-mix(in lab,red,red)){.ff\\:\\[background\\:linear-gradient\\(90deg\\,var\\(--ff-color-primary\\)\\,color-mix\\(in_oklch\\,var\\(--ff-color-primary\\)_80\\%\\,white\\)\\)\\]{background:linear-gradient(90deg,var(--ff-color-primary),color-mix(in oklch,var(--ff-color-primary)80%,white))}}.ff\\:\\[background\\:repeating-linear-gradient\\(-45deg\\,var\\(--ff-color-primary\\)\\,var\\(--ff-color-primary\\)_8px\\,color-mix\\(in_oklch\\,var\\(--ff-color-primary\\)_80\\%\\,black\\)_8px\\,color-mix\\(in_oklch\\,var\\(--ff-color-primary\\)_80\\%\\,black\\)_16px\\)\\]{background:repeating-linear-gradient(-45deg,var(--ff-color-primary),var(--ff-color-primary)8px,var(--ff-color-primary)8px,var(--ff-color-primary)16px)}@supports (color:color-mix(in lab,red,red)){.ff\\:\\[background\\:repeating-linear-gradient\\(-45deg\\,var\\(--ff-color-primary\\)\\,var\\(--ff-color-primary\\)_8px\\,color-mix\\(in_oklch\\,var\\(--ff-color-primary\\)_80\\%\\,black\\)_8px\\,color-mix\\(in_oklch\\,var\\(--ff-color-primary\\)_80\\%\\,black\\)_16px\\)\\]{background:repeating-linear-gradient(-45deg,var(--ff-color-primary),var(--ff-color-primary)8px,color-mix(in oklch,var(--ff-color-primary)80%,black)8px,color-mix(in oklch,var(--ff-color-primary)80%,black)16px)}}.ff\\:\\[background\\:repeating-linear-gradient\\(-45deg\\,var\\(--ff-color-secondary\\)\\,var\\(--ff-color-secondary\\)_4px\\,var\\(--ff-color-surface\\)_4px\\,var\\(--ff-color-surface\\)_8px\\)\\]{background:repeating-linear-gradient(-45deg,var(--ff-color-secondary),var(--ff-color-secondary)4px,var(--ff-color-surface)4px,var(--ff-color-surface)8px)}.ff\\:\\[scrollbar-width\\:none\\]{scrollbar-width:none}.ff\\:duration-100{animation-duration:.1s}.ff\\:duration-150{animation-duration:.15s}.ff\\:duration-200{animation-duration:.2s}.ff\\:duration-300{animation-duration:.3s}.ff\\:ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.ff\\:peer-placeholder-shown\\:translate-y-0:is(:where(.ff\\:peer):placeholder-shown~*){--tw-translate-y:calc(var(--ff-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:peer-placeholder-shown\\:scale-100:is(:where(.ff\\:peer):placeholder-shown~*){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.ff\\:peer-placeholder-shown\\:font-normal:is(:where(.ff\\:peer):placeholder-shown~*){--tw-font-weight:var(--ff-font-weight-normal);font-weight:var(--ff-font-weight-normal)}.ff\\:peer-placeholder-shown\\:text-muted:is(:where(.ff\\:peer):placeholder-shown~*){color:var(--ff-color-muted)}.ff\\:peer-focus\\:-translate-y-2:is(:where(.ff\\:peer):focus~*){--tw-translate-y:calc(var(--ff-spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:peer-focus\\:scale-75:is(:where(.ff\\:peer):focus~*){--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.ff\\:peer-focus\\:font-medium:is(:where(.ff\\:peer):focus~*){--tw-font-weight:var(--ff-font-weight-medium);font-weight:var(--ff-font-weight-medium)}.ff\\:peer-focus\\:text-danger:is(:where(.ff\\:peer):focus~*){color:var(--ff-color-danger)}.ff\\:peer-focus\\:text-primary:is(:where(.ff\\:peer):focus~*){color:var(--ff-color-primary)}.ff\\:peer-disabled\\:text-muted:is(:where(.ff\\:peer):disabled~*){color:var(--ff-color-muted)}.ff\\:peer-disabled\\:opacity-50:is(:where(.ff\\:peer):disabled~*){opacity:.5}.ff\\:placeholder\\:text-muted::placeholder{color:var(--ff-color-muted)}.ff\\:placeholder\\:opacity-0::placeholder{opacity:0}.ff\\:placeholder\\:transition-opacity::placeholder{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--ff-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ff-default-transition-duration))}.ff\\:placeholder\\:duration-200::placeholder{--tw-duration:.2s;transition-duration:.2s;animation-duration:.2s}.ff\\:last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.ff\\:last\\:pb-0:last-child{padding-bottom:calc(var(--ff-spacing)*0)}@media(hover:hover){.ff\\:hover\\:-translate-x-0\\.5:hover{--tw-translate-x:calc(var(--ff-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:hover\\:translate-x-0:hover{--tw-translate-x:calc(var(--ff-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--ff-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:hover\\:translate-y-0:hover{--tw-translate-y:calc(var(--ff-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:hover\\:border-foreground:hover{border-color:var(--ff-color-foreground)}.ff\\:hover\\:bg-secondary:hover{background-color:var(--ff-color-secondary)}.ff\\:hover\\:underline:hover{text-decoration-line:underline}.ff\\:hover\\:opacity-90:hover{opacity:.9}.ff\\:hover\\:shadow-\\[0_4px_16px_-4px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]:hover{--tw-shadow:0 4px 16px -4px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:hover\\:shadow-\\[4px_4px_0_var\\(--ff-color-foreground\\)\\]:hover{--tw-shadow:4px 4px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:hover\\:shadow-\\[6px_6px_0_var\\(--ff-color-foreground\\)\\]:hover{--tw-shadow:6px 6px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:hover\\:shadow-none:hover{--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)}}.ff\\:focus\\:border-danger:focus,.ff\\:focus\\:border-danger\\/50:focus{border-color:var(--ff-color-danger)}@supports (color:color-mix(in lab,red,red)){.ff\\:focus\\:border-danger\\/50:focus{border-color:color-mix(in oklab,var(--ff-color-danger)50%,transparent)}}.ff\\:focus\\:border-primary:focus,.ff\\:focus\\:border-primary\\/50:focus{border-color:var(--ff-color-primary)}@supports (color:color-mix(in lab,red,red)){.ff\\:focus\\:border-primary\\/50:focus{border-color:color-mix(in oklab,var(--ff-color-primary)50%,transparent)}}.ff\\:focus\\:border-b-danger:focus{border-bottom-color:var(--ff-color-danger)}.ff\\:focus\\:border-b-primary:focus{border-bottom-color:var(--ff-color-primary)}.ff\\:focus\\:bg-background:focus{background-color:var(--ff-color-background)}.ff\\:focus\\:shadow-\\[inset_0_1px_4px_-1px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,0_0_0_3px_rgba\\(var\\(--ff-color-danger-rgb\\)\\,0\\.12\\)\\]:focus{--tw-shadow:inset 0 1px 4px -1px var(--tw-shadow-color,#0000000f),0 0 0 3px var(--tw-shadow-color,rgba(var(--ff-color-danger-rgb),.12));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:focus\\:shadow-\\[inset_0_1px_4px_-1px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,0_0_0_3px_rgba\\(var\\(--ff-color-primary-rgb\\)\\,0\\.12\\)\\]:focus{--tw-shadow:inset 0 1px 4px -1px var(--tw-shadow-color,#0000000f),0 0 0 3px var(--tw-shadow-color,rgba(var(--ff-color-primary-rgb),.12));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:focus\\:shadow-\\[inset_2px_2px_0_var\\(--ff-color-primary\\)\\]:focus{--tw-shadow:inset 2px 2px 0 var(--tw-shadow-color,var(--ff-color-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:focus\\:shadow-\\[inset_3px_3px_0_var\\(--ff-color-primary\\)\\]:focus{--tw-shadow:inset 3px 3px 0 var(--tw-shadow-color,var(--ff-color-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:focus\\:shadow-none:focus{--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)}.ff\\:focus\\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.ff\\:focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.ff\\:focus\\:ring-danger:focus,.ff\\:focus\\:ring-danger\\/20:focus{--tw-ring-color:var(--ff-color-danger)}@supports (color:color-mix(in lab,red,red)){.ff\\:focus\\:ring-danger\\/20:focus{--tw-ring-color:color-mix(in oklab,var(--ff-color-danger)20%,transparent)}}.ff\\:focus\\:ring-primary\\/20:focus{--tw-ring-color:var(--ff-color-primary)}@supports (color:color-mix(in lab,red,red)){.ff\\:focus\\:ring-primary\\/20:focus{--tw-ring-color:color-mix(in oklab,var(--ff-color-primary)20%,transparent)}}.ff\\:focus\\:placeholder\\:opacity-100:focus::placeholder{opacity:1}.ff\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.ff\\:focus-visible\\:ring-border:focus-visible{--tw-ring-color:var(--ff-color-border)}.ff\\:focus-visible\\:ring-danger:focus-visible{--tw-ring-color:var(--ff-color-danger)}.ff\\:focus-visible\\:ring-primary:focus-visible{--tw-ring-color:var(--ff-color-primary)}.ff\\:focus-visible\\:ring-secondary:focus-visible{--tw-ring-color:var(--ff-color-secondary)}.ff\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ff\\:active\\:translate-x-0:active{--tw-translate-x:calc(var(--ff-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:active\\:translate-x-0\\.5:active{--tw-translate-x:calc(var(--ff-spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--ff-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:active\\:translate-y-0\\.5:active{--tw-translate-y:calc(var(--ff-spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:active\\:shadow-\\[2px_2px_0_var\\(--ff-color-foreground\\)\\]:active{--tw-shadow:2px 2px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:active\\:shadow-\\[inset_0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]:active{--tw-shadow:inset 0 2px 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)}.ff\\:active\\:shadow-none:active{--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)}.ff\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.ff\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.ff\\:disabled\\:opacity-35:disabled{opacity:.35}.ff\\:disabled\\:opacity-50:disabled{opacity:.5}.ff\\:\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.ff\\:\\[\\&\\>\\*\\]\\:min-h-0>*{min-height:calc(var(--ff-spacing)*0)}.ff\\:\\[\\&\\>\\*\\]\\:flex-1>*{flex:1}.fanfare-text-balance{text-wrap:balance}.fanfare-text-pretty{text-wrap:pretty}}[data-fanfare-variant=default]{--ff-variant:"default"}[data-fanfare-variant=retro]{--ff-variant:"retro";--ff-color-background:#f4f1ea;--ff-color-foreground:#000;--ff-color-muted:#444;--ff-color-muted-foreground:#444;--ff-color-border:#000;--ff-font-sans:"Inconsolata","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--ff-font-heading:"Inconsolata","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--ff-font-mono:"Inconsolata","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}[data-fanfare-variant=rounded]{--ff-variant:"rounded"}[data-fanfare-variant=clean]{--ff-variant:"clean";--ff-color-background:#fff;--ff-color-foreground:#0a0a0a;--ff-color-muted:#737373;--ff-color-muted-foreground:#737373;--ff-color-border:#e8e8e8;--ff-font-sans:"Figtree",system-ui,sans-serif;--ff-font-heading:"Figtree",system-ui,sans-serif;--ff-font-mono:"Inconsolata","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.5rem)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes celebration-bounce{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes pulse-success{0%{box-shadow:0 0 0 0 var(--ff-color-success,#22c55e)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-slide{0%{background-position:-100% 0}to{background-position:200% 0}}', no = '@theme{ --color-primary: #1d1f27; --color-primary-foreground: #ffffff; --color-secondary: #f4f4f5; --color-background: #ffffff; --color-surface: transparent; --color-surface-foreground: #1d1f27; --color-foreground: #1d1f27; --color-muted: #4b4e56cc; --color-muted-foreground: #4b4e5699; --color-border: #4b4e5666; --color-success: oklch(.77 .18 130); --color-success-foreground: #111111; --color-warning: oklch(.72 .18 65); --color-warning-foreground: #111111; --color-danger: oklch(.63 .24 25); --color-danger-foreground: #ffffff; --font-sans: "Inter", system-ui, sans-serif; --font-heading: "Inter", system-ui, sans-serif; --text-xxs: .625rem; --text-xxs--line-height: .875rem; }[data-fanfare-variant=default]{--ff-variant: "default"}[data-fanfare-variant=retro]{--ff-variant: "retro";--ff-color-background: #f4f1ea;--ff-color-foreground: #000000;--ff-color-muted: #444444;--ff-color-muted-foreground: #444444;--ff-color-border: #000000;--ff-font-sans: "Inconsolata", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ff-font-heading: "Inconsolata", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ff-font-mono: "Inconsolata", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-fanfare-variant=rounded]{--ff-variant: "rounded"}[data-fanfare-variant=clean]{--ff-variant: "clean";--ff-color-background: #ffffff;--ff-color-foreground: #0a0a0a;--ff-color-muted: #737373;--ff-color-muted-foreground: #737373;--ff-color-border: #e8e8e8;--ff-font-sans: "Figtree", system-ui, sans-serif;--ff-font-heading: "Figtree", system-ui, sans-serif;--ff-font-mono: "Inconsolata", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}@layer base{.fanfare-themed{font-family:var(--ff-font-sans);color:var(--ff-color-foreground);background-color:var(--ff-color-surface)}.fanfare-themed *,.fanfare-themed :after,.fanfare-themed :before,.fanfare-themed ::backdrop,.fanfare-themed ::file-selector-button{border-color:var(--ff-color-border);outline-color:var(--ff-color-border)}.fanfare-themed button:not(:disabled),.fanfare-themed [role=button]:not(:disabled){cursor:pointer}.fanfare-themed :focus-visible{outline:2px solid var(--ff-color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.fanfare-themed *,.fanfare-themed :before,.fanfare-themed :after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}';
-function oo({
+oo.displayName = "ExperienceWidget";
+const fo = '@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-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--ff-font-sans:"Inter",system-ui,sans-serif;--ff-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ff-color-neutral-50:oklch(98.5% 0 0);--ff-color-neutral-200:oklch(92.2% 0 0);--ff-color-neutral-300:oklch(87% 0 0);--ff-color-neutral-500:oklch(55.6% 0 0);--ff-color-white:#fff;--ff-spacing:.25rem;--ff-container-sm:24rem;--ff-text-xs:.75rem;--ff-text-xs--line-height:calc(1/.75);--ff-text-sm:.875rem;--ff-text-sm--line-height:calc(1.25/.875);--ff-text-base:1rem;--ff-text-base--line-height: 1.5 ;--ff-text-lg:1.125rem;--ff-text-lg--line-height:calc(1.75/1.125);--ff-text-xl:1.25rem;--ff-text-xl--line-height:calc(1.75/1.25);--ff-text-2xl:1.5rem;--ff-text-2xl--line-height:calc(2/1.5);--ff-text-3xl:1.875rem;--ff-text-3xl--line-height: 1.2 ;--ff-text-4xl:2.25rem;--ff-text-4xl--line-height:calc(2.5/2.25);--ff-font-weight-extralight:200;--ff-font-weight-light:300;--ff-font-weight-normal:400;--ff-font-weight-medium:500;--ff-font-weight-semibold:600;--ff-font-weight-bold:700;--ff-font-weight-extrabold:800;--ff-font-weight-black:900;--ff-tracking-tight:-.025em;--ff-tracking-normal:0em;--ff-tracking-wide:.025em;--ff-tracking-wider:.05em;--ff-tracking-widest:.1em;--ff-leading-tight:1.25;--ff-radius-md:.375rem;--ff-radius-lg:.5rem;--ff-radius-xl:.75rem;--ff-radius-2xl:1rem;--ff-radius-3xl:1.5rem;--ff-ease-out:cubic-bezier(0,0,.2,1);--ff-animate-spin:spin 1s linear infinite;--ff-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--ff-default-transition-duration:.15s;--ff-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--ff-default-font-family:var(--ff-font-sans);--ff-default-mono-font-family:var(--ff-font-mono);--ff-color-primary:#1d1f27;--ff-color-primary-foreground:#fff;--ff-color-secondary:#f4f4f5;--ff-color-background:#fff;--ff-color-surface:transparent;--ff-color-surface-foreground:#1d1f27;--ff-color-foreground:#1d1f27;--ff-color-muted:#4b4e56cc;--ff-color-muted-foreground:#4b4e5699;--ff-color-border:#4b4e5666;--ff-color-success:oklch(77% .18 130);--ff-color-success-foreground:#111;--ff-color-warning:oklch(72% .18 65);--ff-color-warning-foreground:#111;--ff-color-danger:oklch(63% .24 25);--ff-color-danger-foreground:#fff;--ff-font-heading:"Inter",system-ui,sans-serif;--ff-text-xxs:.625rem;--ff-text-xxs--line-height:.875rem;--ff-animate-fade-in:fade-in .2s ease-out;--ff-animate-fade-out:fade-out .2s ease-out;--ff-animate-slide-in:slide-in .2s ease-out;--ff-animate-slide-out:slide-out .2s ease-out;--ff-animate-scale-in:scale-in .2s ease-out;--ff-animate-scale-out:scale-out .2s ease-out;--ff-animate-accordion-down:accordion-down .2s ease-out;--ff-animate-accordion-up:accordion-up .2s ease-out;--ff-animate-celebration:celebration-bounce .6s ease-out;--ff-animate-shake:shake .5s ease-out;--ff-animate-pulse-success:pulse-success 1s ease-out}}@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(--ff-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--ff-default-font-feature-settings,normal);font-variation-settings:var(--ff-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--ff-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--ff-default-mono-font-feature-settings,normal);font-variation-settings:var(--ff-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{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}.fanfare-themed{font-family:var(--ff-font-sans);color:var(--ff-color-foreground);background-color:var(--ff-color-surface)}.fanfare-themed *,.fanfare-themed :after,.fanfare-themed :before,.fanfare-themed ::backdrop{border-color:var(--ff-color-border);outline-color:var(--ff-color-border)}.fanfare-themed ::file-selector-button{border-color:var(--ff-color-border);outline-color:var(--ff-color-border)}.fanfare-themed button:not(:disabled),.fanfare-themed [role=button]:not(:disabled){cursor:pointer}.fanfare-themed :focus-visible{outline:2px solid var(--ff-color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.fanfare-themed *,.fanfare-themed :before,.fanfare-themed :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fanfare-root{color:var(--ff-color-foreground);background-color:var(--ff-color-surface);font-family:var(--ff-font-sans)}.fanfare-root *,.fanfare-root :after,.fanfare-root :before,.fanfare-root ::backdrop{border-color:var(--ff-color-border);outline-color:var(--ff-color-border)}.fanfare-root ::file-selector-button{border-color:var(--ff-color-border);outline-color:var(--ff-color-border)}.fanfare-root button:not(:disabled),.fanfare-root [role=button]:not(:disabled){cursor:pointer}@media(prefers-reduced-motion:reduce){.fanfare-root *,.fanfare-root :before,.fanfare-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components;@layer utilities{.ff\\:pointer-events-none{pointer-events:none}.ff\\:absolute{position:absolute}.ff\\:relative{position:relative}.ff\\:inset-0{inset:calc(var(--ff-spacing)*0)}.ff\\:top-1\\/2{top:50%}.ff\\:top-3{top:calc(var(--ff-spacing)*3)}.ff\\:right-2{right:calc(var(--ff-spacing)*2)}.ff\\:left-3{left:calc(var(--ff-spacing)*3)}.ff\\:z-10{z-index:10}.ff\\:-mx-1{margin-inline:calc(var(--ff-spacing)*-1)}.ff\\:mx-2{margin-inline:calc(var(--ff-spacing)*2)}.ff\\:-mt-0\\.5{margin-top:calc(var(--ff-spacing)*-.5)}.ff\\:mt-0\\.5{margin-top:calc(var(--ff-spacing)*.5)}.ff\\:mt-1{margin-top:calc(var(--ff-spacing)*1)}.ff\\:mt-2{margin-top:calc(var(--ff-spacing)*2)}.ff\\:mt-3{margin-top:calc(var(--ff-spacing)*3)}.ff\\:mt-4{margin-top:calc(var(--ff-spacing)*4)}.ff\\:mt-auto{margin-top:auto}.ff\\:mb-1\\.5{margin-bottom:calc(var(--ff-spacing)*1.5)}.ff\\:mb-2{margin-bottom:calc(var(--ff-spacing)*2)}.ff\\:mb-4{margin-bottom:calc(var(--ff-spacing)*4)}.ff\\:mb-6{margin-bottom:calc(var(--ff-spacing)*6)}.ff\\:block{display:block}.ff\\:flex{display:flex}.ff\\:grid{display:grid}.ff\\:inline-block{display:inline-block}.ff\\:inline-flex{display:inline-flex}.ff\\:size-1{width:calc(var(--ff-spacing)*1);height:calc(var(--ff-spacing)*1)}.ff\\:size-1\\.5{width:calc(var(--ff-spacing)*1.5);height:calc(var(--ff-spacing)*1.5)}.ff\\:size-4{width:calc(var(--ff-spacing)*4);height:calc(var(--ff-spacing)*4)}.ff\\:size-5{width:calc(var(--ff-spacing)*5);height:calc(var(--ff-spacing)*5)}.ff\\:size-6{width:calc(var(--ff-spacing)*6);height:calc(var(--ff-spacing)*6)}.ff\\:size-8{width:calc(var(--ff-spacing)*8);height:calc(var(--ff-spacing)*8)}.ff\\:size-10{width:calc(var(--ff-spacing)*10);height:calc(var(--ff-spacing)*10)}.ff\\:h-0\\.5{height:calc(var(--ff-spacing)*.5)}.ff\\:h-1{height:calc(var(--ff-spacing)*1)}.ff\\:h-2{height:calc(var(--ff-spacing)*2)}.ff\\:h-2\\.5{height:calc(var(--ff-spacing)*2.5)}.ff\\:h-3{height:calc(var(--ff-spacing)*3)}.ff\\:h-4{height:calc(var(--ff-spacing)*4)}.ff\\:h-4\\.5{height:calc(var(--ff-spacing)*4.5)}.ff\\:h-5{height:calc(var(--ff-spacing)*5)}.ff\\:h-6{height:calc(var(--ff-spacing)*6)}.ff\\:h-8{height:calc(var(--ff-spacing)*8)}.ff\\:h-10{height:calc(var(--ff-spacing)*10)}.ff\\:h-12{height:calc(var(--ff-spacing)*12)}.ff\\:h-14{height:calc(var(--ff-spacing)*14)}.ff\\:h-16{height:calc(var(--ff-spacing)*16)}.ff\\:h-20{height:calc(var(--ff-spacing)*20)}.ff\\:h-32{height:calc(var(--ff-spacing)*32)}.ff\\:h-\\[480px\\]{height:480px}.ff\\:h-auto{height:auto}.ff\\:h-full{height:100%}.ff\\:max-h-44{max-height:calc(var(--ff-spacing)*44)}.ff\\:max-h-\\[24rem\\]{max-height:24rem}.ff\\:w-1\\/2{width:50%}.ff\\:w-1\\/3{width:33.3333%}.ff\\:w-2\\/3{width:66.6667%}.ff\\:w-3\\/4{width:75%}.ff\\:w-5\\/6{width:83.3333%}.ff\\:w-6{width:calc(var(--ff-spacing)*6)}.ff\\:w-9{width:calc(var(--ff-spacing)*9)}.ff\\:w-10{width:calc(var(--ff-spacing)*10)}.ff\\:w-12{width:calc(var(--ff-spacing)*12)}.ff\\:w-14{width:calc(var(--ff-spacing)*14)}.ff\\:w-16{width:calc(var(--ff-spacing)*16)}.ff\\:w-20{width:calc(var(--ff-spacing)*20)}.ff\\:w-40{width:calc(var(--ff-spacing)*40)}.ff\\:w-72{width:calc(var(--ff-spacing)*72)}.ff\\:w-80{width:calc(var(--ff-spacing)*80)}.ff\\:w-auto{width:auto}.ff\\:w-full{width:100%}.ff\\:max-w-sm{max-width:var(--ff-container-sm)}.ff\\:min-w-0{min-width:calc(var(--ff-spacing)*0)}.ff\\:flex-1{flex:1}.ff\\:shrink-0{flex-shrink:0}.ff\\:origin-center{transform-origin:50%}.ff\\:origin-top-left{transform-origin:0 0}.ff\\:-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:-translate-y-2{--tw-translate-y:calc(var(--ff-spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.ff\\:animate-\\[skeleton-shimmer_2s_ease-in-out_infinite\\]{animation:2s ease-in-out infinite skeleton-shimmer}.ff\\:animate-\\[skeleton-slide_2s_ease-in-out_infinite\\]{animation:2s ease-in-out infinite skeleton-slide}.ff\\:animate-\\[spin_1\\.2s_cubic-bezier\\(0\\.4\\,0\\,0\\.6\\,1\\)_infinite\\]{animation:1.2s cubic-bezier(.4,0,.6,1) infinite spin}.ff\\:animate-\\[spin_1\\.8s_linear_infinite\\]{animation:1.8s linear infinite spin}.ff\\:animate-accordion-down{animation:var(--ff-animate-accordion-down)}.ff\\:animate-accordion-up{animation:var(--ff-animate-accordion-up)}.ff\\:animate-celebration{animation:var(--ff-animate-celebration)}.ff\\:animate-fade-in{animation:var(--ff-animate-fade-in)}.ff\\:animate-fade-out{animation:var(--ff-animate-fade-out)}.ff\\:animate-none{animation:none}.ff\\:animate-pulse{animation:var(--ff-animate-pulse)}.ff\\:animate-pulse-success{animation:var(--ff-animate-pulse-success)}.ff\\:animate-scale-in{animation:var(--ff-animate-scale-in)}.ff\\:animate-scale-out{animation:var(--ff-animate-scale-out)}.ff\\:animate-shake{animation:var(--ff-animate-shake)}.ff\\:animate-slide-in{animation:var(--ff-animate-slide-in)}.ff\\:animate-slide-out{animation:var(--ff-animate-slide-out)}.ff\\:animate-spin{animation:var(--ff-animate-spin)}.ff\\:cursor-not-allowed{cursor:not-allowed}.ff\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ff\\:flex-col{flex-direction:column}.ff\\:flex-row{flex-direction:row}.ff\\:flex-wrap{flex-wrap:wrap}.ff\\:items-baseline{align-items:baseline}.ff\\:items-center{align-items:center}.ff\\:items-start{align-items:flex-start}.ff\\:justify-between{justify-content:space-between}.ff\\:justify-center{justify-content:center}.ff\\:gap-0\\.5{gap:calc(var(--ff-spacing)*.5)}.ff\\:gap-1{gap:calc(var(--ff-spacing)*1)}.ff\\:gap-1\\.5{gap:calc(var(--ff-spacing)*1.5)}.ff\\:gap-2{gap:calc(var(--ff-spacing)*2)}.ff\\:gap-3{gap:calc(var(--ff-spacing)*3)}.ff\\:gap-4{gap:calc(var(--ff-spacing)*4)}.ff\\:gap-5{gap:calc(var(--ff-spacing)*5)}.ff\\:gap-6{gap:calc(var(--ff-spacing)*6)}.ff\\:gap-10{gap:calc(var(--ff-spacing)*10)}.ff\\:gap-12{gap:calc(var(--ff-spacing)*12)}:where(.ff\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--ff-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--ff-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.ff\\:space-y-1\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--ff-spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--ff-spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.ff\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--ff-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--ff-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.ff\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--ff-spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--ff-spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.ff\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--ff-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--ff-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.ff\\:self-end{align-self:flex-end}.ff\\:overflow-hidden{overflow:hidden}.ff\\:overflow-visible{overflow:visible}.ff\\:overflow-x-auto{overflow-x:auto}.ff\\:overflow-y-auto{overflow-y:auto}.ff\\:rounded{border-radius:.25rem}.ff\\:rounded-2xl{border-radius:var(--ff-radius-2xl)}.ff\\:rounded-3xl{border-radius:var(--ff-radius-3xl)}.ff\\:rounded-\\[8px\\]{border-radius:8px}.ff\\:rounded-\\[10px\\]{border-radius:10px}.ff\\:rounded-\\[14px\\]{border-radius:14px}.ff\\:rounded-full{border-radius:3.40282e38px}.ff\\:rounded-lg{border-radius:var(--ff-radius-lg)}.ff\\:rounded-md{border-radius:var(--ff-radius-md)}.ff\\:rounded-none{border-radius:0}.ff\\:rounded-xl{border-radius:var(--ff-radius-xl)}.ff\\:border{border-style:var(--tw-border-style);border-width:1px}.ff\\:border-0{border-style:var(--tw-border-style);border-width:0}.ff\\:border-2{border-style:var(--tw-border-style);border-width:2px}.ff\\:border-3{border-style:var(--tw-border-style);border-width:3px}.ff\\:border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.ff\\:border-\\[2\\.5px\\]{border-style:var(--tw-border-style);border-width:2.5px}.ff\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.ff\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.ff\\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.ff\\:border-none{--tw-border-style:none;border-style:none}.ff\\:border-border,.ff\\:border-border\\/40{border-color:var(--ff-color-border)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-border\\/40{border-color:color-mix(in oklab,var(--ff-color-border)40%,transparent)}}.ff\\:border-border\\/50{border-color:var(--ff-color-border)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-border\\/50{border-color:color-mix(in oklab,var(--ff-color-border)50%,transparent)}}.ff\\:border-danger,.ff\\:border-danger\\/50{border-color:var(--ff-color-danger)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-danger\\/50{border-color:color-mix(in oklab,var(--ff-color-danger)50%,transparent)}}.ff\\:border-foreground,.ff\\:border-foreground\\/8{border-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-foreground\\/8{border-color:color-mix(in oklab,var(--ff-color-foreground)8%,transparent)}}.ff\\:border-foreground\\/12{border-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-foreground\\/12{border-color:color-mix(in oklab,var(--ff-color-foreground)12%,transparent)}}.ff\\:border-foreground\\/20{border-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-foreground\\/20{border-color:color-mix(in oklab,var(--ff-color-foreground)20%,transparent)}}.ff\\:border-foreground\\/\\[0\\.08\\]{border-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:border-foreground\\/\\[0\\.08\\]{border-color:color-mix(in oklab,var(--ff-color-foreground)8%,transparent)}}.ff\\:border-neutral-200{border-color:var(--ff-color-neutral-200)}.ff\\:border-primary{border-color:var(--ff-color-primary)}.ff\\:border-transparent{border-color:#0000}.ff\\:border-b-danger{border-bottom-color:var(--ff-color-danger)}.ff\\:bg-\\[\\#ff3a00\\]{background-color:#ff3a00}.ff\\:bg-\\[color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_3\\%\\,var\\(--ff-color-background\\)\\)\\]{background-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-\\[color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_3\\%\\,var\\(--ff-color-background\\)\\)\\]{background-color:color-mix(in oklch,var(--ff-color-foreground)3%,var(--ff-color-background))}}.ff\\:bg-background,.ff\\:bg-background\\/60{background-color:var(--ff-color-background)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-background\\/60{background-color:color-mix(in oklab,var(--ff-color-background)60%,transparent)}}.ff\\:bg-background\\/70{background-color:var(--ff-color-background)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-background\\/70{background-color:color-mix(in oklab,var(--ff-color-background)70%,transparent)}}.ff\\:bg-danger,.ff\\:bg-danger\\/10{background-color:var(--ff-color-danger)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-danger\\/10{background-color:color-mix(in oklab,var(--ff-color-danger)10%,transparent)}}.ff\\:bg-foreground\\/5{background-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-foreground\\/5{background-color:color-mix(in oklab,var(--ff-color-foreground)5%,transparent)}}.ff\\:bg-foreground\\/40{background-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-foreground\\/40{background-color:color-mix(in oklab,var(--ff-color-foreground)40%,transparent)}}.ff\\:bg-foreground\\/\\[0\\.1\\]{background-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-foreground\\/\\[0\\.1\\]{background-color:color-mix(in oklab,var(--ff-color-foreground)10%,transparent)}}.ff\\:bg-foreground\\/\\[0\\.08\\]{background-color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-foreground\\/\\[0\\.08\\]{background-color:color-mix(in oklab,var(--ff-color-foreground)8%,transparent)}}.ff\\:bg-muted\\/5{background-color:var(--ff-color-muted)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-muted\\/5{background-color:color-mix(in oklab,var(--ff-color-muted)5%,transparent)}}.ff\\:bg-neutral-50{background-color:var(--ff-color-neutral-50)}.ff\\:bg-primary{background-color:var(--ff-color-primary)}.ff\\:bg-primary-foreground{background-color:var(--ff-color-primary-foreground)}.ff\\:bg-primary\\/5{background-color:var(--ff-color-primary)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-primary\\/5{background-color:color-mix(in oklab,var(--ff-color-primary)5%,transparent)}}.ff\\:bg-secondary{background-color:var(--ff-color-secondary)}.ff\\:bg-success,.ff\\:bg-success\\/10{background-color:var(--ff-color-success)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-success\\/10{background-color:color-mix(in oklab,var(--ff-color-success)10%,transparent)}}.ff\\:bg-transparent{background-color:#0000}.ff\\:bg-warning,.ff\\:bg-warning\\/10{background-color:var(--ff-color-warning)}@supports (color:color-mix(in lab,red,red)){.ff\\:bg-warning\\/10{background-color:color-mix(in oklab,var(--ff-color-warning)10%,transparent)}}.ff\\:bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab,red,red)){.ff\\:bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.ff\\:bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.ff\\:from-primary\\/10{--tw-gradient-from:var(--ff-color-primary)}@supports (color:color-mix(in lab,red,red)){.ff\\:from-primary\\/10{--tw-gradient-from:color-mix(in oklab,var(--ff-color-primary)10%,transparent)}}.ff\\:from-primary\\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.ff\\:to-primary\\/5{--tw-gradient-to:var(--ff-color-primary)}@supports (color:color-mix(in lab,red,red)){.ff\\:to-primary\\/5{--tw-gradient-to:color-mix(in oklab,var(--ff-color-primary)5%,transparent)}}.ff\\:to-primary\\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.ff\\:\\[background-size\\:200\\%_100\\%\\]{background-size:200% 100%}.ff\\:p-0{padding:calc(var(--ff-spacing)*0)}.ff\\:p-3{padding:calc(var(--ff-spacing)*3)}.ff\\:p-4{padding:calc(var(--ff-spacing)*4)}.ff\\:p-5{padding:calc(var(--ff-spacing)*5)}.ff\\:p-6{padding:calc(var(--ff-spacing)*6)}.ff\\:p-8{padding:calc(var(--ff-spacing)*8)}.ff\\:px-0{padding-inline:calc(var(--ff-spacing)*0)}.ff\\:px-2{padding-inline:calc(var(--ff-spacing)*2)}.ff\\:px-2\\.5{padding-inline:calc(var(--ff-spacing)*2.5)}.ff\\:px-3{padding-inline:calc(var(--ff-spacing)*3)}.ff\\:px-4{padding-inline:calc(var(--ff-spacing)*4)}.ff\\:px-5{padding-inline:calc(var(--ff-spacing)*5)}.ff\\:px-6{padding-inline:calc(var(--ff-spacing)*6)}.ff\\:py-0\\.5{padding-block:calc(var(--ff-spacing)*.5)}.ff\\:py-1{padding-block:calc(var(--ff-spacing)*1)}.ff\\:py-1\\.5{padding-block:calc(var(--ff-spacing)*1.5)}.ff\\:py-2{padding-block:calc(var(--ff-spacing)*2)}.ff\\:py-2\\.5{padding-block:calc(var(--ff-spacing)*2.5)}.ff\\:py-3{padding-block:calc(var(--ff-spacing)*3)}.ff\\:py-4{padding-block:calc(var(--ff-spacing)*4)}.ff\\:py-12{padding-block:calc(var(--ff-spacing)*12)}.ff\\:pt-2{padding-top:calc(var(--ff-spacing)*2)}.ff\\:pt-3{padding-top:calc(var(--ff-spacing)*3)}.ff\\:pt-5{padding-top:calc(var(--ff-spacing)*5)}.ff\\:pb-0\\.5{padding-bottom:calc(var(--ff-spacing)*.5)}.ff\\:pb-1{padding-bottom:calc(var(--ff-spacing)*1)}.ff\\:pb-2{padding-bottom:calc(var(--ff-spacing)*2)}.ff\\:pb-8{padding-bottom:calc(var(--ff-spacing)*8)}.ff\\:pl-7{padding-left:calc(var(--ff-spacing)*7)}.ff\\:text-center{text-align:center}.ff\\:text-right{text-align:right}.ff\\:font-heading{font-family:var(--ff-font-heading)}.ff\\:font-mono{font-family:var(--ff-font-mono)}.ff\\:text-2xl{font-size:var(--ff-text-2xl);line-height:var(--tw-leading,var(--ff-text-2xl--line-height))}.ff\\:text-3xl{font-size:var(--ff-text-3xl);line-height:var(--tw-leading,var(--ff-text-3xl--line-height))}.ff\\:text-4xl{font-size:var(--ff-text-4xl);line-height:var(--tw-leading,var(--ff-text-4xl--line-height))}.ff\\:text-base{font-size:var(--ff-text-base);line-height:var(--tw-leading,var(--ff-text-base--line-height))}.ff\\:text-lg{font-size:var(--ff-text-lg);line-height:var(--tw-leading,var(--ff-text-lg--line-height))}.ff\\:text-sm{font-size:var(--ff-text-sm);line-height:var(--tw-leading,var(--ff-text-sm--line-height))}.ff\\:text-xl{font-size:var(--ff-text-xl);line-height:var(--tw-leading,var(--ff-text-xl--line-height))}.ff\\:text-xs{font-size:var(--ff-text-xs);line-height:var(--tw-leading,var(--ff-text-xs--line-height))}.ff\\:text-xxs{font-size:var(--ff-text-xxs);line-height:var(--tw-leading,var(--ff-text-xxs--line-height))}.ff\\:text-\\[2rem\\]{font-size:2rem}.ff\\:text-\\[10\\.5px\\]{font-size:10.5px}.ff\\:text-\\[52px\\]{font-size:52px}.ff\\:leading-none{--tw-leading:1;line-height:1}.ff\\:leading-tight{--tw-leading:var(--ff-leading-tight);line-height:var(--ff-leading-tight)}.ff\\:font-black{--tw-font-weight:var(--ff-font-weight-black);font-weight:var(--ff-font-weight-black)}.ff\\:font-bold{--tw-font-weight:var(--ff-font-weight-bold);font-weight:var(--ff-font-weight-bold)}.ff\\:font-extrabold{--tw-font-weight:var(--ff-font-weight-extrabold);font-weight:var(--ff-font-weight-extrabold)}.ff\\:font-extralight{--tw-font-weight:var(--ff-font-weight-extralight);font-weight:var(--ff-font-weight-extralight)}.ff\\:font-light{--tw-font-weight:var(--ff-font-weight-light);font-weight:var(--ff-font-weight-light)}.ff\\:font-medium{--tw-font-weight:var(--ff-font-weight-medium);font-weight:var(--ff-font-weight-medium)}.ff\\:font-normal{--tw-font-weight:var(--ff-font-weight-normal);font-weight:var(--ff-font-weight-normal)}.ff\\:font-semibold{--tw-font-weight:var(--ff-font-weight-semibold);font-weight:var(--ff-font-weight-semibold)}.ff\\:tracking-\\[-0\\.025em\\]{--tw-tracking:-.025em;letter-spacing:-.025em}.ff\\:tracking-\\[0\\.1em\\]{--tw-tracking:.1em;letter-spacing:.1em}.ff\\:tracking-\\[0\\.08em\\]{--tw-tracking:.08em;letter-spacing:.08em}.ff\\:tracking-\\[0\\.15em\\]{--tw-tracking:.15em;letter-spacing:.15em}.ff\\:tracking-normal{--tw-tracking:var(--ff-tracking-normal);letter-spacing:var(--ff-tracking-normal)}.ff\\:tracking-tight{--tw-tracking:var(--ff-tracking-tight);letter-spacing:var(--ff-tracking-tight)}.ff\\:tracking-wide{--tw-tracking:var(--ff-tracking-wide);letter-spacing:var(--ff-tracking-wide)}.ff\\:tracking-wider{--tw-tracking:var(--ff-tracking-wider);letter-spacing:var(--ff-tracking-wider)}.ff\\:tracking-widest{--tw-tracking:var(--ff-tracking-widest);letter-spacing:var(--ff-tracking-widest)}.ff\\:whitespace-nowrap{white-space:nowrap}.ff\\:text-current{color:currentColor}.ff\\:text-danger{color:var(--ff-color-danger)}.ff\\:text-danger-foreground{color:var(--ff-color-danger-foreground)}.ff\\:text-foreground,.ff\\:text-foreground\\/80{color:var(--ff-color-foreground)}@supports (color:color-mix(in lab,red,red)){.ff\\:text-foreground\\/80{color:color-mix(in oklab,var(--ff-color-foreground)80%,transparent)}}.ff\\:text-muted{color:var(--ff-color-muted)}.ff\\:text-muted-foreground{color:var(--ff-color-muted-foreground)}.ff\\:text-muted\\/60{color:var(--ff-color-muted)}@supports (color:color-mix(in lab,red,red)){.ff\\:text-muted\\/60{color:color-mix(in oklab,var(--ff-color-muted)60%,transparent)}}.ff\\:text-neutral-300{color:var(--ff-color-neutral-300)}.ff\\:text-neutral-500{color:var(--ff-color-neutral-500)}.ff\\:text-primary{color:var(--ff-color-primary)}.ff\\:text-primary-foreground{color:var(--ff-color-primary-foreground)}.ff\\:text-success{color:var(--ff-color-success)}.ff\\:text-success-foreground{color:var(--ff-color-success-foreground)}.ff\\:text-warning{color:var(--ff-color-warning)}.ff\\:text-warning-foreground{color:var(--ff-color-warning-foreground)}.ff\\:text-white{color:var(--ff-color-white)}.ff\\:uppercase{text-transform:uppercase}.ff\\: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,)}.ff\\:accent-foreground{accent-color:var(--ff-color-foreground)}.ff\\:opacity-0{opacity:0}.ff\\:opacity-25{opacity:.25}.ff\\:opacity-40{opacity:.4}.ff\\:opacity-50{opacity:.5}.ff\\:opacity-60{opacity:.6}.ff\\:opacity-80{opacity:.8}.ff\\:shadow-\\[0_0_10px_-2px_var\\(--ff-color-primary\\)\\]{--tw-shadow:0 0 10px -2px var(--tw-shadow-color,var(--ff-color-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[0_1px_3px_rgba\\(0\\,0\\,0\\,0\\.04\\)\\,0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\]{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0000000a),0 8px 24px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[0_2px_12px_-3px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\,0_0_12px_-6px_var\\(--ff-color-primary\\)\\]{--tw-shadow:0 2px 12px -3px var(--tw-shadow-color,#00000014),0 0 12px -6px var(--tw-shadow-color,var(--ff-color-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[0_2px_12px_-3px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:0 2px 12px -3px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[2px_2px_0_var\\(--ff-color-foreground\\)\\]{--tw-shadow:2px 2px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[3px_3px_0_var\\(--ff-color-foreground\\)\\]{--tw-shadow:3px 3px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[4px_4px_0_var\\(--ff-color-foreground\\)\\]{--tw-shadow:4px 4px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[6px_6px_0_var\\(--ff-color-foreground\\)\\]{--tw-shadow:6px 6px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[inset_0_-3px_0_rgba\\(0\\,0\\,0\\,0\\.2\\)\\]{--tw-shadow:inset 0 -3px 0 var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[inset_0_1px_4px_-1px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\]{--tw-shadow:inset 0 1px 4px -1px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[inset_0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.08\\)\\]{--tw-shadow:inset 0 2px 4px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[inset_2px_2px_0_var\\(--ff-color-secondary\\)\\]{--tw-shadow:inset 2px 2px 0 var(--tw-shadow-color,var(--ff-color-secondary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:shadow-\\[inset_3px_3px_0_var\\(--ff-color-secondary\\)\\]{--tw-shadow:inset 3px 3px 0 var(--tw-shadow-color,var(--ff-color-secondary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\: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)}.ff\\: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)}.ff\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--ff-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ff-default-transition-duration))}.ff\\: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(--ff-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ff-default-transition-duration))}.ff\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--ff-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ff-default-transition-duration))}.ff\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.ff\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.ff\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.ff\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.ff\\:ease-out{--tw-ease:var(--ff-ease-out);transition-timing-function:var(--ff-ease-out)}.ff\\:outline-none{--tw-outline-style:none;outline-style:none}.ff\\:select-none{-webkit-user-select:none;user-select:none}.ff\\:\\[background\\:linear-gradient\\(90deg\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_0\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_10\\%\\,transparent\\)_50\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_100\\%\\)\\]{background:linear-gradient(90deg,var(--ff-color-foreground)0%,var(--ff-color-foreground)50%,var(--ff-color-foreground)100%)}@supports (color:color-mix(in lab,red,red)){.ff\\:\\[background\\:linear-gradient\\(90deg\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_0\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_10\\%\\,transparent\\)_50\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_100\\%\\)\\]{background:linear-gradient(90deg,color-mix(in oklch,var(--ff-color-foreground)6%,transparent),color-mix(in oklch,var(--ff-color-foreground)10%,transparent),color-mix(in oklch,var(--ff-color-foreground)6%,transparent))}}.ff\\:\\[background\\:linear-gradient\\(90deg\\,transparent_0\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_20\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_80\\%\\,transparent_100\\%\\)\\]{background:linear-gradient(90deg,transparent 0%,var(--ff-color-foreground)20%,var(--ff-color-foreground)80%,transparent 100%)}@supports (color:color-mix(in lab,red,red)){.ff\\:\\[background\\:linear-gradient\\(90deg\\,transparent_0\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_20\\%\\,color-mix\\(in_oklch\\,var\\(--ff-color-foreground\\)_6\\%\\,transparent\\)_80\\%\\,transparent_100\\%\\)\\]{background:linear-gradient(90deg,transparent 0%,color-mix(in oklch,var(--ff-color-foreground)6%,transparent)20%,color-mix(in oklch,var(--ff-color-foreground)6%,transparent)80%,transparent 100%)}}.ff\\:\\[background\\:linear-gradient\\(90deg\\,var\\(--ff-color-primary\\)\\,color-mix\\(in_oklch\\,var\\(--ff-color-primary\\)_80\\%\\,white\\)\\)\\]{background:linear-gradient(90deg,var(--ff-color-primary),var(--ff-color-primary))}@supports (color:color-mix(in lab,red,red)){.ff\\:\\[background\\:linear-gradient\\(90deg\\,var\\(--ff-color-primary\\)\\,color-mix\\(in_oklch\\,var\\(--ff-color-primary\\)_80\\%\\,white\\)\\)\\]{background:linear-gradient(90deg,var(--ff-color-primary),color-mix(in oklch,var(--ff-color-primary)80%,white))}}.ff\\:\\[background\\:repeating-linear-gradient\\(-45deg\\,var\\(--ff-color-primary\\)\\,var\\(--ff-color-primary\\)_8px\\,color-mix\\(in_oklch\\,var\\(--ff-color-primary\\)_80\\%\\,black\\)_8px\\,color-mix\\(in_oklch\\,var\\(--ff-color-primary\\)_80\\%\\,black\\)_16px\\)\\]{background:repeating-linear-gradient(-45deg,var(--ff-color-primary),var(--ff-color-primary)8px,var(--ff-color-primary)8px,var(--ff-color-primary)16px)}@supports (color:color-mix(in lab,red,red)){.ff\\:\\[background\\:repeating-linear-gradient\\(-45deg\\,var\\(--ff-color-primary\\)\\,var\\(--ff-color-primary\\)_8px\\,color-mix\\(in_oklch\\,var\\(--ff-color-primary\\)_80\\%\\,black\\)_8px\\,color-mix\\(in_oklch\\,var\\(--ff-color-primary\\)_80\\%\\,black\\)_16px\\)\\]{background:repeating-linear-gradient(-45deg,var(--ff-color-primary),var(--ff-color-primary)8px,color-mix(in oklch,var(--ff-color-primary)80%,black)8px,color-mix(in oklch,var(--ff-color-primary)80%,black)16px)}}.ff\\:\\[background\\:repeating-linear-gradient\\(-45deg\\,var\\(--ff-color-secondary\\)\\,var\\(--ff-color-secondary\\)_4px\\,var\\(--ff-color-surface\\)_4px\\,var\\(--ff-color-surface\\)_8px\\)\\]{background:repeating-linear-gradient(-45deg,var(--ff-color-secondary),var(--ff-color-secondary)4px,var(--ff-color-surface)4px,var(--ff-color-surface)8px)}.ff\\:\\[scrollbar-width\\:none\\]{scrollbar-width:none}.ff\\:duration-100{animation-duration:.1s}.ff\\:duration-150{animation-duration:.15s}.ff\\:duration-200{animation-duration:.2s}.ff\\:duration-300{animation-duration:.3s}.ff\\:ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.ff\\:peer-placeholder-shown\\:translate-y-0:is(:where(.ff\\:peer):placeholder-shown~*){--tw-translate-y:calc(var(--ff-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:peer-placeholder-shown\\:scale-100:is(:where(.ff\\:peer):placeholder-shown~*){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.ff\\:peer-placeholder-shown\\:font-normal:is(:where(.ff\\:peer):placeholder-shown~*){--tw-font-weight:var(--ff-font-weight-normal);font-weight:var(--ff-font-weight-normal)}.ff\\:peer-placeholder-shown\\:text-muted:is(:where(.ff\\:peer):placeholder-shown~*){color:var(--ff-color-muted)}.ff\\:peer-focus\\:-translate-y-2:is(:where(.ff\\:peer):focus~*){--tw-translate-y:calc(var(--ff-spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:peer-focus\\:scale-75:is(:where(.ff\\:peer):focus~*){--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.ff\\:peer-focus\\:font-medium:is(:where(.ff\\:peer):focus~*){--tw-font-weight:var(--ff-font-weight-medium);font-weight:var(--ff-font-weight-medium)}.ff\\:peer-focus\\:text-danger:is(:where(.ff\\:peer):focus~*){color:var(--ff-color-danger)}.ff\\:peer-focus\\:text-primary:is(:where(.ff\\:peer):focus~*){color:var(--ff-color-primary)}.ff\\:peer-disabled\\:text-muted:is(:where(.ff\\:peer):disabled~*){color:var(--ff-color-muted)}.ff\\:peer-disabled\\:opacity-50:is(:where(.ff\\:peer):disabled~*){opacity:.5}.ff\\:placeholder\\:text-muted::placeholder{color:var(--ff-color-muted)}.ff\\:placeholder\\:opacity-0::placeholder{opacity:0}.ff\\:placeholder\\:transition-opacity::placeholder{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--ff-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ff-default-transition-duration))}.ff\\:placeholder\\:duration-200::placeholder{--tw-duration:.2s;transition-duration:.2s;animation-duration:.2s}.ff\\:last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.ff\\:last\\:pb-0:last-child{padding-bottom:calc(var(--ff-spacing)*0)}@media(hover:hover){.ff\\:hover\\:-translate-x-0\\.5:hover{--tw-translate-x:calc(var(--ff-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:hover\\:translate-x-0:hover{--tw-translate-x:calc(var(--ff-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--ff-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:hover\\:translate-y-0:hover{--tw-translate-y:calc(var(--ff-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:hover\\:border-foreground:hover{border-color:var(--ff-color-foreground)}.ff\\:hover\\:bg-secondary:hover{background-color:var(--ff-color-secondary)}.ff\\:hover\\:underline:hover{text-decoration-line:underline}.ff\\:hover\\:opacity-90:hover{opacity:.9}.ff\\:hover\\:shadow-\\[0_4px_16px_-4px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]:hover{--tw-shadow:0 4px 16px -4px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:hover\\:shadow-\\[4px_4px_0_var\\(--ff-color-foreground\\)\\]:hover{--tw-shadow:4px 4px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:hover\\:shadow-\\[6px_6px_0_var\\(--ff-color-foreground\\)\\]:hover{--tw-shadow:6px 6px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:hover\\:shadow-none:hover{--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)}}.ff\\:focus\\:border-danger:focus,.ff\\:focus\\:border-danger\\/50:focus{border-color:var(--ff-color-danger)}@supports (color:color-mix(in lab,red,red)){.ff\\:focus\\:border-danger\\/50:focus{border-color:color-mix(in oklab,var(--ff-color-danger)50%,transparent)}}.ff\\:focus\\:border-primary:focus,.ff\\:focus\\:border-primary\\/50:focus{border-color:var(--ff-color-primary)}@supports (color:color-mix(in lab,red,red)){.ff\\:focus\\:border-primary\\/50:focus{border-color:color-mix(in oklab,var(--ff-color-primary)50%,transparent)}}.ff\\:focus\\:border-b-danger:focus{border-bottom-color:var(--ff-color-danger)}.ff\\:focus\\:border-b-primary:focus{border-bottom-color:var(--ff-color-primary)}.ff\\:focus\\:bg-background:focus{background-color:var(--ff-color-background)}.ff\\:focus\\:shadow-\\[inset_0_1px_4px_-1px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,0_0_0_3px_rgba\\(var\\(--ff-color-danger-rgb\\)\\,0\\.12\\)\\]:focus{--tw-shadow:inset 0 1px 4px -1px var(--tw-shadow-color,#0000000f),0 0 0 3px var(--tw-shadow-color,rgba(var(--ff-color-danger-rgb),.12));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:focus\\:shadow-\\[inset_0_1px_4px_-1px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\,0_0_0_3px_rgba\\(var\\(--ff-color-primary-rgb\\)\\,0\\.12\\)\\]:focus{--tw-shadow:inset 0 1px 4px -1px var(--tw-shadow-color,#0000000f),0 0 0 3px var(--tw-shadow-color,rgba(var(--ff-color-primary-rgb),.12));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:focus\\:shadow-\\[inset_2px_2px_0_var\\(--ff-color-primary\\)\\]:focus{--tw-shadow:inset 2px 2px 0 var(--tw-shadow-color,var(--ff-color-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:focus\\:shadow-\\[inset_3px_3px_0_var\\(--ff-color-primary\\)\\]:focus{--tw-shadow:inset 3px 3px 0 var(--tw-shadow-color,var(--ff-color-primary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:focus\\:shadow-none:focus{--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)}.ff\\:focus\\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.ff\\:focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.ff\\:focus\\:ring-danger:focus,.ff\\:focus\\:ring-danger\\/20:focus{--tw-ring-color:var(--ff-color-danger)}@supports (color:color-mix(in lab,red,red)){.ff\\:focus\\:ring-danger\\/20:focus{--tw-ring-color:color-mix(in oklab,var(--ff-color-danger)20%,transparent)}}.ff\\:focus\\:ring-primary\\/20:focus{--tw-ring-color:var(--ff-color-primary)}@supports (color:color-mix(in lab,red,red)){.ff\\:focus\\:ring-primary\\/20:focus{--tw-ring-color:color-mix(in oklab,var(--ff-color-primary)20%,transparent)}}.ff\\:focus\\:placeholder\\:opacity-100:focus::placeholder{opacity:1}.ff\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.ff\\:focus-visible\\:ring-border:focus-visible{--tw-ring-color:var(--ff-color-border)}.ff\\:focus-visible\\:ring-danger:focus-visible{--tw-ring-color:var(--ff-color-danger)}.ff\\:focus-visible\\:ring-primary:focus-visible{--tw-ring-color:var(--ff-color-primary)}.ff\\:focus-visible\\:ring-secondary:focus-visible{--tw-ring-color:var(--ff-color-secondary)}.ff\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ff\\:active\\:translate-x-0:active{--tw-translate-x:calc(var(--ff-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:active\\:translate-x-0\\.5:active{--tw-translate-x:calc(var(--ff-spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--ff-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:active\\:translate-y-0\\.5:active{--tw-translate-y:calc(var(--ff-spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.ff\\:active\\:shadow-\\[2px_2px_0_var\\(--ff-color-foreground\\)\\]:active{--tw-shadow:2px 2px 0 var(--tw-shadow-color,var(--ff-color-foreground));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ff\\:active\\:shadow-\\[inset_0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]:active{--tw-shadow:inset 0 2px 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)}.ff\\:active\\:shadow-none:active{--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)}.ff\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.ff\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.ff\\:disabled\\:opacity-35:disabled{opacity:.35}.ff\\:disabled\\:opacity-50:disabled{opacity:.5}.ff\\:\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.ff\\:\\[\\&\\>\\*\\]\\:min-h-0>*{min-height:calc(var(--ff-spacing)*0)}.ff\\:\\[\\&\\>\\*\\]\\:flex-1>*{flex:1}.fanfare-text-balance{text-wrap:balance}.fanfare-text-pretty{text-wrap:pretty}}[data-fanfare-variant=default]{--ff-variant:"default"}[data-fanfare-variant=retro]{--ff-variant:"retro";--ff-color-background:#f4f1ea;--ff-color-foreground:#000;--ff-color-muted:#444;--ff-color-muted-foreground:#444;--ff-color-border:#000;--ff-font-sans:"Inconsolata","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--ff-font-heading:"Inconsolata","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--ff-font-mono:"Inconsolata","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}[data-fanfare-variant=rounded]{--ff-variant:"rounded"}[data-fanfare-variant=clean]{--ff-variant:"clean";--ff-color-background:#fff;--ff-color-foreground:#0a0a0a;--ff-color-muted:#737373;--ff-color-muted-foreground:#737373;--ff-color-border:#e8e8e8;--ff-font-sans:"Figtree",system-ui,sans-serif;--ff-font-heading:"Figtree",system-ui,sans-serif;--ff-font-mono:"Inconsolata","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.5rem)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes celebration-bounce{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes pulse-success{0%{box-shadow:0 0 0 0 var(--ff-color-success,#22c55e)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-slide{0%{background-position:-100% 0}to{background-position:200% 0}}', io = '@theme{ --color-primary: #1d1f27; --color-primary-foreground: #ffffff; --color-secondary: #f4f4f5; --color-background: #ffffff; --color-surface: transparent; --color-surface-foreground: #1d1f27; --color-foreground: #1d1f27; --color-muted: #4b4e56cc; --color-muted-foreground: #4b4e5699; --color-border: #4b4e5666; --color-success: oklch(.77 .18 130); --color-success-foreground: #111111; --color-warning: oklch(.72 .18 65); --color-warning-foreground: #111111; --color-danger: oklch(.63 .24 25); --color-danger-foreground: #ffffff; --font-sans: "Inter", system-ui, sans-serif; --font-heading: "Inter", system-ui, sans-serif; --text-xxs: .625rem; --text-xxs--line-height: .875rem; }[data-fanfare-variant=default]{--ff-variant: "default"}[data-fanfare-variant=retro]{--ff-variant: "retro";--ff-color-background: #f4f1ea;--ff-color-foreground: #000000;--ff-color-muted: #444444;--ff-color-muted-foreground: #444444;--ff-color-border: #000000;--ff-font-sans: "Inconsolata", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ff-font-heading: "Inconsolata", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ff-font-mono: "Inconsolata", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-fanfare-variant=rounded]{--ff-variant: "rounded"}[data-fanfare-variant=clean]{--ff-variant: "clean";--ff-color-background: #ffffff;--ff-color-foreground: #0a0a0a;--ff-color-muted: #737373;--ff-color-muted-foreground: #737373;--ff-color-border: #e8e8e8;--ff-font-sans: "Figtree", system-ui, sans-serif;--ff-font-heading: "Figtree", system-ui, sans-serif;--ff-font-mono: "Inconsolata", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}@layer base{.fanfare-themed{font-family:var(--ff-font-sans);color:var(--ff-color-foreground);background-color:var(--ff-color-surface)}.fanfare-themed *,.fanfare-themed :after,.fanfare-themed :before,.fanfare-themed ::backdrop,.fanfare-themed ::file-selector-button{border-color:var(--ff-color-border);outline-color:var(--ff-color-border)}.fanfare-themed button:not(:disabled),.fanfare-themed [role=button]:not(:disabled){cursor:pointer}.fanfare-themed :focus-visible{outline:2px solid var(--ff-color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.fanfare-themed *,.fanfare-themed :before,.fanfare-themed :after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}';
+function so({
   children: e,
   theme: a,
   variant: r,
@@ -4845,74 +4873,74 @@ function oo({
   style: f
 }) {
   const l = gt(null), [d, u] = _e(null);
-  Ka(() => {
+  Ya(() => {
     if (l.current && !l.current.shadowRoot) {
       const g = l.current.attachShadow({ mode: "open" });
       u(g);
     }
   }, []);
-  const y = re(() => a ? ga(a) : {}, [a]);
-  return /* @__PURE__ */ t("div", { ref: l, className: i, style: f, children: d && cr(
+  const y = re(() => a ? ha(a) : {}, [a]);
+  return /* @__PURE__ */ t("div", { ref: l, className: i, style: f, children: d && ur(
     /* @__PURE__ */ c(Ce, { children: [
       /* @__PURE__ */ c("style", { "data-fanfare-styles": !0, children: [
-        ro,
-        no
+        fo,
+        io
       ] }),
-      /* @__PURE__ */ t(da, { locale: n, translations: o, children: /* @__PURE__ */ t(Vt, { theme: a, variant: r, className: "ff:h-full ff:w-full", children: /* @__PURE__ */ t("div", { className: "fanfare-root ff:h-full ff:w-full", style: y, children: e }) }) })
+      /* @__PURE__ */ t(pa, { locale: n, translations: o, children: /* @__PURE__ */ t(Vt, { theme: a, variant: r, className: "ff:h-full ff:w-full", children: /* @__PURE__ */ t("div", { className: "fanfare-root ff:h-full ff:w-full", style: y, children: e }) }) })
     ] }),
     d
   ) });
 }
-oo.displayName = "ShadowDOMPreview";
+so.displayName = "ShadowDOMPreview";
 export {
-  _a as AccessCodeForm,
+  Sa as AccessCodeForm,
   Ze as AuctionModule,
-  ya as AuthForm,
-  ha as AuthInput,
+  _a as AuthForm,
+  va as AuthInput,
   F as Button,
-  va as Card,
-  Ur as CardContent,
-  Wr as CardDescription,
-  Hr as CardFooter,
-  qr as CardHeader,
-  Or as CardTitle,
-  Na as ChallengeGate,
-  Ge as DrawModule,
-  Sa as EndedModule,
+  xa as Card,
+  Kr as CardContent,
+  Hr as CardDescription,
+  Zr as CardFooter,
+  Wr as CardHeader,
+  Ur as CardTitle,
+  Ca as ChallengeGate,
+  Ye as DrawModule,
+  Da as EndedModule,
   Ke as ErrorView,
-  gr as ExperienceJourneyController,
-  No as ExperienceJourneySkeleton,
-  ao as ExperienceWidget,
-  sa as FanfareContext,
-  yo as FanfareProvider,
+  hr as ExperienceJourneyController,
+  Do as ExperienceJourneySkeleton,
+  oo as ExperienceWidget,
+  ca as FanfareContext,
+  No as FanfareProvider,
   et as GrantedPanel,
-  da as I18nProvider,
+  pa as I18nProvider,
   se as InfoPanel,
   ht as Input,
   Rt as LoadingView,
-  wa as OTPInput,
+  ba as OTPInput,
   Fe as OutcomePanel,
   K as PanelBody,
   U as PanelFooter,
   Q as PanelHeading,
   Z as PanelLayout,
   ut as QueueModule,
-  Do as RTL_LOCALES,
-  oo as ShadowDOMPreview,
-  Fa as StartView,
+  Mo as RTL_LOCALES,
+  so as ShadowDOMPreview,
+  Pa as StartView,
   oe as THEME_CSS_VARS,
   Vt as ThemeProvider,
   pt as TimedReleaseModule,
   Tt as UpcomingModule,
-  ja as WaitlistView,
-  ga as buildThemeCssVars,
-  Fr as buttonVariants,
-  Vo as isRTLLocale,
-  Xt as normalizeOutcomeReason,
-  ua as useExperienceJourney,
+  Ba as WaitlistView,
+  ha as buildThemeCssVars,
+  Pr as buttonVariants,
+  To as isRTLLocale,
+  ta as normalizeOutcomeReason,
+  ga as useExperienceJourney,
   bt as useFanfare,
-  ko as useFanfareAuth,
-  _o as useJourneySnapshot,
-  Me as useNanostore,
-  G as useTranslations
+  So as useFanfareAuth,
+  Co as useJourneySnapshot,
+  Ee as useNanostore,
+  Y as useTranslations
 };