@fanfare-io/fanfare-sdk-react 0.8.0 → 0.10.0

package/dist/index.js

@@ -1,59 +1,59 @@
 "use client";
 import { jsx as t, Fragment as Me, jsxs as u } from "react/jsx-runtime";
-import lr from "@fanfare-io/fanfare-sdk-core";
+import cr from "@fanfare-io/fanfare-sdk-core";
 import * as s from "react";
-import { createContext as zt, useMemo as X, useContext as jt, useState as ve, useRef as bt, useEffect as $e, useCallback as B, useSyncExternalStore as cr, forwardRef as kt, useLayoutEffect as dr } from "react";
-import { getLocaleMessages as ur, mergeTranslations as aa, createTranslateFunction as ba, isRTLLocale as pr, en as gr, resolveLocaleMapValue as mr, normalizeLocale as hr } from "@fanfare-io/fanfare-sdk-i18n";
-import { RTL_LOCALES as Zo, isRTLLocale as Yo } from "@fanfare-io/fanfare-sdk-i18n";
-import { ensureFanfareError as mt, toDisplay as ra, classify as wr } from "@fanfare-io/fanfare-sdk-core/errors";
-import { getGates as xa, getParticipation as vr, getDistribution as br, getSequenceId as xr, getSequencePhase as yr } from "@fanfare-io/fanfare-sdk-core/internals";
+import { createContext as jt, useMemo as X, useContext as zt, useState as ve, useRef as bt, useEffect as $e, useCallback as B, useSyncExternalStore as dr, forwardRef as kt, useLayoutEffect as ur } from "react";
+import { getLocaleMessages as pr, mergeTranslations as aa, createTranslateFunction as ba, isRTLLocale as gr, en as mr, resolveLocaleMapValue as hr, normalizeLocale as wr } from "@fanfare-io/fanfare-sdk-i18n";
+import { RTL_LOCALES as Yo, isRTLLocale as Go } from "@fanfare-io/fanfare-sdk-i18n";
+import { ensureFanfareError as mt, toDisplay as ra, classify as vr } from "@fanfare-io/fanfare-sdk-core/errors";
+import { getGates as xa, getParticipation as br, getDistribution as xr, getSequenceId as yr, getSequencePhase as kr } from "@fanfare-io/fanfare-sdk-core/internals";
 import * as ht from "valibot";
-import { clsx as kr } from "clsx";
-import { extendTailwindMerge as _r } from "tailwind-merge";
-import { cva as te } from "class-variance-authority";
-import { AnimatePresence as _t, motion as U } from "motion/react";
-import { mergeBrandTheme as Nr, DefaultBrandTheme as Sr } from "@fanfare-io/fanfare-sdk-core/theme";
-import Cr from "canvas-confetti";
+import { clsx as _r } from "clsx";
+import { extendTailwindMerge as Nr } from "tailwind-merge";
+import { cva as ae } from "class-variance-authority";
+import { AnimatePresence as _t, motion as W } from "motion/react";
+import { mergeBrandTheme as Sr, DefaultBrandTheme as Cr } from "@fanfare-io/fanfare-sdk-core/theme";
+import Dr from "canvas-confetti";
 import { atom as qe } from "nanostores";
-import { bucketFromEtaSeconds as Dr, bucketI18nKey as Vr } from "@fanfare-io/fanfare-sdk-core/queues";
-import { createPortal as Er } from "react-dom";
-const ya = zt(null), ka = gr, Mr = ba(ka, "en"), Tr = {
+import { bucketFromEtaSeconds as Vr, bucketI18nKey as Er } from "@fanfare-io/fanfare-sdk-core/queues";
+import { createPortal as Mr } from "react-dom";
+const ya = jt(null), ka = mr, Tr = ba(ka, "en"), Rr = {
   locale: "en",
   messages: ka,
   isRoot: !0,
-  t: Mr,
+  t: Tr,
   dir: "ltr",
   experienceTranslations: null,
   setExperienceTranslations: () => {
   }
-}, _a = zt(Tr);
+}, _a = jt(Rr);
 function Ft() {
-  return jt(_a);
+  return zt(_a);
 }
 function K() {
   const { t: e, locale: a, dir: r } = Ft();
   return { t: e, locale: a, dir: r };
 }
-function Rr(e, a, r, n) {
+function Lr(e, a, r, n) {
   const o = Ft();
   return X(() => {
-    const i = e ?? o.locale, f = e && e !== o.locale ? ur(e) : o.messages, c = aa(
+    const i = e ?? o.locale, f = e && e !== o.locale ? pr(e) : o.messages, l = aa(
       f,
       r ?? o.experienceTranslations ?? void 0
-    ), g = aa(c, a), d = ba(g, i), x = pr(i) ? "rtl" : "ltr";
+    ), g = aa(l, a), d = ba(g, i), b = gr(i) ? "rtl" : "ltr";
     return {
       locale: i,
       messages: g,
       isRoot: !1,
       t: d,
-      dir: x,
+      dir: b,
       experienceTranslations: r ?? o.experienceTranslations,
       setExperienceTranslations: n ?? o.setExperienceTranslations
     };
   }, [o, e, a, r, n]);
 }
 function Na({ locale: e, translations: a, children: r }) {
-  const [n, o] = ve(null), i = Rr(e, a, n, o);
+  const [n, o] = ve(null), i = Lr(e, a, n, o);
   return /* @__PURE__ */ t(_a.Provider, { value: i, children: r });
 }
 let na = Promise.resolve();
@@ -66,7 +66,7 @@ function oa(e) {
     }
   ), a;
 }
-function $o({
+function qo({
   children: e,
   autoRestore: a = !0,
   autoResume: r = !0,
@@ -74,32 +74,32 @@ function $o({
   locale: o,
   translations: i,
   organizationId: f,
-  publishableKey: c,
+  publishableKey: l,
   environment: g,
   apiUrl: d,
-  credentials: x,
+  credentials: b,
   debug: m,
   auth: v,
-  logging: w,
-  sync: y,
+  logging: h,
+  sync: x,
   features: C,
-  beacon: l
+  beacon: c
 }) {
-  const [h, p] = ve(null), [D, V] = ve(!0), T = bt(null), b = X(
+  const [w, p] = ve(null), [D, V] = ve(!0), T = bt(null), y = X(
     () => ({
       organizationId: f,
-      publishableKey: c,
+      publishableKey: l,
       environment: g,
       apiUrl: d,
-      credentials: x,
+      credentials: b,
       debug: m,
       auth: v,
-      logging: w,
-      sync: y,
+      logging: h,
+      sync: x,
       features: C,
-      beacon: l
+      beacon: c
     }),
-    [f, c, g, d, x, m, v, w, y, C, l]
+    [f, l, g, d, b, m, v, h, x, C, c]
   );
   return $e(() => {
     let N = !0;
@@ -107,7 +107,7 @@ function $o({
     async function S() {
       if (N)
         try {
-          const M = await lr({ ...b, autoResume: a && r });
+          const M = await cr({ ...y, autoResume: a && r });
           if (!N) {
             await M.destroy();
             return;
@@ -122,34 +122,34 @@ function $o({
       const M = T.current;
       T.current = null, M && oa(() => M.destroy());
     };
-  }, [b, a, r]), D ? /* @__PURE__ */ t(Me, { children: n }) : h ? /* @__PURE__ */ t(ya.Provider, { value: h, children: /* @__PURE__ */ t(Na, { locale: o, translations: i, children: e }) }) : (console.error("Fanfare SDK failed to initialize"), null);
+  }, [y, a, r]), D ? /* @__PURE__ */ t(Me, { children: n }) : w ? /* @__PURE__ */ t(ya.Provider, { value: w, children: /* @__PURE__ */ t(Na, { locale: o, translations: i, children: e }) }) : (console.error("Fanfare SDK failed to initialize"), null);
 }
 function Nt() {
-  const e = jt(ya);
+  const e = zt(ya);
   if (!e)
     throw new Error(
       "useFanfare must be used within a FanfareProvider. Make sure your component is wrapped with <FanfareProvider>"
     );
   return e;
 }
-function qo() {
+function Uo() {
   const e = Nt(), [a, r] = ve(e.auth.check());
   $e(() => {
-    const c = e.on("auth:authenticated", () => {
+    const l = e.on("auth:authenticated", () => {
       r(e.auth.check());
     }), g = e.on("auth:logout", () => {
       r(e.auth.check());
     });
     return () => {
-      c(), g();
+      l(), g();
     };
   }, [e]);
   const n = B(async () => {
-    const c = await e.auth.guest();
-    return r(e.auth.check()), c;
-  }, [e]), o = B((c) => e.auth.requestOtp(c), [e]), i = B(
-    async (c) => {
-      const g = await e.auth.verifyOtp(c);
+    const l = await e.auth.guest();
+    return r(e.auth.check()), l;
+  }, [e]), o = B((l) => e.auth.requestOtp(l), [e]), i = B(
+    async (l) => {
+      const g = await e.auth.verifyOtp(l);
       return r(e.auth.check()), g;
     },
     [e]
@@ -165,18 +165,18 @@ function qo() {
   };
 }
 function Sa(e, a) {
-  const r = Nt(), { locale: n, setExperienceTranslations: o } = Ft(), i = bt(null), f = bt(a), [c, g] = ve(null), [d, x] = ve(null), [m, v] = ve(null), [w, y] = ve(null), [C, l] = ve(null);
+  const r = Nt(), { locale: n, setExperienceTranslations: o } = Ft(), i = bt(null), f = bt(a), [l, g] = ve(null), [d, b] = ve(null), [m, v] = ve(null), [h, x] = ve(null), [C, c] = ve(null);
   $e(() => {
     f.current = a;
   }, [a]), $e(() => {
     if (!e) {
-      i.current = null, g(null), x(null), v(null), y(null), l(null);
+      i.current = null, g(null), b(null), v(null), x(null), c(null);
       return;
     }
     const p = r.journeys.get(e);
-    i.current = p, g(p), x(p.snapshot$.get()), v(p.view$.get());
+    i.current = p, g(p), b(p.snapshot$.get()), v(p.view$.get());
     const D = p.snapshot$.listen((T) => {
-      x(T);
+      b(T);
     }), V = p.view$.listen((T) => {
       v(T);
     });
@@ -191,138 +191,138 @@ function Sa(e, a) {
     let p = !1;
     const D = d?.experience?.experience?.i18n;
     if (D) {
-      const V = mr(D, n);
+      const V = hr(D, n);
       o(V ?? null);
     } else p || o(null);
     return () => {
       p = !0, o(null);
     };
   }, [e, d?.experience?.experience?.i18n, n, o]);
-  const h = B(
+  const w = B(
     async (p) => {
       if (!e)
         throw new Error("experienceId is required to start an experience journey");
       const D = i.current ?? r.journeys.get(e);
-      i.current = D, g(D), y(null), l(null);
+      i.current = D, g(D), x(null), c(null);
       const V = f.current, T = {
         accessCode: p?.accessCode ?? V?.accessCode,
         autoEnterWaitlist: p?.autoEnterWaitlist ?? V?.autoEnterWaitlist
       };
       try {
-        const b = D.view$.get();
-        if (b.journeyStage === "ready") {
+        const y = D.view$.get();
+        if (y.journeyStage === "ready") {
           const N = T.accessCode ? { accessCode: T.accessCode } : void 0;
-          await b.start(N);
+          await y.start(N);
         }
         if (T.autoEnterWaitlist) {
           const N = D.view$.get();
-          N.journeyStage === "routed" && N.sequence.phase === "scheduled" && N.sequence.waitlist?.status === "not_waitlisted" && await N.sequence.waitlist.join();
+          N.journeyStage === "routed" && N.sequence.phase === "scheduled" && N.waitlist?.status === "not_waitlisted" && await N.waitlist.join();
         }
         return D.view$.get();
-      } catch (b) {
-        throw y(b instanceof Error ? b.message : "Unknown error"), l(mt(b)), b;
+      } catch (y) {
+        throw x(y instanceof Error ? y.message : "Unknown error"), c(mt(y)), y;
       }
     },
     [e, r]
   );
   return $e(() => {
-    a?.autoStart && e && h();
-  }, [a?.autoStart, e, h]), {
-    journey: c,
+    a?.autoStart && e && w();
+  }, [a?.autoStart, e, w]), {
+    journey: l,
     view: m,
     snapshot: d,
-    error: w,
+    error: h,
     fanfareError: C,
-    start: h
+    start: w
   };
 }
-function ze(e) {
+function je(e) {
   const a = B((n) => e.listen(n), [e]), r = B(() => e.get(), [e]);
-  return cr(a, r, r);
+  return dr(a, r, r);
 }
 function Wo(e) {
-  return ze(e.snapshot$);
+  return je(e.snapshot$);
 }
-function Lr({ experienceId: e, autoStart: a, children: r }) {
+function Ar({ experienceId: e, autoStart: a, children: r }) {
   const n = Sa(e, {
     autoStart: a
   });
   return /* @__PURE__ */ t(Me, { children: r(n) });
 }
-function Uo({ experienceId: e, autoStart: a, renderHeader: r }) {
-  return /* @__PURE__ */ t(Lr, { experienceId: e, autoStart: a, children: ({ journey: n, view: o, snapshot: i, error: f, start: c }) => {
+function Ho({ experienceId: e, autoStart: a, renderHeader: r }) {
+  return /* @__PURE__ */ t(Ar, { experienceId: e, autoStart: a, children: ({ journey: n, view: o, snapshot: i, error: f, start: l }) => {
     const g = [], d = [];
     if (o?.journeyStage === "ready" && g.push("start"), o?.journeyStage === "gated" && g.push("reroute", "retry"), o?.journeyStage === "routed") {
       g.push("reroute", "retry");
       const v = o.sequence;
-      v.phase === "scheduled" && v.waitlist?.status === "not_waitlisted" && d.push("joinAttachment"), v.phase === "scheduled" && v.waitlist && v.waitlist.status !== "not_waitlisted" && d.push("leaveAttachment"), v.phase === "enterable" && d.push("enter"), v.phase === "participating" && "leave" in v && d.push("leave"), v.phase === "participating" && "complete" in v && d.push("complete"), "bid" in v && d.push("bid"), "book" in v && d.push("book"), "cancel" in v && d.push("cancel"), "reschedule" in v && d.push("reschedule"), "claim" in v && d.push("claim");
+      v.phase === "scheduled" && o.waitlist?.status === "not_waitlisted" && d.push("joinAttachment"), v.phase === "scheduled" && o.waitlist && o.waitlist.status !== "not_waitlisted" && d.push("leaveAttachment"), v.phase === "enterable" && d.push("enter"), v.phase === "participating" && "leave" in v && d.push("leave"), v.phase === "participating" && "complete" in v && d.push("complete"), "bid" in v && d.push("bid"), "book" in v && d.push("book"), "cancel" in v && d.push("cancel"), "reschedule" in v && d.push("reschedule"), "claim" in v && d.push("claim");
     }
-    const x = i ? {
+    const b = i ? {
       experienceId: i.experienceId,
       accessCode: i.accessCode,
-      sequenceId: xr(i),
-      distribution: br(i),
-      participation: vr(i),
+      sequenceId: yr(i),
+      distribution: xr(i),
+      participation: br(i),
       gates: xa(i)
     } : null, m = (v) => {
       if (!n) return;
-      const w = n.view$.get(), y = {};
-      if (w.journeyStage === "ready" && (y.start = () => w.start()), w.journeyStage === "gated" && (y.reroute = () => w.reroute(), y.retry = () => w.retry()), w.journeyStage === "routed") {
-        y.reroute = () => w.reroute(), y.retry = () => w.retry();
-        const l = w.sequence;
-        if (l.phase === "scheduled" && l.waitlist?.status === "not_waitlisted") {
-          const h = l.waitlist.join;
-          y.joinAttachment = () => h();
+      const h = n.view$.get(), x = {};
+      if (h.journeyStage === "ready" && (x.start = () => h.start()), h.journeyStage === "gated" && (x.reroute = () => h.reroute(), x.retry = () => h.retry()), h.journeyStage === "routed") {
+        x.reroute = () => h.reroute(), x.retry = () => h.retry();
+        const c = h.sequence;
+        if (c.phase === "scheduled" && h.waitlist?.status === "not_waitlisted") {
+          const w = h.waitlist.join;
+          x.joinAttachment = () => w();
         }
-        if (l.phase === "scheduled" && l.waitlist && l.waitlist.status !== "not_waitlisted") {
-          const h = l.waitlist.leave;
-          y.leaveAttachment = () => h();
+        if (c.phase === "scheduled" && h.waitlist && h.waitlist.status !== "not_waitlisted") {
+          const w = h.waitlist.leave;
+          x.leaveAttachment = () => w();
         }
-        if (l.phase === "enterable" && "enter" in l) {
-          const h = l.enter;
-          y.enter = () => h();
+        if (c.phase === "enterable" && "enter" in c) {
+          const w = c.enter;
+          x.enter = () => w();
         }
-        if (l.phase === "participating" && "leave" in l) {
-          const h = l.leave;
-          y.leave = () => h();
+        if (c.phase === "participating" && "leave" in c) {
+          const w = c.leave;
+          x.leave = () => w();
         }
-        if (l.phase === "participating" && "complete" in l) {
-          const h = l.complete;
-          y.complete = () => h();
+        if (c.phase === "participating" && "complete" in c) {
+          const w = c.complete;
+          x.complete = () => w();
         }
-        if ("bid" in l) {
-          const h = l.bid;
-          y.bid = async () => {
+        if ("bid" in c) {
+          const w = c.bid;
+          x.bid = async () => {
             const p = globalThis.window?.prompt?.("Bid amount");
-            p && await h(p);
+            p && await w(p);
           };
         }
-        if ("book" in l) {
-          const h = l.book;
-          y.book = async () => {
+        if ("book" in c) {
+          const w = c.book;
+          x.book = async () => {
             const p = globalThis.window?.prompt?.("Slot ID");
-            p && await h(p);
+            p && await w(p);
           };
         }
-        if ("cancel" in l) {
-          const h = l.cancel;
-          y.cancel = () => h();
+        if ("cancel" in c) {
+          const w = c.cancel;
+          x.cancel = () => w();
         }
-        if ("reschedule" in l) {
-          const h = l.reschedule;
-          y.reschedule = async () => {
+        if ("reschedule" in c) {
+          const w = c.reschedule;
+          x.reschedule = async () => {
             const p = globalThis.window?.prompt?.("New slot ID");
-            p && await h(p);
+            p && await w(p);
           };
         }
-        if ("claim" in l) {
-          const h = l.claim;
-          y.claim = async () => {
-            h();
+        if ("claim" in c) {
+          const w = c.claim;
+          x.claim = async () => {
+            w();
           };
         }
       }
-      const C = y[v];
+      const C = x[v];
       C && C();
     };
     return /* @__PURE__ */ u("div", { children: [
@@ -341,7 +341,7 @@ function Uo({ experienceId: e, autoStart: a, renderHeader: r }) {
         ] }),
         /* @__PURE__ */ u("div", { children: [
           "Sequence phase: ",
-          yr(i)
+          kr(i)
         ] }),
         /* @__PURE__ */ u("div", { children: [
           "Journey actions: ",
@@ -358,7 +358,7 @@ function Uo({ experienceId: e, autoStart: a, renderHeader: r }) {
               type: "button",
               disabled: !n,
               onClick: () => {
-                c();
+                l();
               },
               children: "Start"
             }
@@ -374,7 +374,7 @@ function Uo({ experienceId: e, autoStart: a, renderHeader: r }) {
           d.includes("reschedule") && /* @__PURE__ */ t("button", { type: "button", onClick: () => m("reschedule"), children: "Reschedule" }),
           d.includes("claim") && /* @__PURE__ */ t("button", { type: "button", onClick: () => m("claim"), children: "Claim" })
         ] }),
-        /* @__PURE__ */ t("pre", { children: JSON.stringify(x, null, 2) })
+        /* @__PURE__ */ t("pre", { children: JSON.stringify(b, null, 2) })
       ] })
     ] });
   } });
@@ -404,16 +404,16 @@ function Dt(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 Ar(e) {
+function Ir(e) {
   if (!e) return null;
   const a = Pt(e), r = a.replace(/\D/g, "");
   return a.startsWith("+") ? r.length < 10 || r.length > 15 ? null : `+${r}` : r.length === 10 ? `+1${r}` : null;
 }
-function Ir(e) {
+function jr(e) {
   const a = e.replace(/\D/g, "");
   return e.startsWith("+") ? a.length >= 10 && a.length <= 15 : a.length === 10;
 }
-const zr = _r({
+const zr = Nr({
   extend: {
     classGroups: {
       "font-size": ["text-xxs"]
@@ -421,14 +421,14 @@ const zr = _r({
   }
 });
 function E(...e) {
-  return zr(kr(e));
+  return zr(_r(e));
 }
 function fa(e, a) {
   if (typeof e == "function")
     return e(a);
   e != null && (e.current = a);
 }
-function jr(...e) {
+function Fr(...e) {
   return (a) => {
     let r = !1;
     const n = e.map((o) => {
@@ -444,56 +444,56 @@ function jr(...e) {
       };
   };
 }
-var Fr = /* @__PURE__ */ Symbol.for("react.lazy"), xt = s[" use ".trim().toString()];
-function Pr(e) {
+var Pr = /* @__PURE__ */ Symbol.for("react.lazy"), xt = s[" use ".trim().toString()];
+function Br(e) {
   return typeof e == "object" && e !== null && "then" in e;
 }
 function Ca(e) {
-  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === Fr && "_payload" in e && Pr(e._payload);
+  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === Pr && "_payload" in e && Br(e._payload);
 }
 // @__NO_SIDE_EFFECTS__
-function Br(e) {
-  const a = /* @__PURE__ */ $r(e), r = s.forwardRef((n, o) => {
+function Or(e) {
+  const a = /* @__PURE__ */ qr(e), r = s.forwardRef((n, o) => {
     let { children: i, ...f } = n;
     Ca(i) && typeof xt == "function" && (i = xt(i._payload));
-    const c = s.Children.toArray(i), g = c.find(Wr);
+    const l = s.Children.toArray(i), g = l.find(Wr);
     if (g) {
-      const d = g.props.children, x = c.map((m) => m === g ? s.Children.count(d) > 1 ? s.Children.only(null) : s.isValidElement(d) ? d.props.children : null : m);
-      return /* @__PURE__ */ t(a, { ...f, ref: o, children: s.isValidElement(d) ? s.cloneElement(d, void 0, x) : null });
+      const d = g.props.children, b = l.map((m) => m === g ? s.Children.count(d) > 1 ? s.Children.only(null) : s.isValidElement(d) ? d.props.children : null : m);
+      return /* @__PURE__ */ t(a, { ...f, ref: o, children: s.isValidElement(d) ? s.cloneElement(d, void 0, b) : null });
     }
     return /* @__PURE__ */ t(a, { ...f, ref: o, children: i });
   });
   return r.displayName = `${e}.Slot`, r;
 }
-var Or = /* @__PURE__ */ Br("Slot");
+var $r = /* @__PURE__ */ Or("Slot");
 // @__NO_SIDE_EFFECTS__
-function $r(e) {
+function qr(e) {
   const a = s.forwardRef((r, n) => {
     let { children: o, ...i } = r;
     if (Ca(o) && typeof xt == "function" && (o = xt(o._payload)), s.isValidElement(o)) {
-      const f = Hr(o), c = Ur(i, o.props);
-      return o.type !== s.Fragment && (c.ref = n ? jr(n, f) : f), s.cloneElement(o, c);
+      const f = Kr(o), l = Hr(i, o.props);
+      return o.type !== s.Fragment && (l.ref = n ? Fr(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 qr = /* @__PURE__ */ Symbol("radix.slottable");
+var Ur = /* @__PURE__ */ Symbol("radix.slottable");
 function Wr(e) {
-  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === qr;
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ur;
 }
-function Ur(e, a) {
+function Hr(e, a) {
   const r = { ...a };
   for (const n in a) {
     const o = e[n], i = a[n];
-    /^on[A-Z]/.test(n) ? o && i ? r[n] = (...c) => {
-      const g = i(...c);
-      return o(...c), g;
+    /^on[A-Z]/.test(n) ? o && i ? r[n] = (...l) => {
+      const g = i(...l);
+      return o(...l), g;
     } : o && (r[n] = o) : n === "style" ? r[n] = { ...o, ...i } : n === "className" && (r[n] = [o, i].filter(Boolean).join(" "));
   }
   return { ...e, ...r };
 }
-function Hr(e) {
+function Kr(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);
 }
@@ -502,15 +502,15 @@ const ot = () => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-
   animate: { opacity: 1 },
   exit: { opacity: 0 },
   transition: { duration: 0.2 }
-}, Kr = {
+}, Zr = {
   initial: { opacity: 0 },
   animate: { opacity: 1 },
   transition: { duration: 0.25, ease: "easeOut" }
-}, Zr = {
+}, Yr = {
   initial: { opacity: 1 },
   animate: { opacity: 1 },
   transition: { duration: 0 }
-}, we = () => ot() ? Zr : Kr, re = {
+}, we = () => ot() ? Yr : Zr, re = {
   // Core colors
   primary: "--ff-color-primary",
   primaryForeground: "--ff-color-primary-foreground",
@@ -532,18 +532,18 @@ const ot = () => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-
   // Typography
   fontFamily: "--ff-font-sans",
   fontHeading: "--ff-font-heading"
-}, Yr = {
-  theme: Sr,
+}, Gr = {
+  theme: Cr,
   variant: "default",
   isRoot: !0
-}, Tt = zt(Yr);
+}, Tt = jt(Gr);
 function ft() {
-  return jt(Tt);
+  return zt(Tt);
 }
-function Gr(e, a) {
+function Jr(e, a) {
   const r = ft();
   return X(() => ({
-    theme: e ? Nr({ ...r.theme, ...e }) : r.theme,
+    theme: e ? Sr({ ...r.theme, ...e }) : r.theme,
     variant: a ?? r.variant,
     isRoot: !1
   }), [r, e, a]);
@@ -586,12 +586,12 @@ function Da(e) {
   return e.fontFamily !== void 0 && (a[re.fontFamily] = e.fontFamily, e.fontHeading === void 0 && (a[re.fontHeading] = e.fontFamily)), e.fontHeading !== void 0 && (a[re.fontHeading] = e.fontHeading), a;
 }
 function Rt({ theme: e, variant: a, as: r = "div", className: n, children: o }) {
-  const i = ft(), f = Gr(e, a), c = X(() => Da(e ?? {}), [e]);
+  const i = ft(), f = Jr(e, a), l = X(() => Da(e ?? {}), [e]);
   return e !== void 0 || a !== void 0 || i.isRoot ? /* @__PURE__ */ t(Tt.Provider, { value: f, children: /* @__PURE__ */ t(
     r,
     {
       className: E("fanfare-themed", n),
-      style: c,
+      style: l,
       "data-fanfare-themed": !0,
       "data-fanfare-variant": f.variant,
       children: o
@@ -601,7 +601,7 @@ function Rt({ theme: e, variant: a, as: r = "div", className: n, children: o })
 function ge() {
   return ft().variant;
 }
-const Jr = (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" }) }), Qr = kt(Jr), Xr = (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" }) }), en = kt(Xr), tn = te("ff:animate-spin ff:text-current", {
+const Qr = (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" }) }), Xr = kt(Qr), 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: "M6 18L18 6M6 6l12 12" }) }), tn = kt(en), an = ae("ff:animate-spin ff:text-current", {
   variants: {
     size: {
       sm: "ff:size-4",
@@ -627,7 +627,7 @@ const Jr = (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: E(tn({ size: a, styleVariant: o }), e),
+      className: E(an({ size: a, styleVariant: o }), e),
       "data-slot": "spinner",
       "data-size": a,
       "aria-hidden": "true",
@@ -668,7 +668,7 @@ const Jr = (e, a) => /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", width: "1.
   );
 });
 Te.displayName = "Spinner";
-const an = te(
+const rn = ae(
   [
     "ff:relative ff:inline-flex ff:items-center ff:justify-center",
     "ff:whitespace-nowrap ff:font-medium",
@@ -799,43 +799,43 @@ const an = te(
     asChild: o = !1,
     statusRef: i,
     contentClassName: f,
-    disabled: c,
+    disabled: l,
     children: g,
     ...d
-  }, x) => {
-    const m = o ? Or : "button", v = ge(), [w, y] = s.useState(void 0);
+  }, b) => {
+    const m = o ? $r : "button", v = ge(), [h, x] = s.useState(void 0);
     s.useImperativeHandle(i, () => ({
-      success: () => y("success"),
-      failure: () => y("failure")
+      success: () => x("success"),
+      failure: () => x("failure")
     })), s.useEffect(() => {
-      if (w === "success" || w === "failure") {
-        const l = setTimeout(() => y(void 0), 1500);
-        return () => clearTimeout(l);
+      if (h === "success" || h === "failure") {
+        const c = setTimeout(() => x(void 0), 1500);
+        return () => clearTimeout(c);
       }
-    }, [w]);
-    const C = c || n || !!w;
+    }, [h]);
+    const C = l || n || !!h;
     return /* @__PURE__ */ u(
       m,
       {
-        ref: x,
+        ref: b,
         "data-slot": "button",
         "data-variant": a,
         "data-size": r,
         "data-loading": n || void 0,
-        "data-status": w || void 0,
+        "data-status": h || void 0,
         "aria-busy": n || void 0,
         "aria-disabled": C || void 0,
-        className: E(an({ variant: a, size: r, styleVariant: v, className: e })),
+        className: E(rn({ variant: a, size: r, styleVariant: v, className: e })),
         disabled: C,
         ...d,
         children: [
-          n && !w && /* @__PURE__ */ t(Te, { size: "sm", className: "ff:absolute", "data-slot": "button-spinner" }),
-          w && /* @__PURE__ */ t(
+          n && !h && /* @__PURE__ */ t(Te, { size: "sm", className: "ff:absolute", "data-slot": "button-spinner" }),
+          h && /* @__PURE__ */ t(
             "span",
             {
               "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(_t, { children: w === "success" ? /* @__PURE__ */ t(U.span, { ...ia, className: "ff:flex", children: /* @__PURE__ */ t(Qr, { className: "ff:size-5" }) }, "success") : /* @__PURE__ */ t(U.span, { ...ia, className: "ff:flex", children: /* @__PURE__ */ t(en, { className: "ff:size-5" }) }, "failure") })
+              children: /* @__PURE__ */ t(_t, { children: h === "success" ? /* @__PURE__ */ t(W.span, { ...ia, className: "ff:flex", children: /* @__PURE__ */ t(Xr, { className: "ff:size-5" }) }, "success") : /* @__PURE__ */ t(W.span, { ...ia, className: "ff:flex", children: /* @__PURE__ */ t(tn, { className: "ff:size-5" }) }, "failure") })
             }
           ),
           /* @__PURE__ */ t(
@@ -844,7 +844,7 @@ const an = te(
               "data-slot": "button-content",
               className: E(
                 "ff:gap-inherit ff:flex ff:items-center",
-                (n || w) && "ff:opacity-0",
+                (n || h) && "ff:opacity-0",
                 f
               ),
               children: g
@@ -856,7 +856,7 @@ const an = te(
   }
 );
 j.displayName = "Button";
-const sa = ["default", "rounded"], rn = te(
+const sa = ["default", "rounded"], nn = ae(
   [
     "ff:flex ff:w-full ff:rounded-md ff:px-3 ff:py-2",
     "ff:text-foreground ff:text-sm",
@@ -906,7 +906,7 @@ const sa = ["default", "rounded"], rn = te(
       styleVariant: "default"
     }
   }
-), la = te([], {
+), la = ae([], {
   variants: {
     styleVariant: {
       default: "",
@@ -919,19 +919,19 @@ const sa = ["default", "rounded"], rn = te(
     styleVariant: "default"
   }
 }), yt = s.forwardRef(
-  ({ className: e, type: a = "text", label: r, error: n, hasError: o, inlineLabel: i, inlineError: f, ...c }, g) => {
-    const { variant: d } = ft(), x = ge(), m = c.id || c.name, v = i ?? sa.includes(d), w = f ?? sa.includes(d), y = o || !!n, C = !!n && !o, l = v && r, h = !v && r, p = w && C, D = !w && C, V = E(
-      rn({ styleVariant: x }),
-      y && "ff:border-danger ff:focus:border-danger ff:focus:ring-danger",
+  ({ className: e, type: a = "text", label: r, error: n, hasError: o, inlineLabel: i, inlineError: f, ...l }, g) => {
+    const { variant: d } = ft(), b = ge(), m = l.id || l.name, v = i ?? sa.includes(d), h = f ?? sa.includes(d), x = o || !!n, C = !!n && !o, c = v && r, w = !v && r, p = h && C, D = !h && C, V = E(
+      nn({ styleVariant: b }),
+      x && "ff:border-danger ff:focus:border-danger ff:focus:ring-danger",
       // Extra padding for floating label
-      l && "ff:pt-5 ff:pb-1",
+      c && "ff:pt-5 ff:pb-1",
       e
     );
-    return l ? /* @__PURE__ */ u(
+    return c ? /* @__PURE__ */ u(
       "div",
       {
         "data-slot": "input-wrapper",
-        "data-error": y || void 0,
+        "data-error": x || void 0,
         "data-inline-label": "true",
         className: "ff:group ff:relative",
         children: [
@@ -942,16 +942,16 @@ const sa = ["default", "rounded"], rn = te(
               type: a,
               id: m,
               "data-slot": "input-field",
-              "aria-invalid": y,
+              "aria-invalid": x,
               "aria-describedby": C ? `${m}-error` : void 0,
-              placeholder: c.placeholder || " ",
+              placeholder: l.placeholder || " ",
               className: E(
                 V,
                 // 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"
               ),
-              ...c
+              ...l
             }
           ),
           /* @__PURE__ */ t(
@@ -972,9 +972,9 @@ const sa = ["default", "rounded"], rn = te(
                 // Disabled state
                 "ff:peer-disabled:text-muted ff:peer-disabled:opacity-50",
                 // Error state
-                y && "ff:text-danger ff:peer-focus:text-danger",
+                x && "ff:text-danger ff:peer-focus:text-danger",
                 // Style variant
-                la({ styleVariant: x })
+                la({ styleVariant: b })
               ),
               children: r
             }
@@ -1002,14 +1002,14 @@ const sa = ["default", "rounded"], rn = te(
         ]
       }
     ) : /* @__PURE__ */ u("div", { "data-slot": "input-wrapper", "data-error": !!n || void 0, className: "ff:relative", children: [
-      h && /* @__PURE__ */ t(
+      w && /* @__PURE__ */ t(
         "label",
         {
           htmlFor: m,
           "data-slot": "input-label",
           className: E(
             "ff:text-foreground ff:mb-1.5 ff:block ff:text-sm ff:font-medium",
-            la({ styleVariant: x })
+            la({ styleVariant: b })
           ),
           children: r
         }
@@ -1022,10 +1022,10 @@ const sa = ["default", "rounded"], rn = te(
             type: a,
             id: m,
             "data-slot": "input-field",
-            "aria-invalid": y,
+            "aria-invalid": x,
             "aria-describedby": C ? `${m}-error` : void 0,
             className: V,
-            ...c
+            ...l
           }
         ),
         p && /* @__PURE__ */ t(
@@ -1044,7 +1044,7 @@ const sa = ["default", "rounded"], rn = te(
   }
 );
 yt.displayName = "Input";
-const nn = ht.pipe(ht.string(), ht.email());
+const on = ht.pipe(ht.string(), ht.email());
 function Va(e) {
   if (!e) return "email";
   const r = Pt(e).replace(/\D/g, "");
@@ -1059,49 +1059,49 @@ const Ea = s.forwardRef(
     onSubmit: o,
     type: i = "auto",
     error: f,
-    hasError: c,
+    hasError: l,
     label: g,
     disabled: d,
-    ...x
+    ...b
   }, m) => {
-    const { t: v } = K(), [w, y] = s.useState(() => i === "auto" ? Va(a) : i), [C, l] = s.useState(!1), [h, p] = s.useState(null), [D, V] = s.useState(!1), [T, b] = s.useState(
-      () => w === "phone" ? Dt(a) : a
+    const { t: v } = K(), [h, x] = s.useState(() => i === "auto" ? Va(a) : i), [C, c] = s.useState(!1), [w, p] = s.useState(null), [D, V] = s.useState(!1), [T, y] = s.useState(
+      () => h === "phone" ? Dt(a) : a
     ), N = i === "auto";
     s.useEffect(() => {
-      N || y(i);
+      N || x(i);
     }, [i, N]), s.useEffect(() => {
-      b(w === "phone" ? Dt(a) : a);
-    }, [a, w]);
+      y(h === "phone" ? Dt(a) : a);
+    }, [a, h]);
     const S = s.useCallback(
       (L, J) => {
         if (!L) {
           p(null), V(!1), n?.(!1);
           return;
         }
-        J === "email" ? ht.safeParse(nn, L).success ? (p(null), V(!0), n?.(!0)) : (p(v("auth.invalidEmail")), V(!1), n?.(!1)) : Ir(L) ? (p(null), V(!0), n?.(!0)) : (p(v("auth.invalidPhone")), V(!1), n?.(!1));
+        J === "email" ? ht.safeParse(on, L).success ? (p(null), V(!0), n?.(!0)) : (p(v("auth.invalidEmail")), V(!1), n?.(!1)) : jr(L) ? (p(null), V(!0), n?.(!0)) : (p(v("auth.invalidPhone")), V(!1), n?.(!1));
       },
       [n]
     );
     s.useEffect(() => {
-      S(a, w);
-    }, [a, w, S]);
+      S(a, h);
+    }, [a, h, S]);
     const M = (L) => {
       const J = L.target.value;
-      if (w === "phone") {
+      if (h === "phone") {
         const ne = Dt(J);
-        b(ne);
-        const se = Ar(J);
-        r(se || J, w);
+        y(ne);
+        const se = Ir(J);
+        r(se || J, h);
       } else
-        b(J), r(J, w);
+        y(J), r(J, h);
     }, A = (L) => {
-      l(!0), x.onBlur?.(L);
+      c(!0), b.onBlur?.(L);
     }, I = (L) => {
-      L.key === "Enter" && o && (L.preventDefault(), o()), x.onKeyDown?.(L);
+      L.key === "Enter" && o && (L.preventDefault(), o()), b.onKeyDown?.(L);
     }, O = () => {
-      const L = w === "email" ? "phone" : "email";
-      y(L), b(""), p(null), l(!1), V(!1), r("", L), n?.(!1);
-    }, $ = f || (C && !D ? h : null), fe = x.placeholder || v(w === "email" ? "auth.emailPlaceholder" : "auth.phonePlaceholder"), ce = N && /* @__PURE__ */ t(
+      const L = h === "email" ? "phone" : "email";
+      x(L), y(""), p(null), c(!1), V(!1), r("", L), n?.(!1);
+    }, $ = f || (C && !D ? w : null), fe = b.placeholder || v(h === "email" ? "auth.emailPlaceholder" : "auth.phonePlaceholder"), ce = N && /* @__PURE__ */ t(
       j,
       {
         type: "button",
@@ -1110,7 +1110,7 @@ const Ea = s.forwardRef(
         "data-slot": "auth-input-toggle",
         onClick: O,
         disabled: d,
-        children: v(w === "email" ? "auth.usePhone" : "auth.useEmail")
+        children: v(h === "email" ? "auth.usePhone" : "auth.useEmail")
       }
     );
     return N ? /* @__PURE__ */ u(
@@ -1118,7 +1118,7 @@ const Ea = s.forwardRef(
       {
         className: E("fanfare-auth-input", e),
         "data-slot": "auth-input",
-        "data-mode": w,
+        "data-mode": h,
         "data-valid": D || void 0,
         children: [
           /* @__PURE__ */ u("div", { "data-slot": "auth-input-header", className: "ff:mb-1.5 ff:flex ff:items-center ff:justify-between", children: [
@@ -1129,9 +1129,9 @@ const Ea = s.forwardRef(
             yt,
             {
               ref: m,
-              type: w === "email" ? "email" : "tel",
-              inputMode: w === "email" ? "email" : "tel",
-              autoComplete: w === "email" ? "email" : "tel",
+              type: h === "email" ? "email" : "tel",
+              inputMode: h === "email" ? "email" : "tel",
+              autoComplete: h === "email" ? "email" : "tel",
               value: T,
               onChange: M,
               onBlur: A,
@@ -1139,11 +1139,11 @@ const Ea = s.forwardRef(
               placeholder: fe,
               disabled: d,
               error: $ || void 0,
-              hasError: c,
+              hasError: l,
               inlineLabel: !1,
               inlineError: !1,
               "data-slot": "auth-input-field",
-              ...x
+              ...b
             }
           )
         ]
@@ -1152,9 +1152,9 @@ const Ea = s.forwardRef(
       yt,
       {
         ref: m,
-        type: w === "email" ? "email" : "tel",
-        inputMode: w === "email" ? "email" : "tel",
-        autoComplete: w === "email" ? "email" : "tel",
+        type: h === "email" ? "email" : "tel",
+        inputMode: h === "email" ? "email" : "tel",
+        autoComplete: h === "email" ? "email" : "tel",
         value: T,
         onChange: M,
         onBlur: A,
@@ -1163,18 +1163,18 @@ const Ea = s.forwardRef(
         disabled: d,
         label: g,
         error: $ || void 0,
-        hasError: c,
+        hasError: l,
         className: E("fanfare-auth-input", e),
         "data-slot": "auth-input",
-        "data-mode": w,
+        "data-mode": h,
         "data-valid": D || void 0,
-        ...x
+        ...b
       }
     );
   }
 );
 Ea.displayName = "AuthInput";
-const on = te(
+const fn = ae(
   [
     "ff:h-12 ff:w-full ff:min-w-0 ff:text-center ff:text-lg ff:font-semibold",
     "ff:text-foreground",
@@ -1243,61 +1243,61 @@ const on = te(
     }
   }
 ), Ma = s.forwardRef(
-  ({ value: e = "", onChange: a, onComplete: r, length: n = 6, error: o, hasError: i, disabled: f, autoFocus: c, ariaDescribedBy: g, className: d }, x) => {
-    const m = ge(), v = s.useRef([]), [w, y] = s.useState(() => {
-      const b = e.split("").slice(0, n);
-      return [...b, ...Array(n - b.length).fill("")];
+  ({ value: e = "", onChange: a, onComplete: r, length: n = 6, error: o, hasError: i, disabled: f, autoFocus: l, ariaDescribedBy: g, className: d }, b) => {
+    const m = ge(), v = s.useRef([]), [h, x] = s.useState(() => {
+      const y = e.split("").slice(0, n);
+      return [...y, ...Array(n - y.length).fill("")];
     });
     s.useEffect(() => {
-      const b = e.split("").slice(0, n);
-      y([...b, ...Array(n - b.length).fill("")]);
+      const y = e.split("").slice(0, n);
+      x([...y, ...Array(n - y.length).fill("")]);
     }, [e, n]);
-    const C = (b) => {
-      b >= 0 && b < n && v.current[b]?.focus();
-    }, l = (b, N) => {
+    const C = (y) => {
+      y >= 0 && y < n && v.current[y]?.focus();
+    }, c = (y, N) => {
       const S = N.replace(/\D/g, "");
       if (S.length > 1) {
         const O = S.slice(0, n).split(""), $ = [...O, ...Array(n - O.length).fill("")];
-        y($);
+        x($);
         const fe = $.join("");
         a?.(fe), fe.length === n ? (r?.(fe), C(n - 1)) : C(O.length);
         return;
       }
-      const M = S.slice(-1), A = [...w];
-      A[b] = M, y(A);
+      const M = S.slice(-1), A = [...h];
+      A[y] = M, x(A);
       const I = A.join("");
-      a?.(I), M && b < n - 1 && C(b + 1), I.length === n && !I.includes("") && r?.(I);
-    }, h = (b, N) => {
+      a?.(I), M && y < n - 1 && C(y + 1), I.length === n && !I.includes("") && r?.(I);
+    }, w = (y, N) => {
       switch (N.key) {
         case "Backspace":
-          N.preventDefault(), w[b] ? l(b, "") : b > 0 && (C(b - 1), l(b - 1, ""));
+          N.preventDefault(), h[y] ? c(y, "") : y > 0 && (C(y - 1), c(y - 1, ""));
           break;
         case "ArrowLeft":
-          N.preventDefault(), C(b - 1);
+          N.preventDefault(), C(y - 1);
           break;
         case "ArrowRight":
-          N.preventDefault(), C(b + 1);
+          N.preventDefault(), C(y + 1);
           break;
         case "Delete":
-          N.preventDefault(), l(b, "");
+          N.preventDefault(), c(y, "");
           break;
       }
-    }, p = (b) => {
-      b.preventDefault();
-      const N = b.clipboardData.getData("text").replace(/\D/g, "").slice(0, n);
+    }, p = (y) => {
+      y.preventDefault();
+      const N = y.clipboardData.getData("text").replace(/\D/g, "").slice(0, n);
       if (N) {
         const S = N.split(""), M = [...S, ...Array(n - S.length).fill("")];
-        y(M);
+        x(M);
         const A = M.join("");
         a?.(A), A.length === n ? (r?.(A), C(n - 1)) : C(S.length);
       }
-    }, D = (b) => {
-      b.target.select();
+    }, D = (y) => {
+      y.target.select();
     }, V = i || !!o, T = !!o && !i;
     return /* @__PURE__ */ u(
       "div",
       {
-        ref: x,
+        ref: b,
         className: E("fanfare-otp-input", "ff:space-y-1.5", d),
         "data-slot": "otp-input",
         "data-error": V || void 0,
@@ -1309,7 +1309,7 @@ const on = te(
               className: "ff:grid ff:gap-2",
               style: { gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` },
               onPaste: p,
-              children: Array.from({ length: n }).map((b, N) => /* @__PURE__ */ t(
+              children: Array.from({ length: n }).map((y, N) => /* @__PURE__ */ t(
                 "input",
                 {
                   ref: (S) => {
@@ -1320,16 +1320,16 @@ const on = te(
                   autoComplete: N === 0 ? "one-time-code" : "off",
                   maxLength: 1,
                   "data-slot": "otp-input-digit",
-                  value: w[N],
-                  onChange: (S) => l(N, S.target.value),
-                  onKeyDown: (S) => h(N, S),
+                  value: h[N],
+                  onChange: (S) => c(N, S.target.value),
+                  onKeyDown: (S) => w(N, S),
                   onFocus: D,
                   disabled: f,
-                  autoFocus: c && N === 0,
+                  autoFocus: l && N === 0,
                   "aria-label": `Digit ${N + 1} of ${n}`,
                   "aria-invalid": V,
                   "aria-describedby": V ? g : void 0,
-                  className: on({ styleVariant: m, hasError: V })
+                  className: fn({ styleVariant: m, hasError: V })
                 },
                 N
               ))
@@ -1342,7 +1342,7 @@ const on = te(
   }
 );
 Ma.displayName = "OTPInput";
-const fn = te(["ff:rounded-lg ff:p-6", "ff:bg-background", "ff:text-foreground"], {
+const sn = ae(["ff:rounded-lg ff:p-6", "ff:bg-background", "ff:text-foreground"], {
   variants: {
     variant: {
       default: "ff:border ff:border-border",
@@ -1380,15 +1380,15 @@ const fn = te(["ff:rounded-lg ff:p-6", "ff:bg-background", "ff:text-foreground"]
       ref: n,
       "data-slot": "card",
       "data-variant": a,
-      className: E(fn({ variant: a, styleVariant: o, className: e })),
+      className: E(sn({ variant: a, styleVariant: o, className: e })),
       ...r
     }
   );
 });
 Ta.displayName = "Card";
-const sn = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, "data-slot": "card-header", className: E("fanfare-card-header ff:mb-4", e), ...a }));
-sn.displayName = "CardHeader";
-const ln = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+const ln = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, "data-slot": "card-header", className: E("fanfare-card-header ff:mb-4", e), ...a }));
+ln.displayName = "CardHeader";
+const cn = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
   "h3",
   {
     ref: r,
@@ -1397,8 +1397,8 @@ const ln = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
     ...a
   }
 ));
-ln.displayName = "CardTitle";
-const cn = s.forwardRef(
+cn.displayName = "CardTitle";
+const dn = s.forwardRef(
   ({ className: e, ...a }, r) => /* @__PURE__ */ t(
     "p",
     {
@@ -1409,10 +1409,10 @@ const cn = s.forwardRef(
     }
   )
 );
-cn.displayName = "CardDescription";
-const dn = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, "data-slot": "card-content", className: E(e), ...a }));
-dn.displayName = "CardContent";
-const un = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
+dn.displayName = "CardDescription";
+const un = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t("div", { ref: r, "data-slot": "card-content", className: E(e), ...a }));
+un.displayName = "CardContent";
+const pn = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
   "div",
   {
     ref: r,
@@ -1421,7 +1421,7 @@ const un = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ t(
     ...a
   }
 ));
-un.displayName = "CardFooter";
+pn.displayName = "CardFooter";
 const Ra = s.forwardRef(({ className: e, ...a }, r) => /* @__PURE__ */ u(
   "svg",
   {
@@ -1595,7 +1595,7 @@ function Lt(e) {
 }
 const Y = s.forwardRef(
   ({ className: e, children: a, ...r }, n) => {
-    const o = s.Children.toArray(a), i = o.filter(Lt), f = o.filter((c) => !Lt(c));
+    const o = s.Children.toArray(a), i = o.filter(Lt), f = o.filter((l) => !Lt(l));
     return /* @__PURE__ */ u(
       Ta,
       {
@@ -1612,7 +1612,7 @@ const Y = s.forwardRef(
   }
 );
 Y.displayName = "PanelLayout";
-const pn = ["clean"], gn = te(["ff:inline-flex ff:items-center", "ff:text-xs ff:font-medium"], {
+const gn = ["clean"], mn = ae(["ff:inline-flex ff:items-center", "ff:text-xs ff:font-medium"], {
   variants: {
     variant: {
       default: "",
@@ -1734,7 +1734,7 @@ const pn = ["clean"], gn = te(["ff:inline-flex ff:items-center", "ff:text-xs ff:
   outline: "ff:bg-foreground/40"
 }, La = s.forwardRef(
   ({ className: e, variant: a = "default", solidBackground: r, children: n, ...o }, i) => {
-    const { variant: f } = ft(), c = ge(), g = a ?? "default", d = r ?? !pn.includes(f), x = !d && ca[g];
+    const { variant: f } = ft(), l = ge(), g = a ?? "default", d = r ?? !gn.includes(f), b = !d && ca[g];
     return /* @__PURE__ */ u(
       "span",
       {
@@ -1742,10 +1742,10 @@ const pn = ["clean"], gn = te(["ff:inline-flex ff:items-center", "ff:text-xs ff:
         "data-slot": "badge",
         "data-variant": g,
         "data-solid-background": d,
-        className: E(gn({ variant: g, solid: d, styleVariant: c, className: e })),
+        className: E(mn({ variant: g, solid: d, styleVariant: l, className: e })),
         ...o,
         children: [
-          x && /* @__PURE__ */ t(
+          b && /* @__PURE__ */ t(
             "span",
             {
               className: E("ff:size-1.5 ff:shrink-0 ff:rounded-full", ca[g]),
@@ -1769,7 +1769,7 @@ const G = s.forwardRef(
   ] })
 );
 G.displayName = "PanelHeading";
-const mn = te(["ff:flex ff:flex-col ff:gap-2", "ff:p-4", "ff:text-xs ff:text-foreground"], {
+const hn = ae(["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"],
@@ -1783,10 +1783,10 @@ const mn = te(["ff:flex ff:flex-col ff:gap-2", "ff:p-4", "ff:text-xs ff:text-for
   }
 }), ie = s.forwardRef(({ className: e, children: a, ...r }, n) => {
   const o = ge();
-  return /* @__PURE__ */ t("div", { ref: n, "data-slot": "info-panel", className: E(mn({ styleVariant: o }), e), ...r, children: a });
+  return /* @__PURE__ */ t("div", { ref: n, "data-slot": "info-panel", className: E(hn({ styleVariant: o }), e), ...r, children: a });
 });
 ie.displayName = "InfoPanel";
-const hn = te(["ff:flex ff:items-start ff:gap-3", "ff:rounded-lg ff:p-4"], {
+const wn = ae(["ff:flex ff:items-start ff:gap-3", "ff:rounded-lg ff:p-4"], {
   variants: {
     tone: {
       danger: "ff:bg-danger/10",
@@ -1796,7 +1796,7 @@ const hn = te(["ff:flex ff:items-start ff:gap-3", "ff:rounded-lg ff:p-4"], {
   defaultVariants: {
     tone: "danger"
   }
-}), wn = te(["ff:flex ff:size-5 ff:shrink-0 ff:items-center ff:justify-center ff:rounded-full"], {
+}), vn = ae(["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",
@@ -1806,7 +1806,7 @@ const hn = te(["ff:flex ff:items-start ff:gap-3", "ff:rounded-lg ff:p-4"], {
   defaultVariants: {
     tone: "danger"
   }
-}), vn = te(["ff:text-xs ff:font-semibold ff:leading-tight"], {
+}), bn = ae(["ff:text-xs ff:font-semibold ff:leading-tight"], {
   variants: {
     tone: {
       danger: "ff:text-danger",
@@ -1817,7 +1817,7 @@ const hn = te(["ff:flex ff:items-start ff:gap-3", "ff:rounded-lg ff:p-4"], {
     tone: "danger"
   }
 });
-function bn() {
+function xn() {
   return /* @__PURE__ */ u(
     "svg",
     {
@@ -1836,7 +1836,7 @@ function bn() {
     }
   );
 }
-function xn() {
+function yn() {
   return /* @__PURE__ */ t(
     "svg",
     {
@@ -1854,7 +1854,7 @@ function xn() {
 }
 const be = s.forwardRef(
   ({ tone: e = "danger", icon: a, title: r, description: n, className: o, ...i }, f) => {
-    const c = e === "success" ? /* @__PURE__ */ t(xn, {}) : /* @__PURE__ */ t(bn, {});
+    const l = e === "success" ? /* @__PURE__ */ t(yn, {}) : /* @__PURE__ */ t(xn, {});
     return /* @__PURE__ */ u(
       "div",
       {
@@ -1862,12 +1862,12 @@ const be = s.forwardRef(
         "data-slot": "alert-panel",
         "data-tone": e,
         role: e === "success" ? "status" : "alert",
-        className: E(hn({ tone: e }), o),
+        className: E(wn({ tone: e }), o),
         ...i,
         children: [
-          /* @__PURE__ */ t("div", { className: E(wn({ tone: e })), "aria-hidden": "true", children: a ?? c }),
+          /* @__PURE__ */ t("div", { className: E(vn({ tone: e })), "aria-hidden": "true", children: a ?? l }),
           /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-1", children: [
-            r ? /* @__PURE__ */ t("p", { className: E(vn({ tone: e })), children: r }) : null,
+            r ? /* @__PURE__ */ t("p", { className: E(bn({ tone: e })), children: r }) : null,
             n ? /* @__PURE__ */ t("p", { className: "ff:text-xs ff:text-foreground/80", children: n }) : null
           ] })
         ]
@@ -1876,7 +1876,7 @@ const be = s.forwardRef(
   }
 );
 be.displayName = "AlertPanel";
-const yn = {
+const kn = {
   expired: "expired",
   queue_denied: "not_selected",
   draw_denied: "not_selected",
@@ -1893,9 +1893,9 @@ const yn = {
   unknown: "ended"
 };
 function da(e) {
-  return e ? yn[e] ?? "ended" : "ended";
+  return e ? kn[e] ?? "ended" : "ended";
 }
-const kn = te(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"], {
+const _n = ae(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"], {
   variants: {
     styleVariant: {
       default: "",
@@ -1916,7 +1916,7 @@ const kn = te(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"]
     styleVariant: "default",
     size: "default"
   }
-}), _n = te(
+}), Nn = ae(
   ["ff:absolute ff:inset-0 ff:flex ff:items-center ff:justify-center ff:font-heading ff:tabular-nums"],
   {
     variants: {
@@ -1946,7 +1946,7 @@ const kn = te(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"]
       tone: "calm"
     }
   }
-), Nn = te(["ff:flex ff:flex-col ff:items-center"], {
+), Sn = ae(["ff:flex ff:flex-col ff:items-center"], {
   variants: {
     styleVariant: {
       default: "",
@@ -1988,7 +1988,7 @@ const kn = te(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"]
     styleVariant: "default",
     tone: "calm"
   }
-}), Sn = te(
+}), Cn = ae(
   ["ff:text-xxs ff:font-heading ff:font-medium ff:uppercase ff:tracking-widest ff:text-neutral-500 ff:leading-none"],
   {
     variants: {
@@ -2018,7 +2018,7 @@ const kn = te(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"]
       tone: "calm"
     }
   }
-), Cn = te(["ff:mx-2 ff:self-end ff:pb-2 ff:text-2xl ff:font-light ff:text-neutral-300"], {
+), Dn = ae(["ff:mx-2 ff:self-end ff:pb-2 ff:text-2xl ff:font-light ff:text-neutral-300"], {
   variants: {
     styleVariant: {
       default: "",
@@ -2035,7 +2035,7 @@ const kn = te(["ff:relative ff:inline-block ff:overflow-hidden ff:font-heading"]
     styleVariant: "default",
     size: "default"
   }
-}), Dn = te(["ff:flex ff:items-center ff:justify-center ff:font-heading"], {
+}), Vn = ae(["ff:flex ff:items-center ff:justify-center ff:font-heading"], {
   variants: {
     styleVariant: {
       default: "",
@@ -2063,9 +2063,9 @@ function ua(e) {
     total: n
   };
 }
-function Vn({ value: e, styleVariant: a, size: r, tone: n }) {
-  return /* @__PURE__ */ t("div", { "data-slot": "countdown-digit", className: kn({ styleVariant: a, size: r }), children: /* @__PURE__ */ t(_t, { mode: "popLayout", children: /* @__PURE__ */ t(
-    U.span,
+function En({ value: e, styleVariant: a, size: r, tone: n }) {
+  return /* @__PURE__ */ t("div", { "data-slot": "countdown-digit", className: _n({ styleVariant: a, size: r }), children: /* @__PURE__ */ t(_t, { mode: "popLayout", children: /* @__PURE__ */ t(
+    W.span,
     {
       initial: { y: "100%", filter: "blur(2px)" },
       animate: { y: "0%", filter: "blur(0px)" },
@@ -2076,31 +2076,31 @@ function Vn({ value: e, styleVariant: a, size: r, tone: n }) {
         damping: 30,
         mass: 1
       },
-      className: _n({ styleVariant: a, size: r, tone: n }),
+      className: Nn({ styleVariant: a, size: r, tone: n }),
       children: e
     },
     e
   ) }) });
 }
-function En({ value: e, label: a, styleVariant: r, size: n, tone: o }) {
+function Mn({ value: e, label: a, styleVariant: r, size: n, tone: o }) {
   const f = e.toString().padStart(2, "0").split("").map(Number);
-  return /* @__PURE__ */ u("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((c, g) => /* @__PURE__ */ t(Vn, { value: c, styleVariant: r, size: n, tone: o }, g)) }),
-    /* @__PURE__ */ t("span", { "data-slot": "countdown-unit-label", className: Sn({ styleVariant: r, size: n, tone: o }), children: a })
+  return /* @__PURE__ */ u("div", { "data-slot": "countdown-unit", "data-tone": o, className: Sn({ styleVariant: r, tone: o }), children: [
+    /* @__PURE__ */ t("div", { "data-slot": "countdown-unit-digits", className: "ff:flex", children: f.map((l, g) => /* @__PURE__ */ t(En, { value: l, styleVariant: r, size: n, tone: o }, g)) }),
+    /* @__PURE__ */ t("span", { "data-slot": "countdown-unit-label", className: Cn({ styleVariant: r, size: n, tone: o }), children: a })
   ] });
 }
-function Mn({ styleVariant: e, size: a }) {
-  return e === "rounded" || e === "retro" ? null : /* @__PURE__ */ t("span", { "data-slot": "countdown-separator", className: Cn({ styleVariant: e, size: a }), children: "/" });
+function Tn({ styleVariant: e, size: a }) {
+  return e === "rounded" || e === "retro" ? null : /* @__PURE__ */ t("span", { "data-slot": "countdown-separator", className: Dn({ styleVariant: e, size: a }), children: "/" });
 }
-function Tn(e, a) {
+function Rn(e, a) {
   const [r, n] = s.useState(() => ua(e)), [o, i] = s.useState(!1), f = s.useRef(!1);
   return s.useEffect(() => {
     i(!0), f.current = !1;
-    const c = setInterval(() => {
+    const l = setInterval(() => {
       const g = ua(e);
-      n(g), g.total <= 0 && !f.current && (f.current = !0, a?.(), clearInterval(c));
+      n(g), g.total <= 0 && !f.current && (f.current = !0, a?.(), clearInterval(l));
     }, 1e3);
-    return () => clearInterval(c);
+    return () => clearInterval(l);
   }, [e, a]), { timeRemaining: r, isClient: o, isPast: r.total <= 0 };
 }
 function pe({
@@ -2111,35 +2111,35 @@ function pe({
   showDays: o = !0,
   showHours: i = !0,
   showMinutes: f = !0,
-  showSeconds: c = !0,
+  showSeconds: l = !0,
   layout: g = "swiss",
   size: d = "default",
-  tone: x = "calm"
+  tone: b = "calm"
 }) {
-  const { t: m } = K(), { timeRemaining: v, isClient: w, isPast: y } = Tn(e, a), C = ge();
-  if (!w)
+  const { t: m } = K(), { timeRemaining: v, isClient: h, isPast: x } = Rn(e, a), C = ge();
+  if (!h)
     return null;
-  if (y && r)
+  if (x && r)
     return /* @__PURE__ */ t("span", { className: E("ff:text-muted ff:font-heading", n), "data-slot": "countdown", "data-past": "", children: r });
-  const l = y ? "ff:opacity-50" : void 0, p = [
+  const c = x ? "ff:opacity-50" : void 0, p = [
     {
       value: v.days,
-      label: m("countdown.days"),
-      shortLabel: m("countdown.daysShort"),
+      label: m("duration.days"),
+      shortLabel: m("duration.daysShort"),
       show: o && v.days > 0
     },
-    { value: v.hours, label: m("countdown.hours"), shortLabel: m("countdown.hoursShort"), show: i },
+    { value: v.hours, label: m("duration.hours"), shortLabel: m("duration.hoursShort"), show: i },
     {
       value: v.minutes,
-      label: m("countdown.minutes"),
-      shortLabel: m("countdown.minutesShort"),
+      label: m("duration.minutes"),
+      shortLabel: m("duration.minutesShort"),
       show: f
     },
     {
       value: v.seconds,
-      label: m("countdown.seconds"),
-      shortLabel: m("countdown.secondsShort"),
-      show: c
+      label: m("duration.seconds"),
+      shortLabel: m("duration.secondsShort"),
+      show: l
     }
   ].filter((V) => V.show), D = g === "swiss" ? p.slice(0, 3) : p;
   if (g === "compact") {
@@ -2147,16 +2147,16 @@ function pe({
     return /* @__PURE__ */ t(
       "span",
       {
-        className: E("ff:tabular-nums ff:font-heading", l, n),
+        className: E("ff:tabular-nums ff:font-heading", c, n),
         "data-slot": "countdown",
         "data-layout": "compact",
-        "data-past": y || void 0,
+        "data-past": x || void 0,
         role: "timer",
-        "aria-live": y ? "off" : "polite",
-        children: D.map((T, b) => /* @__PURE__ */ u(s.Fragment, { children: [
+        "aria-live": x ? "off" : "polite",
+        children: D.map((T, y) => /* @__PURE__ */ u(s.Fragment, { children: [
           V(T.value),
           T.shortLabel,
-          b < D.length - 1 && " "
+          y < D.length - 1 && " "
         ] }, T.label))
       }
     );
@@ -2164,17 +2164,17 @@ function pe({
   return /* @__PURE__ */ t(
     "div",
     {
-      className: E(Dn({ styleVariant: C, size: d }), l, n),
+      className: E(Vn({ styleVariant: C, size: d }), c, n),
       "data-slot": "countdown",
       "data-layout": "swiss",
       "data-size": d,
-      "data-tone": x,
-      "data-past": y || void 0,
+      "data-tone": b,
+      "data-past": x || void 0,
       role: "timer",
-      "aria-live": y ? "off" : "polite",
+      "aria-live": x ? "off" : "polite",
       children: D.map((V, T) => /* @__PURE__ */ u(s.Fragment, { children: [
-        /* @__PURE__ */ t(En, { value: V.value, label: V.label, styleVariant: C, size: d, tone: x }),
-        T < D.length - 1 && /* @__PURE__ */ t(Mn, { styleVariant: C, size: d })
+        /* @__PURE__ */ t(Mn, { value: V.value, label: V.label, styleVariant: C, size: d, tone: b }),
+        T < D.length - 1 && /* @__PURE__ */ t(Tn, { styleVariant: C, size: d })
       ] }, V.label))
     }
   );
@@ -2182,7 +2182,7 @@ function pe({
 function nt({ show: e, presenceKey: a, children: r, className: n }) {
   const o = ot();
   return /* @__PURE__ */ t(_t, { initial: !1, children: e ? /* @__PURE__ */ t(
-    U.div,
+    W.div,
     {
       "data-slot": "fade-presence",
       initial: o ? !1 : { opacity: 0, y: -4 },
@@ -2196,7 +2196,7 @@ function nt({ show: e, presenceKey: a, children: r, className: n }) {
   ) : null });
 }
 nt.displayName = "FadePresence";
-const Rn = {
+const Ln = {
   default: {
     initial: { opacity: 0, scale: 0.98 },
     animate: { opacity: 1, scale: 1 },
@@ -2228,7 +2228,7 @@ const Rn = {
   transition: { duration: 0 }
 };
 function rt({ children: e, transitionKey: a, mode: r, layout: n = !0, className: o }) {
-  const i = ge(), f = ot(), c = f ? Vt : Rn[i], d = (!r || r === "none" ? r === "none" ? Vt : null : f ? Vt : {
+  const i = ge(), f = ot(), l = f ? Vt : Ln[i], d = (!r || r === "none" ? r === "none" ? Vt : null : f ? Vt : {
     fade: {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -2247,9 +2247,9 @@ function rt({ children: e, transitionKey: a, mode: r, layout: n = !0, className:
       exit: { opacity: 0, scale: 0.95 },
       transition: { duration: 0.2, ease: "easeOut" }
     }
-  }[r]) ?? c;
+  }[r]) ?? l;
   return /* @__PURE__ */ t(_t, { mode: "wait", initial: !1, children: /* @__PURE__ */ t(
-    U.div,
+    W.div,
     {
       initial: d.initial,
       animate: d.animate,
@@ -2264,8 +2264,8 @@ function rt({ children: e, transitionKey: a, mode: r, layout: n = !0, className:
   ) });
 }
 rt.displayName = "Transition";
-const Et = 3e4, Ln = 3e3;
-function An(e) {
+const Et = 3e4, An = 3e3;
+function In(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")}`;
 }
@@ -2277,38 +2277,38 @@ function Aa({
   variant: o = "default",
   label: i,
   title: f,
-  description: c,
+  description: l,
   countdownTo: g,
   submitLabel: d,
-  verifyLabel: x,
+  verifyLabel: b,
   allowSkip: m = !1,
   showBranding: v = !0,
-  defaultStep: w = "credential",
-  defaultCredential: y,
+  defaultStep: h = "credential",
+  defaultCredential: x,
   defaultCredentialType: C,
-  defaultError: l,
-  className: h
+  defaultError: c,
+  className: w
 }) {
-  const { t: p } = K(), D = s.useId(), V = i ?? p("auth.badgeLabel"), T = f ?? p("auth.title"), b = c ?? p("auth.description"), N = d ?? p("auth.submit"), S = x ?? p("auth.verify"), [M, A] = s.useState(w), [I, O] = s.useState(y ?? ""), [$, fe] = s.useState(
-    C ?? Va(y ?? "")
-  ), [ce, L] = s.useState(!1), [J, ne] = s.useState(""), [se, de] = s.useState(!1), [ee, P] = s.useState(l ?? null), [ae, me] = s.useState(
-    w === "verify" && (y ?? "").length > 0 ? Date.now() + Et : null
-  ), [ke, Re] = s.useState(() => Date.now()), [ue, q] = s.useState(!1), [_e, Ne] = s.useState(!1), st = p($ === "email" ? "auth.email" : "auth.phone");
+  const { t: p } = K(), D = s.useId(), V = i ?? p("auth.badgeLabel"), T = f ?? p("auth.title"), y = l ?? p("auth.description"), N = d ?? p("auth.submit"), S = b ?? p("auth.verify"), [M, A] = s.useState(h), [I, O] = s.useState(x ?? ""), [$, fe] = s.useState(
+    C ?? Va(x ?? "")
+  ), [ce, L] = s.useState(!1), [J, ne] = s.useState(""), [se, de] = s.useState(!1), [ee, P] = s.useState(c ?? null), [te, me] = s.useState(
+    h === "verify" && (x ?? "").length > 0 ? Date.now() + Et : null
+  ), [_e, Re] = s.useState(() => Date.now()), [ue, q] = s.useState(!1), [Ne, xe] = s.useState(!1), st = p($ === "email" ? "auth.email" : "auth.phone");
   s.useEffect(() => {
     if (M !== "verify") return;
-    const W = setInterval(() => Re(Date.now()), 1e3);
-    return () => clearInterval(W);
+    const U = setInterval(() => Re(Date.now()), 1e3);
+    return () => clearInterval(U);
   }, [M]), s.useEffect(() => {
     if (!ue) return;
-    const W = setTimeout(() => q(!1), Ln);
-    return () => clearTimeout(W);
+    const U = setTimeout(() => q(!1), An);
+    return () => clearTimeout(U);
   }, [ue]);
-  const Ue = ae ? Math.max(0, ae - ke) : 0, lt = Ue > 0, xe = s.useRef(null);
-  ee && (xe.current = ee);
-  const F = ee ?? xe.current ?? "", je = (W, Se) => {
-    O(W), fe(Se), P(null);
-  }, Fe = async (W) => {
-    if (W?.preventDefault(), !(!ce || !I)) {
+  const We = te ? Math.max(0, te - _e) : 0, lt = We > 0, ye = s.useRef(null);
+  ee && (ye.current = ee);
+  const F = ee ?? ye.current ?? "", ze = (U, Se) => {
+    O(U), fe(Se), P(null);
+  }, Fe = async (U) => {
+    if (U?.preventDefault(), !(!ce || !I)) {
       de(!0), P(null);
       try {
         await e?.(I, $), A("verify"), me(Date.now() + Et);
@@ -2318,12 +2318,12 @@ function Aa({
         de(!1);
       }
     }
-  }, Le = (W) => {
-    ne(W), P(null);
-  }, Ae = async (W) => {
-    ne(W), await He(void 0, W);
-  }, He = async (W, Se) => {
-    W?.preventDefault();
+  }, Le = (U) => {
+    ne(U), P(null);
+  }, Ae = async (U) => {
+    ne(U), await He(void 0, U);
+  }, He = async (U, Se) => {
+    U?.preventDefault();
     const Pe = Se || J;
     if (!(!Pe || Pe.length < 6)) {
       de(!0), P(null);
@@ -2338,19 +2338,19 @@ function Aa({
   }, ct = () => {
     A("credential"), ne(""), P(null), me(null), q(!1);
   }, dt = async () => {
-    if (!(!I || _e)) {
-      Ne(!0), P(null), ne("");
+    if (!(!I || Ne)) {
+      xe(!0), P(null), ne("");
       try {
         await e?.(I, $), me(Date.now() + Et), Re(Date.now()), q(!0);
-      } catch (W) {
-        P(W instanceof Error ? W.message : p("auth.sendFailed"));
+      } catch (U) {
+        P(U instanceof Error ? U.message : p("auth.sendFailed"));
       } finally {
-        Ne(!1);
+        xe(!1);
       }
     }
   };
   if (M === "success")
-    return /* @__PURE__ */ u(Y, { className: E("fanfare-auth-form", h), "data-slot": "auth-form", "data-step": "success", children: [
+    return /* @__PURE__ */ u(Y, { className: E("fanfare-auth-form", w), "data-slot": "auth-form", "data-step": "success", children: [
       /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:items-center ff:gap-3 ff:py-4", children: [
         /* @__PURE__ */ t(
           "div",
@@ -2367,17 +2367,17 @@ function Aa({
       ] }) }),
       v && /* @__PURE__ */ t(H, {})
     ] });
-  const Ke = M === "credential" ? T : p("auth.verifyTitle");
-  return /* @__PURE__ */ u(Y, { className: E("fanfare-auth-form", h), "data-slot": "auth-form", "data-step": M, children: [
+  const Ke = M === "credential" ? T : p("auth.verify.title");
+  return /* @__PURE__ */ u(Y, { className: E("fanfare-auth-form", w), "data-slot": "auth-form", "data-step": M, children: [
     /* @__PURE__ */ t(G, { variant: o, label: V }),
     /* @__PURE__ */ u(Z, { children: [
       g ? /* @__PURE__ */ u("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: p("time.opensIn") }),
+        /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: p("duration.opensIn") }),
         /* @__PURE__ */ t(pe, { targetDate: g, showDays: !1 })
       ] }) : null,
       /* @__PURE__ */ t("div", { "data-slot": "auth-form-heading", children: /* @__PURE__ */ t(rt, { transitionKey: M, mode: "fade", children: M === "credential" ? /* @__PURE__ */ u(Me, { children: [
         /* @__PURE__ */ t("h2", { className: "ff:text-foreground ff:text-xl ff:font-semibold", children: Ke }),
-        /* @__PURE__ */ t("p", { className: "ff:text-muted-foreground ff:text-xs", children: b })
+        /* @__PURE__ */ t("p", { className: "ff:text-muted-foreground ff:text-xs", children: y })
       ] }) : /* @__PURE__ */ u(Me, { children: [
         /* @__PURE__ */ t("h2", { className: "ff:text-foreground ff:text-xl ff:font-semibold", children: Ke }),
         I ? /* @__PURE__ */ u("p", { className: "ff:text-muted-foreground ff:text-xxs", children: [
@@ -2386,21 +2386,21 @@ function Aa({
           /* @__PURE__ */ t("strong", { className: "ff:text-foreground ff:font-semibold", children: I }),
           " · ",
           /* @__PURE__ */ t(j, { type: "button", variant: "link", size: "xs", onClick: ct, disabled: se, children: p("auth.change") })
-        ] }) : /* @__PURE__ */ t("p", { className: "ff:text-muted-foreground ff:text-xs", children: p("auth.verifyDescription", { values: { type: st } }) })
+        ] }) : /* @__PURE__ */ t("p", { className: "ff:text-muted-foreground ff:text-xs", children: p("auth.verify.description", { values: { type: st } }) })
       ] }) }) }),
       /* @__PURE__ */ u(
         "form",
         {
           className: "ff:flex ff:flex-1 ff:flex-col ff:gap-5",
-          onSubmit: (W) => {
-            W.preventDefault(), M === "credential" ? Fe(W) : He(W);
+          onSubmit: (U) => {
+            U.preventDefault(), M === "credential" ? Fe(U) : He(U);
           },
           children: [
             /* @__PURE__ */ t(rt, { transitionKey: M, children: M === "credential" ? /* @__PURE__ */ t(
               Ea,
               {
                 value: I,
-                onValueChange: je,
+                onValueChange: ze,
                 onValidChange: L,
                 onSubmit: () => {
                   Fe();
@@ -2414,8 +2414,8 @@ function Aa({
               {
                 value: J,
                 onChange: Le,
-                onComplete: (W) => {
-                  Ae(W);
+                onComplete: (U) => {
+                  Ae(U);
                 },
                 hasError: !!ee,
                 ariaDescribedBy: ee ? D : void 0,
@@ -2425,7 +2425,7 @@ function Aa({
             ) }),
             /* @__PURE__ */ t(nt, { show: M === "verify", presenceKey: "resend-area", children: /* @__PURE__ */ t(rt, { transitionKey: ue ? "success" : "cooldown", mode: "fade", layout: !1, children: ue ? /* @__PURE__ */ t(be, { tone: "success", title: p("auth.newCodeSent") }) : /* @__PURE__ */ u("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: p("auth.didntGetIt") }),
-              lt ? /* @__PURE__ */ t("span", { className: "ff:text-muted-foreground ff:text-xxs ff:tabular-nums", children: An(Ue) }) : /* @__PURE__ */ t(
+              lt ? /* @__PURE__ */ t("span", { className: "ff:text-muted-foreground ff:text-xxs ff:tabular-nums", children: In(We) }) : /* @__PURE__ */ t(
                 j,
                 {
                   type: "button",
@@ -2434,7 +2434,7 @@ function Aa({
                   onClick: () => {
                     dt();
                   },
-                  disabled: _e || !I,
+                  disabled: Ne || !I,
                   children: p("auth.resendCode")
                 }
               )
@@ -2446,11 +2446,11 @@ function Aa({
                 {
                   type: "submit",
                   className: "ff:w-full",
-                  disabled: se || _e || (M === "credential" ? !ce : J.length < 6),
+                  disabled: se || Ne || (M === "credential" ? !ce : J.length < 6),
                   children: se ? /* @__PURE__ */ t(Te, { size: "sm" }) : M === "credential" ? N : S
                 }
               ),
-              m && M === "credential" && /* @__PURE__ */ t(j, { type: "button", variant: "outline", className: "ff:w-full", onClick: r, disabled: se, children: p("common.skip") })
+              m && M === "credential" && /* @__PURE__ */ t(j, { type: "button", variant: "outline", className: "ff:w-full", onClick: r, disabled: se, children: p("action.skip") })
             ] })
           ]
         }
@@ -2469,7 +2469,7 @@ const Ia = s.forwardRef(
     error: o,
     hasError: i,
     placeholder: f = "Enter your access code",
-    autoUppercase: c = !1,
+    autoUppercase: l = !1,
     ...g
   }, d) => /* @__PURE__ */ t(
     yt,
@@ -2480,8 +2480,8 @@ const Ia = s.forwardRef(
       spellCheck: !1,
       value: a,
       onChange: (v) => {
-        let w = v.target.value;
-        c && (w = w.toUpperCase()), r(w);
+        let h = v.target.value;
+        l && (h = h.toUpperCase()), r(h);
       },
       onKeyDown: (v) => {
         v.key === "Enter" && n && (v.preventDefault(), n()), g.onKeyDown?.(v);
@@ -2496,7 +2496,7 @@ const Ia = s.forwardRef(
   )
 );
 Ia.displayName = "AccessCodeInput";
-function za({
+function ja({
   onSubmit: e,
   onSkip: a,
   variant: r = "secondary",
@@ -2504,33 +2504,33 @@ function za({
   title: o,
   description: i,
   countdownTo: f,
-  submitLabel: c,
+  submitLabel: l,
   allowSkip: g = !1,
   autoUppercase: d = !0,
-  defaultError: x,
+  defaultError: b,
   className: m
 }) {
-  const { t: v } = K(), w = n ?? v("accessCode.badgeLabel"), y = o ?? v("accessCode.title"), C = i ?? v("accessCode.description"), l = c ?? v("accessCode.submit"), [h, p] = s.useState(""), [D, V] = s.useState(!1), [T, b] = s.useState(x ?? null), N = async (S) => {
-    if (S?.preventDefault(), !!h.trim()) {
-      V(!0), b(null);
+  const { t: v } = K(), h = n ?? v("accessCode.badgeLabel"), x = o ?? v("accessCode.title"), C = i ?? v("accessCode.description"), c = l ?? v("accessCode.submit"), [w, p] = s.useState(""), [D, V] = s.useState(!1), [T, y] = s.useState(b ?? null), N = async (S) => {
+    if (S?.preventDefault(), !!w.trim()) {
+      V(!0), y(null);
       try {
-        await e?.(h.trim());
+        await e?.(w.trim());
       } catch (M) {
-        b(M instanceof Error ? M.message : v("accessCode.invalid"));
+        y(M instanceof Error ? M.message : v("accessCode.invalid"));
       } finally {
         V(!1);
       }
     }
   };
   return /* @__PURE__ */ u(Y, { className: E("fanfare-access-code-form", m), "data-slot": "access-code-form", children: [
-    /* @__PURE__ */ t(G, { variant: r, label: w }),
+    /* @__PURE__ */ t(G, { variant: r, label: h }),
     /* @__PURE__ */ u(Z, { children: [
       f ? /* @__PURE__ */ u("div", { "data-slot": "access-code-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("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: v("duration.opensIn") }),
         /* @__PURE__ */ t(pe, { targetDate: f, showDays: !1 })
       ] }) : null,
       /* @__PURE__ */ u("div", { "data-slot": "access-code-form-heading", children: [
-        /* @__PURE__ */ t("h2", { className: "ff:text-foreground ff:text-xl ff:font-semibold", children: y }),
+        /* @__PURE__ */ t("h2", { className: "ff:text-foreground ff:text-xl ff:font-semibold", children: x }),
         /* @__PURE__ */ t("p", { className: "ff:text-muted-foreground ff:text-xs", children: C })
       ] }),
       /* @__PURE__ */ u("form", { className: "ff:flex ff:flex-1 ff:flex-col ff:gap-5", onSubmit: (S) => {
@@ -2539,9 +2539,9 @@ function za({
         /* @__PURE__ */ t(
           Ia,
           {
-            value: h,
+            value: w,
             onValueChange: (S) => {
-              p(S), b(null);
+              p(S), y(null);
             },
             onSubmit: () => {
               N();
@@ -2555,16 +2555,16 @@ function za({
         ),
         T ? /* @__PURE__ */ t(be, { tone: "danger", title: T }) : null,
         /* @__PURE__ */ u("div", { className: "ff:mt-auto ff:flex ff:flex-col ff:gap-2", children: [
-          /* @__PURE__ */ t(j, { type: "submit", className: "ff:w-full", disabled: D || !h.trim(), children: D ? /* @__PURE__ */ t(Te, { size: "sm" }) : l }),
-          g && /* @__PURE__ */ t(j, { type: "button", variant: "outline", className: "ff:w-full", onClick: a, disabled: D, children: v("common.skip") })
+          /* @__PURE__ */ t(j, { type: "submit", className: "ff:w-full", disabled: D || !w.trim(), children: D ? /* @__PURE__ */ t(Te, { size: "sm" }) : c }),
+          g && /* @__PURE__ */ t(j, { type: "button", variant: "outline", className: "ff:w-full", onClick: a, disabled: D, children: v("action.skip") })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ t(H, {})
   ] });
 }
-za.displayName = "AccessCodeForm";
-function In(e) {
+ja.displayName = "AccessCodeForm";
+function jn(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";
@@ -2575,15 +2575,15 @@ function zn(e, a) {
   const n = Date.parse(r);
   return Number.isFinite(n) ? { blocked: a < n, blockedUntil: r } : { blocked: !1 };
 }
-function jn(e, a) {
+function Fn(e, a) {
   const r = new Date(e);
   try {
-    return r.toLocaleString(hr(a));
+    return r.toLocaleString(wr(a));
   } catch {
     return r.toLocaleString();
   }
 }
-function ja({
+function za({
   challenge: e,
   botMitigation: a,
   onVerifyToken: r,
@@ -2591,12 +2591,12 @@ function ja({
   variant: o = "default",
   label: i,
   title: f,
-  description: c,
+  description: l,
   countdownTo: g,
   retryLabel: d,
-  className: x
+  className: b
 }) {
-  const { t: m, locale: v } = K(), [w, y] = s.useState(0), [C, l] = s.useState(!1), [h, p] = s.useState(!1), [D, V] = s.useState(null), [T, b] = s.useState(!1), [N, S] = s.useState("reload"), [M, A] = s.useState(() => Date.now()), I = X(() => {
+  const { t: m, locale: v } = K(), [h, x] = s.useState(0), [C, c] = s.useState(!1), [w, p] = s.useState(!1), [D, V] = s.useState(null), [T, y] = s.useState(!1), [N, S] = s.useState("reload"), [M, A] = s.useState(() => Date.now()), I = X(() => {
     if (!e?.iframeUrl) return null;
     try {
       return new URL(e.iframeUrl).origin;
@@ -2607,17 +2607,17 @@ function ja({
     if (!e?.iframeUrl) return null;
     try {
       const ee = new URL(e.iframeUrl);
-      return ee.searchParams.set("_t", String(w)), ee.toString();
+      return ee.searchParams.set("_t", String(h)), ee.toString();
     } catch {
       return null;
     }
-  }, [e?.iframeUrl, w]);
+  }, [e?.iframeUrl, h]);
   s.useEffect(() => {
     const ee = a?.blockedUntil, P = Date.now();
     if (A(P), !ee) return;
-    const ae = Date.parse(ee);
-    if (!Number.isFinite(ae) || ae <= P) return;
-    const me = window.setTimeout(() => A(Date.now()), Math.min(ae - P + 1, 2147483647));
+    const te = Date.parse(ee);
+    if (!Number.isFinite(te) || te <= P) return;
+    const me = window.setTimeout(() => A(Date.now()), Math.min(te - P + 1, 2147483647));
     return () => {
       window.clearTimeout(me);
     };
@@ -2627,18 +2627,18 @@ function ja({
     [a, M]
   ), ce = typeof a?.attemptsRemaining == "number" ? a.attemptsRemaining : void 0;
   s.useEffect(() => {
-    y(0), l(!1), p(!1), V(null), b(!1), S("reload");
+    x(0), c(!1), p(!1), V(null), y(!1), S("reload");
   }, [e?.id]), s.useEffect(() => {
     T && a?.message && V(a.message);
   }, [T, a?.message]), s.useEffect(() => {
     if (!e?.id || !I) return;
     const ee = (P) => {
-      if (P.origin !== I || !In(P.data) || P.data.challengeId !== e.id) return;
+      if (P.origin !== I || !jn(P.data) || P.data.challengeId !== e.id) return;
       if (P.data.kind === "fanfare:challenge:turnstile") {
-        const ke = P.data.token;
-        b(!0), p(!0), V(null), (async () => {
+        const _e = P.data.token;
+        y(!0), p(!0), V(null), (async () => {
           try {
-            await r(ke);
+            await r(_e);
           } catch (Re) {
             V(Re instanceof Error ? Re.message : m("challenge.verificationFailed"));
           } finally {
@@ -2647,37 +2647,37 @@ function ja({
         })();
         return;
       }
-      b(!0);
-      const ae = typeof P.data.reason == "string" ? P.data.reason : void 0, me = typeof P.data.message == "string" ? P.data.message : void 0;
-      if (ae === "challenge_expired" || ae === "challenge_not_found") {
+      y(!0);
+      const te = typeof P.data.reason == "string" ? P.data.reason : void 0, me = typeof P.data.message == "string" ? P.data.message : void 0;
+      if (te === "challenge_expired" || te === "challenge_not_found") {
         S("reroute"), V(
           me ?? (P.data.kind === "fanfare:challenge:turnstile_expired" ? m("challenge.expiredRefresh") : m("challenge.errorRefresh"))
         );
         return;
       }
       if (S("reload"), P.data.kind === "fanfare:challenge:turnstile_expired") {
-        V(me ?? m("challenge.expiredRetry")), y((ke) => ke + 1), l(!1);
+        V(me ?? m("challenge.expiredRetry")), x((_e) => _e + 1), c(!1);
         return;
       }
-      V(me ?? m("challenge.errorRetry")), y((ke) => ke + 1), l(!1);
+      V(me ?? m("challenge.errorRetry")), x((_e) => _e + 1), c(!1);
     };
     return window.addEventListener("message", ee), () => {
       window.removeEventListener("message", ee);
     };
   }, [e?.id, I, r, m]);
-  const L = f ?? m("challenge.title"), J = c ?? m("challenge.description"), ne = d ?? m("challenge.retry"), se = i ?? m("challenge.badgeLabel"), de = () => {
+  const L = f ?? m("challenge.title"), J = l ?? m("challenge.description"), ne = d ?? m("challenge.retry"), se = i ?? m("challenge.badgeLabel"), de = () => {
     const ee = N;
-    if (V(null), b(!1), n && (ee === "reroute" || !O || typeof ce == "number" && ce <= 0)) {
+    if (V(null), y(!1), n && (ee === "reroute" || !O || typeof ce == "number" && ce <= 0)) {
       S("reload"), n();
       return;
     }
-    S("reload"), y((P) => P + 1), l(!1);
+    S("reload"), x((P) => P + 1), c(!1);
   };
-  return /* @__PURE__ */ u(Y, { className: E("fanfare-challenge-gate", x), "data-slot": "challenge-gate", children: [
+  return /* @__PURE__ */ u(Y, { className: E("fanfare-challenge-gate", b), "data-slot": "challenge-gate", children: [
     /* @__PURE__ */ t(G, { variant: o, label: se }),
     /* @__PURE__ */ u(Z, { children: [
       g ? /* @__PURE__ */ u("div", { "data-slot": "challenge-gate-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: m("time.opensIn") }),
+        /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: m("duration.opensIn") }),
         /* @__PURE__ */ t(pe, { targetDate: g, showDays: !1 })
       ] }) : null,
       /* @__PURE__ */ u("div", { "data-slot": "challenge-gate-heading", children: [
@@ -2689,11 +2689,11 @@ function ja({
         {
           tone: "danger",
           title: a?.message ?? m("challenge.blockedDefault"),
-          description: fe ? m("challenge.blockedUntil", { values: { date: jn(fe, v) } }) : void 0
+          description: fe ? m("challenge.blockedUntil", { values: { date: Fn(fe, v) } }) : void 0
         }
       ) : O ? /* @__PURE__ */ u("div", { className: "ff:relative ff:w-full ff:rounded-md ff:border ff:border-border ff:bg-background ff:overflow-hidden", children: [
         !C && /* @__PURE__ */ t("div", { className: "ff:absolute ff:inset-0 ff:flex ff:items-center ff:justify-center ff:bg-background/60", children: /* @__PURE__ */ t(Te, { size: "lg" }) }),
-        h && /* @__PURE__ */ t("div", { className: "ff:absolute ff:inset-0 ff:flex ff:items-center ff:justify-center ff:bg-background/70", children: /* @__PURE__ */ t(Te, { size: "lg" }) }),
+        w && /* @__PURE__ */ t("div", { className: "ff:absolute ff:inset-0 ff:flex ff:items-center ff:justify-center ff:bg-background/70", children: /* @__PURE__ */ t(Te, { size: "lg" }) }),
         /* @__PURE__ */ t(
           "iframe",
           {
@@ -2703,9 +2703,9 @@ function ja({
             style: { height: 120, border: 0 },
             sandbox: "allow-scripts allow-forms allow-same-origin",
             referrerPolicy: "no-referrer",
-            onLoad: () => l(!0)
+            onLoad: () => c(!0)
           },
-          `${e?.id ?? "challenge"}-${w}`
+          `${e?.id ?? "challenge"}-${h}`
         )
       ] }) : /* @__PURE__ */ t(be, { tone: "danger", title: m("challenge.unableToLoad") }),
       D && /* @__PURE__ */ t(
@@ -2716,24 +2716,24 @@ function ja({
           description: ce !== void 0 ? m("challenge.attemptsRemaining", { values: { count: ce } }) : void 0
         }
       ),
-      !$ && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", variant: "secondary", onClick: de, disabled: h, children: ne })
+      !$ && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", variant: "secondary", onClick: de, disabled: w, children: ne })
     ] }),
     /* @__PURE__ */ t(H, {})
   ] });
 }
-ja.displayName = "ChallengeGate";
+za.displayName = "ChallengeGate";
 function Fa({ title: e, message: a, endedAt: r, ctaLabel: n, onCtaClick: o, className: i }) {
-  const { t: f, locale: c } = K(), g = e ?? f("ended.title"), d = a ?? f("ended.message"), x = s.useMemo(() => r ? (r instanceof Date ? r : new Date(r)).toLocaleDateString(c, {
+  const { t: f, locale: l } = K(), g = e ?? f("ended.title"), d = a ?? f("ended.message"), b = s.useMemo(() => r ? (r instanceof Date ? r : new Date(r)).toLocaleDateString(l, {
     month: "long",
     day: "numeric",
     year: "numeric"
-  }) : null, [r, c]), m = we();
-  return /* @__PURE__ */ t(U.div, { ...m, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", i), "data-slot": "ended-module", role: "status", children: [
+  }) : null, [r, l]), m = we();
+  return /* @__PURE__ */ t(W.div, { ...m, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", i), "data-slot": "ended-module", role: "status", children: [
     /* @__PURE__ */ t(G, { variant: "outline", label: g }),
     /* @__PURE__ */ u(Z, { children: [
       /* @__PURE__ */ u(ie, { children: [
         /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: d }),
-        x && /* @__PURE__ */ t("p", { className: "ff:text-xs ff:text-muted", children: f("ended.endedOn", { values: { date: x } }) })
+        b && /* @__PURE__ */ t("p", { className: "ff:text-xs ff:text-muted", children: f("ended.endedOn", { values: { date: b } }) })
       ] }),
       n && o && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", variant: "outline", onClick: o, children: n })
     ] }),
@@ -2742,7 +2742,7 @@ function Fa({ title: e, message: a, endedAt: r, ctaLabel: n, onCtaClick: o, clas
 }
 Fa.displayName = "EndedModule";
 function et({ error: e, title: a, label: r, info: n, ctaLabel: o, onRetry: i, className: f }) {
-  const { t: c } = K(), [g, d] = s.useState(!1), x = r ?? c("error.label"), m = a ?? c("error.title"), w = (e instanceof Error ? e.message : e) ?? c("error.description"), y = o ?? c("error.retry"), C = async () => {
+  const { t: l } = K(), [g, d] = s.useState(!1), b = r ?? l("error.label"), m = a ?? l("error.title"), h = (e instanceof Error ? e.message : e) ?? l("error.description"), x = o ?? l("error.retry"), C = async () => {
     if (i) {
       d(!0);
       try {
@@ -2751,11 +2751,11 @@ function et({ error: e, title: a, label: r, info: n, ctaLabel: o, onRetry: i, cl
         d(!1);
       }
     }
-  }, l = we();
-  return /* @__PURE__ */ t(U.div, { ...l, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", f), "data-slot": "error-view", role: "alert", children: [
-    /* @__PURE__ */ t(G, { variant: "danger", label: x }),
+  }, c = we();
+  return /* @__PURE__ */ t(W.div, { ...c, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", f), "data-slot": "error-view", role: "alert", children: [
+    /* @__PURE__ */ t(G, { variant: "danger", label: b }),
     /* @__PURE__ */ u(Z, { children: [
-      /* @__PURE__ */ t(be, { tone: "danger", title: m, description: w }),
+      /* @__PURE__ */ t(be, { tone: "danger", title: m, description: h }),
       n ? /* @__PURE__ */ t(ie, { children: n }) : null,
       i ? /* @__PURE__ */ t(
         j,
@@ -2766,7 +2766,7 @@ function et({ error: e, title: a, label: r, info: n, ctaLabel: o, onRetry: i, cl
           },
           disabled: g,
           loading: g,
-          children: y
+          children: x
         }
       ) : null
     ] }),
@@ -2774,7 +2774,7 @@ function et({ error: e, title: a, label: r, info: n, ctaLabel: o, onRetry: i, cl
   ] }) });
 }
 et.displayName = "ErrorView";
-const Fn = {
+const Pn = {
   default: {
     particleCount: 60,
     spread: 70,
@@ -2806,22 +2806,22 @@ const Fn = {
   clean: null
   // No confetti for clean variant - too busy
 };
-function Pn(e, a) {
+function Bn(e, a) {
   if (ot())
     return;
-  const r = Fn[a];
+  const r = Pn[a];
   if (!r)
     return;
   const n = e.getBoundingClientRect(), o = (n.left + n.width / 2) / window.innerWidth, i = (n.top + n.height / 2) / window.innerHeight;
-  Cr({
+  Dr({
     ...r,
     origin: { x: o, y: i }
   });
 }
-function Bn(e) {
+function On(e) {
   const a = ge(), r = s.useRef(!1);
   s.useEffect(() => {
-    r.current || e.current && (r.current = !0, Pn(e.current, a));
+    r.current || e.current && (r.current = !0, Bn(e.current, a));
   }, [e, a]);
 }
 function it({
@@ -2832,10 +2832,10 @@ function it({
   onCtaClick: o,
   className: i
 }) {
-  const { t: f } = K(), c = s.useRef(null);
-  Bn(c);
+  const { t: f } = K(), l = s.useRef(null);
+  On(l);
   const g = we();
-  return /* @__PURE__ */ t(U.div, { ...g, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ t(W.div, { ...g, children: /* @__PURE__ */ u(
     Y,
     {
       className: E("ff:w-full ff:max-w-sm", i),
@@ -2845,8 +2845,8 @@ function it({
       children: [
         /* @__PURE__ */ t(G, { variant: "default", label: e }),
         /* @__PURE__ */ u(Z, { children: [
-          /* @__PURE__ */ t("div", { ref: c, className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: n ? /* @__PURE__ */ u(Me, { children: [
-            /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: f("granted.timeRemaining") }),
+          /* @__PURE__ */ t("div", { ref: l, className: "ff:flex ff:flex-col ff:items-start ff:gap-1", children: n ? /* @__PURE__ */ u(Me, { children: [
+            /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: f("duration.timeRemaining") }),
             /* @__PURE__ */ t(pe, { targetDate: n, showDays: !1 })
           ] }) : /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: a }) }),
           /* @__PURE__ */ t(j, { className: "ff:mt-auto", onClick: o, children: r })
@@ -2857,30 +2857,30 @@ function it({
   ) });
 }
 it.displayName = "GrantedPanel";
-const On = {
-  queue: "expired.reenter.queue",
-  draw: "expired.reenter.draw",
-  auction: "expired.reenter.auction",
-  timed_release: "expired.reenter.timedRelease",
-  appointment: "expired.reenter.appointment"
+const $n = {
+  queue: "outcome.reenter.queue",
+  draw: "outcome.reenter.draw",
+  auction: "outcome.reenter.auction",
+  timed_release: "outcome.reenter.timedRelease",
+  appointment: "outcome.reenter.appointment"
 }, pa = {
-  expired: { title: "expired.title", body: "expired.description", variant: "outline" },
-  not_selected: { title: "draw.notSelected", body: "common.betterLuck", variant: "outline" },
-  sold_out: { title: "ended.title", body: "ended.message", variant: "outline" },
-  outbid: { title: "auction.outbid", body: "auction.outbidMessage", variant: "outline" },
-  reserve_not_met: { title: "ended.title", body: "ended.message", variant: "outline" },
+  expired: { title: "outcome.expired.title", body: "outcome.expired.description", variant: "outline" },
+  not_selected: { title: "outcome.notSelected.title", body: "outcome.notSelected.description", variant: "outline" },
+  sold_out: { title: "outcome.soldOut.title", body: "outcome.soldOut.description", variant: "outline" },
+  outbid: { title: "auction.outbid.title", body: "auction.outbid.message", variant: "outline" },
+  reserve_not_met: { title: "outcome.closed.title", body: "outcome.closed.description", variant: "outline" },
   completed: { title: "common.purchaseComplete", body: "common.thankYou", variant: "success" },
-  ended: { title: "ended.title", body: "ended.message", variant: "outline" }
+  ended: { title: "outcome.closed.title", body: "outcome.closed.description", variant: "outline" }
 };
-function We({
+function Ue({
   outcomeReason: e,
   participationType: a,
   onReenter: r,
   isReentering: n,
   className: o
 }) {
-  const { t: i } = K(), f = e === "expired", c = pa[e] ?? pa.ended, g = f && typeof r == "function", d = i(a ? On[a] : "expired.reenter"), x = we();
-  return /* @__PURE__ */ t(U.div, { ...x, children: /* @__PURE__ */ u(
+  const { t: i } = K(), f = e === "expired", l = pa[e] ?? pa.ended, g = f && typeof r == "function", d = i(a ? $n[a] : "outcome.reenter"), b = we();
+  return /* @__PURE__ */ t(W.div, { ...b, children: /* @__PURE__ */ u(
     Y,
     {
       className: E("ff:w-full ff:max-w-sm", o),
@@ -2888,9 +2888,9 @@ function We({
       "data-stage": "ended",
       "data-reason": e,
       children: [
-        /* @__PURE__ */ t(G, { variant: c.variant, label: i(c.title) }),
+        /* @__PURE__ */ t(G, { variant: l.variant, label: i(l.title) }),
         /* @__PURE__ */ u(Z, { children: [
-          /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: i(c.body) }) }),
+          /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: i(l.body) }) }),
           g && /* @__PURE__ */ t(j, { className: "ff:mt-auto", onClick: r, disabled: n, loading: n, children: d })
         ] }),
         /* @__PURE__ */ t(H, {})
@@ -2898,7 +2898,7 @@ function We({
     }
   ) });
 }
-We.displayName = "OutcomePanel";
+Ue.displayName = "OutcomePanel";
 function Pa({
   stage: e,
   onAuthSubmit: a,
@@ -2907,14 +2907,14 @@ function Pa({
   onAuthSuccess: o,
   onAccessCodeSubmit: i,
   onAccessCodeSkip: f,
-  allowAuthSkip: c = !1,
+  allowAuthSkip: l = !1,
   allowAccessCodeSkip: g = !1,
   authTitle: d,
-  authDescription: x,
+  authDescription: b,
   accessCodeTitle: m,
   accessCodeDescription: v,
-  startsAt: w,
-  className: y,
+  startsAt: h,
+  className: x,
   children: C
 }) {
   return e === "none" ? /* @__PURE__ */ t(Me, { children: C }) : e === "loading" ? /* @__PURE__ */ t(
@@ -2923,7 +2923,7 @@ function Pa({
       className: E(
         "fanfare-journey-gate",
         "ff:flex ff:flex-col ff:items-center ff:justify-center ff:py-12",
-        y
+        x
       ),
       "data-slot": "journey-gate",
       role: "status",
@@ -2931,24 +2931,24 @@ function Pa({
       "aria-busy": "true",
       children: /* @__PURE__ */ t(Te, { size: "lg", className: "ff:text-primary" })
     }
-  ) : e === "auth" ? /* @__PURE__ */ t("div", { className: E("fanfare-journey-gate", y), "data-slot": "journey-gate", children: /* @__PURE__ */ t(
+  ) : e === "auth" ? /* @__PURE__ */ t("div", { className: E("fanfare-journey-gate", x), "data-slot": "journey-gate", children: /* @__PURE__ */ t(
     Aa,
     {
       title: d,
-      description: x,
-      countdownTo: w,
+      description: b,
+      countdownTo: h,
       onSubmit: a,
       onVerify: r,
       onSkip: n,
       onSuccess: o,
-      allowSkip: c
+      allowSkip: l
     }
-  ) }) : e === "access_code" ? /* @__PURE__ */ t("div", { className: E("fanfare-journey-gate", y), "data-slot": "journey-gate", children: /* @__PURE__ */ t(
-    za,
+  ) }) : e === "access_code" ? /* @__PURE__ */ t("div", { className: E("fanfare-journey-gate", x), "data-slot": "journey-gate", children: /* @__PURE__ */ t(
+    ja,
     {
       title: m,
       description: v,
-      countdownTo: w,
+      countdownTo: h,
       onSubmit: i,
       onSkip: f,
       allowSkip: g
@@ -2956,10 +2956,10 @@ function Pa({
   ) }) : null;
 }
 Pa.displayName = "JourneyGate";
-function $n(e, a) {
+function qn(e, a) {
   return Ot(e, { weekday: "long", timeZone: a });
 }
-function qn(e, a) {
+function Un(e, a) {
   return Ot(e, { month: "long", day: "numeric", timeZone: a });
 }
 function Bt(e, a) {
@@ -3010,7 +3010,7 @@ function ga(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 Un(e) {
+function Hn(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));
@@ -3020,11 +3020,11 @@ function Un(e) {
     return "";
   }
 }
-function Hn(e) {
+function Kn(e) {
   const [, , a] = e.split("-").map(Number);
   return a ?? 0;
 }
-const Kn = te(["ff:animate-pulse ff:rounded-md", "ff:bg-secondary"], {
+const Zn = ae(["ff:animate-pulse ff:rounded-md", "ff:bg-secondary"], {
   variants: {
     styleVariant: {
       default: "",
@@ -3051,11 +3051,11 @@ const Kn = te(["ff:animate-pulse ff:rounded-md", "ff:bg-secondary"], {
   }
 }), $a = s.forwardRef(({ className: e, ...a }, r) => {
   const n = ge();
-  return /* @__PURE__ */ t("div", { ref: r, "data-slot": "skeleton", className: E(Kn({ styleVariant: n }), e), ...a });
+  return /* @__PURE__ */ t("div", { ref: r, "data-slot": "skeleton", className: E(Zn({ styleVariant: n }), e), ...a });
 });
 $a.displayName = "Skeleton";
-const Zn = (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" }) }), Yn = kt(Zn), Gn = (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" }) }), qa = kt(Gn);
-function Wa({
+const Yn = (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" }) }), Gn = kt(Yn), Jn = (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" }) }), qa = kt(Jn);
+function Ua({
   booking: e,
   timezone: a,
   readOnly: r = !1,
@@ -3063,10 +3063,10 @@ function Wa({
   onStartReschedule: o,
   onAddToCalendar: i,
   onJoinCall: f,
-  isCancelling: c,
+  isCancelling: l,
   cancelError: g
 }) {
-  const { t: d } = K(), [x, m] = s.useState(!1), v = $n(e.startTime, a), w = qn(e.startTime, a), y = Bt(e.startTime, a), C = Ba(e.startTime, e.endTime), l = !e.locationName, h = l ? d("appointment.online") : e.locationName, p = l ? {
+  const { t: d } = K(), [b, m] = s.useState(!1), v = qn(e.startTime, a), h = Un(e.startTime, a), x = Bt(e.startTime, a), C = Ba(e.startTime, e.endTime), c = !e.locationName, w = c ? d("appointment.online") : e.locationName, p = c ? {
     label: d("appointment.joinCall"),
     onClick: () => {
       f ? f() : e.joinUrl && window.open(e.joinUrl, "_blank", "noopener,noreferrer");
@@ -3076,19 +3076,19 @@ function Wa({
   } : {
     label: d("appointment.addToCalendar"),
     onClick: () => i?.(),
-    icon: /* @__PURE__ */ t(Yn, { className: "ff:size-4" }),
+    icon: /* @__PURE__ */ t(Gn, { className: "ff:size-4" }),
     disabled: !i
   };
   return /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-4", "data-slot": "appointment-booking-details", children: [
     /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-1", children: [
       /* @__PURE__ */ t("span", { className: "ff:text-3xl ff:font-bold ff:leading-tight ff:font-heading ff:text-foreground", children: v }),
-      /* @__PURE__ */ t("span", { className: "ff:text-3xl ff:font-bold ff:leading-tight ff:font-heading ff:text-foreground", children: w }),
-      /* @__PURE__ */ t("span", { className: "ff:mt-1 ff:text-3xl ff:font-bold ff:tabular-nums ff:font-heading ff:text-foreground", children: y })
+      /* @__PURE__ */ t("span", { className: "ff:text-3xl ff:font-bold ff:leading-tight ff:font-heading ff:text-foreground", children: h }),
+      /* @__PURE__ */ t("span", { className: "ff:mt-1 ff:text-3xl ff:font-bold ff:tabular-nums ff:font-heading ff:text-foreground", children: x })
     ] }),
     /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-1.5 ff:border-t ff:border-border/40 ff:pt-3 ff:text-sm", children: [
-      h && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-baseline ff:justify-between ff:gap-3", children: [
+      w && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-baseline ff:justify-between ff:gap-3", children: [
         /* @__PURE__ */ t("span", { className: "ff:text-muted", children: d("appointment.location") }),
-        /* @__PURE__ */ t("span", { className: "ff:text-right ff:font-semibold ff:text-foreground", children: h })
+        /* @__PURE__ */ t("span", { className: "ff:text-right ff:font-semibold ff:text-foreground", children: w })
       ] }),
       C && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-baseline ff:justify-between ff:gap-3", children: [
         /* @__PURE__ */ t("span", { className: "ff:text-muted", children: d("appointment.duration") }),
@@ -3104,7 +3104,7 @@ function Wa({
       p.label
     ] }) }),
     /* @__PURE__ */ t(nt, { show: !!g, children: g && /* @__PURE__ */ t(be, { tone: "danger", description: g }) }),
-    /* @__PURE__ */ t(nt, { show: !r && x, children: !r && x && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-2", children: [
+    /* @__PURE__ */ t(nt, { show: !r && b, children: !r && b && /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-2", children: [
       /* @__PURE__ */ t(be, { tone: "danger", title: d("appointment.cancelConfirm") }),
       /* @__PURE__ */ u("div", { className: "ff:flex ff:gap-2", children: [
         /* @__PURE__ */ t(
@@ -3114,8 +3114,8 @@ function Wa({
             variant: "destructive",
             className: "ff:flex-1",
             onClick: n,
-            disabled: c,
-            loading: c,
+            disabled: l,
+            loading: l,
             children: d("appointment.cancelConfirmYes")
           }
         ),
@@ -3126,22 +3126,22 @@ function Wa({
             variant: "outline",
             className: "ff:flex-1",
             onClick: () => m(!1),
-            disabled: c,
+            disabled: l,
             children: d("appointment.cancelConfirmNo")
           }
         )
       ] })
     ] }) }),
-    !r && !x && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-center ff:justify-center ff:gap-3 ff:text-xs", children: [
+    !r && !b && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-center ff:justify-center ff:gap-3 ff:text-xs", children: [
       /* @__PURE__ */ t(j, { variant: "link", size: "xs", onClick: o, children: d("appointment.reschedule") }),
       /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "ff:text-muted", children: "·" }),
-      /* @__PURE__ */ t(j, { variant: "link", size: "xs", onClick: () => m(!0), disabled: c, children: d("appointment.cancel") })
+      /* @__PURE__ */ t(j, { variant: "link", size: "xs", onClick: () => m(!0), disabled: l, children: d("appointment.cancel") })
     ] })
   ] });
 }
-Wa.displayName = "AppointmentBookingDetails";
-function Ua({ booking: e, timezone: a, onJoinCall: r, onShowPass: n }) {
-  const { t: o } = K(), i = !e.locationName, f = Bt(e.startTime, a), c = Ba(e.startTime, e.endTime), g = o("appointment.youreUpAt", { values: { time: f } }), d = i ? o("appointment.youreUpOnlineHint") : o("appointment.youreUpIrlHint", { values: { location: e.locationName ?? "" } });
+Ua.displayName = "AppointmentBookingDetails";
+function Wa({ booking: e, timezone: a, onJoinCall: r, onShowPass: n }) {
+  const { t: o } = K(), i = !e.locationName, f = Bt(e.startTime, a), l = Ba(e.startTime, e.endTime), g = o("appointment.youreUpAt", { values: { time: f } }), d = i ? o("appointment.youreUpOnlineHint") : o("appointment.youreUpIrlHint", { values: { location: e.locationName ?? "" } });
   return /* @__PURE__ */ u(
     "div",
     {
@@ -3156,9 +3156,9 @@ function Ua({ booking: e, timezone: a, onJoinCall: r, onShowPass: n }) {
             /* @__PURE__ */ t("span", { className: "ff:text-muted", children: o("appointment.time") }),
             /* @__PURE__ */ t("span", { className: "ff:font-semibold ff:tabular-nums ff:text-foreground", children: f })
           ] }),
-          c && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-baseline ff:justify-between ff:gap-3", children: [
+          l && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-baseline ff:justify-between ff:gap-3", children: [
             /* @__PURE__ */ t("span", { className: "ff:text-muted", children: o("appointment.duration") }),
-            /* @__PURE__ */ t("span", { className: "ff:font-semibold ff:tabular-nums ff:text-foreground", children: o("appointment.minutes", { values: { count: c } }) })
+            /* @__PURE__ */ t("span", { className: "ff:font-semibold ff:tabular-nums ff:text-foreground", children: o("appointment.minutes", { values: { count: l } }) })
           ] }),
           !i && e.locationName && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-baseline ff:justify-between ff:gap-3", children: [
             /* @__PURE__ */ t("span", { className: "ff:text-muted", children: o("appointment.location") }),
@@ -3188,38 +3188,38 @@ function Ua({ booking: e, timezone: a, onJoinCall: r, onShowPass: n }) {
     }
   );
 }
-Ua.displayName = "AppointmentCheckedInView";
-const Jn = 3e4, Mt = /* @__PURE__ */ new Map();
+Wa.displayName = "AppointmentCheckedInView";
+const Qn = 3e4, Mt = /* @__PURE__ */ new Map();
 function ma(e, a, r, n) {
   return `${e}:${a}:${r}:${n ?? ""}`;
 }
-function Qn(e, a) {
-  const r = Nt(), [n, o] = s.useState([]), [i, f] = s.useState(!1), [c, g] = s.useState(null), [d, x] = s.useState(0), { startDate: m, endDate: v, timezone: w } = a;
+function Xn(e, a) {
+  const r = Nt(), [n, o] = s.useState([]), [i, f] = s.useState(!1), [l, g] = s.useState(null), [d, b] = s.useState(0), { startDate: m, endDate: v, timezone: h } = a;
   s.useEffect(() => {
     if (!e || !m || !v) {
       o([]), g(null), f(!1);
       return;
     }
-    const C = ma(e, m, v, w), l = Mt.get(C);
-    if (l && Date.now() - l.fetchedAt < Jn) {
-      o(l.slots), g(null);
+    const C = ma(e, m, v, h), c = Mt.get(C);
+    if (c && Date.now() - c.fetchedAt < Qn) {
+      o(c.slots), g(null);
       return;
     }
-    let h = !1;
-    return f(!0), g(null), r.appointments.getSlots(e, { startDate: m, endDate: v, timezone: w }).then((p) => {
-      h || (Mt.set(C, { fetchedAt: Date.now(), slots: p }), o(p));
+    let w = !1;
+    return f(!0), g(null), r.appointments.getSlots(e, { startDate: m, endDate: v, timezone: h }).then((p) => {
+      w || (Mt.set(C, { fetchedAt: Date.now(), slots: p }), o(p));
     }).catch((p) => {
-      h || g(p instanceof Error ? p : new Error(String(p)));
+      w || g(p instanceof Error ? p : new Error(String(p)));
     }).finally(() => {
-      h || f(!1);
+      w || f(!1);
     }), () => {
-      h = !0;
+      w = !0;
     };
-  }, [r, e, m, v, w, d]);
-  const y = s.useCallback(() => {
-    e && m && v && Mt.delete(ma(e, m, v, w)), x((C) => C + 1);
-  }, [e, m, v, w]);
-  return { slots: n, isLoading: i, error: c, refresh: y };
+  }, [r, e, m, v, h, d]);
+  const x = s.useCallback(() => {
+    e && m && v && Mt.delete(ma(e, m, v, h)), b((C) => C + 1);
+  }, [e, m, v, h]);
+  return { slots: n, isLoading: i, error: l, refresh: x };
 }
 function Ha({ days: e, selectedDate: a, onSelect: r }) {
   return /* @__PURE__ */ t(
@@ -3297,7 +3297,7 @@ function Ka({
   );
 }
 Ka.displayName = "AppointmentSlotItem";
-const Xn = 9;
+const eo = 9;
 function Za({
   slots: e,
   isLoading: a,
@@ -3315,7 +3315,7 @@ function Za({
       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: Xn }).map((f, c) => /* @__PURE__ */ t($a, { className: "ff:h-8 ff:w-full" }, c))
+      children: Array.from({ length: eo }).map((f, l) => /* @__PURE__ */ t($a, { className: "ff:h-8 ff:w-full" }, l))
     }
   ) : e.length === 0 ? /* @__PURE__ */ t(ie, { "data-slot": "appointment-slot-grid", "data-state": "empty", children: /* @__PURE__ */ t("span", { className: "ff:text-muted", children: o ?? i("appointment.noSlotsAvailable") }) }) : /* @__PURE__ */ t(
     "div",
@@ -3325,14 +3325,14 @@ function Za({
       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 c = f.available <= 0, g = r === f.id, d = Oa(f), x = c ? i("appointment.slotFullAriaLabel", { values: { time: d } }) : d;
+        const l = f.available <= 0, g = r === f.id, d = Oa(f), b = l ? i("appointment.slotFullAriaLabel", { values: { time: d } }) : d;
         return /* @__PURE__ */ t(
           Ka,
           {
             slotId: f.id,
             timeLabel: d,
-            ariaLabel: x,
-            isFull: c,
+            ariaLabel: b,
+            isFull: l,
             isSelected: g,
             onSelect: n
           },
@@ -3352,16 +3352,16 @@ function Ya({
   onSlotChange: o,
   bookError: i
 }) {
-  const { t: f } = K(), c = s.useMemo(
+  const { t: f } = K(), l = s.useMemo(
     () => a ? gt(new Date(a), n) : void 0,
     [a, n]
   ), g = s.useMemo(
     () => r ? gt(new Date(r), n) : void 0,
     [r, n]
-  ), { startDate: d, endDate: x } = s.useMemo(() => {
-    const N = gt(/* @__PURE__ */ new Date(), n), S = c && c > N ? c : N, M = ga(S, ha - 1), A = g && g < M ? g : M;
+  ), { startDate: d, endDate: b } = s.useMemo(() => {
+    const N = gt(/* @__PURE__ */ new Date(), n), S = l && l > N ? l : N, M = ga(S, ha - 1), A = g && g < M ? g : M;
     return { startDate: S, endDate: A };
-  }, [c, g, n]), { slots: m, isLoading: v, error: w } = Qn(e, { startDate: d, endDate: x, timezone: n }), y = s.useMemo(() => {
+  }, [l, g, n]), { slots: m, isLoading: v, error: h } = Xn(e, { startDate: d, endDate: b, timezone: n }), x = s.useMemo(() => {
     const N = /* @__PURE__ */ new Map();
     for (const S of m) {
       const M = S.startTime ? gt(new Date(S.startTime), S.timezone ?? n) : S.id.slice(0, 10), A = N.get(M);
@@ -3373,49 +3373,49 @@ function Ya({
     for (let S = 0; S < ha; S += 1) {
       const M = ga(d, S);
       if (g && M > g) break;
-      const A = y.get(M) ?? [], I = A.some(($) => $.available > 0), O = !v && A.length === 0;
+      const A = x.get(M) ?? [], I = A.some(($) => $.available > 0), O = !v && A.length === 0;
       N.push({
         date: M,
-        weekdayLabel: Un(M),
-        dayNumber: Hn(M),
+        weekdayLabel: Hn(M),
+        dayNumber: Kn(M),
         hasAvailability: I,
         isClosed: O
       });
     }
     return N;
-  }, [d, g, y, v]), [l, h] = s.useState(null), [p, D] = s.useState(null);
+  }, [d, g, x, v]), [c, w] = s.useState(null), [p, D] = s.useState(null);
   s.useEffect(() => {
-    if (l && C.some((S) => S.date === l && !S.isClosed)) return;
+    if (c && C.some((S) => S.date === c && !S.isClosed)) return;
     const N = C.find((S) => !S.isClosed);
-    N && (h(N.date), D(null));
-  }, [C, l]);
-  const V = s.useMemo(() => l ? y.get(l) ?? [] : [], [l, y]);
+    N && (w(N.date), D(null));
+  }, [C, c]);
+  const V = s.useMemo(() => c ? x.get(c) ?? [] : [], [c, x]);
   s.useEffect(() => {
     if (!o) return;
     const N = V.find((S) => S.id === p) ?? null;
     o(N);
   }, [V, p, o]);
   const T = s.useCallback((N) => {
-    h(N), D(null);
-  }, []), b = s.useCallback((N) => {
+    w(N), D(null);
+  }, []), y = s.useCallback((N) => {
     D((S) => S === N ? null : N);
   }, []);
   return /* @__PURE__ */ u("div", { className: "ff:flex ff:flex-col ff:gap-2", children: [
-    /* @__PURE__ */ t(Ha, { days: C, selectedDate: l, onSelect: T }),
+    /* @__PURE__ */ t(Ha, { days: C, selectedDate: c, onSelect: T }),
     /* @__PURE__ */ t(
       Za,
       {
         slots: V,
         isLoading: v,
         selectedSlotId: p,
-        onSelect: b
+        onSelect: y
       }
     ),
-    (i || w) && /* @__PURE__ */ t(be, { tone: "danger", description: i ?? w?.message ?? f("appointment.bookingFailed") })
+    (i || h) && /* @__PURE__ */ t(be, { tone: "danger", description: i ?? h?.message ?? f("appointment.bookingFailed") })
   ] });
 }
 Ya.displayName = "AppointmentSlotPicker";
-const eo = qe({});
+const to = qe({});
 function At({
   appointmentId: e,
   display$: a,
@@ -3424,22 +3424,22 @@ function At({
   bookingWindowCloseAt: o,
   timezone: i,
   defaultLocationId: f,
-  onBook: c,
+  onBook: l,
   onCancel: g,
   onReschedule: d,
-  isBooking: x,
+  isBooking: b,
   isCancelling: m,
   isRescheduling: v,
-  bookError: w,
-  cancelError: y,
+  bookError: h,
+  cancelError: x,
   outcomeReason: C,
-  onReenter: l,
-  isReentering: h,
+  onReenter: c,
+  isReentering: w,
   className: p
 }) {
-  const { t: D } = K(), V = ze(a ?? eo), [T, b] = s.useState(!1), N = we();
+  const { t: D } = K(), V = je(a ?? to), [T, y] = s.useState(!1), N = we();
   if (r === "ended")
-    return /* @__PURE__ */ t(We, { outcomeReason: C ?? "ended", participationType: "appointment", className: p });
+    return /* @__PURE__ */ t(Ue, { outcomeReason: C ?? "ended", participationType: "appointment", className: p });
   if (r === "participating" && T)
     return /* @__PURE__ */ t(
       wa,
@@ -3449,14 +3449,14 @@ function At({
         bookingWindowCloseAt: o,
         timezone: i,
         defaultLocationId: f,
-        headingLabel: D("appointment.rescheduleTitle"),
+        headingLabel: D("appointment.reschedule.title"),
         headingVariant: "default",
         confirmLabelKey: "appointment.continueWithTime",
         idleLabelKey: "appointment.selectATime",
         isPending: v,
-        error: w,
+        error: h,
         onConfirm: async (S, M) => {
-          await d(S, M), b(!1);
+          await d(S, M), y(!1);
         },
         className: p,
         motionProps: N,
@@ -3465,8 +3465,8 @@ function At({
       }
     );
   if (r === "participating") {
-    const S = V.booking, M = S?.consumerStatus, A = M === "checked_in", I = M === "completed", O = I ? "completed" : A ? "checked_in" : "booked", $ = D(I ? "appointment.completedTitle" : A ? "appointment.checkedIn" : "appointment.bookedTitle");
-    return /* @__PURE__ */ t(U.div, { ...N, children: /* @__PURE__ */ u(
+    const S = V.booking, M = S?.consumerStatus, A = M === "checked_in", I = M === "completed", O = I ? "completed" : A ? "checked_in" : "booked", $ = D(I ? "appointment.completed.title" : A ? "appointment.checkedIn" : "appointment.booked.title");
+    return /* @__PURE__ */ t(W.div, { ...N, children: /* @__PURE__ */ u(
       Y,
       {
         className: E("ff:w-full ff:max-w-sm", p),
@@ -3475,16 +3475,16 @@ function At({
         "data-substage": O,
         children: [
           /* @__PURE__ */ t(G, { variant: "success", label: $ }),
-          /* @__PURE__ */ t(Z, { children: S ? A ? /* @__PURE__ */ t(Ua, { booking: S, timezone: i }) : /* @__PURE__ */ t(
-            Wa,
+          /* @__PURE__ */ t(Z, { children: S ? A ? /* @__PURE__ */ t(Wa, { booking: S, timezone: i }) : /* @__PURE__ */ t(
+            Ua,
             {
               booking: S,
               timezone: i,
               readOnly: I,
               onCancel: () => g(),
-              onStartReschedule: () => b(!0),
+              onStartReschedule: () => y(!0),
               isCancelling: m,
-              cancelError: y
+              cancelError: x
             }
           ) : /* @__PURE__ */ t("span", { className: "ff:text-muted", children: D("appointment.loadingBooking") }) })
         ]
@@ -3503,9 +3503,9 @@ function At({
       headingVariant: "default",
       confirmLabelKey: "appointment.continueWithTime",
       idleLabelKey: "appointment.selectATime",
-      isPending: x,
-      error: w,
-      onConfirm: c,
+      isPending: b,
+      error: h,
+      onConfirm: l,
       className: p,
       motionProps: N,
       dataStage: "enterable"
@@ -3521,27 +3521,27 @@ function wa({
   defaultLocationId: o,
   headingLabel: i,
   headingVariant: f,
-  confirmLabelKey: c,
+  confirmLabelKey: l,
   idleLabelKey: g,
   isPending: d,
-  error: x,
+  error: b,
   onConfirm: m,
   className: v,
-  motionProps: w,
-  dataStage: y,
+  motionProps: h,
+  dataStage: x,
   dataMode: C
 }) {
-  const { t: l } = K(), [h, p] = s.useState(null), D = h ? l(c, { values: { time: Oa(h) } }) : l(g), V = s.useCallback(async () => {
-    if (!h) return;
-    const T = h.locationId ?? o;
-    await m(h.id, T);
-  }, [o, m, h]);
-  return /* @__PURE__ */ t(U.div, { ...w, children: /* @__PURE__ */ u(
+  const { t: c } = K(), [w, p] = s.useState(null), D = w ? c(l, { values: { time: Oa(w) } }) : c(g), V = s.useCallback(async () => {
+    if (!w) return;
+    const T = w.locationId ?? o;
+    await m(w.id, T);
+  }, [o, m, w]);
+  return /* @__PURE__ */ t(W.div, { ...h, children: /* @__PURE__ */ u(
     Y,
     {
       className: E("ff:w-full ff:max-w-sm", v),
       "data-slot": "appointment-module",
-      "data-stage": y,
+      "data-stage": x,
       "data-mode": C,
       children: [
         /* @__PURE__ */ t(G, { variant: f, label: i }),
@@ -3553,7 +3553,7 @@ function wa({
             bookingWindowCloseAt: r,
             timezone: n,
             onSlotChange: p,
-            bookError: x
+            bookError: b
           }
         ) }),
         /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(
@@ -3562,7 +3562,7 @@ function wa({
             size: "sm",
             className: "ff:w-full",
             onClick: V,
-            disabled: !h || d,
+            disabled: !w || d,
             loading: d,
             children: D
           }
@@ -3571,7 +3571,7 @@ function wa({
     }
   ) });
 }
-function to(e, a) {
+function ao(e, a) {
   try {
     return new Intl.NumberFormat(a, {
       style: "currency",
@@ -3582,7 +3582,7 @@ function to(e, a) {
     return e;
   }
 }
-function ao(e, a) {
+function ro(e, a) {
   const r = a?.currencyCode, n = a?.minimumFractionDigits ?? 2, o = a?.maximumFractionDigits ?? 2;
   if (r)
     try {
@@ -3595,7 +3595,7 @@ function ao(e, a) {
       }).format(e);
     } catch {
     }
-  const i = a?.currencySymbol ?? (r ? to(r, a?.locale) : "$");
+  const i = a?.currencySymbol ?? (r ? ao(r, a?.locale) : "$");
   try {
     const f = e.toLocaleString(a?.locale, { minimumFractionDigits: n, maximumFractionDigits: o });
     return `${i}${f}`;
@@ -3603,8 +3603,8 @@ function ao(e, a) {
     return `${i}${e.toFixed(o)}`;
   }
 }
-const ro = qe({});
-function no(e, a) {
+const no = qe({});
+function oo(e, a) {
   const r = { ...e }, n = r;
   for (const [o, i] of Object.entries(a))
     i !== void 0 && (n[o] = i);
@@ -3618,72 +3618,69 @@ function tt({
   canLeave: o,
   onEnter: i,
   onLeave: f,
-  onBid: c,
+  onBid: l,
   isEntering: g,
   isLeaving: d,
-  countdownTo: x,
+  countdownTo: b,
   defaultBidAmount: m,
   currencyCode: v,
-  locale: w,
-  grant: y,
+  locale: h,
+  grant: x,
   expiresAt: C,
-  checkoutUrl: l,
-  onCheckoutClick: h,
+  checkoutUrl: c,
+  onCheckoutClick: w,
   outcomeReason: p,
   onReenter: D,
   isReentering: V,
   className: T
 }) {
-  const { t: b } = K(), N = ze(e ?? ro), S = s.useMemo(
-    () => no(a, N),
+  const { t: y } = K(), N = je(e ?? no), S = s.useMemo(
+    () => oo(a, N),
     [a, N]
-  ), M = s.useMemo(
-    () => x ?? (S.closeAt ? new Date(S.closeAt) : void 0),
-    [x, S.closeAt]
-  ), A = s.useMemo(() => {
+  ), M = s.useMemo(() => S.settleAt ? new Date(S.settleAt) : b || (S.closeAt ? new Date(S.closeAt) : void 0), [b, S.settleAt, S.closeAt]), A = s.useMemo(() => {
     if (C)
       return C instanceof Date ? C : new Date(C);
   }, [C]), I = S.currencyCode ?? v, O = s.useCallback(
     (L) => {
       if (L === void 0) return;
       const J = parseFloat(L);
-      return Number.isNaN(J) ? L : ao(
+      return Number.isNaN(J) ? L : ro(
         J,
-        I ? { currencyCode: I, locale: w } : { currencySymbol: "$", locale: w }
+        I ? { currencyCode: I, locale: h } : { currencySymbol: "$", locale: h }
       );
     },
-    [I, w]
+    [I, h]
   ), $ = we(), fe = () => {
-    h ? h() : l && window.open(l, "_blank", "noopener,noreferrer");
+    w ? w() : c && window.open(c, "_blank", "noopener,noreferrer");
   }, ce = async () => {
-    if (!c) return;
+    if (!l) return;
     const L = S.minNextBid ?? m;
-    L && await c(L);
+    L && await l(L);
   };
   if (r === "enterable")
-    return /* @__PURE__ */ t(U.div, { ...$, children: /* @__PURE__ */ u(
+    return /* @__PURE__ */ t(W.div, { ...$, children: /* @__PURE__ */ u(
       Y,
       {
         className: E("ff:w-full ff:max-w-sm", T),
         "data-slot": "auction-module",
         "data-stage": "enterable",
         children: [
-          /* @__PURE__ */ t(G, { variant: "default", label: b("auction.title") }),
+          /* @__PURE__ */ t(G, { variant: "default", label: y("auction.title") }),
           /* @__PURE__ */ u(Z, { children: [
             M && /* @__PURE__ */ u("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: b("auction.endsIn") }),
+              /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: y("auction.endsIn") }),
               /* @__PURE__ */ t(pe, { targetDate: M, showDays: !1 })
             ] }),
-            /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: b("auction.description") }) }),
-            c ? /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: ce, children: b("auction.bidAction") }) : n && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: i, disabled: g, loading: g, children: b("auction.enter") })
+            /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: y("auction.description") }) }),
+            l ? /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: ce, children: y("auction.bidAction") }) : n && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: i, disabled: g, loading: g, children: y("auction.enter") })
           ] }),
           /* @__PURE__ */ t(H, {})
         ]
       }
     ) });
   if (r === "participating") {
-    const L = S.status === "winning", J = L ? "default" : "success", ne = b(L ? "auction.winningTitle" : "auction.title"), se = O(S.highestBid), de = O(S.currentBid);
-    return /* @__PURE__ */ t(U.div, { ...$, children: /* @__PURE__ */ u(
+    const L = S.status === "winning", J = L ? "default" : "success", ne = y(L ? "auction.winning.title" : "auction.title"), se = O(S.highestBid), de = O(S.currentBid);
+    return /* @__PURE__ */ t(W.div, { ...$, children: /* @__PURE__ */ u(
       Y,
       {
         className: E("ff:w-full ff:max-w-sm", T),
@@ -3693,21 +3690,21 @@ function tt({
           /* @__PURE__ */ t(G, { variant: J, label: ne }),
           /* @__PURE__ */ u(Z, { children: [
             M && /* @__PURE__ */ u("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: b("auction.endsIn") }),
+              /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: y("auction.endsIn") }),
               /* @__PURE__ */ t(pe, { targetDate: M, showDays: !1 })
             ] }),
             /* @__PURE__ */ u(ie, { children: [
               se !== void 0 && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-center ff:justify-between", children: [
-                /* @__PURE__ */ t("span", { className: "ff:text-muted", children: b("auction.currentBid") }),
+                /* @__PURE__ */ t("span", { className: "ff:text-muted", children: y("auction.currentBid") }),
                 /* @__PURE__ */ t("span", { className: "ff:font-medium ff:tabular-nums", children: se })
               ] }),
               de !== void 0 && /* @__PURE__ */ u("div", { className: "ff:flex ff:items-center ff:justify-between", children: [
-                /* @__PURE__ */ t("span", { className: "ff:text-muted", children: b(L ? "auction.yourWinningBid" : "auction.yourBidLabel") }),
+                /* @__PURE__ */ t("span", { className: "ff:text-muted", children: y(L ? "auction.yourWinningBid" : "auction.yourBidLabel") }),
                 /* @__PURE__ */ t("span", { className: "ff:font-medium ff:tabular-nums", children: de })
               ] })
             ] }),
             /* @__PURE__ */ u("div", { className: "ff:mt-auto ff:flex ff:flex-col ff:gap-2", children: [
-              c && /* @__PURE__ */ t(j, { className: "ff:w-full", onClick: ce, children: b("auction.bidAction") }),
+              l && /* @__PURE__ */ t(j, { className: "ff:w-full", onClick: ce, children: y("auction.bidAction") }),
               o && /* @__PURE__ */ t(
                 j,
                 {
@@ -3716,7 +3713,7 @@ function tt({
                   onClick: f,
                   disabled: d,
                   loading: d,
-                  children: b("common.leave")
+                  children: y("action.leave")
                 }
               )
             ] })
@@ -3728,18 +3725,18 @@ function tt({
   }
   if (r === "settling") {
     const L = O(S.highestBid);
-    return /* @__PURE__ */ t(U.div, { ...$, children: /* @__PURE__ */ u(
+    return /* @__PURE__ */ t(W.div, { ...$, children: /* @__PURE__ */ u(
       Y,
       {
         className: E("ff:w-full ff:max-w-sm", T),
         "data-slot": "auction-module",
         "data-stage": "settling",
         children: [
-          /* @__PURE__ */ t(G, { variant: "default", label: b("auction.settlingTitle") }),
+          /* @__PURE__ */ t(G, { variant: "default", label: y("auction.settling.title") }),
           /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ u(ie, { children: [
-            /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: b("auction.settlingDescription") }),
+            /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: y("auction.settling.description") }),
             L !== void 0 && /* @__PURE__ */ u("div", { className: "ff:mt-3 ff:flex ff:items-center ff:justify-between", children: [
-              /* @__PURE__ */ t("span", { className: "ff:text-muted", children: b("auction.currentBid") }),
+              /* @__PURE__ */ t("span", { className: "ff:text-muted", children: y("auction.currentBid") }),
               /* @__PURE__ */ t("span", { className: "ff:font-medium ff:tabular-nums", children: L })
             ] })
           ] }) }),
@@ -3751,15 +3748,15 @@ function tt({
   return r === "granted" ? /* @__PURE__ */ t(
     it,
     {
-      label: b("auction.wonTitle"),
-      fallbackMessage: b("auction.wonDescription"),
-      ctaLabel: b("auction.proceedToCheckout"),
+      label: y("auction.won.title"),
+      fallbackMessage: y("auction.won.description"),
+      ctaLabel: y("action.proceedToCheckout"),
       expiresAt: A,
       onCtaClick: fe,
       className: T
     }
   ) : r === "ended" ? /* @__PURE__ */ t(
-    We,
+    Ue,
     {
       outcomeReason: p ?? "ended",
       participationType: "auction",
@@ -3770,7 +3767,7 @@ function tt({
   ) : null;
 }
 tt.displayName = "AuctionModule";
-const oo = qe({});
+const fo = qe({});
 function at({
   display$: e,
   sequencePhase: a,
@@ -3779,93 +3776,93 @@ function at({
   onEnter: o,
   onLeave: i,
   isEntering: f,
-  isLeaving: c,
+  isLeaving: l,
   countdownTo: g,
   grant: d,
-  expiresAt: x,
+  expiresAt: b,
   checkoutUrl: m,
   onCheckoutClick: v,
-  outcomeReason: w,
-  onReenter: y,
+  outcomeReason: h,
+  onReenter: x,
   isReentering: C,
-  className: l
+  className: c
 }) {
-  const { t: h } = K(), p = ze(e ?? oo), D = s.useMemo(
+  const { t: w } = K(), p = je(e ?? fo), D = s.useMemo(
     () => g ?? (p.drawTime ? new Date(p.drawTime) : void 0),
     [g, p.drawTime]
   ), V = s.useMemo(() => {
-    if (x)
-      return x instanceof Date ? x : new Date(x);
-  }, [x]), T = we(), b = () => {
+    if (b)
+      return b instanceof Date ? b : new Date(b);
+  }, [b]), T = we(), y = () => {
     v ? v() : m && window.open(m, "_blank", "noopener,noreferrer");
   };
-  return a === "enterable" ? /* @__PURE__ */ t(U.div, { ...T, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", l), "data-slot": "draw-module", "data-stage": "enterable", children: [
-    /* @__PURE__ */ t(G, { variant: "default", label: h("draw.title") }),
+  return a === "enterable" ? /* @__PURE__ */ t(W.div, { ...T, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", c), "data-slot": "draw-module", "data-stage": "enterable", children: [
+    /* @__PURE__ */ t(G, { variant: "default", label: w("draw.title") }),
     /* @__PURE__ */ u(Z, { children: [
       D && /* @__PURE__ */ u("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: h("draw.drawClosesIn") }),
+        /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: w("draw.drawClosesIn") }),
         /* @__PURE__ */ t(pe, { targetDate: D, showDays: !1 })
       ] }),
-      r && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: o, disabled: f, loading: f, children: h("draw.enter") })
+      r && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: o, disabled: f, loading: f, children: w("draw.enter") })
     ] }),
     /* @__PURE__ */ t(H, {})
-  ] }) }) : a === "participating" ? /* @__PURE__ */ t(U.div, { ...T, children: /* @__PURE__ */ u(
+  ] }) }) : a === "participating" ? /* @__PURE__ */ t(W.div, { ...T, children: /* @__PURE__ */ u(
     Y,
     {
-      className: E("ff:w-full ff:max-w-sm", l),
+      className: E("ff:w-full ff:max-w-sm", c),
       "data-slot": "draw-module",
       "data-stage": "participating",
       children: [
-        /* @__PURE__ */ t(G, { variant: "success", label: h("draw.entered") }),
+        /* @__PURE__ */ t(G, { variant: "success", label: w("draw.entered.title") }),
         /* @__PURE__ */ u(Z, { children: [
           p.entryNumber && /* @__PURE__ */ t("span", { className: "ff:text-xs ff:text-muted ff:font-mono", children: p.entryNumber }),
           D ? /* @__PURE__ */ u("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: h("draw.drawHappensIn") }),
+            /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: w("draw.drawHappensIn") }),
             /* @__PURE__ */ t(pe, { targetDate: D, showDays: !1 })
           ] }) : null,
-          /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: h(D ? "draw.goodLuck" : "draw.stayTuned") }) }),
+          /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: w(D ? "draw.entered.description" : "draw.stayTuned") }) }),
           n && /* @__PURE__ */ t(
             j,
             {
               className: "ff:mt-auto ff:w-full",
               variant: "outline",
               onClick: i,
-              disabled: c,
-              loading: c,
-              children: h("draw.withdraw")
+              disabled: l,
+              loading: l,
+              children: w("draw.withdraw")
             }
           )
         ] }),
         /* @__PURE__ */ t(H, {})
       ]
     }
-  ) }) : a === "settling" ? /* @__PURE__ */ t(U.div, { ...T, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", l), "data-slot": "draw-module", "data-stage": "settling", children: [
-    /* @__PURE__ */ t(G, { variant: "default", label: h("draw.settlingTitle") }),
-    /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: h("draw.settlingDescription") }) }) }),
+  ) }) : a === "settling" ? /* @__PURE__ */ t(W.div, { ...T, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", c), "data-slot": "draw-module", "data-stage": "settling", children: [
+    /* @__PURE__ */ t(G, { variant: "default", label: w("draw.settling.title") }),
+    /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: w("draw.settling.description") }) }) }),
     /* @__PURE__ */ t(H, {})
   ] }) }) : a === "granted" ? /* @__PURE__ */ t(
     it,
     {
-      label: h("draw.wonTitle"),
-      fallbackMessage: h("granted.description"),
-      ctaLabel: h("granted.cta"),
+      label: w("draw.won.title"),
+      fallbackMessage: w("granted.description"),
+      ctaLabel: w("granted.cta"),
       expiresAt: V,
-      onCtaClick: b,
-      className: l
+      onCtaClick: y,
+      className: c
     }
   ) : a === "ended" ? /* @__PURE__ */ t(
-    We,
+    Ue,
     {
-      outcomeReason: w ?? "ended",
+      outcomeReason: h ?? "ended",
       participationType: "draw",
-      onReenter: y,
+      onReenter: x,
       isReentering: C,
-      className: l
+      className: c
     }
   ) : null;
 }
 at.displayName = "DrawModule";
-const fo = qe({});
+const io = qe({});
 function wt({
   display$: e,
   sequencePhase: a,
@@ -3874,61 +3871,61 @@ function wt({
   onEnter: o,
   onLeave: i,
   isEntering: f,
-  isLeaving: c,
+  isLeaving: l,
   closeAt: g,
   grant: d,
-  expiresAt: x,
+  expiresAt: b,
   checkoutUrl: m,
   onCheckoutClick: v,
-  outcomeReason: w,
-  onReenter: y,
+  outcomeReason: h,
+  onReenter: x,
   isReentering: C,
-  className: l
+  className: c
 }) {
-  const { t: h } = K(), p = ze(e ?? fo), D = s.useMemo(() => {
-    if (x)
-      return x instanceof Date ? x : new Date(x);
-  }, [x]), V = we(), T = () => {
+  const { t: w } = K(), p = je(e ?? io), D = s.useMemo(() => {
+    if (b)
+      return b instanceof Date ? b : new Date(b);
+  }, [b]), V = we(), T = () => {
     v ? v() : m && window.open(m, "_blank", "noopener,noreferrer");
   };
   if (a === "enterable")
-    return /* @__PURE__ */ t(U.div, { ...V, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", l), "data-slot": "queue-module", "data-stage": "enterable", children: [
-      /* @__PURE__ */ t(G, { variant: "default", label: h("queue.openingSoon") }),
+    return /* @__PURE__ */ t(W.div, { ...V, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", c), "data-slot": "queue-module", "data-stage": "enterable", children: [
+      /* @__PURE__ */ t(G, { variant: "default", label: w("queue.openingSoon") }),
       /* @__PURE__ */ u(Z, { children: [
         g && /* @__PURE__ */ u("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: h("queue.queueClosesIn") }),
+          /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: w("queue.queueClosesIn") }),
           /* @__PURE__ */ t(pe, { targetDate: g, showDays: !1 })
         ] }),
-        r && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: o, disabled: f, loading: f, children: h("queue.enter") })
+        r && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: o, disabled: f, loading: f, children: w("queue.enter") })
       ] }),
       /* @__PURE__ */ t(H, {})
     ] }) });
   if (a === "participating") {
-    const b = p.estimatedWaitTime, N = b != null ? Math.ceil(b / 60) : null, S = (O) => O < 1 ? h("queue.waitLessThanMinute") : O === 1 ? h("queue.waitOneMinute") : h("queue.waitMinutes", { values: { count: O } }), M = b != null ? Dr(b) : null, A = M ? h(Vr(M)) : null, I = N !== null ? S(N) : "...";
-    return /* @__PURE__ */ t(U.div, { ...V, children: /* @__PURE__ */ u(
+    const y = p.estimatedWaitTime, N = y != null ? Math.ceil(y / 60) : null, S = (O) => O < 1 ? w("queue.waitLessThanMinute") : O === 1 ? w("queue.waitOneMinute") : w("queue.waitMinutes", { values: { count: O } }), M = y != null ? Vr(y) : null, A = M ? w(Er(M)) : null, I = N !== null ? S(N) : "...";
+    return /* @__PURE__ */ t(W.div, { ...V, children: /* @__PURE__ */ u(
       Y,
       {
-        className: E("ff:w-full ff:max-w-sm", l),
+        className: E("ff:w-full ff:max-w-sm", c),
         "data-slot": "queue-module",
         "data-stage": "participating",
         children: [
-          /* @__PURE__ */ t(G, { variant: "success", label: h("queue.title") }),
+          /* @__PURE__ */ t(G, { variant: "success", label: w("queue.title") }),
           /* @__PURE__ */ u(Z, { children: [
             /* @__PURE__ */ u("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: h("queue.estimatedWaitLabel") }),
+              /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: w("queue.estimatedWaitLabel") }),
               /* @__PURE__ */ t("span", { className: "ff:text-4xl ff:font-bold ff:tabular-nums ff:font-heading", children: I }),
               A && /* @__PURE__ */ t("span", { className: "ff:text-xs ff:text-muted", children: A })
             ] }),
-            /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-muted ff:text-xs", children: h("queue.qualitativeReassurance") }) }),
+            /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-muted ff:text-xs", children: w("queue.qualitativeReassurance") }) }),
             n && /* @__PURE__ */ t(
               j,
               {
                 className: "ff:mt-auto ff:w-full",
                 variant: "outline",
                 onClick: i,
-                disabled: c,
-                loading: c,
-                children: h("queue.leave")
+                disabled: l,
+                loading: l,
+                children: w("queue.leave")
               }
             )
           ] }),
@@ -3940,26 +3937,26 @@ function wt({
   return a === "granted" ? /* @__PURE__ */ t(
     it,
     {
-      label: h("queue.granted"),
-      fallbackMessage: h("queue.grantedMessage"),
-      ctaLabel: h("granted.cta"),
+      label: w("queue.granted.title"),
+      fallbackMessage: w("queue.granted.message"),
+      ctaLabel: w("granted.cta"),
       expiresAt: D,
       onCtaClick: T,
-      className: l
+      className: c
     }
   ) : a === "ended" ? /* @__PURE__ */ t(
-    We,
+    Ue,
     {
-      outcomeReason: w ?? "ended",
+      outcomeReason: h ?? "ended",
       participationType: "queue",
-      onReenter: y,
+      onReenter: x,
       isReentering: C,
-      className: l
+      className: c
     }
   ) : null;
 }
 wt.displayName = "QueueModule";
-const io = qe({});
+const so = qe({});
 function vt({
   display$: e,
   sequencePhase: a,
@@ -3968,28 +3965,28 @@ function vt({
   onEnter: o,
   onLeave: i,
   onComplete: f,
-  isEntering: c,
+  isEntering: l,
   isLeaving: g,
   countdownTo: d,
-  checkoutUrl: x,
+  checkoutUrl: b,
   onCheckoutClick: m,
   grant: v,
-  expiresAt: w,
-  outcomeReason: y,
+  expiresAt: h,
+  outcomeReason: x,
   onReenter: C,
-  isReentering: l,
-  className: h
+  isReentering: c,
+  className: w
 }) {
-  const { t: p } = K(), D = ze(e ?? io), V = s.useMemo(() => {
-    if (w)
-      return w instanceof Date ? w : new Date(w);
-  }, [w]), T = x ?? D.checkoutUrl, b = we(), N = () => {
+  const { t: p } = K(), D = je(e ?? so), V = s.useMemo(() => {
+    if (h)
+      return h instanceof Date ? h : new Date(h);
+  }, [h]), T = b ?? D.checkoutUrl, y = we(), N = () => {
     m ? m() : T && window.open(T, "_blank", "noopener,noreferrer");
   };
-  return a === "enterable" ? /* @__PURE__ */ t(U.div, { ...b, children: /* @__PURE__ */ u(
+  return a === "enterable" ? /* @__PURE__ */ t(W.div, { ...y, children: /* @__PURE__ */ u(
     Y,
     {
-      className: E("ff:w-full ff:max-w-sm", h),
+      className: E("ff:w-full ff:max-w-sm", w),
       "data-slot": "timed-release-module",
       "data-stage": "enterable",
       children: [
@@ -4000,15 +3997,15 @@ function vt({
             /* @__PURE__ */ t(pe, { targetDate: d, showDays: !1 })
           ] }),
           /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: p("timedRelease.description") }) }),
-          r && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: o, disabled: c, loading: c, children: p("timedRelease.enter") })
+          r && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: o, disabled: l, loading: l, children: p("timedRelease.enter") })
         ] }),
         /* @__PURE__ */ t(H, {})
       ]
     }
-  ) }) : a === "participating" ? /* @__PURE__ */ t(U.div, { ...b, children: /* @__PURE__ */ u(
+  ) }) : a === "participating" ? /* @__PURE__ */ t(W.div, { ...y, children: /* @__PURE__ */ u(
     Y,
     {
-      className: E("ff:w-full ff:max-w-sm", h),
+      className: E("ff:w-full ff:max-w-sm", w),
       "data-slot": "timed-release-module",
       "data-stage": "participating",
       children: [
@@ -4054,16 +4051,16 @@ function vt({
       ctaLabel: p("granted.cta"),
       expiresAt: V,
       onCtaClick: N,
-      className: h
+      className: w
     }
   ) : a === "ended" ? /* @__PURE__ */ t(
-    We,
+    Ue,
     {
-      outcomeReason: y ?? "ended",
+      outcomeReason: x ?? "ended",
       participationType: "timed_release",
       onReenter: C,
-      isReentering: l,
-      className: h
+      isReentering: c,
+      className: w
     }
   ) : null;
 }
@@ -4076,36 +4073,36 @@ function Ga({
   canEnter: o = !1,
   onEnter: i,
   enterLabel: f,
-  isEntering: c = !1,
+  isEntering: l = !1,
   className: g
 }) {
-  const { t: d } = K(), x = e ?? d("upcoming.title"), m = a ?? d("upcoming.description"), v = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), w = we();
-  return /* @__PURE__ */ t(U.div, { ...w, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", g), "data-slot": "upcoming-module", children: [
-    /* @__PURE__ */ t(G, { variant: "secondary", label: x }),
+  const { t: d } = K(), b = e ?? d("upcoming.title"), m = a ?? d("upcoming.description"), v = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), h = we();
+  return /* @__PURE__ */ t(W.div, { ...h, children: /* @__PURE__ */ u(Y, { className: E("ff:w-full ff:max-w-sm", g), "data-slot": "upcoming-module", children: [
+    /* @__PURE__ */ t(G, { variant: "secondary", label: b }),
     /* @__PURE__ */ u(Z, { children: [
       v && /* @__PURE__ */ u("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: d("countdown.startingSoon") }),
+        /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: d("duration.startingSoon") }),
         /* @__PURE__ */ t(
           pe,
           {
             targetDate: v,
             onComplete: n,
-            expiredLabel: d("countdown.startingSoon")
+            expiredLabel: d("duration.startingSoon")
           }
         )
       ] }),
       /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ t("p", { className: "ff:text-foreground/80", children: m }) }),
-      o && i && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: i, disabled: c, loading: c, children: f ?? d("waitlist.enter") })
+      o && i && /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: i, disabled: l, loading: l, children: f ?? d("waitlist.enter") })
     ] }),
     /* @__PURE__ */ t(H, {})
   ] }) });
 }
 Ga.displayName = "UpcomingModule";
-const so = {
+const lo = {
   initial: { opacity: 1 },
   animate: { opacity: 1 },
   transition: { duration: 0 }
-}, lo = {
+}, co = {
   default: {
     initial: { opacity: 0, scale: 0.95 },
     animate: { opacity: 1, scale: 1 },
@@ -4126,7 +4123,7 @@ const so = {
     animate: { opacity: 1 },
     transition: { duration: 0.4, ease: "easeInOut" }
   }
-}, co = te("ff:flex ff:items-center ff:justify-center", {
+}, uo = ae("ff:flex ff:items-center ff:justify-center", {
   variants: {
     styleVariant: {
       default: "ff:w-16 ff:h-16 ff:rounded-full ff:bg-primary/5",
@@ -4140,7 +4137,7 @@ const so = {
     }
   },
   defaultVariants: { styleVariant: "default" }
-}), uo = te("ff:mt-4 ff:text-sm", {
+}), po = ae("ff:mt-4 ff:text-sm", {
   variants: {
     styleVariant: {
       default: "ff:text-muted",
@@ -4152,9 +4149,9 @@ const so = {
   defaultVariants: { styleVariant: "default" }
 });
 function It({ message: e, className: a }) {
-  const r = ge(), n = ot() ? so : lo[r], o = r === "clean" ? "md" : "lg";
+  const r = ge(), n = ot() ? lo : co[r], o = r === "clean" ? "md" : "lg";
   return /* @__PURE__ */ u(
-    U.div,
+    W.div,
     {
       ...n,
       "data-slot": "loading-view",
@@ -4163,8 +4160,8 @@ function It({ message: e, className: a }) {
       "aria-busy": "true",
       className: E("ff:flex ff:flex-col ff:items-center ff:justify-center ff:py-12", a),
       children: [
-        /* @__PURE__ */ t("div", { className: E(co({ styleVariant: r })), children: /* @__PURE__ */ t(Te, { size: o }) }),
-        e && /* @__PURE__ */ t("p", { className: E(uo({ styleVariant: r })), children: e })
+        /* @__PURE__ */ t("div", { className: E(uo({ styleVariant: r })), children: /* @__PURE__ */ t(Te, { size: o }) }),
+        e && /* @__PURE__ */ t("p", { className: E(po({ styleVariant: r })), children: e })
       ]
     }
   );
@@ -4178,28 +4175,28 @@ function Ja({
   countdownTo: o,
   info: i,
   ctaLabel: f,
-  onStart: c,
+  onStart: l,
   isLoading: g = !1,
   className: d
 }) {
-  const { t: x } = K(), m = we();
-  return /* @__PURE__ */ t(U.div, { ...m, children: /* @__PURE__ */ u(Y, { className: E("fanfare-start-view", d), "data-slot": "start-view", children: [
+  const { t: b } = K(), m = we();
+  return /* @__PURE__ */ t(W.div, { ...m, children: /* @__PURE__ */ u(Y, { className: E("fanfare-start-view", d), "data-slot": "start-view", children: [
     /* @__PURE__ */ t(
       G,
       {
         variant: e,
         label: a,
-        title: r ?? x("start.title"),
-        description: n ?? x("start.description")
+        title: r ?? b("start.title"),
+        description: n ?? b("start.description")
       }
     ),
     /* @__PURE__ */ u(Z, { children: [
       o ? /* @__PURE__ */ u("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: x("time.opensIn") }),
+        /* @__PURE__ */ t("span", { className: "ff:text-xxs ff:font-medium ff:uppercase ff:tracking-widest ff:text-muted", children: b("duration.opensIn") }),
         /* @__PURE__ */ t(pe, { targetDate: o, showDays: !1 })
       ] }) : null,
       i ? /* @__PURE__ */ t(ie, { children: i }) : null,
-      /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: c, disabled: g, loading: g, children: f ?? x("start.cta") })
+      /* @__PURE__ */ t(j, { className: "ff:mt-auto ff:w-full", onClick: l, disabled: g, loading: g, children: f ?? b("start.cta") })
     ] }),
     /* @__PURE__ */ t(H, {})
   ] }) });
@@ -4214,18 +4211,18 @@ function Qa({
   isLeaving: i = !1,
   className: f
 }) {
-  const { t: c } = K(), g = e ?? c("waitlist.enteredTitle"), d = a ?? c("waitlist.enteredDescription"), x = c("time.opensIn"), m = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), v = we();
-  return /* @__PURE__ */ t(U.div, { ...v, children: /* @__PURE__ */ u(Y, { className: E("fanfare-waitlist-view", f), "data-slot": "waitlist-view", children: [
+  const { t: l } = K(), g = e ?? l("waitlist.entered.title"), d = a ?? l("waitlist.entered.description"), b = l("duration.opensIn"), m = s.useMemo(() => r ? r instanceof Date ? r : new Date(r) : null, [r]), v = we();
+  return /* @__PURE__ */ t(W.div, { ...v, children: /* @__PURE__ */ u(Y, { className: E("fanfare-waitlist-view", f), "data-slot": "waitlist-view", children: [
     /* @__PURE__ */ t(G, { variant: "success", title: g, description: d }),
     /* @__PURE__ */ u(Z, { children: [
       m && /* @__PURE__ */ u(ie, { children: [
-        /* @__PURE__ */ t("p", { className: "ff:text-muted ff:text-xxs ff:font-heading ff:uppercase ff:tracking-widest", children: x }),
+        /* @__PURE__ */ t("p", { className: "ff:text-muted ff:text-xxs ff:font-heading ff:uppercase ff:tracking-widest", children: b }),
         /* @__PURE__ */ t(
           pe,
           {
             targetDate: m,
             onComplete: n,
-            expiredLabel: c("countdown.startingSoon")
+            expiredLabel: l("duration.startingSoon")
           }
         )
       ] }),
@@ -4237,7 +4234,7 @@ function Qa({
           onClick: o,
           disabled: i,
           loading: i,
-          children: c("waitlist.leave")
+          children: l("waitlist.leave")
         }
       )
     ] }),
@@ -4246,34 +4243,34 @@ function Qa({
 }
 Qa.displayName = "WaitlistView";
 function Xa({ open: e, invalid: a, submitting: r, onOpen: n, onClose: o, onSubmit: i }) {
-  const { t: f } = K(), [c, g] = ve(""), d = () => {
+  const { t: f } = K(), [l, g] = ve(""), d = () => {
     g(""), n();
   };
   return e ? /* @__PURE__ */ u("div", { className: "fanfare-upgrade-offer", "data-slot": "upgrade-offer", children: [
     /* @__PURE__ */ u("form", { className: "fanfare-upgrade-offer__form", onSubmit: (m) => {
-      m.preventDefault(), !(!c.trim() || r) && i(c.trim());
+      m.preventDefault(), !(!l.trim() || r) && i(l.trim());
     }, children: [
       /* @__PURE__ */ t(
         "input",
         {
           className: "fanfare-upgrade-offer__input",
           type: "text",
-          value: c,
+          value: l,
           onChange: (m) => g(m.target.value),
           placeholder: f("upgradeOffer.placeholder"),
           autoFocus: !0,
           disabled: r
         }
       ),
-      /* @__PURE__ */ t("button", { type: "submit", className: "fanfare-upgrade-offer__submit", disabled: r || !c.trim(), children: f(r ? "upgradeOffer.submitting" : "upgradeOffer.submit") }),
-      /* @__PURE__ */ t("button", { type: "button", className: "fanfare-upgrade-offer__cancel", onClick: o, disabled: r, children: f("common.cancel") })
+      /* @__PURE__ */ t("button", { type: "submit", className: "fanfare-upgrade-offer__submit", disabled: r || !l.trim(), children: f(r ? "upgradeOffer.submitting" : "upgradeOffer.submit") }),
+      /* @__PURE__ */ t("button", { type: "button", className: "fanfare-upgrade-offer__cancel", onClick: o, disabled: r, children: f("action.cancel") })
     ] }),
     a && !r ? /* @__PURE__ */ t("p", { className: "fanfare-upgrade-offer__error", children: f("upgradeOffer.invalid") }) : null
   ] }) : /* @__PURE__ */ t("div", { className: "fanfare-upgrade-offer", "data-slot": "upgrade-offer", children: /* @__PURE__ */ t("button", { type: "button", className: "fanfare-upgrade-offer__link", onClick: d, children: f("upgradeOffer.prompt") }) });
 }
 Xa.displayName = "UpgradeOffer";
-const po = qe({});
-function go(e) {
+const go = qe({});
+function mo(e) {
   return "mechanism" in e && e.mechanism === "auction" && "bid" in e;
 }
 function Ee(e) {
@@ -4282,36 +4279,36 @@ function Ee(e) {
 function va(e) {
   return Ee(e);
 }
-function mo(e) {
+function ho(e) {
   return e?.phase === "enterable" && Ee(e.mechanism);
 }
-function ho(e) {
+function wo(e) {
   return e?.phase === "participating" && Ee(e.mechanism);
 }
-function wo(e) {
+function vo(e) {
   return e?.phase === "granted";
 }
 function St(e) {
   return e?.journeyStage === "routed" ? e.sequence : void 0;
 }
-function vo(e, a) {
+function bo(e, a) {
   const r = St(e);
   return r && "mechanism" in r && va(r.mechanism) ? r.mechanism : a?.phase === "participating" && "consumer" in a && "mechanism" in a.consumer && va(a.consumer.mechanism) ? a.consumer.mechanism : null;
 }
-function bo(e) {
+function xo(e) {
   const a = St(e);
   if (!(!a || !("distribution" in a)))
     return a.distribution;
 }
-function xo(e) {
+function yo(e) {
   const a = St(e);
   if (!(!a || !("consumer" in a)))
     return a.consumer;
 }
-function yo(e, a) {
+function ko(e, a) {
   return e ? "distributionId" in e && typeof e.distributionId == "string" && e.distributionId ? e.distributionId : e.id ?? a ?? null : a ?? null;
 }
-function ko({
+function _o({
   experienceId: e,
   autoStart: a = !1,
   accessCode: r,
@@ -4319,34 +4316,39 @@ function ko({
   theme: o,
   variant: i,
   slots: f,
-  children: c,
+  children: l,
   checkoutUrl: g,
   onJourneyChange: d,
-  onGranted: x,
+  onGranted: b,
   onError: m,
   className: v
 }) {
-  const w = Nt(), { t: y } = K(), C = B((k, _) => y(k, _), [y]), { journey: l, view: h, snapshot: p, fanfareError: D, start: V } = Sa(e, {
+  const h = Nt(), { t: x } = K(), C = B((k, _) => x(k, _), [x]), { journey: c, view: w, snapshot: p, fanfareError: D, start: V } = Sa(e, {
     autoStart: a,
     accessCode: r,
     autoEnterWaitlist: n
-  }), [T, b] = s.useState(!1), [N, S] = s.useState(!1), [M, A] = s.useState(!1), [I, O] = s.useState(!1), [$, fe] = s.useState(!1), [ce, L] = s.useState(null), [J, ne] = s.useState(!1), [se, de] = s.useState(!1), [ee, P] = s.useState(!1), ae = h?.journeyStage ?? null, me = h?.journeyStage === "routed" ? h : void 0, ke = me?.offers.some((k) => k.gates.some((_) => _.type === "access_code")) ?? !1, Re = h?.journeyStage === "routed" ? ke || J : h?.journeyStage === "routing" && J, ue = St(p), q = ue?.phase ?? me?.sequence.phase ?? null, _e = ce, Ne = _e ? ra(_e, C) : null, st = p?.experience?.experience?.theme, Ue = o ?? st, lt = i ?? o?.variant ?? st?.variant, xe = X(() => p ? xa(p) : [], [p]);
+  }), [T, y] = s.useState(!1), [N, S] = s.useState(!1), [M, A] = s.useState(!1), [I, O] = s.useState(!1), [$, fe] = s.useState(!1), [ce, L] = s.useState(null), [J, ne] = s.useState(!1), [se, de] = s.useState(!1), [ee, P] = s.useState(!1), te = w?.journeyStage ?? null, me = w?.journeyStage === "routed" ? w : void 0, _e = me?.offers.some((k) => k.gates.some((_) => _.type === "access_code")) ?? !1, Re = w?.journeyStage === "routed" ? _e || J : w?.journeyStage === "routing" && J, ue = St(p), q = ue?.phase ?? me?.sequence.phase ?? null, Ne = ce, xe = Ne ? ra(Ne, C) : null, st = p?.experience?.experience?.theme, We = o ?? st, lt = i ?? o?.variant ?? st?.variant, ye = X(() => p ? xa(p) : [], [p]);
   s.useEffect(() => {
     p && d && d(p);
   }, [p, d]), s.useEffect(() => {
-    _e && m && m(_e);
-  }, [_e, m]);
+    Ne && m && m(Ne);
+  }, [Ne, m]);
   const F = B(
     (k) => {
-      const _ = mt(k), { disposition: R } = wr(_.code, _.status, _.action), ye = l?.view$.get();
-      if (R === "RESTART" && (ye?.journeyStage === "gated" || ye?.journeyStage === "routed")) {
-        m?.(_), ye.reroute().catch((he) => L(mt(he)));
+      const _ = mt(k);
+      if (_.quietable) {
+        L(null), m?.(_);
+        return;
+      }
+      const { disposition: R } = vr(_.code, _.status, _.action), ke = c?.view$.get();
+      if (R === "RESTART" && (ke?.journeyStage === "gated" || ke?.journeyStage === "routed")) {
+        m?.(_), ke.reroute().catch((he) => L(mt(he)));
         return;
       }
       L(_);
     },
-    [l, m]
-  ), je = B(
+    [c, m]
+  ), ze = B(
     (k) => {
       const _ = mt(k), R = ra(_, C);
       throw R.disposition === "INLINE" || R.disposition === "STEP_RESET" ? m?.(_) : F(_), new Error(R.description);
@@ -4361,34 +4363,34 @@ function ko({
     D !== Fe.current && (Fe.current = D, F(D));
   }, [D, F]);
   const Le = B(async () => {
-    b(!0), L(null);
+    y(!0), L(null);
     try {
       await V();
     } catch {
     } finally {
-      b(!1);
+      y(!1);
     }
   }, [V]), [Ae, He] = s.useState(null), ct = B(
     async (k, _) => {
       L(null);
       try {
-        _ === "email" ? await w.auth.requestOtp({ email: k }) : await w.auth.requestOtp({ phone: k }), He({ value: k, type: _ });
+        _ === "email" ? await h.auth.requestOtp({ email: k }) : await h.auth.requestOtp({ phone: k }), He({ value: k, type: _ });
       } catch (R) {
-        je(R);
+        ze(R);
       }
     },
-    [je, w]
+    [ze, h]
   ), dt = B(
     async (k) => {
-      if (!l || !Ae) return;
+      if (!c || !Ae) return;
       L(null);
       try {
-        Ae.type === "email" ? await w.auth.verifyOtp({ email: Ae.value, code: k }) : await w.auth.verifyOtp({ phone: Ae.value, code: k });
+        Ae.type === "email" ? await h.auth.verifyOtp({ email: Ae.value, code: k }) : await h.auth.verifyOtp({ phone: Ae.value, code: k });
       } catch (R) {
-        je(R);
+        ze(R);
       }
       He(null);
-      const _ = l.view$.get();
+      const _ = c.view$.get();
       if (_.journeyStage === "gated")
         try {
           await _.reroute();
@@ -4396,26 +4398,26 @@ function ko({
           F(R);
         }
     },
-    [je, F, w, l, Ae]
+    [ze, F, h, c, Ae]
   ), Ke = B(
     async (k) => {
-      if (l) {
+      if (c) {
         L(null);
         try {
-          const _ = l.view$.get();
+          const _ = c.view$.get();
           _.journeyStage === "gated" && await _.reroute({ accessCode: k });
         } catch (_) {
           F(_);
         }
       }
     },
-    [F, l]
-  ), W = B(
+    [F, c]
+  ), U = B(
     async (k) => {
-      if (l) {
+      if (c) {
         P(!0), de(!1);
         try {
-          const _ = l.view$.get();
+          const _ = c.view$.get();
           if (_.journeyStage !== "routed") return;
           switch ((await _.submitAccessCode(k)).outcome) {
             case "advanced":
@@ -4435,36 +4437,36 @@ function ko({
         }
       }
     },
-    [F, l]
+    [F, c]
   ), Se = B(async () => {
-    if (l) {
+    if (c) {
       S(!0), L(null);
       try {
-        const k = l.view$.get();
-        k.journeyStage === "routed" && k.sequence.phase === "scheduled" && await k.sequence.waitlist?.join();
+        const k = c.view$.get();
+        k.journeyStage === "routed" && k.sequence.phase === "scheduled" && await k.waitlist?.join();
       } catch (k) {
         F(k);
       } finally {
         S(!1);
       }
     }
-  }, [F, l]), Pe = B(async () => {
-    if (l) {
+  }, [F, c]), Pe = B(async () => {
+    if (c) {
       A(!0), L(null);
       try {
-        const k = l.view$.get();
-        k.journeyStage === "routed" && k.sequence.phase === "scheduled" && await k.sequence.waitlist?.leave();
+        const k = c.view$.get();
+        k.journeyStage === "routed" && k.sequence.phase === "scheduled" && await k.waitlist?.leave();
       } catch (k) {
         F(k);
       } finally {
         A(!1);
       }
     }
-  }, [F, l]), Ze = B(async () => {
-    if (!l) return;
-    const k = l.view$.get();
+  }, [F, c]), Ze = B(async () => {
+    if (!c) return;
+    const k = c.view$.get();
     k.journeyStage === "routed" && k.sequence.phase === "enterable" && "enter" in k.sequence && await k.sequence.enter();
-  }, [l]), De = B(async () => {
+  }, [c]), De = B(async () => {
     O(!0), L(null);
     try {
       await Ze();
@@ -4474,10 +4476,10 @@ function ko({
       O(!1);
     }
   }, [Ze, F]), Ve = B(async () => {
-    if (l) {
+    if (c) {
       fe(!0), L(null);
       try {
-        const k = l.view$.get();
+        const k = c.view$.get();
         k.journeyStage === "routed" && k.sequence.phase === "participating" && "leave" in k.sequence && await k.sequence.leave();
       } catch (k) {
         F(k);
@@ -4485,35 +4487,35 @@ function ko({
         fe(!1);
       }
     }
-  }, [F, l]), er = B(async () => {
-    if (l) {
+  }, [F, c]), er = B(async () => {
+    if (c) {
       L(null);
       try {
-        const k = l.view$.get();
+        const k = c.view$.get();
         k.journeyStage === "routed" && k.sequence.phase === "participating" && "complete" in k.sequence && await k.sequence.complete();
       } catch (k) {
         F(k);
       }
     }
-  }, [F, l]), $t = B(
+  }, [F, c]), $t = B(
     async (k) => {
-      if (l) {
+      if (c) {
         L(null);
         try {
-          const _ = l.view$.get();
-          _.journeyStage === "routed" && go(_.sequence) && await _.sequence.bid(k);
+          const _ = c.view$.get();
+          _.journeyStage === "routed" && mo(_.sequence) && await _.sequence.bid(k);
         } catch (_) {
           F(_);
         }
       }
     },
-    [F, l]
-  ), [tr, qt] = s.useState(!1), [ar, Wt] = s.useState(!1), [rr, Ut] = s.useState(!1), Ht = B(
+    [F, c]
+  ), [tr, qt] = s.useState(!1), [ar, Ut] = s.useState(!1), [rr, Wt] = s.useState(!1), Ht = B(
     async (k, _) => {
-      if (l) {
+      if (c) {
         L(null), qt(!0);
         try {
-          const R = l.view$.get();
+          const R = c.view$.get();
           R.journeyStage === "routed" && R.sequence.phase === "enterable" && "book" in R.sequence && await R.sequence.book(k, _);
         } catch (R) {
           F(R);
@@ -4522,77 +4524,77 @@ function ko({
         }
       }
     },
-    [F, l]
+    [F, c]
   ), Kt = B(
     async (k) => {
-      if (l) {
-        L(null), Wt(!0);
+      if (c) {
+        L(null), Ut(!0);
         try {
-          const _ = l.view$.get();
+          const _ = c.view$.get();
           _.journeyStage === "routed" && _.sequence.phase === "participating" && "cancel" in _.sequence && await _.sequence.cancel(k);
         } catch (_) {
           F(_);
         } finally {
-          Wt(!1);
+          Ut(!1);
         }
       }
     },
-    [F, l]
+    [F, c]
   ), Zt = B(
     async (k, _) => {
-      if (l) {
-        L(null), Ut(!0);
+      if (c) {
+        L(null), Wt(!0);
         try {
-          const R = l.view$.get();
+          const R = c.view$.get();
           R.journeyStage === "routed" && R.sequence.phase === "participating" && "reschedule" in R.sequence && await R.sequence.reschedule(k, _);
         } catch (R) {
           F(R);
         } finally {
-          Ut(!1);
+          Wt(!1);
         }
       }
     },
-    [F, l]
+    [F, c]
   ), Ye = B(async () => {
     await Le();
   }, [Le]), Yt = B(
     async (k) => {
-      if (l) {
+      if (c) {
         L(null);
         try {
-          const _ = xe.find((ye) => ye.type === "bot_check");
-          _?.type === "bot_check" && _.challenge && await w.challenges.verify({ challengeId: _.challenge.id, token: k });
-          const R = l.view$.get();
+          const _ = ye.find((ke) => ke.type === "bot_check");
+          _?.type === "bot_check" && _.challenge && await h.challenges.verify({ challengeId: _.challenge.id, token: k });
+          const R = c.view$.get();
           R.journeyStage === "gated" && await R.reroute();
         } catch (_) {
           F(_);
         }
       }
     },
-    [F, w, l, xe]
+    [F, h, c, ye]
   ), Gt = B(() => {
-    if (!l) return;
+    if (!c) return;
     L(null);
-    const k = l.view$.get();
+    const k = c.view$.get();
     k.journeyStage === "gated" && k.retry().catch(F);
-  }, [F, l]), z = X(() => h?.journeyStage === "routed" && "sequence" in h ? h.sequence : void 0, [h]), Ge = X(() => z?.phase === "scheduled" ? z.waitlist : void 0, [z]), Ce = vo(p, z), oe = bo(p), nr = xo(p), Jt = yo(nr, oe?.id), Ie = ue && "grant" in ue && ue.grant ? ue.grant : void 0, Je = ue && "outcome" in ue && ue.outcome ? ue.outcome : void 0;
+  }, [F, c]), z = X(() => w?.journeyStage === "routed" && "sequence" in w ? w.sequence : void 0, [w]), Ge = X(() => z?.phase === "scheduled" && w?.journeyStage === "routed" ? w.waitlist : void 0, [z, w]), Ce = bo(p, z), oe = xo(p), nr = yo(p), Jt = ko(nr, oe?.id), Ie = ue && "grant" in ue && ue.grant ? ue.grant : void 0, Je = ue && "outcome" in ue && ue.outcome ? ue.outcome : void 0;
   s.useEffect(() => {
-    Ie?.token && x && x(Ie.token);
-  }, [Ie?.token, x]);
+    Ie?.token && b && b(Ie.token);
+  }, [Ie?.token, b]);
   const or = X(() => Ee(Ce) ? Ce : Ee(oe?.type) ? oe.type : null, [oe?.type, Ce]), Ct = X(() => Ee(Ce) ? Ce : null, [Ce]), Qt = X(() => Ee(Ce) ? Ce : Ee(oe?.type) ? oe.type : null, [oe?.type, Ce]), Xt = X(() => Ge?.status === "not_waitlisted" && typeof Ge.join == "function", [Ge]), Qe = X(() => {
-    if (ae === "routing") return "loading";
-    if (ae === "gated" && xe.length > 0) {
-      const k = xe[0];
+    if (te === "routing") return "loading";
+    if (te === "gated" && ye.length > 0) {
+      const k = ye[0];
       if (k.type === "authentication") return "auth";
       if (k.type === "access_code") return "access_code";
     }
     return "none";
-  }, [ae, xe]), ut = X(() => {
-    if (ae === "routing") return y("experience.findingPlace");
-  }, [ae, y]), Be = X(() => {
-    if (!(!l || q !== "participating" || !z || z.phase !== "participating" || !("display$" in z)))
+  }, [te, ye]), ut = X(() => {
+    if (te === "routing") return x("loading.findingPlace");
+  }, [te, x]), Be = X(() => {
+    if (!(!c || q !== "participating" || !z || z.phase !== "participating" || !("display$" in z)))
       return z.display$;
-  }, [l, q, z]), pt = ze(Be ?? po), ea = X(() => {
+  }, [c, q, z]), pt = je(Be ?? go), fr = p?.degraded === !0 && te === "routed" && !xe, ea = X(() => {
     const k = oe?.details?.type === "auction" ? oe.details : void 0, _ = z?.phase === "participating" && z.mechanism === "auction" ? z.consumer : void 0, R = pt;
     if (!(!k && !_ && !R))
       return {
@@ -4605,23 +4607,23 @@ function ko({
         minNextBid: R?.minNextBid ?? k?.minNextBid,
         bidIncrement: R?.bidIncrement ?? k?.bidIncrement
       };
-  }, [pt, z, oe?.details]), Oe = X(() => z?.phase === "scheduled" && z.startsAt ? new Date(z.startsAt) : oe?.opensAt ? new Date(oe.opensAt) : void 0, [z, oe?.opensAt]), fr = X(() => {
+  }, [pt, z, oe?.details]), Oe = X(() => z?.phase === "scheduled" && z.startsAt ? new Date(z.startsAt) : oe?.opensAt ? new Date(oe.opensAt) : void 0, [z, oe?.opensAt]), ir = X(() => {
     if (!(q !== "participating" || Ct !== "queue"))
       return pt?.position;
   }, [pt, Ct, q]);
-  if (c)
-    return /* @__PURE__ */ t(Rt, { theme: Ue, variant: lt, children: /* @__PURE__ */ t("div", { className: E("fanfare-experience-widget", v), "data-slot": "experience-widget", children: c({
-      journey: l,
-      view: h,
+  if (l)
+    return /* @__PURE__ */ t(Rt, { theme: We, variant: lt, children: /* @__PURE__ */ t("div", { className: E("fanfare-experience-widget", v), "data-slot": "experience-widget", children: l({
+      journey: c,
+      view: w,
       snapshot: p,
-      error: Ne?.description ?? null,
+      error: xe?.description ?? null,
       start: Le,
       isStarting: T
     }) }) });
-  const le = { snapshot: p, view: h, error: Ne?.description ?? null }, ir = () => {
-    if (Ne)
-      return f?.error ? f.error({ ...le, error: Ne.description, onRetry: Ye }) : /* @__PURE__ */ t(et, { error: Ne.description, title: Ne.title, onRetry: Ye });
-    if (ae === "ready")
+  const le = { snapshot: p, view: w, error: xe?.description ?? null }, sr = () => {
+    if (xe)
+      return f?.error ? f.error({ ...le, error: xe.description, onRetry: Ye }) : /* @__PURE__ */ t(et, { error: xe.description, title: xe.title, onRetry: Ye });
+    if (te === "ready")
       return f?.start ? f.start({ ...le, onStart: Le, isStarting: T }) : /* @__PURE__ */ t(Ja, { onStart: Le, isLoading: T });
     if (Qe !== "none")
       return Qe === "auth" && f?.auth ? f.auth({
@@ -4641,8 +4643,8 @@ function ko({
           onAccessCodeSubmit: Ke
         }
       );
-    if (ae === "gated" && xe[0]?.type === "bot_check") {
-      const k = xe[0], _ = k.challenge ?? null, R = k.mitigation;
+    if (te === "gated" && ye[0]?.type === "bot_check") {
+      const k = ye[0], _ = k.challenge ?? null, R = k.mitigation;
       return f?.challenge ? f.challenge({
         ...le,
         challenge: _,
@@ -4650,7 +4652,7 @@ function ko({
         onVerifyToken: Yt,
         onRetry: Gt
       }) : /* @__PURE__ */ t(
-        ja,
+        za,
         {
           challenge: _,
           botMitigation: R,
@@ -4660,12 +4662,12 @@ function ko({
         }
       );
     }
-    if (ae === "routed") {
+    if (te === "routed") {
       if (q === "unavailable")
         return f?.ended ? f.ended({
           ...le,
           reason: z?.phase === "unavailable" ? z.reason ?? "unavailable" : "unavailable"
-        }) : /* @__PURE__ */ t(Fa, { title: y("experience.noSequenceTitle"), message: y("experience.noSequenceMessage") });
+        }) : /* @__PURE__ */ t(Fa, { title: x("widget.noSequence.title"), message: x("widget.noSequence.message") });
       if (q === "scheduled")
         return Ge && Ge.status !== "not_waitlisted" ? f?.waitlist ? f.waitlist({
           ...le,
@@ -4688,19 +4690,19 @@ function ko({
           }
         );
       if (q === "enterable" || q === "participating") {
-        const k = q === "enterable" ? or : Ct, _ = q === "participating" ? Jt : oe?.id, R = z?.phase === "enterable" && "enter" in z && typeof z.enter == "function", ye = z?.phase === "participating" && "leave" in z;
-        if (q === "enterable" && f?.enterable && mo(z))
+        const k = q === "enterable" ? or : Ct, _ = q === "participating" ? Jt : oe?.id, R = z?.phase === "enterable" && "enter" in z && typeof z.enter == "function", ke = z?.phase === "participating" && "leave" in z;
+        if (q === "enterable" && f?.enterable && ho(z))
           return f.enterable({
             ...le,
             sequence: z,
             participationType: z.mechanism
           });
-        if (q === "participating" && f?.participating && ho(z))
+        if (q === "participating" && f?.participating && wo(z))
           return f.participating({
             ...le,
             sequence: z,
             participationType: z.mechanism,
-            position: fr
+            position: ir
           });
         const he = oe?.details;
         if (_)
@@ -4713,7 +4715,7 @@ function ko({
                   display$: Be,
                   sequencePhase: q,
                   canEnter: R,
-                  canLeave: ye,
+                  canLeave: ke,
                   onEnter: De,
                   onLeave: Ve,
                   isEntering: I,
@@ -4730,7 +4732,7 @@ function ko({
                   display$: Be,
                   sequencePhase: q,
                   canEnter: R,
-                  canLeave: ye,
+                  canLeave: ke,
                   onEnter: De,
                   onLeave: Ve,
                   isEntering: I,
@@ -4748,7 +4750,7 @@ function ko({
                   fallbackState: ea,
                   sequencePhase: q,
                   canEnter: R,
-                  canLeave: ye,
+                  canLeave: ke,
                   onEnter: De,
                   onLeave: Ve,
                   onBid: $t,
@@ -4768,7 +4770,7 @@ function ko({
                   display$: Be,
                   sequencePhase: q,
                   canEnter: R,
-                  canLeave: ye,
+                  canLeave: ke,
                   onEnter: De,
                   onLeave: Ve,
                   onComplete: er,
@@ -4803,7 +4805,7 @@ function ko({
               );
             }
           }
-        return /* @__PURE__ */ t(et, { error: y("experience.unsupportedDistribution"), onRetry: Ye });
+        return /* @__PURE__ */ t(et, { error: x("widget.unsupportedDistribution"), onRetry: Ye });
       }
       if (q === "settling") {
         if (z?.phase !== "settling")
@@ -4852,7 +4854,7 @@ function ko({
       }
       if (q === "granted") {
         const k = Ie?.expiresAt ? new Date(Ie.expiresAt).getTime() : void 0;
-        if (f?.granted && wo(z))
+        if (f?.granted && vo(z))
           return f.granted({
             ...le,
             sequence: z,
@@ -4881,7 +4883,7 @@ function ko({
           case "timed_release":
             return /* @__PURE__ */ t(vt, { ..._ });
         }
-        return /* @__PURE__ */ t(et, { error: y("experience.unsupportedDistribution"), onRetry: Ye });
+        return /* @__PURE__ */ t(et, { error: x("widget.unsupportedDistribution"), onRetry: Ye });
       }
       if (q === "ended") {
         const k = Je?.type ?? (z?.phase === "ended" ? z.outcome.reason : void 0) ?? "unknown";
@@ -4934,13 +4936,22 @@ function ko({
               }
             );
         }
-        return /* @__PURE__ */ t(et, { error: y("experience.unsupportedDistribution"), onRetry: Ye });
+        return /* @__PURE__ */ t(et, { error: x("widget.unsupportedDistribution"), onRetry: Ye });
       }
     }
     return f?.loading ? f.loading({ ...le, message: ut }) : /* @__PURE__ */ t(It, { message: ut });
-  }, sr = `${ae ?? "loading"}-${q ?? "unavailable"}`;
-  return /* @__PURE__ */ t(Rt, { theme: Ue, variant: lt, children: /* @__PURE__ */ u("div", { className: E("fanfare-experience-widget", v), "data-slot": "experience-widget", children: [
-    /* @__PURE__ */ t(rt, { transitionKey: sr, children: ir() }),
+  }, lr = `${te ?? "loading"}-${q ?? "unavailable"}`;
+  return /* @__PURE__ */ t(Rt, { theme: We, variant: lt, children: /* @__PURE__ */ u("div", { className: E("fanfare-experience-widget", v), "data-slot": "experience-widget", children: [
+    /* @__PURE__ */ t(rt, { transitionKey: lr, children: sr() }),
+    fr ? /* @__PURE__ */ t(
+      "div",
+      {
+        className: "fanfare-degraded-indicator ff:mt-3 ff:text-center ff:text-xs ff:text-muted",
+        "data-slot": "degraded-indicator",
+        role: "status",
+        children: x("status.liveUpdatesPaused")
+      }
+    ) : null,
     Re ? /* @__PURE__ */ t(
       Xa,
       {
@@ -4953,14 +4964,14 @@ function ko({
         onClose: () => {
           de(!1), ne(!1);
         },
-        onSubmit: W
+        onSubmit: U
       }
     ) : null
   ] }) });
 }
-ko.displayName = "ExperienceWidget";
-const _o = '@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-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\\.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-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\\: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 So({
+_o.displayName = "ExperienceWidget";
+const No = '@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-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\\.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-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\\: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}}', So = '@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 Co({
   children: e,
   theme: a,
   variant: r,
@@ -4969,61 +4980,61 @@ function So({
   className: i,
   style: f
 }) {
-  const c = bt(null), [g, d] = ve(null);
-  dr(() => {
-    if (c.current && !c.current.shadowRoot) {
-      const m = c.current.attachShadow({ mode: "open" });
+  const l = bt(null), [g, d] = ve(null);
+  ur(() => {
+    if (l.current && !l.current.shadowRoot) {
+      const m = l.current.attachShadow({ mode: "open" });
       d(m);
     }
   }, []);
-  const x = X(() => a ? Da(a) : {}, [a]);
-  return /* @__PURE__ */ t("div", { ref: c, className: i, style: f, children: g && Er(
+  const b = X(() => a ? Da(a) : {}, [a]);
+  return /* @__PURE__ */ t("div", { ref: l, className: i, style: f, children: g && Mr(
     /* @__PURE__ */ u(Me, { children: [
       /* @__PURE__ */ u("style", { "data-fanfare-styles": !0, children: [
-        _o,
-        No
+        No,
+        So
       ] }),
-      /* @__PURE__ */ t(Na, { locale: n, translations: o, children: /* @__PURE__ */ t(Rt, { 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: x, children: e }) }) })
+      /* @__PURE__ */ t(Na, { locale: n, translations: o, children: /* @__PURE__ */ t(Rt, { 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: b, children: e }) }) })
     ] }),
     g
   ) });
 }
-So.displayName = "ShadowDOMPreview";
+Co.displayName = "ShadowDOMPreview";
 export {
-  za as AccessCodeForm,
+  ja as AccessCodeForm,
   tt as AuctionModule,
   Aa as AuthForm,
   Ea as AuthInput,
   j as Button,
   Ta as Card,
-  dn as CardContent,
-  cn as CardDescription,
-  un as CardFooter,
-  sn as CardHeader,
-  ln as CardTitle,
-  ja as ChallengeGate,
+  un as CardContent,
+  dn as CardDescription,
+  pn as CardFooter,
+  ln as CardHeader,
+  cn as CardTitle,
+  za as ChallengeGate,
   at as DrawModule,
   Fa as EndedModule,
   et as ErrorView,
-  Lr as ExperienceJourneyController,
-  Uo as ExperienceJourneySkeleton,
-  ko as ExperienceWidget,
+  Ar as ExperienceJourneyController,
+  Ho as ExperienceJourneySkeleton,
+  _o as ExperienceWidget,
   ya as FanfareContext,
-  $o as FanfareProvider,
+  qo as FanfareProvider,
   it as GrantedPanel,
   Na as I18nProvider,
   ie as InfoPanel,
   yt as Input,
   It as LoadingView,
   Ma as OTPInput,
-  We as OutcomePanel,
+  Ue as OutcomePanel,
   Z as PanelBody,
   H as PanelFooter,
   G as PanelHeading,
   Y as PanelLayout,
   wt as QueueModule,
-  Zo as RTL_LOCALES,
-  So as ShadowDOMPreview,
+  Yo as RTL_LOCALES,
+  Co as ShadowDOMPreview,
   Ja as StartView,
   re as THEME_CSS_VARS,
   Rt as ThemeProvider,
@@ -5031,13 +5042,13 @@ export {
   Ga as UpcomingModule,
   Qa as WaitlistView,
   Da as buildThemeCssVars,
-  an as buttonVariants,
-  Yo as isRTLLocale,
+  rn as buttonVariants,
+  Go as isRTLLocale,
   da as normalizeOutcomeReason,
   Sa as useExperienceJourney,
   Nt as useFanfare,
-  qo as useFanfareAuth,
+  Uo as useFanfareAuth,
   Wo as useJourneySnapshot,
-  ze as useNanostore,
+  je as useNanostore,
   K as useTranslations
 };