@opencx/widget-react 4.0.45 → 4.0.47

package/dist/index.js

@@ -1,14 +1,14 @@
 import { jsx as r, jsxs as d, Fragment as re } from "react/jsx-runtime";
 import * as ce from "@radix-ui/react-popover";
 import * as K from "react";
-import L, { memo as Bt, forwardRef as dt, useState as T, cloneElement as pt, createContext as Yt, useEffect as oe, useContext as Ut, useMemo as ht, useRef as de, createElement as ot } from "react";
-import { useWidget as M, useConfig as b, useSessions as $, useMessages as D, useWidgetRouter as E, useDocumentDir as ve, useWidgetTrigger as q, useModes as mt, useCsat as gt, useUploadFiles as qt, useIsAwaitingBotReply as ut, useContact as wt, WidgetProvider as Xt, WidgetTriggerProvider as Vt } from "@opencx/widget-react-headless";
+import A, { memo as Bt, forwardRef as dt, useState as T, cloneElement as pt, createContext as Yt, useEffect as oe, useContext as Ut, useMemo as ht, useRef as de, createElement as ot } from "react";
+import { useWidget as M, useConfig as b, useSessions as $, useMessages as D, useWidgetRouter as E, useDocumentDir as ve, useWidgetTrigger as q, useModes as mt, useCsat as gt, useUploadFiles as qt, useIsAwaitingBotReply as wt, useContact as ut, WidgetProvider as Xt, WidgetTriggerProvider as Vt } from "@opencx/widget-react-headless";
 import { clsx as Gt } from "clsx";
 import { twMerge as Kt } from "tailwind-merge";
 import { motion as J, AnimatePresence as _ } from "framer-motion";
 import { Slot as Qt } from "@radix-ui/react-slot";
 import { cva as Zt } from "class-variance-authority";
-import { X as Jt, CircleDashedIcon as er, XIcon as xe, SquareXIcon as tr, SquareCheckBigIcon as rr, SquareCheckIcon as or, ShrinkIcon as nr, Minimize2Icon as sr, MinimizeIcon as ar, Maximize2Icon as ir, MaximizeIcon as lr, ExpandIcon as cr, CircleXIcon as dr, CircleCheckBigIcon as pr, CircleCheckIcon as ft, CheckCheckIcon as hr, CheckIcon as mr, ChevronLeftIcon as gr, LoaderIcon as ur, ArrowUpIcon as vt, PaperclipIcon as wr, ImageIcon as fr, CircleDashed as vr, AlertCircle as xr, Loader2 as br, FileAudio2Icon as yr, FileVideo2Icon as kr, FileIcon as Cr, UserRoundIcon as zr, ChevronRightIcon as Nr, SendHorizontal as Sr, ChevronDownIcon as _r } from "lucide-react";
+import { X as Jt, CircleDashedIcon as er, XIcon as xe, SquareXIcon as tr, SquareCheckBigIcon as rr, SquareCheckIcon as or, ShrinkIcon as nr, Minimize2Icon as sr, MinimizeIcon as ar, Maximize2Icon as ir, MaximizeIcon as lr, ExpandIcon as cr, CircleXIcon as dr, CircleCheckBigIcon as pr, CircleCheckIcon as ft, CheckCheckIcon as hr, CheckIcon as mr, ChevronLeftIcon as gr, LoaderIcon as wr, ArrowUpIcon as vt, PaperclipIcon as ur, ImageIcon as fr, CircleDashed as vr, AlertCircle as xr, Loader2 as br, FileAudio2Icon as yr, FileVideo2Icon as kr, FileIcon as Cr, UserRoundIcon as zr, ChevronRightIcon as Nr, SendHorizontal as Sr, ChevronDownIcon as _r } from "lucide-react";
 import xt from "remark-gfm";
 import Ir from "react-markdown";
 import bt from "rehype-raw";
@@ -23,7 +23,7 @@ import { z as me } from "zod";
 function g(e) {
   return { "data-component": e };
 }
-function p(...e) {
+function h(...e) {
   return Kt(Gt(e));
 }
 const G = {
@@ -32,29 +32,29 @@ const G = {
 }, U = Bt(
   dt(
     ({ children: e, className: o, scale: t = 1.02, off: n = !1 }, s) => {
-      const [i, a] = T(!1), [l, c] = T({ x: 0, y: 0 });
+      const [a, i] = T(!1), [l, c] = T({ x: 0, y: 0 });
       if (n || /translate/.test(
         e.props.className || ""
       )) return e;
-      const y = (u) => {
+      const y = (w) => {
         var N, S;
-        const { clientX: k, clientY: I } = u, f = u.currentTarget.getBoundingClientRect(), R = k - (f.left + f.width / 2), F = I - (f.top + f.height / 2), H = Math.max(
+        const { clientX: k, clientY: I } = w, f = w.currentTarget.getBoundingClientRect(), R = k - (f.left + f.width / 2), H = I - (f.top + f.height / 2), W = Math.max(
           -1,
           Math.min(1, R / (f.width / 2))
-        ), W = Math.max(
+        ), L = Math.max(
           -1,
-          Math.min(1, F / (f.height / 2))
-        ), O = H * G.x, v = W * G.y;
-        c({ x: O, y: v }), (S = (N = e.props).onMouseMove) == null || S.call(N, u);
+          Math.min(1, H / (f.height / 2))
+        ), O = W * G.x, v = L * G.y;
+        c({ x: O, y: v }), (S = (N = e.props).onMouseMove) == null || S.call(N, w);
       }, x = () => {
-        var u, k;
-        a(!0), (k = (u = e.props).onMouseEnter) == null || k.call(u);
+        var w, k;
+        i(!0), (k = (w = e.props).onMouseEnter) == null || k.call(w);
       }, m = () => {
-        var u, k;
-        a(!1), c({ x: 0, y: 0 }), (k = (u = e.props).onMouseLeave) == null || k.call(u);
+        var w, k;
+        i(!1), c({ x: 0, y: 0 }), (k = (w = e.props).onMouseLeave) == null || k.call(w);
       }, z = {
-        "--wobble-x": i ? `${l.x}px` : "0px",
-        "--wobble-y": i ? `${l.y}px` : "0px",
+        "--wobble-x": a ? `${l.x}px` : "0px",
+        "--wobble-y": a ? `${l.y}px` : "0px",
         "--scale": 1 - (t - 1)
       };
       return pt(e, {
@@ -66,7 +66,7 @@ const G = {
           ...z,
           ...e.props.style
         },
-        className: p(
+        className: h(
           "translate-x-[var(--wobble-x)]",
           "translate-y-[var(--wobble-y)]",
           "hover:scale-[var(--scale)] active:hover:scale-[calc(var(--scale)-0.02)]",
@@ -100,23 +100,23 @@ const jr = 10, Er = (e, o, t) => ({
   left: Or,
   up: Pr,
   down: Ar
-}, w = dt(
+}, u = dt(
   ({
     fadeIn: e = "down",
     distance: o = jr,
     children: t,
     snapExit: n = !1,
     overrides: s = {},
-    delay: i = 0,
-    ...a
+    delay: a = 0,
+    ...i
   }, l) => {
-    const c = e ? Fr[e](o, s, i) : {};
-    return n && c.exit && typeof c.exit == "object" && !Array.isArray(c.exit) && (c.exit.transition = { duration: 0 }), /* @__PURE__ */ r(J.div, { ref: l, ...a, ...c, children: t });
+    const c = e ? Fr[e](o, s, a) : {};
+    return n && c.exit && typeof c.exit == "object" && !Array.isArray(c.exit) && (c.exit.transition = { duration: 0 }), /* @__PURE__ */ r(J.div, { ref: l, ...i, ...c, children: t });
   }
 );
-w.displayName = "MotionDiv";
+u.displayName = "MotionDiv";
 const Hr = Zt(
-  p(
+  h(
     "inline-flex shrink-0 items-center justify-center gap-2",
     "text-sm font-medium whitespace-nowrap",
     "ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
@@ -155,12 +155,12 @@ const Hr = Zt(
     }
   }
 ), C = K.forwardRef(
-  ({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, i) => /* @__PURE__ */ r(U, { ref: i, children: /* @__PURE__ */ r(
+  ({ className: e, variant: o = "default", size: t, asChild: n = !1, ...s }, a) => /* @__PURE__ */ r(U, { ref: a, children: /* @__PURE__ */ r(
     n ? Qt : "button",
     {
       ...g("ui_lib/btn"),
       "data-variant": o,
-      className: p(Hr({ variant: o, size: t, className: e })),
+      className: h(Hr({ variant: o, size: t, className: e })),
       ...s
     }
   ) })
@@ -168,9 +168,9 @@ const Hr = Zt(
 C.displayName = "Button";
 const kt = Yt(null);
 function Wr({ children: e }) {
-  const [o, t] = T(!1), [n, s] = T(null), i = (l) => {
+  const [o, t] = T(!1), [n, s] = T(null), a = (l) => {
     s(l), t(!0);
-  }, a = () => {
+  }, i = () => {
     t(!1), setTimeout(() => {
       s(null);
     }, 200);
@@ -178,7 +178,7 @@ function Wr({ children: e }) {
   return /* @__PURE__ */ d(
     kt.Provider,
     {
-      value: { open: i, close: a, isOpen: o, content: n },
+      value: { open: a, close: i, isOpen: o, content: n },
       children: [
         /* @__PURE__ */ r(Lr, {}),
         e
@@ -200,11 +200,11 @@ function pe() {
 function Lr() {
   const { contentIframeRef: e } = M(), { isOpen: o, content: t, close: n } = pe();
   return oe(() => {
-    var i, a;
+    var a, i;
     const s = (l) => {
       l.key === "Escape" && n();
     };
-    return (a = (i = e == null ? void 0 : e.current) == null ? void 0 : i.contentWindow) == null || a.document.addEventListener(
+    return (i = (a = e == null ? void 0 : e.current) == null ? void 0 : a.contentWindow) == null || i.document.addEventListener(
       "keydown",
       s
     ), () => {
@@ -215,7 +215,7 @@ function Lr() {
       );
     };
   }, []), /* @__PURE__ */ r(_, { mode: "wait", children: o && t && /* @__PURE__ */ r(
-    w,
+    u,
     {
       overrides: {
         initial: { y: 0 },
@@ -238,7 +238,7 @@ function Ct({
   return /* @__PURE__ */ d(
     "div",
     {
-      className: p(
+      className: h(
         "fixed left-[50%] top-[50%] z-50 flex flex-col gap-4 w-full max-w-[61.8%] translate-x-[-50%] translate-y-[-50%] border bg-background p-4 rounded-3xl",
         o
       ),
@@ -268,7 +268,7 @@ const zt = ({
 }) => /* @__PURE__ */ r(
   "div",
   {
-    className: p("flex flex-col gap-2 text-center pt-2", e),
+    className: h("flex flex-col gap-2 text-center pt-2", e),
     ...o
   }
 );
@@ -279,7 +279,7 @@ const Nt = ({
 }) => /* @__PURE__ */ r(
   "div",
   {
-    className: p("flex flex-col gap-2 text-center", e),
+    className: h("flex flex-col gap-2 text-center", e),
     ...o
   }
 );
@@ -287,13 +287,13 @@ Nt.displayName = "DialogerBody";
 const St = ({
   className: e,
   ...o
-}) => /* @__PURE__ */ r("div", { className: p("flex flex-col gap-2", e), ...o });
+}) => /* @__PURE__ */ r("div", { className: h("flex flex-col gap-2", e), ...o });
 St.displayName = "DialogerFooter";
-const _t = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+const _t = A.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   "p",
   {
     ref: t,
-    className: p(
+    className: h(
       "text-lg font-semibold leading-none tracking-tight",
       e
     ),
@@ -301,11 +301,11 @@ const _t = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   }
 ));
 _t.displayName = "DialogerTitle";
-const It = L.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
+const It = A.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   "p",
   {
     ref: t,
-    className: p("text-sm text-muted-foreground", e),
+    className: h("text-sm text-muted-foreground", e),
     ...o
   }
 ));
@@ -320,21 +320,21 @@ function Tt({
   });
 }
 function Mt({ attachment: e }) {
-  const { name: o, size: t, type: n, url: s } = e, i = n.startsWith("image/"), a = n.startsWith("video/"), l = n.startsWith("audio/");
+  const { name: o, size: t, type: n, url: s } = e, a = n.startsWith("image/"), i = n.startsWith("video/"), l = n.startsWith("audio/");
   return l ? /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r("div", { className: "w-full shrink-0 overflow-hidden", children: /* @__PURE__ */ d("audio", { controls: !0, className: "w-full", children: [
     /* @__PURE__ */ r("source", { src: s, type: n }),
     "Your browser does not support the audio tag."
-  ] }) }) }) : a ? /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("video", { controls: !0, children: [
+  ] }) }) }) : i ? /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r("div", { className: "w-full border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("video", { controls: !0, children: [
     /* @__PURE__ */ r("source", { src: s, type: n }),
     "Your browser does not support the video tag."
-  ] }) }) }) : !i && !a && !l ? /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("div", { className: "flex items-end gap-2 p-2", children: [
+  ] }) }) }) : !a && !i && !l ? /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: /* @__PURE__ */ d("div", { className: "flex items-end gap-2 p-2", children: [
     /* @__PURE__ */ r(
       "a",
       {
         href: s,
         target: "_blank",
         rel: "noopener noreferrer",
-        className: p(
+        className: h(
           "text-xs text-blue-500 line-clamp-2 underline hover:text-blue-600",
           "break-words [word-break:break-word]"
           // `[word-break:break-word]` is deprecated but works in the browser, while `break-words` which is `[overflow-wrap: break-word]` does not work
@@ -349,19 +349,19 @@ function Mt({ attachment: e }) {
   ] }) }) }) : /* @__PURE__ */ r(
     Tt,
     {
-      trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: i && /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
+      trigger: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r("div", { className: "size-fit border shrink-0 rounded-2xl overflow-hidden", children: a && /* @__PURE__ */ r("img", { src: s, className: "object-cover size-16", alt: o }) }) }) }),
       children: /* @__PURE__ */ r(
         Ct,
         {
           className: "size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",
           withClose: !0,
-          children: i && /* @__PURE__ */ r("div", { className: "size-fit shrink-0 rounded-2xl overflow-hidden max-h-full", children: /* @__PURE__ */ r("img", { src: s, className: "object-cover size-auto", alt: o }) })
+          children: a && /* @__PURE__ */ r("div", { className: "size-fit shrink-0 rounded-2xl overflow-hidden max-h-full", children: /* @__PURE__ */ r("img", { src: s, className: "object-cover size-auto", alt: o }) })
         }
       )
     }
   );
 }
-const Dt = L.memo(
+const Dt = A.memo(
   Ir,
   (e, o) => e.children === o.children && e.className === o.className
 );
@@ -379,7 +379,7 @@ function be({
       remarkPlugins: [xt],
       rehypePlugins: [bt],
       components: {
-        a: ({ children: s, ...i }) => /* @__PURE__ */ r("a", { target: i.target || n || "_top", ...i, children: s })
+        a: ({ children: s, ...a }) => /* @__PURE__ */ r("a", { target: a.target || n || "_top", ...a, children: s })
       },
       children: e
     }
@@ -396,7 +396,7 @@ function Z() {
     routerState: { screen: s }
   } = E();
   return {
-    react: L,
+    react: A,
     org: e,
     session: o,
     config: t,
@@ -417,11 +417,11 @@ function ge(e) {
     id: t,
     type: n,
     attachments: s,
-    isFirstInGroup: i,
-    isLastInGroup: a,
+    isFirstInGroup: a,
+    isLastInGroup: i,
     isAloneInGroup: l,
     dataComponentNames: c,
-    classNames: h
+    classNames: p
   } = e;
   if (n !== "AI" && n !== "AGENT") return null;
   const { message: y, variant: x = "default" } = o;
@@ -429,9 +429,9 @@ function ge(e) {
     "div",
     {
       ...g((c == null ? void 0 : c.messageContainer) ?? "chat/agent_msg/root"),
-      className: p(
+      className: h(
         "w-5/6 flex flex-col items-start gap-1",
-        h == null ? void 0 : h.messageContainer
+        p == null ? void 0 : p.messageContainer
       ),
       children: [
         s && s.length > 0 && /* @__PURE__ */ r("div", { className: "w-full gap-1 flex flex-row flex-wrap items-center justify-start", children: s == null ? void 0 : s.map((m) => /* @__PURE__ */ r(Mt, { attachment: m }, m.id)) }),
@@ -440,11 +440,11 @@ function ge(e) {
             "div",
             {
               ...g((c == null ? void 0 : c.message) ?? "chat/agent_msg/msg"),
-              "data-first": i,
-              "data-last": a,
+              "data-first": a,
+              "data-last": i,
               "data-alone": l,
               "data-variant": x,
-              className: p(
+              className: h(
                 "transition-all",
                 "w-fit py-3 px-4 rounded-3xl bg-secondary text-secondary-foreground",
                 "leading-snug text-sm prose prose-sm prose-a:decoration-primary prose-a:underline",
@@ -454,10 +454,10 @@ function ge(e) {
                 // Adding "whitespace-pre-wrap" will result in unnecessarily huge line breaks
                 x === "error" && "bg-destructive/15 text-destructive",
                 // We're using the booleans directly here, not the data attributes, to make any external styling more specific than this
-                i && !l && "rounded-bl-md",
-                a && !l && "rounded-tl-md",
-                !i && !a && !l && "rounded-l-md",
-                h == null ? void 0 : h.message
+                a && !l && "rounded-bl-md",
+                i && !l && "rounded-tl-md",
+                !a && !i && !l && "rounded-l-md",
+                p == null ? void 0 : p.message
               ),
               children: /* @__PURE__ */ r(be, { messageType: n, messageId: t, children: y })
             }
@@ -475,7 +475,7 @@ const ye = K.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   Q.Root,
   {
     ref: t,
-    className: p(
+    className: h(
       "relative flex size-6 aspect-square shrink-0 overflow-hidden rounded-full bg-secondary",
       // 'border',
       e
@@ -488,7 +488,7 @@ const ke = K.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   Q.Image,
   {
     ref: t,
-    className: p("aspect-square h-full w-full", e),
+    className: h("aspect-square h-full w-full", e),
     ...o
   }
 ));
@@ -497,7 +497,7 @@ const Ce = K.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   Q.Fallback,
   {
     ref: t,
-    className: p(
+    className: h(
       "flex size-full text-xs items-center justify-center rounded-lg",
       e
     ),
@@ -505,7 +505,7 @@ const Ce = K.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(
   }
 ));
 Ce.displayName = Q.Fallback.displayName;
-function ue({
+function we({
   agent: e,
   ...o
 }) {
@@ -517,17 +517,17 @@ function ue({
 }
 function Yr({ agent: e }) {
   return /* @__PURE__ */ r(_, { children: /* @__PURE__ */ d(
-    w,
+    u,
     {
       ...g("chat/bot_loading/root"),
       className: "flex flex-row items-end w-full gap-2 animate-pulse",
       children: [
-        /* @__PURE__ */ r(ue, { agent: e }),
+        /* @__PURE__ */ r(we, { agent: e }),
         /* @__PURE__ */ d(
           "div",
           {
             ...g("chat/bot_loading/bouncing_dots_container"),
-            className: p(
+            className: h(
               "flex items-center [&_span]:bg-secondary-foreground [&_span]:size-1 gap-1 p-2 rounded-xl bg-secondary"
               // 'border',
             ),
@@ -542,12 +542,12 @@ function Yr({ agent: e }) {
     }
   ) });
 }
-const Rt = '*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.end-6{inset-inline-end:1.5rem}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ms-auto{margin-inline-start:auto}.mt-0\\.5{margin-top:.125rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-0{width:0px;height:0px}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-auto{width:auto;height:auto}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-0{height:0px}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-16{max-height:4rem}.max-h-40{max-height:10rem}.max-h-full{max-height:100%}.min-h-12{min-height:3rem}.w-0{width:0px}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\\/5{width:40%}.w-3\\.5{width:.875rem}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5\\/6{width:83.333333%}.w-60{width:15rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-dvw{width:100dvw}.w-fit{width:fit-content}.w-full{width:100%}.min-w-80{min-width:20rem}.min-w-\\[8rem\\]{min-width:8rem}.max-w-96{max-width:24rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\\[2\\]{flex:2}.shrink-0{flex-shrink:0}.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-destructive\\/15{background-color:hsl(var(--opencx-destructive) / .15)}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pe-2{padding-inline-end:.5rem}.pe-4{padding-inline-end:1rem}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[1\\.75rem\\]{font-size:1.75rem}.text-\\[10px\\]{font-size:10px}.text-\\[16px\\]{font-size:16px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-8{outline-width:8px}.outline-background{outline-color:hsl(var(--opencx-background))}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--opencx-background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[height\\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@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))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', Ur = ne.Provider, qr = ne.Root, Xr = ne.Trigger, jt = K.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
+const Rt = '*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.end-6{inset-inline-end:1.5rem}.left-2{left:.5rem}.left-\\[50\\%\\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.m-2{margin:.5rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ms-auto{margin-inline-start:auto}.mt-0\\.5{margin-top:.125rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-0{width:0px;height:0px}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-auto{width:auto;height:auto}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-0{height:0px}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-16{max-height:4rem}.max-h-40{max-height:10rem}.max-h-full{max-height:100%}.min-h-12{min-height:3rem}.w-0{width:0px}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\\/5{width:40%}.w-3\\.5{width:.875rem}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5\\/6{width:83.333333%}.w-60{width:15rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-dvw{width:100dvw}.w-fit{width:fit-content}.w-full{width:100%}.min-w-80{min-width:20rem}.min-w-\\[8rem\\]{min-width:8rem}.max-w-96{max-width:24rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\\[2\\]{flex:2}.shrink-0{flex-shrink:0}.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-transparent{border-color:transparent}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--opencx-background))}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-destructive\\/15{background-color:hsl(var(--opencx-destructive) / .15)}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pe-2{padding-inline-end:.5rem}.pe-4{padding-inline-end:1rem}.ps-2{padding-inline-start:.5rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[1\\.75rem\\]{font-size:1.75rem}.text-\\[10px\\]{font-size:10px}.text-\\[16px\\]{font-size:16px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-8{outline-width:8px}.outline-background{outline-color:hsl(var(--opencx-background))}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--opencx-background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[height\\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@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))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[word-break\\:break-word\\]{word-break:break-word}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.focus-within\\:border-primary:focus-within{border-color:hsl(var(--opencx-primary))}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-primary:hover{border-color:hsl(var(--opencx-primary))}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.focus\\:bg-accent:focus{background-color:hsl(var(--opencx-accent))}.focus\\:text-accent-foreground:focus{color:hsl(var(--opencx-accent-foreground))}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--opencx-background))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:active\\:scale-95:active:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}.group:hover .group-hover\\:active\\:scale-90:active,.group:active .group-active\\:scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[state\\=checked\\]\\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:hsl(var(--opencx-primary))}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:hsl(var(--opencx-accent))}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:hsl(var(--opencx-input))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:size-4 svg{width:1rem;height:1rem}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}', Ur = ne.Provider, qr = ne.Root, Xr = ne.Trigger, jt = K.forwardRef(({ className: e, sideOffset: o = 4, ...t }, n) => /* @__PURE__ */ r(
   ne.Content,
   {
     ref: n,
     sideOffset: o,
-    className: p(
+    className: h(
       "z-50 overflow-hidden max-w-xs rounded-xl bg-primary border text-primary-foreground p-2 text-center align-middle text-xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
@@ -577,9 +577,9 @@ function ee({
   ] });
 }
 const st = 450;
-function A() {
-  const [e, o] = L.useState(() => (window.top || window).innerWidth < st);
-  return L.useEffect(() => {
+function F() {
+  const [e, o] = A.useState(() => (window.top || window).innerWidth < st);
+  return A.useEffect(() => {
     const t = window.top || window, n = () => {
       o(t.innerWidth < st);
     };
@@ -593,22 +593,22 @@ const ae = {
   transitionDuration: "1000ms"
 };
 function X() {
-  var x, m, z, u, k, I, f, R, F, H, W, O, v, N, S, B, se, _e, Ie, Te, Me, De, Re, je, Ee, Oe, Pe, Ae, Fe, He, We, Le, $e, Be, Ye, Ue, qe, Xe, Ve, Ge, Ke, Qe, Ze, Je, et, tt, rt;
-  const { dir: e } = ve(), { isSmallScreen: o } = A(), { theme: t, inline: n } = b(), s = (Y) => n ? "100%" : Y, i = (Y, he) => o ? `100dv${Y}` : he, a = (Y, he) => s(i(Y, he)), l = {
+  var x, m, z, w, k, I, f, R, H, W, L, O, v, N, S, B, se, _e, Ie, Te, Me, De, Re, je, Ee, Oe, Pe, Ae, Fe, He, We, Le, $e, Be, Ye, Ue, qe, Xe, Ve, Ge, Ke, Qe, Ze, Je, et, tt, rt;
+  const { dir: e } = ve(), { isSmallScreen: o } = F(), { theme: t, inline: n } = b(), s = (Y) => n ? "100%" : Y, a = (Y, he) => o ? `100dv${Y}` : he, i = (Y, he) => s(a(Y, he)), l = {
     zIndex: ((x = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : x.zIndex) ?? 1e7,
     offset: {
       bottom: ((z = (m = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : m.offset) == null ? void 0 : z.bottom) ?? 20,
-      right: ((k = (u = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : u.offset) == null ? void 0 : k.right) ?? (e === "ltr" ? 20 : "initial"),
+      right: ((k = (w = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : w.offset) == null ? void 0 : k.right) ?? (e === "ltr" ? 20 : "initial"),
       left: ((f = (I = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : I.offset) == null ? void 0 : f.left) ?? (e === "rtl" ? 20 : "initial")
     },
     size: {
-      button: ((F = (R = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : R.size) == null ? void 0 : F.button) ?? 48,
-      icon: ((W = (H = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : H.size) == null ? void 0 : W.icon) ?? 24
+      button: ((H = (R = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : R.size) == null ? void 0 : H.button) ?? 48,
+      icon: ((L = (W = t == null ? void 0 : t.widgetTrigger) == null ? void 0 : W.size) == null ? void 0 : L.icon) ?? 24
     }
   }, c = (() => {
     const Y = e === "ltr" ? l.offset.right : l.offset.left;
     return typeof Y != "number" ? 0 : Y;
-  })(), h = {
+  })(), p = {
     palette: (t == null ? void 0 : t.palette) ?? "neutral",
     primaryColor: (t == null ? void 0 : t.primaryColor) ?? "hsl(0 0% 9%)",
     widgetTrigger: l,
@@ -629,26 +629,26 @@ function X() {
     },
     screens: {
       welcome: {
-        width: a("w", ((Ee = (je = t == null ? void 0 : t.screens) == null ? void 0 : je.welcome) == null ? void 0 : Ee.width) ?? "400px"),
+        width: i("w", ((Ee = (je = t == null ? void 0 : t.screens) == null ? void 0 : je.welcome) == null ? void 0 : Ee.width) ?? "400px"),
         // By setting minHeight to 1px, a nice animation will play from 1px to the dynamic height of the content of the screen
-        minHeight: a(
+        minHeight: i(
           "h",
           ((Pe = (Oe = t == null ? void 0 : t.screens) == null ? void 0 : Oe.welcome) == null ? void 0 : Pe.minHeight) ?? "1px"
         )
       },
       sessions: {
-        width: a("w", ((Fe = (Ae = t == null ? void 0 : t.screens) == null ? void 0 : Ae.sessions) == null ? void 0 : Fe.width) ?? "450px"),
-        height: a("h", ((We = (He = t == null ? void 0 : t.screens) == null ? void 0 : He.sessions) == null ? void 0 : We.height) ?? "600px")
+        width: i("w", ((Fe = (Ae = t == null ? void 0 : t.screens) == null ? void 0 : Ae.sessions) == null ? void 0 : Fe.width) ?? "450px"),
+        height: i("h", ((We = (He = t == null ? void 0 : t.screens) == null ? void 0 : He.sessions) == null ? void 0 : We.height) ?? "600px")
       },
       chat: {
-        width: a("w", (($e = (Le = t == null ? void 0 : t.screens) == null ? void 0 : Le.chat) == null ? void 0 : $e.width) ?? "525px"),
-        height: a("h", ((Ye = (Be = t == null ? void 0 : t.screens) == null ? void 0 : Be.chat) == null ? void 0 : Ye.height) ?? "700px"),
+        width: i("w", (($e = (Le = t == null ? void 0 : t.screens) == null ? void 0 : Le.chat) == null ? void 0 : $e.width) ?? "525px"),
+        height: i("h", ((Ye = (Be = t == null ? void 0 : t.screens) == null ? void 0 : Be.chat) == null ? void 0 : Ye.height) ?? "700px"),
         withCanvas: {
-          width: a(
+          width: i(
             "w",
             ((Xe = (qe = (Ue = t == null ? void 0 : t.screens) == null ? void 0 : Ue.chat) == null ? void 0 : qe.withCanvas) == null ? void 0 : Xe.width) ?? "min(1050px, 100vw)"
           ),
-          height: a(
+          height: i(
             "h",
             ((Ke = (Ge = (Ve = t == null ? void 0 : t.screens) == null ? void 0 : Ve.chat) == null ? void 0 : Ge.withCanvas) == null ? void 0 : Ke.height) ?? "min(800px, 100vh)"
           ),
@@ -661,46 +661,46 @@ function X() {
     // Subtract the offset.bottom twice so that it adds a bit of padding to the top
     // Subtract the distance between the trigger and the widget content container
     // Subtract the invisible padding of the trigger (for the wobble effect)
-    maxHeight: a(
+    maxHeight: i(
       "h",
       `calc(
         100vh 
-        - ${h.widgetTrigger.offset.bottom}px
-        - ${h.widgetContentContainer.offset.side}px
+        - ${p.widgetTrigger.offset.bottom}px
+        - ${p.widgetContentContainer.offset.side}px
         - ${G.y * 2}px
       )`
     ),
     // Subtract the offset.right twice so that it adds a bit of padding to the left
-    maxWidth: a(
+    maxWidth: i(
       "w",
       `calc(
         100vw 
         - ${c * 2}px
       )`
     ),
-    minHeight: a(
+    minHeight: i(
       "h",
       `min(
-        ${h.screens.welcome.minHeight}, 
-        ${h.screens.sessions.height}, 
-        ${h.screens.chat.height}
+        ${p.screens.welcome.minHeight}, 
+        ${p.screens.sessions.height}, 
+        ${p.screens.chat.height}
       )`
     ),
-    minWidth: a(
+    minWidth: i(
       "w",
       `min(
-        ${h.screens.welcome.width}, 
-        ${h.screens.sessions.width}, 
-        ${h.screens.chat.width}
+        ${p.screens.welcome.width}, 
+        ${p.screens.sessions.width}, 
+        ${p.screens.chat.width}
       )`
     )
   };
   return {
-    theme: h,
+    theme: p,
     computed: y,
     cssVars: Vr({
-      palette: h.palette,
-      primary: h.primaryColor
+      palette: p.palette,
+      primary: p.primaryColor
     })
   };
 }
@@ -813,7 +813,7 @@ function ze({
   width: e,
   height: o
 }) {
-  const { isSmallScreen: t } = A(), { setWidth: n, setHeight: s } = Ot();
+  const { isSmallScreen: t } = F(), { setWidth: n, setHeight: s } = Ot();
   oe(() => {
     e && n(e), o && s(o);
   }, [t, o, e, n, s]);
@@ -861,7 +861,7 @@ function te({
         return j(e, te.name), at;
     }
   })();
-  return /* @__PURE__ */ r(t, { className: p("size-4", o) });
+  return /* @__PURE__ */ r(t, { className: h("size-4", o) });
 }
 function Gr() {
   var t;
@@ -880,12 +880,12 @@ function Ne() {
     routerState: { screen: o }
   } = E(), { textContent: t } = b();
   return (() => {
-    var s, i;
+    var s, a;
     switch (o) {
       case "chat":
         return (s = t == null ? void 0 : t.chatScreen) == null ? void 0 : s.headerTitle;
       case "sessions":
-        return (i = t == null ? void 0 : t.sessionsScreen) == null ? void 0 : i.headerTitle;
+        return (a = t == null ? void 0 : t.sessionsScreen) == null ? void 0 : a.headerTitle;
       case "welcome":
         return;
       default:
@@ -926,7 +926,7 @@ function Zr() {
 function Jr({
   button: e
 }) {
-  const { setIsOpen: o } = q(), { isSmallScreen: t } = A();
+  const { setIsOpen: o } = q(), { isSmallScreen: t } = F();
   return t && e.hideOnSmallScreen || !t && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
     C,
     {
@@ -941,35 +941,35 @@ function Jr({
     }
   );
 }
-function we({
+function ue({
   button: e
 }) {
   const [o, t] = T(!1), {
     routerState: { screen: n }
-  } = E(), { isSmallScreen: s } = A(), { theme: i } = X(), { setWidth: a, setHeight: l } = Ot();
+  } = E(), { isSmallScreen: s } = F(), { theme: a } = X(), { setWidth: i, setHeight: l } = Ot();
   if (n !== "chat" && n !== "sessions") return null;
   const c = (() => {
     switch (n) {
       case "chat":
-        return i.screens.chat.height;
+        return a.screens.chat.height;
       case "sessions":
-        return i.screens.sessions.height;
+        return a.screens.sessions.height;
       default:
-        return j(n, we.name), i.screens.chat.height;
+        return j(n, ue.name), a.screens.chat.height;
     }
-  })(), h = (() => {
+  })(), p = (() => {
     switch (n) {
       case "chat":
-        return i.screens.chat.width;
+        return a.screens.chat.width;
       case "sessions":
-        return i.screens.sessions.width;
+        return a.screens.sessions.width;
       default:
-        return j(n, we.name), i.screens.chat.width;
+        return j(n, ue.name), a.screens.chat.width;
     }
   })(), y = () => {
     t((x) => {
       const m = !x;
-      return l(m ? "100vh" : c), a(m ? `max(40vw, ${h})` : h), m;
+      return l(m ? "100vh" : c), i(m ? `max(40vw, ${p})` : p), m;
     });
   };
   return s && e.hideOnSmallScreen || !s && e.hideOnLargeScreen ? null : /* @__PURE__ */ r(
@@ -992,10 +992,10 @@ function Pt({
   button: e
 }) {
   var k, I;
-  const { close: o } = pe(), { widgetCtx: t } = M(), { setIsOpen: n } = q(), { resolveSession: s, sessionState: i } = $(), { isSmallScreen: a } = A(), l = !i.session, c = ((k = i.session) == null ? void 0 : k.isOpened) === !1, h = e.onResolved || "stay-in-chat", y = e.behaviorBeforeSessionCreation || "disabled", x = e.behaviorIfSessionIsResolved || "disabled", m = !!(i.isResolvingSession || l && y === "disabled" || c && x === "disabled"), z = async () => {
+  const { close: o } = pe(), { widgetCtx: t } = M(), { setIsOpen: n } = q(), { resolveSession: s, sessionState: a } = $(), { isSmallScreen: i } = F(), l = !a.session, c = ((k = a.session) == null ? void 0 : k.isOpened) === !1, p = e.onResolved || "stay-in-chat", y = e.behaviorBeforeSessionCreation || "disabled", x = e.behaviorIfSessionIsResolved || "disabled", m = !!(a.isResolvingSession || l && y === "disabled" || c && x === "disabled"), z = async () => {
     const { success: f, error: R } = await s();
     if (o(), !f) return console.error(R);
-    switch (h) {
+    switch (p) {
       case "stay-in-chat":
         return;
       case "close-widget":
@@ -1008,10 +1008,10 @@ function Pt({
         n(!1), t.resetChat();
         break;
       default:
-        j(h, Pt.name);
+        j(p, Pt.name);
         break;
     }
-  }, u = () => {
+  }, w = () => {
     if (l)
       switch (y) {
         case "disabled":
@@ -1022,7 +1022,7 @@ function Pt({
         default:
           j(
             y,
-            u.name
+            w.name
           );
       }
     if (c)
@@ -1043,11 +1043,11 @@ function Pt({
         default:
           j(
             x,
-            u.name
+            w.name
           );
       }
   };
-  return a && e.hideOnSmallScreen || !a && e.hideOnLargeScreen ? null : ((I = e.confirmation) == null ? void 0 : I.type) === "modal" && !c && !l ? /* @__PURE__ */ r(
+  return i && e.hideOnSmallScreen || !i && e.hideOnLargeScreen ? null : ((I = e.confirmation) == null ? void 0 : I.type) === "modal" && !c && !l ? /* @__PURE__ */ r(
     Tt,
     {
       trigger: /* @__PURE__ */ r(
@@ -1069,7 +1069,7 @@ function Pt({
             {
               variant: "secondary",
               onClick: o,
-              disabled: i.isResolvingSession,
+              disabled: a.isResolvingSession,
               children: e.confirmation.cancelButtonText || "No"
             }
           ),
@@ -1078,7 +1078,7 @@ function Pt({
             {
               variant: "destructive",
               onClick: z,
-              disabled: i.isResolvingSession,
+              disabled: a.isResolvingSession,
               children: e.confirmation.confirmButtonText || "Yes"
             }
           )
@@ -1091,7 +1091,7 @@ function Pt({
       variant: "ghost",
       size: "fit",
       className: "rounded-full",
-      onClick: c || l ? u : z,
+      onClick: c || l ? w : z,
       disabled: m,
       children: /* @__PURE__ */ r(te, { name: e.icon })
     }
@@ -1102,7 +1102,7 @@ function fe({ button: e }) {
     case "close-widget":
       return /* @__PURE__ */ r(Jr, { button: e });
     case "expand-shrink":
-      return /* @__PURE__ */ r(we, { button: e });
+      return /* @__PURE__ */ r(ue, { button: e });
     case "resolve-session":
       return /* @__PURE__ */ r(Pt, { button: e });
     default:
@@ -1136,7 +1136,7 @@ function At() {
       /* @__PURE__ */ r(
         "div",
         {
-          className: p(
+          className: h(
             "flex-1 h-8 flex items-center",
             e === "sessions" && "ps-2"
           ),
@@ -1154,24 +1154,24 @@ function At() {
   ] });
 }
 function Ft({ className: e }) {
-  return /* @__PURE__ */ r(ur, { className: p("size-4 animate-spin", e) });
+  return /* @__PURE__ */ r(wr, { className: h("size-4 animate-spin", e) });
 }
 function ro() {
   const {
     messagesState: { isInitialFetchLoading: e }
-  } = D(), { isSmallScreen: o } = A(), { activeMode: t, Component: n } = mt();
+  } = D(), { isSmallScreen: o } = F(), { activeMode: t, Component: n } = mt();
   return {
     isCanvasOpen: !e && !o && !!t && !!n
   };
 }
 function oo() {
-  const e = Z(), { activeMode: o, Component: t } = mt(), { sendMessage: n } = D(), { createStateCheckpoint: s } = $(), [i, a] = T(!1), l = async (c) => {
+  const e = Z(), { activeMode: o, Component: t } = mt(), { sendMessage: n } = D(), { createStateCheckpoint: s } = $(), [a, i] = T(!1), l = async (c) => {
     try {
-      a(!0), await n(c);
-    } catch (h) {
-      console.error(h);
+      i(!0), await n(c);
+    } catch (p) {
+      console.error(p);
     } finally {
-      a(!1);
+      i(!1);
     }
   };
   return !o || !t ? null : /* @__PURE__ */ r(
@@ -1181,19 +1181,19 @@ function oo() {
       mode: o,
       createStateCheckpoint: s,
       sendMessage: l,
-      isSendingMessage: i
+      isSendingMessage: a
     }
   );
 }
-const P = L.forwardRef(
+const P = A.forwardRef(
   (e, o) => {
     var t, n, s;
     return /* @__PURE__ */ r(
-      w,
+      u,
       {
         ...e,
         ref: o,
-        className: p("overflow-hidden", e.className),
+        className: h("overflow-hidden", e.className),
         overrides: {
           initial: { height: 0, opacity: 0, ...(t = e.overrides) == null ? void 0 : t.initial },
           animate: { height: "auto", opacity: 1, ...(n = e.overrides) == null ? void 0 : n.animate },
@@ -1232,26 +1232,26 @@ const no = [
   }
 ];
 function so() {
-  const { isSmallScreen: e } = A(), {
+  const { isSmallScreen: e } = F(), {
     submitCsat: o,
     isCsatRequested: t,
     isCsatSubmitted: n,
     submittedScore: s,
-    submittedFeedback: i
-  } = gt(), [a, l] = T(null), [c, h] = T(null), y = (m) => {
+    submittedFeedback: a
+  } = gt(), [i, l] = T(null), [c, p] = T(null), y = (m) => {
     l((z) => z === m ? null : m);
   }, x = () => {
-    a && o({
-      score: a,
+    i && o({
+      score: i,
       feedback: c || void 0
     });
   };
   return !t && !n ? null : /* @__PURE__ */ d("div", { className: "w-1/2 min-w-80 max-w-96 mx-auto overflow-hidden", children: [
-    /* @__PURE__ */ r(_, { mode: "wait", children: t && !a ? /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "How was your conversation?" }) }, "csat-requested-title") : n ? /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "You rated the conversation as" }) }, "csat-submitted-title") : null }),
+    /* @__PURE__ */ r(_, { mode: "wait", children: t && !i ? /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "How was your conversation?" }) }, "csat-requested-title") : n ? /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground text-center pt-2", children: "You rated the conversation as" }) }, "csat-submitted-title") : null }),
     /* @__PURE__ */ r(
       "div",
       {
-        className: p(
+        className: h(
           "flex gap-4 justify-between pt-2 px-2 pb-2",
           "transition-all",
           n && "gap-0 justify-center"
@@ -1259,15 +1259,15 @@ function so() {
         children: no.map((m) => /* @__PURE__ */ r(
           C,
           {
-            variant: m.value === a ? "secondary" : "ghost",
+            variant: m.value === i ? "secondary" : "ghost",
             size: "selfless",
-            className: p(
+            className: h(
               "transition-all overflow-hidden",
               "text-2xl size-8 rounded-full",
               "opacity-35",
               "hover:opacity-100",
-              !a && "opacity-100",
-              m.value === a && "opacity-100",
+              !i && "opacity-100",
+              m.value === i && "opacity-100",
               n && m.value !== s && "opacity-0 size-0",
               n && m.value === s && "opacity-100 size-fit text-4xl"
             ),
@@ -1278,12 +1278,12 @@ function so() {
         ))
       }
     ),
-    /* @__PURE__ */ r(_, { mode: "wait", children: (a || s) && /* @__PURE__ */ r(P, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
+    /* @__PURE__ */ r(_, { mode: "wait", children: (i || s) && /* @__PURE__ */ r(P, { children: /* @__PURE__ */ d("div", { className: "pb-2 px-2 flex items-end", children: [
       /* @__PURE__ */ r(
         "textarea",
         {
           rows: 3,
-          className: p(
+          className: h(
             "transition-all",
             "max-h-40 [field-sizing:content]",
             "w-full resize-none",
@@ -1293,8 +1293,8 @@ function so() {
             e ? "text-[16px]" : "text-sm",
             n && "text-center"
           ),
-          value: n ? i || "" : c || "",
-          onChange: t ? (m) => h(m.target.value) : void 0,
+          value: n ? a || "" : c || "",
+          onChange: t ? (m) => p(m.target.value) : void 0,
           readOnly: n,
           placeholder: t ? "Tell us more... (optional)" : void 0
         }
@@ -1304,8 +1304,8 @@ function so() {
         {
           size: "fit",
           onClick: x,
-          disabled: !a,
-          className: p(
+          disabled: !i,
+          className: h(
             "transition-all overflow-hidden",
             "rounded-full size-8 flex items-center justify-center p-0",
             n && "opacity-0 size-0"
@@ -1314,7 +1314,7 @@ function so() {
         }
       )
     ] }) }, "feedback-box") }),
-    /* @__PURE__ */ r("div", { className: p("h-0 transition-[height]", n && "h-4") })
+    /* @__PURE__ */ r("div", { className: h("h-0 transition-[height]", n && "h-4") })
   ] });
 }
 function V() {
@@ -1335,15 +1335,15 @@ function Se({
   ...t
 }) {
   const { sendMessage: n } = D(), s = () => {
-    const i = e.trim();
-    i && n({ content: i });
+    const a = e.trim();
+    a && n({ content: a });
   };
   return /* @__PURE__ */ r(
     C,
     {
       ...g("chat/suggested_reply_btn"),
       size: "sm",
-      className: p("rounded-xl w-fit", o),
+      className: h("rounded-xl w-fit", o),
       ...t,
       onClick: s,
       children: e
@@ -1370,21 +1370,21 @@ function ao() {
 }
 function it() {
   const { sessionState: e } = $(), { chatFooterItems: o } = b(), t = !!e.session && !e.session.isOpened, n = !t;
-  return /* @__PURE__ */ r(_, { mode: "wait", children: o == null ? void 0 : o.map((s, i) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(be, { children: s.message }) }) }, `${s.message}-${i}`)) });
+  return /* @__PURE__ */ r(_, { mode: "wait", children: o == null ? void 0 : o.map((s, a) => s.showWhenSessionIsOpen === !1 && n || s.showWhenSessionIsResolved === !1 && t ? null : /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r("div", { className: "pb-2 text-center text-xs", children: /* @__PURE__ */ r(be, { children: s.message }) }) }, `${s.message}-${a}`)) });
 }
 function io({
   file: { status: e, file: o, error: t },
   onCancel: n
 }) {
-  const [s, i] = T(
+  const [s, a] = T(
     null
   );
   oe(() => {
     if (!o.type.startsWith("image/")) return;
     const c = new FileReader();
-    return c.onload = () => i(c.result), c.onerror = () => console.error("Error reading file"), c.readAsDataURL(o), () => c.abort();
+    return c.onload = () => a(c.result), c.onerror = () => console.error("Error reading file"), c.readAsDataURL(o), () => c.abort();
   }, [o]);
-  const a = () => {
+  const i = () => {
     switch (e) {
       case "uploading":
         return /* @__PURE__ */ r(br, { className: "size-4 animate-spin" });
@@ -1415,19 +1415,19 @@ function io({
       children: /* @__PURE__ */ d(
         "div",
         {
-          className: p(
+          className: h(
             e === "uploading" && "opacity-50",
             "group",
             "size-12 border rounded-2xl overflow-hidden relative",
             "flex items-center justify-center shrink-0"
           ),
           children: [
-            /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center", children: a() }),
+            /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center", children: i() }),
             /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
-                className: p(
+                className: h(
                   "absolute bg-black/50 inset-0 size-full z-10 opacity-0",
                   "flex items-center justify-center",
                   "opacity-0 group-hover:opacity-100 transition"
@@ -1445,19 +1445,19 @@ function io({
 }
 function lo() {
   var O;
-  const { isSmallScreen: e } = A(), o = de(null), { sendMessage: t } = D(), { sessionState: n } = $(), { t: s } = V(), [i, a] = T(""), {
+  const { isSmallScreen: e } = F(), o = de(null), { sendMessage: t } = D(), { sessionState: n } = $(), { t: s } = V(), [a, i] = T(""), {
     allFiles: l,
     emptyTheFiles: c,
-    handleCancelUpload: h,
+    handleCancelUpload: p,
     appendFiles: y,
     isUploading: x,
     successFiles: m
-  } = qt(), z = !!((O = n.session) != null && O.isHandedOff), { isAwaitingBotReply: u } = ut(), k = (v) => {
+  } = qt(), z = !!((O = n.session) != null && O.isHandedOff), { isAwaitingBotReply: w } = wt(), k = (v) => {
     y(v);
-  }, I = !i.trim() && m.length === 0, f = async () => {
-    if (u || I) return;
+  }, I = !a.trim() && m.length === 0, f = async () => {
+    if (w || I) return;
     x && console.info("please wait for the file(s) to upload");
-    const v = i.trim();
+    const v = a.trim();
     t({
       content: v,
       attachments: m.flatMap(
@@ -1471,11 +1471,11 @@ function lo() {
           }
         ] : []
       )
-    }), a(""), c();
+    }), i(""), c();
   }, {
     getRootProps: R,
-    getInputProps: F,
-    open: H
+    getInputProps: H,
+    open: W
   } = Dr({
     onDrop: k,
     noClick: !0,
@@ -1493,7 +1493,7 @@ function lo() {
       "image/gif": [".gif"],
       "image/webp": [".webp"]
     }
-  }), W = (v) => {
+  }), L = (v) => {
     const N = v.clipboardData;
     N && N.files.length > 0 && k(Array.from(N.files));
   };
@@ -1504,12 +1504,12 @@ function lo() {
       className: "p-2 relative space-y-1",
       ...R(),
       children: [
-        /* @__PURE__ */ r("input", { ...F() }),
+        /* @__PURE__ */ r("input", { ...H() }),
         /* @__PURE__ */ d(
           "div",
           {
             ...g("chat/input_box/inner_root"),
-            className: p(
+            className: h(
               "transition-all",
               "bg-white",
               // 'border',
@@ -1528,10 +1528,10 @@ function lo() {
                       {
                         ...g("chat/input_box/attachments_container"),
                         className: "flex items-center gap-1",
-                        children: /* @__PURE__ */ r(_, { mode: "popLayout", children: l.map((v) => /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ r(
+                        children: /* @__PURE__ */ r(_, { mode: "popLayout", children: l.map((v) => /* @__PURE__ */ r(u, { snapExit: !0, children: /* @__PURE__ */ r(
                           io,
                           {
-                            onCancel: () => h(v.id),
+                            onCancel: () => p(v.id),
                             file: v
                           }
                         ) }, v.id)) })
@@ -1541,12 +1541,12 @@ function lo() {
                       "textarea",
                       {
                         ...g("chat/input_box/textarea"),
-                        onPaste: W,
+                        onPaste: L,
                         ref: o,
                         id: "chat-input",
-                        value: i,
+                        value: a,
                         rows: 3,
-                        className: p(
+                        className: h(
                           /** Match the border radius of the container */
                           // INPUT_CONTAINER_B_RADIUS,
                           "max-h-16 [field-sizing:content]",
@@ -1557,7 +1557,7 @@ function lo() {
                           // 16px on mobiles prevents auto-zoom on the input when focused
                           e ? "text-[16px]" : "text-sm"
                         ),
-                        onChange: (v) => a(v.target.value),
+                        onChange: (v) => i(v.target.value),
                         onKeyDown: async (v) => {
                           v.key === "Enter" && !v.shiftKey && (v.preventDefault(), f());
                         },
@@ -1577,13 +1577,13 @@ function lo() {
                     children: /* @__PURE__ */ r(
                       C,
                       {
-                        onClick: H,
+                        onClick: W,
                         size: "fit",
                         variant: "ghost",
-                        className: p(
+                        className: h(
                           "rounded-full size-8 flex items-center justify-center p-0 overflow-hidden"
                         ),
-                        children: /* @__PURE__ */ r(_, { mode: "wait", children: z && !u ? /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(wr, { className: "size-4" }) }, "paper-clip") : /* @__PURE__ */ r(w, { children: /* @__PURE__ */ r(fr, { className: "size-4" }) }, "image-icon") })
+                        children: /* @__PURE__ */ r(_, { mode: "wait", children: z && !w ? /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(ur, { className: "size-4" }) }, "paper-clip") : /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(fr, { className: "size-4" }) }, "image-icon") })
                       }
                     )
                   }
@@ -1593,9 +1593,9 @@ function lo() {
                   {
                     size: "fit",
                     onClick: f,
-                    disabled: u || x || I,
+                    disabled: w || x || I,
                     className: "rounded-full size-8 flex items-center justify-center p-0",
-                    children: /* @__PURE__ */ r(_, { mode: "wait", children: u || x ? /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ r(vr, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ r(vt, { className: "size-4" }) }, "send") })
+                    children: /* @__PURE__ */ r(_, { mode: "wait", children: w || x ? /* @__PURE__ */ r(u, { snapExit: !0, children: /* @__PURE__ */ r(vr, { className: "size-4 animate-spin animate-iteration-infinite" }) }, "loading") : /* @__PURE__ */ r(u, { snapExit: !0, children: /* @__PURE__ */ r(vt, { className: "size-4" }) }, "send") })
                   }
                 ) })
               ] })
@@ -1624,14 +1624,14 @@ function co() {
   ] }, "session-closed") }) }) });
 }
 function po() {
-  var a;
-  const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = b(), { sessionState: n } = $(), { messagesState: s } = D(), i = s.messages.length === 0;
-  return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(_, { mode: "wait", children: n.session && !((a = n.session) != null && a.isOpened) ? /* @__PURE__ */ d(P, { children: [
+  var i;
+  const { initialQuestions: e, initialQuestionsPosition: o, thisWasHelpfulOrNot: t } = b(), { sessionState: n } = $(), { messagesState: s } = D(), a = s.messages.length === 0;
+  return /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(_, { mode: "wait", children: n.session && !((i = n.session) != null && i.isOpened) ? /* @__PURE__ */ d(P, { children: [
     /* @__PURE__ */ r(co, {}),
     /* @__PURE__ */ r(it, {})
   ] }, "session-closed") : /* @__PURE__ */ d(P, { children: [
     s.lastAIResMightSolveUserIssue && (t == null ? void 0 : t.enabled) !== !1 && /* @__PURE__ */ r(ao, {}),
-    i && e && o !== "below-initial-messages" && /* @__PURE__ */ r("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((l, c) => /* @__PURE__ */ r(
+    a && e && o !== "below-initial-messages" && /* @__PURE__ */ r("div", { className: "flex items-center flex-row justify-end gap-2 flex-wrap px-2", children: e == null ? void 0 : e.map((l, c) => /* @__PURE__ */ r(
       Se,
       {
         suggestion: l
@@ -1651,10 +1651,10 @@ function ho({
   const { componentStore: s } = M();
   if (n.type !== "AGENT" && n.type !== "AI") return null;
   if (n.data.action) {
-    const a = s.getComponent(n.data.action.name);
-    if (a)
+    const i = s.getComponent(n.data.action.name);
+    if (i)
       return /* @__PURE__ */ r(
-        a,
+        i,
         {
           ...n,
           id: n.id,
@@ -1664,9 +1664,9 @@ function ho({
         }
       );
   }
-  const i = s.getComponent(n.component);
-  return i ? /* @__PURE__ */ r(
-    i,
+  const a = s.getComponent(n.component);
+  return a ? /* @__PURE__ */ r(
+    a,
     {
       ...n,
       id: n.id,
@@ -1689,13 +1689,13 @@ function Ht({
   className: o,
   containerClassName: t
 }) {
-  var a, l;
+  var i, l;
   const { timestamps: n } = b();
-  if (!((a = n == null ? void 0 : n.perMessageGroup) != null && a.enabled))
+  if (!((i = n == null ? void 0 : n.perMessageGroup) != null && i.enabled))
     return null;
   const s = (l = e[e.length - 1]) == null ? void 0 : l.timestamp;
   if (!s) return null;
-  const i = (() => {
+  const a = (() => {
     try {
       return new Date(s).toLocaleTimeString([], {
         hour: "2-digit",
@@ -1706,7 +1706,7 @@ function Ht({
       return console.error(c), null;
     }
   })();
-  return i ? /* @__PURE__ */ r("div", { className: t, children: /* @__PURE__ */ r("span", { className: p("text-xs text-muted-foreground", o), children: i }) }) : null;
+  return a ? /* @__PURE__ */ r("div", { className: t, children: /* @__PURE__ */ r("span", { className: h("text-xs text-muted-foreground", o), children: a }) }) : null;
 }
 function le({
   messages: e,
@@ -1717,25 +1717,25 @@ function le({
     "div",
     {
       ...g("chat/agent_msg_group/root"),
-      className: p("flex items-end gap-2"),
+      className: h("flex items-end gap-2"),
       children: [
         /* @__PURE__ */ r(ee, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
-          ue,
+          we,
           {
             ...g("chat/agent_msg_group/root/avatar"),
             agent: o,
             className: "hidden"
           }
         ) }),
-        /* @__PURE__ */ d("div", { className: p("flex-1 flex flex-col gap-1"), children: [
+        /* @__PURE__ */ d("div", { className: h("flex-1 flex flex-col gap-1"), children: [
           /* @__PURE__ */ d(
             "div",
             {
               ...g("chat/agent_msg_group/avatar_and_msgs/root"),
-              className: p("flex items-end gap-2"),
+              className: h("flex items-end gap-2"),
               children: [
                 /* @__PURE__ */ r(ee, { content: o == null ? void 0 : o.name, side: "right", align: "end", children: /* @__PURE__ */ r(
-                  ue,
+                  we,
                   {
                     ...g("chat/agent_msg_group/avatar_and_msgs/avatar"),
                     agent: o
@@ -1745,14 +1745,14 @@ function le({
                   "div",
                   {
                     ...g("chat/agent_msg_group/avatar_and_msgs/msgs"),
-                    className: p("flex-1 flex flex-col gap-1"),
+                    className: h("flex-1 flex flex-col gap-1"),
                     children: [
-                      e.map((n, s, i) => /* @__PURE__ */ r(
+                      e.map((n, s, a) => /* @__PURE__ */ r(
                         ho,
                         {
                           isFirstInGroup: s === 0,
-                          isLastInGroup: s === i.length - 1,
-                          isAloneInGroup: i.length === 1,
+                          isLastInGroup: s === a.length - 1,
+                          isAloneInGroup: a.length === 1,
                           ...n
                         },
                         n.id
@@ -1768,7 +1768,7 @@ function le({
             "div",
             {
               ...g("chat/agent_msg_group/suggestions"),
-              className: p("flex flex-col gap-1 ps-8"),
+              className: h("flex flex-col gap-1 ps-8"),
               children: t == null ? void 0 : t.map((n, s) => /* @__PURE__ */ r(
                 Se,
                 {
@@ -1803,7 +1803,7 @@ function go({
       ...g("chat/user_msg/root"),
       className: "w-5/6 flex flex-col items-end gap-1",
       children: [
-        e.attachments && e.attachments.length > 0 && /* @__PURE__ */ r("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((i) => /* @__PURE__ */ r(Mt, { attachment: i }, i.id)) }),
+        e.attachments && e.attachments.length > 0 && /* @__PURE__ */ r("div", { className: "w-full flex gap-1 flex-wrap justify-end", children: (s = e.attachments) == null ? void 0 : s.map((a) => /* @__PURE__ */ r(Mt, { attachment: a }, a.id)) }),
         e.content.length > 0 && /* @__PURE__ */ r(
           "div",
           {
@@ -1811,7 +1811,7 @@ function go({
             "data-first": o,
             "data-last": t,
             "data-alone": n,
-            className: p(
+            className: h(
               "transition-all",
               "w-fit py-3 px-4 rounded-3xl text-sm",
               "bg-primary text-primary-foreground",
@@ -1830,14 +1830,14 @@ function go({
     }
   );
 }
-function uo({
+function wo({
   messages: e
 }) {
   return /* @__PURE__ */ d(
     "div",
     {
       ...g("chat/user_msg_group/root"),
-      className: p("group", "flex flex-col gap-1 justify-end items-end"),
+      className: h("group", "flex flex-col gap-1 justify-end items-end"),
       children: [
         e.map((o, t, n) => /* @__PURE__ */ r(
           go,
@@ -1854,14 +1854,14 @@ function uo({
     }
   );
 }
-function wo(e) {
+function uo(e) {
   const o = [];
   let t = null;
   return e.forEach((n) => {
-    var s, i, a, l, c, h;
+    var s, a, i, l, c, p;
     // Start a new group if the type changes
     (((s = t == null ? void 0 : t[0]) == null ? void 0 : s.type) !== n.type || // Start a new group if the agent changes
-    ((i = t[0]) == null ? void 0 : i.type) === "AGENT" && n.type === "AGENT" && (((a = n.agent) == null ? void 0 : a.id) !== ((l = t[0].agent) == null ? void 0 : l.id) || ((c = n.agent) == null ? void 0 : c.name) !== ((h = t[0].agent) == null ? void 0 : h.name))) && (t = [], o.push(t)), t.push(n);
+    ((a = t[0]) == null ? void 0 : a.type) === "AGENT" && n.type === "AGENT" && (((i = n.agent) == null ? void 0 : i.id) !== ((l = t[0].agent) == null ? void 0 : l.id) || ((c = n.agent) == null ? void 0 : c.name) !== ((p = t[0].agent) == null ? void 0 : p.name))) && (t = [], o.push(t)), t.push(n);
   }), o;
 }
 function fo(e) {
@@ -1889,10 +1889,10 @@ function bo() {
     le,
     {
       messages: o.map(
-        ({ message: i }, a) => ({
+        ({ message: a }, i) => ({
           component: "bot_message",
-          data: { message: i },
-          id: `${a}-${i}`,
+          data: { message: a },
+          id: `${i}-${a}`,
           type: "AI",
           timestamp: null
         })
@@ -1917,18 +1917,18 @@ function ko() {
     advancedInitialMessages: t = [],
     initialQuestions: n,
     initialQuestionsPosition: s
-  } = o, i = (() => {
-    var a;
-    return t.length ? [] : e.length ? [] : (a = o.initialMessages) != null && a.length ? o.initialMessages : ["Hello, how can I help you?"];
+  } = o, a = (() => {
+    var i;
+    return t.length ? [] : e.length ? [] : (i = o.initialMessages) != null && i.length ? o.initialMessages : ["Hello, how can I help you?"];
   })();
-  return /* @__PURE__ */ r(re, { children: e.length === 0 && i.length > 0 && /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(re, { children: e.length === 0 && a.length > 0 && /* @__PURE__ */ r(
     le,
     {
-      messages: i.map(
-        (a, l) => ({
+      messages: a.map(
+        (i, l) => ({
           component: "bot_message",
-          data: { message: a },
-          id: `${l}-${a}`,
+          data: { message: i },
+          id: `${l}-${i}`,
           type: "AI",
           timestamp: null
         })
@@ -1946,16 +1946,16 @@ function Co() {
 function zo() {
   const {
     messagesState: { messages: e }
-  } = D(), { isAwaitingBotReply: o } = ut(), { componentStore: t } = M(), { bot: n, humanAgent: s } = b(), i = ht(
-    () => wo(e),
+  } = D(), { isAwaitingBotReply: o } = wt(), { componentStore: t } = M(), { bot: n, humanAgent: s } = b(), a = ht(
+    () => uo(e),
     [e]
-  ), a = t.getComponent(
+  ), i = t.getComponent(
     "loading"
   ), l = de(null);
   function c() {
     setTimeout(() => {
-      const h = l.current;
-      h && (h.scrollTop = h.scrollHeight);
+      const p = l.current;
+      p && (p.scrollTop = p.scrollHeight);
     }, 0);
   }
   return oe(() => {
@@ -1970,29 +1970,29 @@ function zo() {
         /* @__PURE__ */ r(yo, {}),
         /* @__PURE__ */ r(bo, {}),
         /* @__PURE__ */ r(ko, {}),
-        i.map((h, y) => {
-          var z, u, k, I;
-          const x = (z = h == null ? void 0 : h[0]) == null ? void 0 : z.type, m = (u = h[0]) == null ? void 0 : u.id;
+        a.map((p, y) => {
+          var z, w, k, I;
+          const x = (z = p == null ? void 0 : p[0]) == null ? void 0 : z.type, m = (w = p[0]) == null ? void 0 : w.id;
           if (!x || !m) return null;
-          if (fo(h))
-            return /* @__PURE__ */ r(uo, { messages: h }, m);
-          if (vo(h)) {
-            const f = y === i.length - 1;
-            return o && f ? null : ((k = h[0]) == null || k.agent, /* @__PURE__ */ r(
+          if (fo(p))
+            return /* @__PURE__ */ r(wo, { messages: p }, m);
+          if (vo(p)) {
+            const f = y === a.length - 1;
+            return o && f ? null : ((k = p[0]) == null || k.agent, /* @__PURE__ */ r(
               le,
               {
-                messages: h,
+                messages: p,
                 agent: n ? { ...n, isAi: !0, id: null } : void 0
               },
               m
             ));
           }
-          if (xo(h)) {
-            const f = (I = h[0]) == null ? void 0 : I.agent;
+          if (xo(p)) {
+            const f = (I = p[0]) == null ? void 0 : I.agent;
             return /* @__PURE__ */ r(
               le,
               {
-                messages: h,
+                messages: p,
                 agent: f ? {
                   ...f,
                   name: (s == null ? void 0 : s.name) || f.name || "",
@@ -2009,7 +2009,7 @@ function zo() {
           }
           return null;
         }),
-        o && a && /* @__PURE__ */ r(a, { agent: n }),
+        o && i && /* @__PURE__ */ r(i, { agent: n }),
         /* @__PURE__ */ r(Co, {}),
         /* @__PURE__ */ r(mo, {})
       ]
@@ -2031,7 +2031,7 @@ function No() {
     "div",
     {
       ...g("chat/root"),
-      className: p("flex flex-col overflow-hidden"),
+      className: h("flex flex-col overflow-hidden"),
       style: {
         width: "100vw",
         // Relative to the iframe
@@ -2045,14 +2045,14 @@ function No() {
       children: /* @__PURE__ */ d("div", { className: "size-full justify-between flex flex-col", children: [
         /* @__PURE__ */ r(At, {}),
         /* @__PURE__ */ r(_, { mode: "wait", children: e ? /* @__PURE__ */ r(
-          w,
+          u,
           {
             className: "flex flex-col items-center justify-center w-full flex-1",
             children: /* @__PURE__ */ r(Ft, {})
           },
           "loading"
         ) : /* @__PURE__ */ d(
-          w,
+          u,
           {
             className: "flex items-start h-full flex-1 overflow-auto",
             snapExit: !0,
@@ -2061,7 +2061,7 @@ function No() {
                 "div",
                 {
                   ...g("chat/main/root"),
-                  className: p(
+                  className: h(
                     "flex flex-col h-full overflow-auto transition-all",
                     t ? "w-2/5" : "w-full"
                   ),
@@ -2079,7 +2079,7 @@ function No() {
                 "div",
                 {
                   ...g("chat/canvas/root"),
-                  className: p(
+                  className: h(
                     "h-full overflow-auto transition-all",
                     t ? "w-3/5" : "w-0"
                   ),
@@ -2105,7 +2105,7 @@ function So({
   return /* @__PURE__ */ r(
     "div",
     {
-      className: p("animate-pulse rounded-md bg-secondary", e),
+      className: h("animate-pulse rounded-md bg-secondary", e),
       ...o
     }
   );
@@ -2119,7 +2119,7 @@ function _o({ className: e }) {
       viewBox: "0 0 26 32",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: p("text-primary-foreground", e),
+      className: h("text-primary-foreground", e),
       children: /* @__PURE__ */ r(
         "path",
         {
@@ -2135,7 +2135,7 @@ function Wt({ className: e }) {
   return /* @__PURE__ */ r(
     "div",
     {
-      className: p(
+      className: h(
         "flex items-center justify-center gap-2 p-2 pt-0",
         e
       ),
@@ -2145,7 +2145,7 @@ function Wt({ className: e }) {
           href: `https://open.cx/?ref=${o}`,
           target: "_blank",
           rel: "noreferrer",
-          className: p(
+          className: h(
             "text-[10px] flex items-center",
             "text-muted-foreground/70 [&_svg]:text-muted-foreground/70",
             "hover:text-primary [&_svg]:hover:text-primary"
@@ -2170,26 +2170,26 @@ function ct({
   session: e,
   className: o
 }) {
-  const { bot: t, humanAgent: n } = b(), { toChatScreen: s } = E(), i = e.assignee.kind === "human" ? (n == null ? void 0 : n.name) || e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", a = e.assignee.kind === "human" ? (n == null ? void 0 : n.avatarUrl) || e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatarUrl) || (t == null ? void 0 : t.avatar) || "";
+  const { bot: t, humanAgent: n } = b(), { toChatScreen: s } = E(), a = e.assignee.kind === "human" ? (n == null ? void 0 : n.name) || e.assignee.name || "Support Agent" : (t == null ? void 0 : t.name) || "AI Support Agent", i = e.assignee.kind === "human" ? (n == null ? void 0 : n.avatarUrl) || e.assignee.avatarUrl || "" : (t == null ? void 0 : t.avatarUrl) || (t == null ? void 0 : t.avatar) || "";
   return /* @__PURE__ */ d(
     C,
     {
       variant: "ghost",
       size: "lg",
-      className: p(
+      className: h(
         "rounded-full p-2 pe-4 flex text-start justify-between w-full whitespace-normal",
         o
       ),
       onClick: () => s(e.id),
       children: [
         /* @__PURE__ */ d("div", { className: "flex-1 flex gap-2 items-center", children: [
-          /* @__PURE__ */ r(_, { mode: "wait", children: /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ d(ye, { className: "size-10", children: [
-            /* @__PURE__ */ r(ke, { src: a, alt: "Agent Icon" }),
+          /* @__PURE__ */ r(_, { mode: "wait", children: /* @__PURE__ */ r(u, { snapExit: !0, children: /* @__PURE__ */ d(ye, { className: "size-10", children: [
+            /* @__PURE__ */ r(ke, { src: i, alt: "Agent Icon" }),
             /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(zr, { className: "size-4" }) })
           ] }) }) }),
           /* @__PURE__ */ d("div", { className: "flex-1", children: [
-            /* @__PURE__ */ r(_, { mode: "wait", children: /* @__PURE__ */ r(w, { snapExit: !0, children: i }, i) }),
-            /* @__PURE__ */ r(_, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(w, { snapExit: !0, children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(_, { mode: "wait", children: /* @__PURE__ */ r(u, { snapExit: !0, children: a }, a) }),
+            /* @__PURE__ */ r(_, { mode: "wait", children: e.lastMessage ? /* @__PURE__ */ r(u, { snapExit: !0, children: /* @__PURE__ */ r(
               Dt,
               {
                 remarkPlugins: [xt],
@@ -2197,7 +2197,7 @@ function ct({
                 className: "line-clamp-1 overflow-hidden text-ellipsis text-xs text-muted-foreground",
                 children: e.lastMessage
               }
-            ) }, e.lastMessage || "content") : /* @__PURE__ */ r(w, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(So, { className: "h-4 w-full" }) }, "skeleton") })
+            ) }, e.lastMessage || "content") : /* @__PURE__ */ r(u, { className: "w-1/2", snapExit: !0, children: /* @__PURE__ */ r(So, { className: "h-4 w-full" }) }, "skeleton") })
           ] })
         ] }),
         /* @__PURE__ */ r(Nr, { className: "size-4 text-muted-foreground shrink-0 rtl:-scale-100" })
@@ -2209,24 +2209,24 @@ function To() {
   const { t: e } = V(), { toChatScreen: o } = E(), {
     sessionsState: { data: t, isInitialFetchLoading: n },
     openSessions: s,
-    closedSessions: i,
-    canCreateNewSession: a
+    closedSessions: a,
+    canCreateNewSession: i
   } = $();
   return /* @__PURE__ */ r("div", { className: "flex-1 flex flex-col overflow-scroll py-2 px-2", children: /* @__PURE__ */ r(_, { mode: "wait", children: n ? /* @__PURE__ */ r(
-    w,
+    u,
     {
       className: "flex-1 flex items-center justify-center",
       children: /* @__PURE__ */ r(Ft, {})
     },
     "loading"
   ) : /* @__PURE__ */ r(
-    w,
+    u,
     {
       className: "flex-1 flex flex-col gap-2 relative",
       children: t.length ? /* @__PURE__ */ d(re, { children: [
         /* @__PURE__ */ d(_, { children: [
           s.length > 0 && /* @__PURE__ */ r(
-            w,
+            u,
             {
               fadeIn: "up",
               delay: 0.2,
@@ -2236,15 +2236,15 @@ function To() {
             },
             "open-sessions"
           ),
-          i.length > 0 && /* @__PURE__ */ d(
-            w,
+          a.length > 0 && /* @__PURE__ */ d(
+            u,
             {
               className: "space-y-2",
               delay: 0.2,
               snapExit: !0,
               children: [
                 /* @__PURE__ */ r(Io, { children: e("closed_conversations") }),
-                i.map((l) => /* @__PURE__ */ r(
+                a.map((l) => /* @__PURE__ */ r(
                   ct,
                   {
                     session: l,
@@ -2257,7 +2257,7 @@ function To() {
             "closed-sessions"
           )
         ] }),
-        a && /* @__PURE__ */ r("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ ot(
+        i && /* @__PURE__ */ r("div", { className: "mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background", children: /* @__PURE__ */ ot(
           C,
           {
             ...g("sessions/new_conversation_btn"),
@@ -2295,7 +2295,7 @@ function Mo() {
     "div",
     {
       ...g("sessions/root"),
-      className: p("flex flex-col overflow-hidden bg-background"),
+      className: h("flex flex-col overflow-hidden bg-background"),
       style: {
         width: "100vw",
         // Relative to the iframe
@@ -2316,13 +2316,13 @@ function Mo() {
 }
 const ie = K.forwardRef(
   ({ className: e, type: o, ...t }, n) => {
-    const { isSmallScreen: s } = A();
+    const { isSmallScreen: s } = F();
     return /* @__PURE__ */ r(
       "input",
       {
         ref: n,
         type: o,
-        className: p(
+        className: h(
           // 16px on mobiles prevents auto-zoom on the input when focused
           s ? "text-[16px]" : "text-sm",
           "flex w-full rounded-xl p-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-primary-foreground placeholder:text-muted-foreground/75 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition",
@@ -2342,9 +2342,9 @@ function Do() {
     const n = e == null ? void 0 : e.current;
     if (n && t.current) {
       const s = t.current;
-      let i;
-      const a = new ResizeObserver(() => {
-        i = requestAnimationFrame(() => {
+      let a;
+      const i = new ResizeObserver(() => {
+        a = requestAnimationFrame(() => {
           const l = s.offsetHeight;
           n.style.setProperty(
             "--opencx-widget-height",
@@ -2352,8 +2352,8 @@ function Do() {
           );
         });
       });
-      return a.observe(s), () => {
-        cancelAnimationFrame(i), a.unobserve(s);
+      return i.observe(s), () => {
+        cancelAnimationFrame(a), i.unobserve(s);
       };
     }
   }, [e, o]), { observedElementRef: t };
@@ -2363,17 +2363,17 @@ const Ro = me.object({
   email: me.string().email()
 });
 function jo() {
-  var f, R, F, H, W, O, v, N;
+  var f, R, H, W, L, O, v, N;
   const {
     widgetCtx: { org: e }
-  } = M(), { setIsOpen: o } = q(), { createUnverifiedContact: t } = wt(), { isSmallScreen: n } = A(), s = b(), { theme: i } = X(), { t: a } = V(), { observedElementRef: l } = Do();
+  } = M(), { setIsOpen: o } = q(), { createUnverifiedContact: t } = ut(), { isSmallScreen: n } = F(), s = b(), { theme: a } = X(), { t: i } = V(), { observedElementRef: l } = Do();
   ze({
     height: void 0,
-    width: i.screens.welcome.width
+    width: a.screens.welcome.width
   });
-  const [c, h] = T(((f = s.prefillUserData) == null ? void 0 : f.name) || ""), [y, x] = T(((R = s.prefillUserData) == null ? void 0 : R.email) || ""), m = (s.extraDataCollectionFields || []).filter(
+  const [c, p] = T(((f = s.prefillUserData) == null ? void 0 : f.name) || ""), [y, x] = T(((R = s.prefillUserData) == null ? void 0 : R.email) || ""), m = (s.extraDataCollectionFields || []).filter(
     (S) => S !== "name" && S !== "email" && !!S
-  ), [z, u] = T({}), [k, I] = Rr(
+  ), [z, w] = T({}), [k, I] = Rr(
     async (S) => {
       S.preventDefault();
       const B = Ro.safeParse({ name: c, email: y });
@@ -2396,7 +2396,7 @@ function jo() {
         // Relative to the iframe
         maxWidth: "100vw",
         // Relative to the iframe
-        minHeight: i.screens.welcome.minHeight,
+        minHeight: a.screens.welcome.minHeight,
         height: "100vh",
         // Relative to the iframe
         maxHeight: "100vh",
@@ -2407,7 +2407,7 @@ function jo() {
         "div",
         {
           ref: l,
-          className: p(
+          className: h(
             "flex flex-col",
             n && "h-full",
             "bg-[radial-gradient(ellipse_at_top_left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse_at_top_right,hsl(var(--opencx-primary)),transparent)]"
@@ -2416,23 +2416,23 @@ function jo() {
             /* @__PURE__ */ d(
               "div",
               {
-                className: p(
+                className: h(
                   "flex-1 flex flex-col px-4 py-12 text-start space-y-4 relative z-10",
                   "text-primary-foreground"
                 ),
                 children: [
-                  n && /* @__PURE__ */ r(w, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(C, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(xe, { className: "size-4" }) }) }),
-                  /* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (F = s.assets) != null && F.organizationLogo ? /* @__PURE__ */ r(
+                  n && /* @__PURE__ */ r(u, { className: "absolute top-6 end-6", children: /* @__PURE__ */ r(C, { size: "selfless", onClick: () => o(!1), children: /* @__PURE__ */ r(xe, { className: "size-4" }) }) }),
+                  /* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full mb-2", children: (H = s.assets) != null && H.organizationLogo ? /* @__PURE__ */ r(
                     "img",
                     {
-                      src: (H = s.assets) == null ? void 0 : H.organizationLogo,
+                      src: (W = s.assets) == null ? void 0 : W.organizationLogo,
                       alt: "Company Logo",
                       className: "h-8 w-auto object-contain"
                     }
                   ) : /* @__PURE__ */ r("h2", { className: "font-bold text-sm", children: e.name }) }),
                   /* @__PURE__ */ d("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ r("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((O = (W = s.textContent) == null ? void 0 : W.welcomeScreen) == null ? void 0 : O.title) || a("welcome_screen_title") }),
-                    /* @__PURE__ */ r("p", { className: "text-sm", children: ((N = (v = s.textContent) == null ? void 0 : v.welcomeScreen) == null ? void 0 : N.description) || a("welcome_screen_description") })
+                    /* @__PURE__ */ r("h1", { className: "text-[1.75rem] font-semibold tracking-tight leading-none", children: ((O = (L = s.textContent) == null ? void 0 : L.welcomeScreen) == null ? void 0 : O.title) || i("welcome_screen_title") }),
+                    /* @__PURE__ */ r("p", { className: "text-sm", children: ((N = (v = s.textContent) == null ? void 0 : v.welcomeScreen) == null ? void 0 : N.description) || i("welcome_screen_description") })
                   ] })
                 ]
               }
@@ -2440,7 +2440,7 @@ function jo() {
             /* @__PURE__ */ d(
               "div",
               {
-                className: p(
+                className: h(
                   "z-10 m-2 px-2 pt-2 bp-0 space-y-2",
                   "bg-[white]",
                   "border shadow",
@@ -2452,9 +2452,9 @@ function jo() {
                       ie,
                       {
                         value: c,
-                        onChange: (S) => h(S.target.value),
+                        onChange: (S) => p(S.target.value),
                         required: !0,
-                        placeholder: a("your_name_placeholder"),
+                        placeholder: i("your_name_placeholder"),
                         name: "name"
                       }
                     ),
@@ -2465,7 +2465,7 @@ function jo() {
                         value: y,
                         onChange: (S) => x(S.target.value),
                         type: "email",
-                        placeholder: a("your_email_placeholder"),
+                        placeholder: i("your_email_placeholder"),
                         name: "email"
                       }
                     ),
@@ -2473,11 +2473,11 @@ function jo() {
                       ie,
                       {
                         value: z[S],
-                        onChange: (B) => u((se) => ({
+                        onChange: (B) => w((se) => ({
                           ...se,
                           [S]: B.target.value
                         })),
-                        placeholder: `${S} (${a("optional")})`
+                        placeholder: `${S} (${i("optional")})`
                       },
                       S
                     )),
@@ -2488,7 +2488,7 @@ function jo() {
                         className: "w-full",
                         size: "lg",
                         children: [
-                          k.loading ? a("start_chat_button_loading") : a("start_chat_button"),
+                          k.loading ? i("start_chat_button_loading") : i("start_chat_button"),
                           /* @__PURE__ */ r(Sr, { className: "size-4 rtl:-scale-100" })
                         ]
                       }
@@ -2512,7 +2512,7 @@ function Lt() {
     switch (e) {
       case "welcome":
         return /* @__PURE__ */ r(
-          w,
+          u,
           {
             fadeIn: "right",
             className: "size-full",
@@ -2523,7 +2523,7 @@ function Lt() {
         );
       case "sessions":
         return /* @__PURE__ */ r(
-          w,
+          u,
           {
             fadeIn: "right",
             className: "size-full",
@@ -2534,7 +2534,7 @@ function Lt() {
         );
       case "chat":
         return /* @__PURE__ */ r(
-          w,
+          u,
           {
             fadeIn: "right",
             className: "size-full",
@@ -2548,7 +2548,7 @@ function Lt() {
     }
   })() }) });
 }
-const Eo = "4.0.45", Oo = `<!DOCTYPE html>
+const Eo = "4.0.47", Oo = `<!DOCTYPE html>
 <html>
 <head>
 <style>
@@ -2567,7 +2567,7 @@ html, body {
 </body>
 </html>`;
 function $t() {
-  const { isOpen: e } = q(), { contentIframeRef: o } = M(), { cssOverrides: t, inline: n } = b(), { theme: s, cssVars: i, computed: a } = X(), { dir: l } = V();
+  const { isOpen: e } = q(), { contentIframeRef: o } = M(), { cssOverrides: t, inline: n } = b(), { theme: s, cssVars: a, computed: i } = X(), { dir: l } = V();
   return /* @__PURE__ */ r(
     J.div,
     {
@@ -2596,15 +2596,15 @@ function $t() {
           title: "OpenCX Live Chat",
           style: {
             // @ts-expect-error this is a valid css variable
-            "--opencx-widget-width": a.minWidth,
-            "--opencx-widget-height": a.minHeight,
-            minWidth: a.minWidth,
+            "--opencx-widget-width": i.minWidth,
+            "--opencx-widget-height": i.minHeight,
+            minWidth: i.minWidth,
             width: "var(--opencx-widget-width)",
-            maxWidth: a.maxWidth,
+            maxWidth: i.maxWidth,
             // Relative to the viewport
-            minHeight: a.minHeight,
+            minHeight: i.minHeight,
             height: "var(--opencx-widget-height)",
-            maxHeight: a.maxHeight,
+            maxHeight: i.maxHeight,
             // Relative to the viewport
             overflow: "hidden",
             /** outline is better than border because of box sizing; the outline wouldn't affect the content inside... the border will mess up how the children's border radius sits with the parent */
@@ -2625,11 +2625,11 @@ function $t() {
               "div",
               {
                 style: {
-                  ...i,
+                  ...a,
                   zIndex: s.widgetContentContainer.zIndex
                 },
                 "data-version": Eo,
-                className: p(
+                className: h(
                   "antialiased font-sans size-full overflow-hidden relative text-secondary-foreground isolate"
                 ),
                 dir: l,
@@ -2683,7 +2683,7 @@ function Ao({
       viewBox: "0 0 32 30",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: p("text-primary-foreground", e),
+      className: h("text-primary-foreground", e),
       style: o,
       children: [
         /* @__PURE__ */ r(
@@ -2724,22 +2724,26 @@ html, body {
 </body>
 </html>`;
 function Ho() {
-  var i, a;
-  const { isOpen: e } = q(), { cssOverrides: o, assets: t } = b(), { theme: n, cssVars: s } = X();
-  return /* @__PURE__ */ d(
+  var l, c;
+  const { isOpen: e, setIsOpen: o } = q(), { cssOverrides: t, assets: n, customComponents: s } = b(), { theme: a, cssVars: i } = X();
+  return s != null && s.widgetTrigger ? s.widgetTrigger({
+    react: A,
+    isOpen: e,
+    setIsOpen: (p) => o(p)
+  }) : /* @__PURE__ */ d(
     yt,
     {
       initialContent: Fo,
       title: "OpenCX Live Chat Trigger",
       style: {
-        height: `calc(${n.widgetTrigger.size.button}px + ${G.x * 2}px)`,
-        width: `calc(${n.widgetTrigger.size.button}px + ${G.y * 2}px)`,
+        height: `calc(${a.widgetTrigger.size.button}px + ${G.x * 2}px)`,
+        width: `calc(${a.widgetTrigger.size.button}px + ${G.y * 2}px)`,
         fontSize: "16px",
         position: "fixed",
-        zIndex: n.widgetTrigger.zIndex,
-        right: n.widgetTrigger.offset.right,
-        bottom: n.widgetTrigger.offset.bottom,
-        left: n.widgetTrigger.offset.left,
+        zIndex: a.widgetTrigger.zIndex,
+        right: a.widgetTrigger.offset.right,
+        bottom: a.widgetTrigger.offset.bottom,
+        left: a.widgetTrigger.offset.left,
         // reset iframe defaults
         boxSizing: "border-box",
         borderWidth: "0px",
@@ -2747,12 +2751,12 @@ function Ho() {
         borderRadius: "100%"
       },
       children: [
-        o && /* @__PURE__ */ r("style", { children: o }),
+        t && /* @__PURE__ */ r("style", { children: t }),
         /* @__PURE__ */ r(
           "div",
           {
             style: {
-              ...s,
+              ...i,
               width: "100%",
               height: "100%",
               display: "flex",
@@ -2762,18 +2766,18 @@ function Ho() {
             children: /* @__PURE__ */ r(
               ce.PopoverTrigger,
               {
-                className: p(
+                className: h(
                   "font-sans flex items-center justify-center rounded-full"
                 ),
                 style: {
-                  height: n.widgetTrigger.size.button,
-                  width: n.widgetTrigger.size.button
+                  height: a.widgetTrigger.size.button,
+                  width: a.widgetTrigger.size.button
                 },
                 children: /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(
                   "div",
                   {
                     ...g("trigger/btn"),
-                    className: p(
+                    className: h(
                       "relative size-full rounded-full",
                       "flex items-center justify-center",
                       "overflow-hidden",
@@ -2782,7 +2786,7 @@ function Ho() {
                       "text-primary-foreground"
                     ),
                     children: /* @__PURE__ */ r(_, { mode: "wait", children: e ? /* @__PURE__ */ r(
-                      w,
+                      u,
                       {
                         snapExit: !0,
                         fadeIn: "up",
@@ -2790,51 +2794,51 @@ function Ho() {
                           initial: { rotate: 45 },
                           animate: { rotate: 0 }
                         },
-                        children: (i = t == null ? void 0 : t.widgetTrigger) != null && i.closeIcon ? /* @__PURE__ */ r(
+                        children: (l = n == null ? void 0 : n.widgetTrigger) != null && l.closeIcon ? /* @__PURE__ */ r(
                           "img",
                           {
-                            src: t.widgetTrigger.closeIcon,
+                            src: n.widgetTrigger.closeIcon,
                             alt: "Widget trigger close icon",
                             style: {
-                              width: n.widgetTrigger.size.icon,
-                              height: n.widgetTrigger.size.icon
+                              width: a.widgetTrigger.size.icon,
+                              height: a.widgetTrigger.size.icon
                             }
                           }
                         ) : /* @__PURE__ */ r(
                           _r,
                           {
                             style: {
-                              width: n.widgetTrigger.size.icon,
-                              height: n.widgetTrigger.size.icon
+                              width: a.widgetTrigger.size.icon,
+                              height: a.widgetTrigger.size.icon
                             }
                           }
                         )
                       },
                       "x-icon"
                     ) : /* @__PURE__ */ r(
-                      w,
+                      u,
                       {
                         snapExit: !0,
                         overrides: {
                           initial: { rotate: 45 },
                           animate: { rotate: 0 }
                         },
-                        children: (a = t == null ? void 0 : t.widgetTrigger) != null && a.openIcon ? /* @__PURE__ */ r(
+                        children: (c = n == null ? void 0 : n.widgetTrigger) != null && c.openIcon ? /* @__PURE__ */ r(
                           "img",
                           {
-                            src: t.widgetTrigger.openIcon,
+                            src: n.widgetTrigger.openIcon,
                             alt: "Widget trigger open icon",
                             style: {
-                              width: n.widgetTrigger.size.icon,
-                              height: n.widgetTrigger.size.icon
+                              width: a.widgetTrigger.size.icon,
+                              height: a.widgetTrigger.size.icon
                             }
                           }
                         ) : /* @__PURE__ */ r(
                           Ao,
                           {
                             style: {
-                              width: n.widgetTrigger.size.icon,
-                              height: n.widgetTrigger.size.icon
+                              width: a.widgetTrigger.size.icon,
+                              height: a.widgetTrigger.size.icon
                             },
                             className: "mt-0.5 opacity-95"
                           }
@@ -2869,20 +2873,20 @@ function Wo() {
 function Lo({
   widgetRef: e
 }) {
-  const { widgetCtx: o } = M(), { contactState: t } = wt(), { setIsOpen: n, isOpen: s } = q(), {
-    toChatScreen: i,
-    routerState: { screen: a }
+  const { widgetCtx: o } = M(), { contactState: t } = ut(), { setIsOpen: n, isOpen: s } = q(), {
+    toChatScreen: a,
+    routerState: { screen: i }
   } = E(), { sendMessage: l } = D();
-  return L.useImperativeHandle(
+  return A.useImperativeHandle(
     e,
     () => ({
       newChat: async (c) => {
-        var h;
-        if (!((h = t.contact) != null && h.token)) {
+        var p;
+        if (!((p = t.contact) != null && p.token)) {
           console.warn("Cannot start a new chat: contact not yet initialized.");
           return;
         }
-        console.log({ isOpen: s }), s || n(!0), a === "chat" && o.resetChat(), i(), c != null && c.message && l({ content: c.message });
+        console.log({ isOpen: s }), s || n(!0), i === "chat" && o.resetChat(), a(), c != null && c.message && l({ content: c.message });
       }
     }),
     [
@@ -2890,8 +2894,8 @@ function Lo({
       t,
       n,
       s,
-      a,
       i,
+      a,
       l
     ]
   ), null;
@@ -2929,7 +2933,7 @@ const Bo = [
   remove: async (e) => {
     localStorage.removeItem(e);
   }
-}, Uo = L.forwardRef(function({ options: o, components: t = [], loadingComponent: n }, s) {
+}, Uo = A.forwardRef(function({ options: o, components: t = [], loadingComponent: n }, s) {
   return /* @__PURE__ */ r(
     Xt,
     {