@spear-ai/spectral 1.3.60 → 1.3.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,9 +1,12 @@
1
1
  import { OTPInputProps } from 'input-otp';
2
2
  type InputOTPRootProps = Omit<OTPInputProps, 'textAlign' | 'pushPasswordManagerStrategy' | 'pasteTransformer' | 'noScriptCSSFallback' | 'placeholder' | 'containerClassName' | 'render'> & {
3
- onComplete?: (...args: any[]) => void;
3
+ onComplete?: (...args: unknown[]) => void;
4
4
  inputMode?: 'numeric' | 'text' | 'decimal' | 'tel' | 'search' | 'email' | 'url';
5
5
  className?: string;
6
6
  separator?: boolean;
7
+ variant?: 'outlined' | 'filled';
8
+ groupSize?: number;
9
+ separatorPositions?: number[];
7
10
  };
8
11
  export type InputOTPProps = InputOTPRootProps & ({
9
12
  value: number | string;
package/dist/InputOTP.js CHANGED
@@ -1,188 +1,227 @@
1
1
  "use client";
2
2
  import "./styles/main.css";
3
- import { jsx as j, jsxs as ge } from "react/jsx-runtime";
4
- import { useFormFieldId as Be, ErrorMessage as _e, getErrorMessageId as Fe } from "./utils/formFieldUtils.js";
5
- import { c as he } from "./twUtils-CRiPKpXj.js";
6
- import * as t from "react";
7
- import { createContext as He, forwardRef as Q, useContext as fe } from "react";
8
- import { c as Le } from "./createLucideIcon-CI1yJrZf.js";
9
- /**
10
- * @license lucide-react v0.542.0 - ISC
11
- *
12
- * This source code is licensed under the ISC license.
13
- * See the LICENSE file in the root directory of this source tree.
14
- */
15
- const Ge = [["path", { d: "M5 12h14", key: "1ays0h" }]], $e = Le("minus", Ge);
16
- var ze = Object.defineProperty, Ve = Object.defineProperties, qe = Object.getOwnPropertyDescriptors, K = Object.getOwnPropertySymbols, be = Object.prototype.hasOwnProperty, we = Object.prototype.propertyIsEnumerable, ve = (n, r, l) => r in n ? ze(n, r, { enumerable: !0, configurable: !0, writable: !0, value: l }) : n[r] = l, Ze = (n, r) => {
17
- for (var l in r || (r = {})) be.call(r, l) && ve(n, l, r[l]);
18
- if (K) for (var l of K(r)) we.call(r, l) && ve(n, l, r[l]);
19
- return n;
20
- }, Je = (n, r) => Ve(n, qe(r)), Ke = (n, r) => {
21
- var l = {};
22
- for (var u in n) be.call(n, u) && r.indexOf(u) < 0 && (l[u] = n[u]);
23
- if (n != null && K) for (var u of K(n)) r.indexOf(u) < 0 && we.call(n, u) && (l[u] = n[u]);
24
- return l;
3
+ import { jsx as P, jsxs as it } from "react/jsx-runtime";
4
+ import "./Icons/AnnotationsIcon.js";
5
+ import "./Icons/CalendarIcon.js";
6
+ import "./Icons/CheckCircleIcon.js";
7
+ import "./Icons/CheckSquareIcon.js";
8
+ import "./Icons/CheckmarkIcon.js";
9
+ import "./Icons/ChevronDownIcon.js";
10
+ import "./Icons/ChevronUpIcon.js";
11
+ import "./Icons/ClockIcon.js";
12
+ import "./Icons/CloseCircleIcon.js";
13
+ import "./Icons/CloseIcon.js";
14
+ import "./Icons/DashboardIcon.js";
15
+ import "./Icons/DeleteIcon.js";
16
+ import "./Icons/DurationIcon.js";
17
+ import "./Icons/EmailIcon.js";
18
+ import "./Icons/EraserIcon.js";
19
+ import "./Icons/ErrorIcon.js";
20
+ import "./Icons/EyeClosedIcon.js";
21
+ import "./Icons/EyeClosedIcon2.js";
22
+ import "./Icons/EyeOpenIcon.js";
23
+ import "./Icons/GoToFirstIcon.js";
24
+ import "./Icons/GoToLastIcon.js";
25
+ import "./Icons/HarmonicCursorsIcon.js";
26
+ import "./Icons/InfoIcon.js";
27
+ import "./Icons/LabelIcon.js";
28
+ import "./Icons/LassoIcon.js";
29
+ import "./Icons/LineToolIcon.js";
30
+ import "./Icons/LiveViewIcon.js";
31
+ import "./Icons/LoaderIcon.js";
32
+ import "./Icons/LocationIcon.js";
33
+ import "./Icons/LogoutIcon.js";
34
+ import "./Icons/MetadataIcon.js";
35
+ import { MinusIcon as _t } from "./Icons/MinusIcon.js";
36
+ import "./Icons/OntologyIcon.js";
37
+ import "./Icons/PanelIconClose.js";
38
+ import "./Icons/PanelIconOpen.js";
39
+ import "./Icons/PlayIcon.js";
40
+ import "./Icons/PlusIcon.js";
41
+ import "./Icons/ResetIcon.js";
42
+ import "./Icons/ScissorsIcon.js";
43
+ import "./Icons/SettingsIcon.js";
44
+ import "./Icons/TrashIcon.js";
45
+ import "./Icons/UndoIcon.js";
46
+ import "./Icons/UserIcon.js";
47
+ import "./Icons/WarningIcon.js";
48
+ import "./Icons/ZoomAllIcon.js";
49
+ import "./Icons/ZoomXIcon.js";
50
+ import "./Icons/ZoomYIcon.js";
51
+ import { useFormFieldId as Ht, ErrorMessage as Gt, getErrorMessageId as $t } from "./utils/formFieldUtils.js";
52
+ import { c as yt } from "./twUtils-CRiPKpXj.js";
53
+ import * as n from "react";
54
+ import { createContext as Et, forwardRef as et, Fragment as Lt, useContext as Pt } from "react";
55
+ var zt = Object.defineProperty, Vt = Object.defineProperties, qt = Object.getOwnPropertyDescriptors, tt = Object.getOwnPropertySymbols, St = Object.prototype.hasOwnProperty, xt = Object.prototype.propertyIsEnumerable, wt = (t, r, a) => r in t ? zt(t, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[r] = a, Zt = (t, r) => {
56
+ for (var a in r || (r = {})) St.call(r, a) && wt(t, a, r[a]);
57
+ if (tt) for (var a of tt(r)) xt.call(r, a) && wt(t, a, r[a]);
58
+ return t;
59
+ }, Jt = (t, r) => Vt(t, qt(r)), Kt = (t, r) => {
60
+ var a = {};
61
+ for (var u in t) St.call(t, u) && r.indexOf(u) < 0 && (a[u] = t[u]);
62
+ if (t != null && tt) for (var u of tt(t)) r.indexOf(u) < 0 && xt.call(t, u) && (a[u] = t[u]);
63
+ return a;
25
64
  };
26
- function Qe(n) {
27
- let r = setTimeout(n, 0), l = setTimeout(n, 10), u = setTimeout(n, 50);
28
- return [r, l, u];
65
+ function Qt(t) {
66
+ let r = setTimeout(t, 0), a = setTimeout(t, 10), u = setTimeout(t, 50);
67
+ return [r, a, u];
29
68
  }
30
- function Ue(n) {
31
- let r = t.useRef();
32
- return t.useEffect(() => {
33
- r.current = n;
69
+ function Ut(t) {
70
+ let r = n.useRef();
71
+ return n.useEffect(() => {
72
+ r.current = t;
34
73
  }), r.current;
35
74
  }
36
- var Xe = 18, ye = 40, Ye = `${ye}px`, et = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
37
- function tt({ containerRef: n, inputRef: r, pushPasswordManagerStrategy: l, isFocused: u }) {
38
- let [g, s] = t.useState(!1), [C, y] = t.useState(!1), [h, D] = t.useState(!1), I = t.useMemo(() => l === "none" ? !1 : (l === "increase-width" || l === "experimental-no-flickering") && g && C, [g, C, l]), M = t.useCallback(() => {
39
- let m = n.current, E = r.current;
40
- if (!m || !E || h || l === "none") return;
41
- let f = m, x = f.getBoundingClientRect().left + f.offsetWidth, T = f.getBoundingClientRect().top + f.offsetHeight / 2, o = x - Xe, L = T;
42
- document.querySelectorAll(et).length === 0 && document.elementFromPoint(o, L) === m || (s(!0), D(!0));
43
- }, [n, r, h, l]);
44
- return t.useEffect(() => {
45
- let m = n.current;
46
- if (!m || l === "none") return;
47
- function E() {
48
- let x = window.innerWidth - m.getBoundingClientRect().right;
49
- y(x >= ye);
75
+ var Xt = 18, Ct = 40, Yt = `${Ct}px`, te = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
76
+ function ee({ containerRef: t, inputRef: r, pushPasswordManagerStrategy: a, isFocused: u }) {
77
+ let [h, s] = n.useState(!1), [w, d] = n.useState(!1), [R, S] = n.useState(!1), D = n.useMemo(() => a === "none" ? !1 : (a === "increase-width" || a === "experimental-no-flickering") && h && w, [h, w, a]), T = n.useCallback(() => {
78
+ let f = t.current, g = r.current;
79
+ if (!f || !g || R || a === "none") return;
80
+ let v = f, x = v.getBoundingClientRect().left + v.offsetWidth, O = v.getBoundingClientRect().top + v.offsetHeight / 2, l = x - Xt, W = O;
81
+ document.querySelectorAll(te).length === 0 && document.elementFromPoint(l, W) === f || (s(!0), S(!0));
82
+ }, [t, r, R, a]);
83
+ return n.useEffect(() => {
84
+ let f = t.current;
85
+ if (!f || a === "none") return;
86
+ function g() {
87
+ let x = window.innerWidth - f.getBoundingClientRect().right;
88
+ d(x >= Ct);
50
89
  }
51
- E();
52
- let f = setInterval(E, 1e3);
90
+ g();
91
+ let v = setInterval(g, 1e3);
53
92
  return () => {
54
- clearInterval(f);
93
+ clearInterval(v);
55
94
  };
56
- }, [n, l]), t.useEffect(() => {
57
- let m = u || document.activeElement === r.current;
58
- if (l === "none" || !m) return;
59
- let E = setTimeout(M, 0), f = setTimeout(M, 2e3), x = setTimeout(M, 5e3), T = setTimeout(() => {
60
- D(!0);
95
+ }, [t, a]), n.useEffect(() => {
96
+ let f = u || document.activeElement === r.current;
97
+ if (a === "none" || !f) return;
98
+ let g = setTimeout(T, 0), v = setTimeout(T, 2e3), x = setTimeout(T, 5e3), O = setTimeout(() => {
99
+ S(!0);
61
100
  }, 6e3);
62
101
  return () => {
63
- clearTimeout(E), clearTimeout(f), clearTimeout(x), clearTimeout(T);
102
+ clearTimeout(g), clearTimeout(v), clearTimeout(x), clearTimeout(O);
64
103
  };
65
- }, [r, u, l, M]), { hasPWMBadge: g, willPushPWMBadge: I, PWM_BADGE_SPACE_WIDTH: Ye };
104
+ }, [r, u, a, T]), { hasPWMBadge: h, willPushPWMBadge: D, PWM_BADGE_SPACE_WIDTH: Yt };
66
105
  }
67
- var xe = t.createContext({}), Se = t.forwardRef((n, r) => {
68
- var l = n, { value: u, onChange: g, maxLength: s, textAlign: C = "left", pattern: y, placeholder: h, inputMode: D = "numeric", onComplete: I, pushPasswordManagerStrategy: M = "increase-width", pasteTransformer: m, containerClassName: E, noScriptCSSFallback: f = nt, render: x, children: T } = l, o = Ke(l, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), L, ne, re, ae, le;
69
- let [Te, Re] = t.useState(typeof o.defaultValue == "string" ? o.defaultValue : ""), c = u ?? Te, A = Ue(c), G = t.useCallback((e) => {
70
- g?.(e), Re(e);
71
- }, [g]), P = t.useMemo(() => y ? typeof y == "string" ? new RegExp(y) : y : null, [y]), p = t.useRef(null), U = t.useRef(null), X = t.useRef({ value: c, onChange: G, isIOS: typeof window < "u" && ((ne = (L = window?.CSS) == null ? void 0 : L.supports) == null ? void 0 : ne.call(L, "-webkit-touch-callout", "none")) }), Z = t.useRef({ prev: [(re = p.current) == null ? void 0 : re.selectionStart, (ae = p.current) == null ? void 0 : ae.selectionEnd, (le = p.current) == null ? void 0 : le.selectionDirection] });
72
- t.useImperativeHandle(r, () => p.current, []), t.useEffect(() => {
73
- let e = p.current, a = U.current;
74
- if (!e || !a) return;
75
- X.current.value !== e.value && X.current.onChange(e.value), Z.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
76
- function d() {
106
+ var ne = n.createContext({}), Mt = n.forwardRef((t, r) => {
107
+ var a = t, { value: u, onChange: h, maxLength: s, textAlign: w = "left", pattern: d, placeholder: R, inputMode: S = "numeric", onComplete: D, pushPasswordManagerStrategy: T = "increase-width", pasteTransformer: f, containerClassName: g, noScriptCSSFallback: v = re, render: x, children: O } = a, l = Kt(a, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), W, Q, U, B, I;
108
+ let [z, It] = n.useState(typeof l.defaultValue == "string" ? l.defaultValue : ""), c = u ?? z, F = Ut(c), V = n.useCallback((e) => {
109
+ h?.(e), It(e);
110
+ }, [h]), M = n.useMemo(() => d ? typeof d == "string" ? new RegExp(d) : d : null, [d]), p = n.useRef(null), nt = n.useRef(null), rt = n.useRef({ value: c, onChange: V, isIOS: typeof window < "u" && ((Q = (W = window?.CSS) == null ? void 0 : W.supports) == null ? void 0 : Q.call(W, "-webkit-touch-callout", "none")) }), X = n.useRef({ prev: [(U = p.current) == null ? void 0 : U.selectionStart, (B = p.current) == null ? void 0 : B.selectionEnd, (I = p.current) == null ? void 0 : I.selectionDirection] });
111
+ n.useImperativeHandle(r, () => p.current, []), n.useEffect(() => {
112
+ let e = p.current, o = nt.current;
113
+ if (!e || !o) return;
114
+ rt.current.value !== e.value && rt.current.onChange(e.value), X.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
115
+ function m() {
77
116
  if (document.activeElement !== e) {
78
- z(null), V(null);
117
+ Z(null), J(null);
79
118
  return;
80
119
  }
81
- let i = e.selectionStart, v = e.selectionEnd, J = e.selectionDirection, S = e.maxLength, W = e.value, k = Z.current.prev, R = -1, O = -1, B;
82
- if (W.length !== 0 && i !== null && v !== null) {
83
- let Ae = i === v, Ne = i === W.length && W.length < S;
84
- if (Ae && !Ne) {
85
- let _ = i;
86
- if (_ === 0) R = 0, O = 1, B = "forward";
87
- else if (_ === S) R = _ - 1, O = _, B = "backward";
88
- else if (S > 1 && W.length > 1) {
89
- let te = 0;
120
+ let i = e.selectionStart, b = e.selectionEnd, Y = e.selectionDirection, C = e.maxLength, _ = e.value, k = X.current.prev, A = -1, j = -1, H;
121
+ if (_.length !== 0 && i !== null && b !== null) {
122
+ let Bt = i === b, Ft = i === _.length && _.length < C;
123
+ if (Bt && !Ft) {
124
+ let G = i;
125
+ if (G === 0) A = 0, j = 1, H = "forward";
126
+ else if (G === C) A = G - 1, j = G, H = "backward";
127
+ else if (C > 1 && _.length > 1) {
128
+ let lt = 0;
90
129
  if (k[0] !== null && k[1] !== null) {
91
- B = _ < k[1] ? "backward" : "forward";
92
- let We = k[0] === k[1] && k[0] < S;
93
- B === "backward" && !We && (te = -1);
130
+ H = G < k[1] ? "backward" : "forward";
131
+ let Nt = k[0] === k[1] && k[0] < C;
132
+ H === "backward" && !Nt && (lt = -1);
94
133
  }
95
- R = te + _, O = te + _ + 1;
134
+ A = lt + G, j = lt + G + 1;
96
135
  }
97
136
  }
98
- R !== -1 && O !== -1 && R !== O && p.current.setSelectionRange(R, O, B);
137
+ A !== -1 && j !== -1 && A !== j && p.current.setSelectionRange(A, j, H);
99
138
  }
100
- let de = R !== -1 ? R : i, me = O !== -1 ? O : v, Ie = B ?? J;
101
- z(de), V(me), Z.current.prev = [de, me, Ie];
139
+ let gt = A !== -1 ? A : i, bt = j !== -1 ? j : b, Wt = H ?? Y;
140
+ Z(gt), J(bt), X.current.prev = [gt, bt, Wt];
102
141
  }
103
- if (document.addEventListener("selectionchange", d, { capture: !0 }), d(), document.activeElement === e && Y(!0), !document.getElementById("input-otp-style")) {
142
+ if (document.addEventListener("selectionchange", m, { capture: !0 }), m(), document.activeElement === e && ot(!0), !document.getElementById("input-otp-style")) {
104
143
  let i = document.createElement("style");
105
144
  if (i.id = "input-otp-style", document.head.appendChild(i), i.sheet) {
106
- let v = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
107
- q(i.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), q(i.sheet, `[data-input-otp]:autofill { ${v} }`), q(i.sheet, `[data-input-otp]:-webkit-autofill { ${v} }`), q(i.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), q(i.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
145
+ let b = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
146
+ K(i.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), K(i.sheet, `[data-input-otp]:autofill { ${b} }`), K(i.sheet, `[data-input-otp]:-webkit-autofill { ${b} }`), K(i.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), K(i.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
108
147
  }
109
148
  }
110
- let b = () => {
111
- a && a.style.setProperty("--root-height", `${e.clientHeight}px`);
149
+ let y = () => {
150
+ o && o.style.setProperty("--root-height", `${e.clientHeight}px`);
112
151
  };
113
- b();
114
- let w = new ResizeObserver(b);
115
- return w.observe(e), () => {
116
- document.removeEventListener("selectionchange", d, { capture: !0 }), w.disconnect();
152
+ y();
153
+ let E = new ResizeObserver(y);
154
+ return E.observe(e), () => {
155
+ document.removeEventListener("selectionchange", m, { capture: !0 }), E.disconnect();
117
156
  };
118
157
  }, []);
119
- let [oe, ie] = t.useState(!1), [$, Y] = t.useState(!1), [N, z] = t.useState(null), [F, V] = t.useState(null);
120
- t.useEffect(() => {
121
- Qe(() => {
122
- var e, a, d, b;
158
+ let [pt, dt] = n.useState(!1), [q, ot] = n.useState(!1), [N, Z] = n.useState(null), [$, J] = n.useState(null);
159
+ n.useEffect(() => {
160
+ Qt(() => {
161
+ var e, o, m, y;
123
162
  (e = p.current) == null || e.dispatchEvent(new Event("input"));
124
- let w = (a = p.current) == null ? void 0 : a.selectionStart, i = (d = p.current) == null ? void 0 : d.selectionEnd, v = (b = p.current) == null ? void 0 : b.selectionDirection;
125
- w !== null && i !== null && (z(w), V(i), Z.current.prev = [w, i, v]);
163
+ let E = (o = p.current) == null ? void 0 : o.selectionStart, i = (m = p.current) == null ? void 0 : m.selectionEnd, b = (y = p.current) == null ? void 0 : y.selectionDirection;
164
+ E !== null && i !== null && (Z(E), J(i), X.current.prev = [E, i, b]);
126
165
  });
127
- }, [c, $]), t.useEffect(() => {
128
- A !== void 0 && c !== A && A.length < s && c.length === s && I?.(c);
129
- }, [s, I, A, c]);
130
- let H = tt({ containerRef: U, inputRef: p, pushPasswordManagerStrategy: M, isFocused: $ }), ue = t.useCallback((e) => {
131
- let a = e.currentTarget.value.slice(0, s);
132
- if (a.length > 0 && P && !P.test(a)) {
166
+ }, [c, q]), n.useEffect(() => {
167
+ F !== void 0 && c !== F && F.length < s && c.length === s && D?.(c);
168
+ }, [s, D, F, c]);
169
+ let L = ee({ containerRef: nt, inputRef: p, pushPasswordManagerStrategy: T, isFocused: q }), mt = n.useCallback((e) => {
170
+ let o = e.currentTarget.value.slice(0, s);
171
+ if (o.length > 0 && M && !M.test(o)) {
133
172
  e.preventDefault();
134
173
  return;
135
174
  }
136
- typeof A == "string" && a.length < A.length && document.dispatchEvent(new Event("selectionchange")), G(a);
137
- }, [s, G, A, P]), se = t.useCallback(() => {
175
+ typeof F == "string" && o.length < F.length && document.dispatchEvent(new Event("selectionchange")), V(o);
176
+ }, [s, V, F, M]), ft = n.useCallback(() => {
138
177
  var e;
139
178
  if (p.current) {
140
- let a = Math.min(p.current.value.length, s - 1), d = p.current.value.length;
141
- (e = p.current) == null || e.setSelectionRange(a, d), z(a), V(d);
179
+ let o = Math.min(p.current.value.length, s - 1), m = p.current.value.length;
180
+ (e = p.current) == null || e.setSelectionRange(o, m), Z(o), J(m);
142
181
  }
143
- Y(!0);
144
- }, [s]), ce = t.useCallback((e) => {
145
- var a, d;
146
- let b = p.current;
147
- if (!m && (!X.current.isIOS || !e.clipboardData || !b)) return;
148
- let w = e.clipboardData.getData("text/plain"), i = m ? m(w) : w;
182
+ ot(!0);
183
+ }, [s]), vt = n.useCallback((e) => {
184
+ var o, m;
185
+ let y = p.current;
186
+ if (!f && (!rt.current.isIOS || !e.clipboardData || !y)) return;
187
+ let E = e.clipboardData.getData("text/plain"), i = f ? f(E) : E;
149
188
  e.preventDefault();
150
- let v = (a = p.current) == null ? void 0 : a.selectionStart, J = (d = p.current) == null ? void 0 : d.selectionEnd, S = (v !== J ? c.slice(0, v) + i + c.slice(J) : c.slice(0, v) + i + c.slice(v)).slice(0, s);
151
- if (S.length > 0 && P && !P.test(S)) return;
152
- b.value = S, G(S);
153
- let W = Math.min(S.length, s - 1), k = S.length;
154
- b.setSelectionRange(W, k), z(W), V(k);
155
- }, [s, G, P, c]), Oe = t.useMemo(() => ({ position: "relative", cursor: o.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [o.disabled]), pe = t.useMemo(() => ({ position: "absolute", inset: 0, width: H.willPushPWMBadge ? `calc(100% + ${H.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: H.willPushPWMBadge ? `inset(0 ${H.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: C, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [H.PWM_BADGE_SPACE_WIDTH, H.willPushPWMBadge, C]), je = t.useMemo(() => t.createElement("input", Je(Ze({ autoComplete: o.autoComplete || "one-time-code" }, o), { "data-input-otp": !0, "data-input-otp-placeholder-shown": c.length === 0 || void 0, "data-input-otp-mss": N, "data-input-otp-mse": F, inputMode: D, pattern: P?.source, "aria-placeholder": h, style: pe, maxLength: s, value: c, ref: p, onPaste: (e) => {
156
- var a;
157
- ce(e), (a = o.onPaste) == null || a.call(o, e);
158
- }, onChange: ue, onMouseOver: (e) => {
159
- var a;
160
- ie(!0), (a = o.onMouseOver) == null || a.call(o, e);
189
+ let b = (o = p.current) == null ? void 0 : o.selectionStart, Y = (m = p.current) == null ? void 0 : m.selectionEnd, C = (b !== Y ? c.slice(0, b) + i + c.slice(Y) : c.slice(0, b) + i + c.slice(b)).slice(0, s);
190
+ if (C.length > 0 && M && !M.test(C)) return;
191
+ y.value = C, V(C);
192
+ let _ = Math.min(C.length, s - 1), k = C.length;
193
+ y.setSelectionRange(_, k), Z(_), J(k);
194
+ }, [s, V, M, c]), At = n.useMemo(() => ({ position: "relative", cursor: l.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [l.disabled]), ht = n.useMemo(() => ({ position: "absolute", inset: 0, width: L.willPushPWMBadge ? `calc(100% + ${L.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: L.willPushPWMBadge ? `inset(0 ${L.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: w, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [L.PWM_BADGE_SPACE_WIDTH, L.willPushPWMBadge, w]), jt = n.useMemo(() => n.createElement("input", Jt(Zt({ autoComplete: l.autoComplete || "one-time-code" }, l), { "data-input-otp": !0, "data-input-otp-placeholder-shown": c.length === 0 || void 0, "data-input-otp-mss": N, "data-input-otp-mse": $, inputMode: S, pattern: M?.source, "aria-placeholder": R, style: ht, maxLength: s, value: c, ref: p, onPaste: (e) => {
195
+ var o;
196
+ vt(e), (o = l.onPaste) == null || o.call(l, e);
197
+ }, onChange: mt, onMouseOver: (e) => {
198
+ var o;
199
+ dt(!0), (o = l.onMouseOver) == null || o.call(l, e);
161
200
  }, onMouseLeave: (e) => {
162
- var a;
163
- ie(!1), (a = o.onMouseLeave) == null || a.call(o, e);
201
+ var o;
202
+ dt(!1), (o = l.onMouseLeave) == null || o.call(l, e);
164
203
  }, onFocus: (e) => {
165
- var a;
166
- se(), (a = o.onFocus) == null || a.call(o, e);
204
+ var o;
205
+ ft(), (o = l.onFocus) == null || o.call(l, e);
167
206
  }, onBlur: (e) => {
168
- var a;
169
- Y(!1), (a = o.onBlur) == null || a.call(o, e);
170
- } })), [ue, se, ce, D, pe, s, F, N, o, P?.source, c]), ee = t.useMemo(() => ({ slots: Array.from({ length: s }).map((e, a) => {
171
- var d;
172
- let b = $ && N !== null && F !== null && (N === F && a === N || a >= N && a < F), w = c[a] !== void 0 ? c[a] : null, i = c[0] !== void 0 ? null : (d = h?.[a]) != null ? d : null;
173
- return { char: w, placeholderChar: i, isActive: b, hasFakeCaret: b && w === null };
174
- }), isFocused: $, isHovering: !o.disabled && oe }), [$, oe, s, F, N, o.disabled, c]), De = t.useMemo(() => x ? x(ee) : t.createElement(xe.Provider, { value: ee }, T), [T, ee, x]);
175
- return t.createElement(t.Fragment, null, f !== null && t.createElement("noscript", null, t.createElement("style", null, f)), t.createElement("div", { ref: U, "data-input-otp-container": !0, style: Oe, className: E }, De, t.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, je)));
207
+ var o;
208
+ ot(!1), (o = l.onBlur) == null || o.call(l, e);
209
+ } })), [mt, ft, vt, S, ht, s, $, N, l, M?.source, c]), at = n.useMemo(() => ({ slots: Array.from({ length: s }).map((e, o) => {
210
+ var m;
211
+ let y = q && N !== null && $ !== null && (N === $ && o === N || o >= N && o < $), E = c[o] !== void 0 ? c[o] : null, i = c[0] !== void 0 ? null : (m = R?.[o]) != null ? m : null;
212
+ return { char: E, placeholderChar: i, isActive: y, hasFakeCaret: y && E === null };
213
+ }), isFocused: q, isHovering: !l.disabled && pt }), [q, pt, s, $, N, l.disabled, c]), Dt = n.useMemo(() => x ? x(at) : n.createElement(ne.Provider, { value: at }, O), [O, at, x]);
214
+ return n.createElement(n.Fragment, null, v !== null && n.createElement("noscript", null, n.createElement("style", null, v)), n.createElement("div", { ref: nt, "data-input-otp-container": !0, style: At, className: g }, Dt, n.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, jt)));
176
215
  });
177
- Se.displayName = "Input";
178
- function q(n, r) {
216
+ Mt.displayName = "Input";
217
+ function K(t, r) {
179
218
  try {
180
- n.insertRule(r);
219
+ t.insertRule(r);
181
220
  } catch {
182
221
  console.error("input-otp could not insert CSS rule:", r);
183
222
  }
184
223
  }
185
- var nt = `
224
+ var re = `
186
225
  [data-input-otp] {
187
226
  --nojs-bg: white !important;
188
227
  --nojs-fg: black !important;
@@ -202,101 +241,127 @@ var nt = `
202
241
  --nojs-fg: white !important;
203
242
  }
204
243
  }`;
205
- const Ee = He({}), Pe = Q(
244
+ const kt = Et({}), Rt = Et(null), Tt = () => {
245
+ const t = Pt(Rt);
246
+ if (!t)
247
+ throw new Error("useRoot must be used within an InputOTP");
248
+ return t;
249
+ }, Ot = et(
206
250
  ({
207
- className: n,
251
+ autoFocus: t = !1,
208
252
  children: r,
209
- id: l,
210
- name: u,
211
- errorMessage: g,
212
- hasError: s,
213
- inputMode: C = "numeric",
214
- onComplete: y,
215
- onChange: h,
216
- value: D,
217
- autoFocus: I = !1,
218
- maxLength: M,
219
- ...m
220
- }, E) => {
221
- const f = Be(l, u), x = (T) => {
222
- const o = T.clipboardData.getData("text/plain").trim();
223
- o.length === M && typeof h == "function" && (h(""), setTimeout(() => {
224
- typeof h == "function" && h(o);
253
+ className: a,
254
+ errorMessage: u,
255
+ hasError: h,
256
+ id: s,
257
+ inputMode: w = "numeric",
258
+ maxLength: d,
259
+ name: R,
260
+ onChange: S,
261
+ onComplete: D,
262
+ value: T,
263
+ variant: f = "outlined",
264
+ groupSize: g,
265
+ separatorPositions: v,
266
+ ...x
267
+ }, O) => {
268
+ const l = Ht(s, R), W = (B) => {
269
+ const I = B.clipboardData.getData("text/plain").trim();
270
+ I.length === d && typeof S == "function" && (S(""), setTimeout(() => {
271
+ typeof S == "function" && S(I);
225
272
  }, 0));
226
- };
227
- return /* @__PURE__ */ j(Ee.Provider, { value: { hasError: s }, children: /* @__PURE__ */ ge("div", { className: "flex w-max flex-col gap-y-1", children: [
228
- /* @__PURE__ */ j(
229
- Se,
273
+ }, Q = v ?? (g ? Array.from({ length: Math.ceil(d / g) - 1 }, (B, I) => (I + 1) * g) : []), U = g !== void 0 || v !== void 0;
274
+ return /* @__PURE__ */ P(kt.Provider, { value: { hasError: h }, children: /* @__PURE__ */ it("div", { className: "flex w-max flex-col gap-y-1", children: [
275
+ /* @__PURE__ */ P(
276
+ Mt,
230
277
  {
231
- ref: E,
232
- value: D,
233
- onChange: h,
234
- onComplete: y,
235
- containerClassName: he(
278
+ autoFocus: t,
279
+ containerClassName: yt(
236
280
  "flex items-center gap-2 has-[:disabled]:opacity-50 disabled:cursor-not-allowed",
237
- n
281
+ a
238
282
  ),
239
- maxLength: M,
240
- autoFocus: I,
241
- id: f,
242
- inputMode: C,
243
- textAlign: "center",
244
- onPaste: x,
245
- ...m,
246
- "data-testid": "input-otp",
247
- pushPasswordManagerStrategy: "none",
248
283
  "data-1p-ignore": "true",
284
+ "data-dashlane-disabled-on-field": "true",
249
285
  "data-lpignore": "true",
250
286
  "data-protonpass-ignore": "true",
251
- "data-dashlane-disabled-on-field": "true",
252
- children: r
287
+ "data-testid": "input-otp",
288
+ id: l,
289
+ inputMode: w,
290
+ maxLength: d,
291
+ onChange: S,
292
+ onComplete: D,
293
+ onPaste: W,
294
+ pushPasswordManagerStrategy: "none",
295
+ ref: O,
296
+ textAlign: "center",
297
+ value: T,
298
+ ...x,
299
+ render: ({ slots: B }) => /* @__PURE__ */ P(Rt.Provider, { value: { slots: B, variant: f }, children: U ? /* @__PURE__ */ P(ut, { children: [...Array(d)].map((I, z) => /* @__PURE__ */ it(Lt, { children: [
300
+ Q.includes(z) && /* @__PURE__ */ P(ct, {}),
301
+ /* @__PURE__ */ P(st, { index: z })
302
+ ] }, z)) }) : r })
253
303
  }
254
304
  ),
255
- s && g && /* @__PURE__ */ j(_e, { id: Fe(f), message: g })
305
+ h && u && /* @__PURE__ */ P(Gt, { id: $t(l), message: u })
256
306
  ] }) });
257
307
  }
258
308
  );
259
- Pe.displayName = "InputOTP";
260
- const Ce = Q(({ ...n }, r) => /* @__PURE__ */ j(
309
+ Ot.displayName = "InputOTP";
310
+ const ut = et(({ ...t }, r) => /* @__PURE__ */ P(
261
311
  "div",
262
312
  {
263
313
  ref: r,
264
- className: "flex items-center justify-between gap-x-2 min-[390px]:gap-x-3 md:justify-center md:gap-x-4",
265
- ...n,
314
+ className: "flex items-center justify-between justify-center gap-x-2",
315
+ ...t,
266
316
  "data-testid": "input-otp-group"
267
317
  }
268
318
  ));
269
- Ce.displayName = "InputOTP.Group";
270
- const Me = Q(
271
- ({ index: n, ...r }, l) => {
272
- const { slots: u } = fe(xe), { hasError: g } = fe(Ee), { char: s, hasFakeCaret: C, isActive: y } = u[n];
273
- return /* @__PURE__ */ ge(
319
+ ut.displayName = "InputOTP.Group";
320
+ const st = et(
321
+ ({ index: t, className: r, ...a }, u) => {
322
+ const { variant: h = "outlined", slots: s = [] } = Tt(), { hasError: w } = Pt(kt), d = s[t] || { char: "", hasFakeCaret: !0, isActive: !1 };
323
+ return /* @__PURE__ */ it(
274
324
  "div",
275
325
  {
276
- ref: l,
277
- className: he(
278
- "relative z-10 flex h-10 w-10 items-center justify-center rounded-[8px] text-sm transition duration-200 focus:outline-none",
279
- y && "outline-input-border--focus outline-2 outline-offset-2",
280
- g && "border-danger-400 focus-visible:outline-danger-400 border-2"
326
+ ref: u,
327
+ className: yt(
328
+ "relative z-10 flex h-12 w-10 items-center justify-center rounded-[8px] border-1 transition duration-200 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
329
+ h === "filled" ? "bg-level-one border-level-one" : "border-input-otp-border bg-transparent",
330
+ !w && "border",
331
+ w && "border-danger-400 focus-visible:outline-danger-400 border-2",
332
+ d.isActive && !w && "outline-input-otp-border--focus z-10 outline-2 outline-offset-2",
333
+ d.isActive && w && "outline-danger-400 outline-2 outline-offset-2",
334
+ r
281
335
  ),
282
- ...r,
336
+ "data-index": t,
283
337
  "data-testid": "input-otp-slot",
338
+ "data-variant": h,
339
+ ...a,
284
340
  children: [
285
- s,
286
- C && /* @__PURE__ */ j("div", { className: "animate-caret-blink pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ j("div", { className: "bg-concrete h-8 w-px" }) })
341
+ d.char,
342
+ d.hasFakeCaret && /* @__PURE__ */ P("div", { className: "animate-caret-blink pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ P("div", { className: "bg-input-otp-caret h-8 w-px" }) })
287
343
  ]
288
344
  }
289
345
  );
290
346
  }
291
347
  );
292
- Me.displayName = "InputOTP.Slot";
293
- const ke = Q(({ ...n }, r) => /* @__PURE__ */ j("div", { ref: r, role: "separator", ...n, "data-testid": "input-otp-separator", children: /* @__PURE__ */ j($e, { className: "text-input-text-placeholder" }) }));
294
- ke.displayName = "InputOTP.Separator";
295
- const ut = Object.assign(Pe, {
296
- Group: Ce,
297
- Slot: Me,
298
- Separator: ke
348
+ st.displayName = "InputOTP.Slot";
349
+ const ct = et(({ ...t }, r) => {
350
+ const { variant: a = "outlined" } = Tt();
351
+ return /* @__PURE__ */ P("div", { ref: r, role: "separator", ...t, "data-testid": "input-otp-separator", "data-variant": a, children: /* @__PURE__ */ P(
352
+ _t,
353
+ {
354
+ size: 24,
355
+ color: a === "filled" ? "var(--color-input-otp-filled-separator)" : "var(--color-input-otp-border)"
356
+ }
357
+ ) });
358
+ });
359
+ ct.displayName = "InputOTP.Separator";
360
+ const en = Object.assign(Ot, {
361
+ Group: ut,
362
+ Slot: st,
363
+ Separator: ct
299
364
  });
300
365
  export {
301
- ut as InputOTP
366
+ en as InputOTP
302
367
  };
@@ -1,9 +1,12 @@
1
1
  import { OTPInputProps } from 'input-otp';
2
2
  type InputOTPRootProps = Omit<OTPInputProps, 'textAlign' | 'pushPasswordManagerStrategy' | 'pasteTransformer' | 'noScriptCSSFallback' | 'placeholder' | 'containerClassName' | 'render'> & {
3
- onComplete?: (...args: any[]) => void;
3
+ onComplete?: (...args: unknown[]) => void;
4
4
  inputMode?: 'numeric' | 'text' | 'decimal' | 'tel' | 'search' | 'email' | 'url';
5
5
  className?: string;
6
6
  separator?: boolean;
7
+ variant?: 'outlined' | 'filled';
8
+ groupSize?: number;
9
+ separatorPositions?: number[];
7
10
  };
8
11
  export type InputOTPProps = InputOTPRootProps & ({
9
12
  value: number | string;
@@ -1 +1 @@
1
- {"version":3,"file":"InputOTP.d.ts","sourceRoot":"","sources":["../../../src/components/InputOTP/InputOTP.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,aAAa,EAAE,MAAM,WAAW,CAAA;AAWzE,KAAK,iBAAiB,GAAG,IAAI,CAC3B,aAAa,EACX,WAAW,GACX,6BAA6B,GAC7B,kBAAkB,GAClB,qBAAqB,GACrB,aAAa,GACb,oBAAoB,GACpB,QAAQ,CACX,GAAG;IACF,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,CAAC;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CAAE,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GACjH,CAAC;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAA;AA4HrG,eAAO,MAAM,QAAQ;;;eApCmE,MAAM;;;CAwC5F,CAAA"}
1
+ {"version":3,"file":"InputOTP.d.ts","sourceRoot":"","sources":["../../../src/components/InputOTP/InputOTP.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,WAAW,CAAA;AAWxD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,aAAa,EACX,WAAW,GACX,6BAA6B,GAC7B,kBAAkB,GAClB,qBAAqB,GACrB,aAAa,GACb,oBAAoB,GACpB,QAAQ,CACX,GAAG;IACF,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,CAAC;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CAAE,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GACjH,CAAC;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAA;AAiLrG,eAAO,MAAM,QAAQ;;;eAjDmE,MAAM;;;CAqD5F,CAAA"}
@@ -1 +1 @@
1
- /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer tailwind-base;@layer spectral-base{:root{--horizon-color-black:oklch(0% 0 0);--horizon-color-white:oklch(100% 0 0);--horizon-color-transparent:oklch(0% 0 0/0);--horizon-color-accent:oklch(92.53% .1976 123.38);--horizon-color-neutral-50:oklch(97.64% .001 286.38);--horizon-color-neutral-100:oklch(92.19% 0 0);--horizon-color-neutral-200:oklch(86.99% 0 0);--horizon-color-neutral-300:oklch(79.03% 0 0);--horizon-color-neutral-400:oklch(71.55% 0 0);--horizon-color-neutral-500:oklch(55.55% 0 0);--horizon-color-neutral-600:oklch(43.86% 0 0);--horizon-color-neutral-700:oklch(37.15% 0 0);--horizon-color-neutral-800:oklch(32.11% 0 0);--horizon-color-neutral-900:oklch(26.86% 0 0);--horizon-color-neutral-950:oklch(21.78% 0 0);--horizon-color-primary-50:oklch(97.05% .0142 254.6);--horizon-color-primary-100:oklch(93.19% .0316 255.59);--horizon-color-primary-200:oklch(88.41% .0581 252.44);--horizon-color-primary-300:oklch(80.75% .0958 253.19);--horizon-color-primary-400:oklch(71.27% .1469 255.61);--horizon-color-primary-500:oklch(62.31% .1862 260.06);--horizon-color-primary-600:oklch(54.34% .2151 263.01);--horizon-color-primary-700:oklch(49.14% .2189 264.03);--horizon-color-primary-800:oklch(42.75% .1828 265.08);--horizon-color-primary-900:oklch(37.78% .1366 265.11);--horizon-color-primary-950:oklch(28.37% .0887 268.75);--horizon-color-secondary-50:oklch(98.54% .02 196.82);--horizon-color-secondary-100:oklch(96.15% .05 199.51);--horizon-color-secondary-200:oklch(92.69% .08 202.36);--horizon-color-secondary-300:oklch(88.13% .12 205.57);--horizon-color-secondary-400:oklch(82.31% .14 209.5);--horizon-color-secondary-500:oklch(74.21% .13 212.99);--horizon-color-secondary-600:oklch(62.91% .11 220.51);--horizon-color-secondary-700:oklch(53.76% .1 221.71);--horizon-color-secondary-800:oklch(46.18% .08 222.7);--horizon-color-secondary-900:oklch(40.44% .07 227.13);--horizon-color-secondary-950:oklch(30.82% .06 228.09);--horizon-color-level-zero:oklch(24.79% .0058 271.18);--horizon-color-level-one:oklch(27.28% .0097 268.32);--horizon-color-level-two:oklch(30.73% .0106 253.99);--horizon-color-level-three:oklch(32.71% .0104 253.98);--horizon-color-level-four:oklch(35.77% .0088 248.07);--horizon-color-level-five:oklch(38.75% .0073 242.06);--horizon-color-success-50:oklch(96.27% .04 158.08);--horizon-color-success-100:oklch(92.53% .08 156.69);--horizon-color-success-200:oklch(87.14% .14 154.83);--horizon-color-success-300:oklch(80.03% .18 151.71);--horizon-color-success-400:oklch(72.27% .19 149.58);--horizon-color-success-500:oklch(62.71% .17 149.21);--horizon-color-warning-50:oklch(95.15% .02 73.61);--horizon-color-warning-100:oklch(95.4% .04 76.2);--horizon-color-warning-200:oklch(90.9% .095 52.355);--horizon-color-warning-300:oklch(84.9% .144 52.438);--horizon-color-warning-400:oklch(74.58% .1802 56.73);--horizon-color-warning-500:oklch(69.96% .201959 44.4414);--horizon-color-danger-50:oklch(88.5% .062 18.334);--horizon-color-danger-100:oklch(80.8% .114 19.571);--horizon-color-danger-200:oklch(70.4% .191 22.216);--horizon-color-danger-300:oklch(63.7% .237 25.331);--horizon-color-danger-400:oklch(57.7% .245 27.325);--horizon-color-danger-500:oklch(50.85% .2012 28.45)}:root[data-theme=light]{--horizon-color-level-one:oklch(98.51% 0 0);--color-background:var(--horizon-color-neutral-50);--color-ring-offset:var(--horizon-color-neutral-50);--color-text-primary:var(--horizon-color-neutral-900);--color-text-secondary:var(--horizon-color-neutral-600);--color-card-bg:var(--horizon-color-level-one);--color-card-text:var(--horizon-color-neutral-900);--color-switch-bg:var(--horizon-color-neutral-300);--color-switch-bg--checked:var(--horizon-color-neutral-950);--color-switch-thumb:var(--horizon-color-neutral-50);--color-shadow-neumorphic:oklch(92.49% 0 0);--color-shadow-neumorphic-large:oklch(88.56% .0014 286.37)}}@layer tailwind-utilities;@layer spectral-components{@layer base{html{font-family:var(--font-sans)}*,:before,:after{box-sizing:border-box!important}body{box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-sans)}p{color:var(--color-text-primary)}h3{color:var(--color-text-primary);margin:0;font-size:1.5rem;font-weight:700}[data-vaul-drawer] *,[data-vaul-drawer] :before,[data-vaul-drawer] :after{box-sizing:border-box!important}svg:focus-visible,svg:focus{outline:none}}@layer utilities{.shadow-neumorphic-large{box-shadow:12px 12px 24px var(--color-shadow-neumorphic-large),-12px -12px 24px var(--color-white)}.shadow-neumorphic-small{box-shadow:4px 4px 8px var(--color-shadow-neumorphic),-4px -4px 8px var(--color-white)}.dialog-no-animations,.dialog-no-animations[data-state=open],.dialog-no-animations[data-state=closed]{animation:none!important;transform:translate(-50%)translateY(-50%)!important}}.spectral-root{isolation:isolate}}@layer theme{:root,:host{--font-sans:"Work Sans",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"Source Code Pro",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-600:oklch(54.6% .245 262.881);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-lg:0 4px 4px #00000026;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:var(--horizon-color-neutral-950);--color-text-primary:var(--horizon-color-neutral-50);--color-text-secondary:var(--horizon-color-neutral-300);--color-text-accent-primary:var(--horizon-color-primary-500);--color-border-primary:var(--horizon-color-neutral-900);--color-border-secondary:var(--horizon-color-neutral-700);--color-selected-primary:var(--horizon-color-primary-700);--color-accent:var(--horizon-color-accent);--color-level-one:var(--horizon-color-level-one);--color-level-two:var(--horizon-color-level-two);--color-success-400:var(--horizon-color-success-400);--color-success-500:var(--horizon-color-success-500);--color-danger-50:var(--horizon-color-danger-50);--color-danger-100:var(--horizon-color-danger-100);--color-danger-200:var(--horizon-color-danger-200);--color-danger-300:var(--horizon-color-danger-300);--color-danger-400:var(--horizon-color-danger-400);--color-danger-500:var(--horizon-color-danger-500);--color-alert-bg:var(--horizon-color-level-two);--color-alert-border:var(--horizon-color-level-three);--color-alert-text:var(--horizon-color-neutral-50);--color-alert-success-bg:var(--horizon-color-success-50);--color-alert-success-border:var(--horizon-color-success-500);--color-alert-success-text:var(--horizon-color-success-500);--color-alert-warning-bg:var(--horizon-color-warning-50);--color-alert-warning-border:var(--horizon-color-warning-500);--color-alert-warning-text:var(--horizon-color-warning-500);--color-alert-danger-bg:var(--horizon-color-danger-50);--color-alert-danger-border:var(--horizon-color-danger-500);--color-alert-danger-text:var(--horizon-color-danger-500);--color-alert-info-bg:var(--horizon-color-primary-100);--color-alert-info-border:var(--horizon-color-primary-700);--color-alert-info-text:var(--horizon-color-primary-700);--color-badge-primary-bg:var(--horizon-color-level-five);--color-badge-primary-bg--hover:var(--horizon-color-level-four);--color-badge-primary-bg--active:var(--horizon-color-primary-800);--color-button-primary-bg:var(--horizon-color-accent);--color-button-primary-bg--hover:var(--horizon-color-level-two);--color-button-primary-bg--disabled:var(--horizon-color-neutral-500);--color-button-primary-border:var(--horizon-color-accent);--color-button-primary-border--hover:var(--horizon-color-level-two);--color-button-primary-border--disabled:var(--horizon-color-neutral-500);--color-button-primary-text:var(--horizon-color-neutral-900);--color-button-primary-text--hover:var(--horizon-color-accent);--color-button-primary-text--disabled:var(--horizon-color-neutral-200);--color-button-secondary-bg:var(--horizon-color-level-two);--color-button-secondary-bg--hover:var(--horizon-color-accent);--color-button-secondary-bg--disabled:var(--horizon-color-neutral-500);--color-button-secondary-text:var(--horizon-color-neutral-50);--color-button-secondary-text--hover:var(--horizon-color-level-two);--color-button-secondary-text--disabled:var(--horizon-color-neutral-200);--color-button-secondary-border:var(--horizon-color-neutral-900);--color-button-secondary-border--disabled:var(--horizon-color-neutral-500);--color-button-outline-bg:var(--horizon-color-transparent);--color-button-outline-bg--hover:var(--horizon-color-level-two);--color-button-outline-text:var(--horizon-color-neutral-50);--color-button-outline-text--hover:var(--horizon-color-accent);--color-button-outline-text--disabled:var(--horizon-color-neutral-400);--color-button-outline-border:var(--horizon-color-accent);--color-button-outline-border--disabled:var(--horizon-color-neutral-400);--color-button-ghost-bg:var(--horizon-color-transparent);--color-button-ghost-bg--hover:var(--horizon-color-level-two);--color-button-ghost-text:var(--horizon-color-neutral-50);--color-button-ghost-text--hover:var(--horizon-color-accent);--color-button-ghost-text--disabled:var(--horizon-color-neutral-400);--color-button-danger:var(--horizon-color-danger-400);--color-dialog-bg:var(--horizon-color-level-one);--color-drawer-bg:var(--horizon-color-level-one);--color-input-border:var(--horizon-color-neutral-200);--color-input-border--hover:var(--horizon-color-neutral-300);--color-input-border--focus:var(--horizon-color-accent);--color-input-border--disabled:var(--horizon-color-neutral-500);--color-input-bg:var(--horizon-color-level-zero);--color-input-bg--hover:var(--horizon-color-level-four);--color-input-bg--disabled:var(--horizon-color-neutral-700);--color-input-bg--selected:var(--horizon-color-level-four);--color-input-text:var(--horizon-color-neutral-50);--color-input-text--disabled:var(--horizon-color-neutral-200);--color-input-text-placeholder:var(--horizon-color-neutral-500);--color-popover-bg:var(--horizon-color-level-one);--color-popover-text:var(--horizon-color-neutral-50);--color-radio-bg:var(--horizon-color-neutral-900);--color-radio-bg--selected:var(--horizon-color-accent);--color-radio-border--hover:var(--horizon-color-accent);--color-radio-border--selected:var(--horizon-color-accent);--color-slider-track:var(--horizon-color-neutral-700);--color-slider-range:var(--horizon-color-neutral-50);--color-slider-thumb-border:var(--horizon-color-neutral-50);--color-slider-thumb-bg:var(--horizon-color-neutral-50);--color-slider-thumb-ring:var(--horizon-color-neutral-50);--color-switch-bg:var(--horizon-color-neutral-500);--color-switch-bg--checked:var(--horizon-color-success-500);--color-switch-thumb:var(--horizon-color-neutral-950);--color-tabs-group-bg:var(--horizon-color-level-one);--color-tabs-indicator:var(--horizon-color-accent);--color-tabs-enclosed-indicator:var(--horizon-color-level-three);--color-tabs-border:var(--horizon-color-level-four);--color-toggle-bg:var(--horizon-color-level-two);--color-toggle-bg--active:var(--horizon-color-primary-700);--color-toggle-bg--hover:var(--horizon-color-level-four);--color-toggle-border:var(--horizon-color-transparent);--color-toggle-border--hover:var(--horizon-color-level-four);--color-toggle-border--active:var(--horizon-color-primary-700);--color-toggle-text:var(--horizon-color-neutral-50);--color-toggle-text--hover:var(--horizon-color-neutral-200);--color-toggle-text--active:var(--horizon-color-neutral-50);--color-toggle-outline-border:var(--horizon-color-transparent);--color-toggle-group-bg:var(--horizon-color-level-five);--color-tooltip-bg:var(--horizon-color-level-two);--color-tooltip-arrow:var(--horizon-color-level-two);--animate-fade-in-tabs:fade-in-tabs .5s ease-in-out}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-0\.75{top:calc(var(--spacing)*.75)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-\[10\%\]{top:10%}.top-\[50\%\]{top:50%}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-\[1px\]{right:1px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-\[1px\]{bottom:1px}.bottom-\[10\%\]{bottom:10%}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.left-\[50\%\]{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.col-start-2{grid-column-start:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.m-0{margin:calc(var(--spacing)*0)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.\!my-6{margin-block:calc(var(--spacing)*6)!important}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.\!mt-0\.5{margin-top:calc(var(--spacing)*.5)!important}.\!mt-1\.5{margin-top:calc(var(--spacing)*1.5)!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-\[1\.6rem\]{margin-top:1.6rem}.mt-\[24px\]{margin-top:24px}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.\!mb-3{margin-bottom:calc(var(--spacing)*3)!important}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-3\!{margin-bottom:calc(var(--spacing)*3)!important}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-\[1\.2rem\]{margin-bottom:1.2rem}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-4\.5{height:calc(var(--spacing)*4.5)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-\[72px\]{height:72px}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-10{max-height:calc(var(--spacing)*10)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[var\(--radix-popover-content-max-height\)\]{max-height:var(--radix-popover-content-max-height)}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-4\.5{width:calc(var(--spacing)*4.5)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-\[32rem\]{width:32rem}.w-\[60\%\]{width:60%}.w-\[120px\]{width:120px}.w-\[220px\]{width:220px}.w-\[520px\]{width:520px}.w-\[var\(--popover-width\)\]{width:var(--popover-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-bottom{transform-origin:bottom}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.\[grid-template-columns\:repeat\(auto-fill\,minmax\(240px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}.gap-\[0\.4rem\]{gap:.4rem}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.gap-y-1{row-gap:calc(var(--spacing)*1)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[0\.75rem\]{border-radius:.75rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-alert-border{border-color:var(--color-alert-border)}.border-alert-danger-border{border-color:var(--color-alert-danger-border)}.border-alert-info-border{border-color:var(--color-alert-info-border)}.border-alert-success-border{border-color:var(--color-alert-success-border)}.border-alert-warning-border{border-color:var(--color-alert-warning-border)}.border-border-primary{border-color:var(--color-border-primary)}.border-border-secondary{border-color:var(--color-border-secondary)}.border-button-danger{border-color:var(--color-button-danger)}.border-button-outline-border{border-color:var(--color-button-outline-border)}.border-button-outline-border--disabled{border-color:var(--color-button-outline-border--disabled)}.border-button-primary-border{border-color:var(--color-button-primary-border)}.border-button-primary-border--disabled{border-color:var(--color-button-primary-border--disabled)}.border-button-secondary-border{border-color:var(--color-button-secondary-border)}.border-button-secondary-border--disabled{border-color:var(--color-button-secondary-border--disabled)}.border-danger-400{border-color:var(--color-danger-400)}.border-input-border{border-color:var(--color-input-border)}.border-input-border--disabled{border-color:var(--color-input-border--disabled)}.border-input-border--focus{border-color:var(--color-input-border--focus)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-neutral-400{border-color:var(--color-neutral-400)}.border-neutral-600{border-color:var(--color-neutral-600)}.border-slider-thumb-border{border-color:var(--color-slider-thumb-border)}.border-success-400{border-color:var(--color-success-400)}.border-tabs-border{border-color:var(--color-tabs-border)}.border-toggle-border{border-color:var(--color-toggle-border)}.border-toggle-outline-border{border-color:var(--color-toggle-outline-border)}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.\!bg-danger-100{background-color:var(--color-danger-100)!important}.bg-\[var\(--horizon-color-level-one\)\]{background-color:var(--horizon-color-level-one)}.bg-accent{background-color:var(--color-accent)}.bg-alert-bg{background-color:var(--color-alert-bg)}.bg-alert-danger-bg{background-color:var(--color-alert-danger-bg)}.bg-alert-info-bg{background-color:var(--color-alert-info-bg)}.bg-alert-success-bg{background-color:var(--color-alert-success-bg)}.bg-alert-warning-bg{background-color:var(--color-alert-warning-bg)}.bg-background{background-color:var(--color-background)}.bg-badge-primary-bg{background-color:var(--color-badge-primary-bg)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-border-secondary{background-color:var(--color-border-secondary)}.bg-button-danger{background-color:var(--color-button-danger)}.bg-button-ghost-bg{background-color:var(--color-button-ghost-bg)}.bg-button-outline-bg{background-color:var(--color-button-outline-bg)}.bg-button-primary-bg{background-color:var(--color-button-primary-bg)}.bg-button-primary-bg--disabled{background-color:var(--color-button-primary-bg--disabled)}.bg-button-secondary-bg{background-color:var(--color-button-secondary-bg)}.bg-button-secondary-bg--disabled{background-color:var(--color-button-secondary-bg--disabled)}.bg-danger-100{background-color:var(--color-danger-100)}.bg-dialog-bg{background-color:var(--color-dialog-bg)}.bg-drawer-bg{background-color:var(--color-drawer-bg)}.bg-input-bg{background-color:var(--color-input-bg)}.bg-input-bg--disabled{background-color:var(--color-input-bg--disabled)}.bg-input-bg--hover{background-color:var(--color-input-bg--hover)}.bg-input-bg--selected{background-color:var(--color-input-bg--selected)}.bg-input-border{background-color:var(--color-input-border)}.bg-level-two{background-color:var(--color-level-two)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-popover-bg{background-color:var(--color-popover-bg)}.bg-radio-bg{background-color:var(--color-radio-bg)}.bg-slider-range{background-color:var(--color-slider-range)}.bg-slider-thumb-bg{background-color:var(--color-slider-thumb-bg)}.bg-slider-track{background-color:var(--color-slider-track)}.bg-switch-thumb{background-color:var(--color-switch-thumb)}.bg-tabs-enclosed-indicator{background-color:var(--color-tabs-enclosed-indicator)}.bg-tabs-group-bg{background-color:var(--color-tabs-group-bg)}.bg-toggle-bg{background-color:var(--color-toggle-bg)}.bg-tooltip-arrow{background-color:var(--color-tooltip-arrow)}.bg-tooltip-bg{background-color:var(--color-tooltip-bg)}.bg-transparent{background-color:#0000}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fill-tooltip-arrow{fill:var(--color-tooltip-arrow)}.p-1{padding:calc(var(--spacing)*1)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-14{padding-block:calc(var(--spacing)*14)}.ps-3{padding-inline-start:calc(var(--spacing)*3)}.ps-8{padding-inline-start:calc(var(--spacing)*8)}.pe-12{padding-inline-end:calc(var(--spacing)*12)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.\!pb-4{padding-bottom:calc(var(--spacing)*4)!important}.\!pb-5{padding-bottom:calc(var(--spacing)*5)!important}.pb-\[8px\]{padding-bottom:8px}.pb-\[12px\]{padding-bottom:12px}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-9{padding-left:calc(var(--spacing)*9)}.text-center{text-align:center}.text-left{text-align:left}.\[text-indent\:var\(--prefix-width\)\]{text-indent:var(--prefix-width)}.\!font-sans{font-family:var(--font-sans)!important}.font-mono{font-family:var(--font-mono)}.\!text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[16px\]\!{font-size:16px!important}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.\!text-danger-300{color:var(--color-danger-300)!important}.\!text-danger-400{color:var(--color-danger-400)!important}.\!text-neutral-200{color:var(--color-neutral-200)!important}.\!text-neutral-400{color:var(--color-neutral-400)!important}.\!text-success-400{color:var(--color-success-400)!important}.\!text-text-accent-primary{color:var(--color-text-accent-primary)!important}.\!text-text-primary{color:var(--color-text-primary)!important}.\!text-text-secondary{color:var(--color-text-secondary)!important}.text-\[var\(--horizon-color-neutral-50\)\]{color:var(--horizon-color-neutral-50)}.text-\[var\(--horizon-color-neutral-500\)\]{color:var(--horizon-color-neutral-500)}.text-alert-danger-text{color:var(--color-alert-danger-text)}.text-alert-info-text{color:var(--color-alert-info-text)}.text-alert-success-text{color:var(--color-alert-success-text)}.text-alert-text{color:var(--color-alert-text)}.text-alert-warning-text{color:var(--color-alert-warning-text)}.text-black{color:var(--color-black)}.text-button-danger{color:var(--color-button-danger)}.text-button-ghost-text{color:var(--color-button-ghost-text)}.text-button-ghost-text--disabled{color:var(--color-button-ghost-text--disabled)}.text-button-outline-text{color:var(--color-button-outline-text)}.text-button-outline-text--disabled{color:var(--color-button-outline-text--disabled)}.text-button-primary-text{color:var(--color-button-primary-text)}.text-button-primary-text--disabled{color:var(--color-button-primary-text--disabled)}.text-button-secondary-text{color:var(--color-button-secondary-text)}.text-button-secondary-text--disabled{color:var(--color-button-secondary-text--disabled)}.text-current{color:currentColor}.text-danger-100{color:var(--color-danger-100)}.text-danger-300{color:var(--color-danger-300)}.text-danger-400{color:var(--color-danger-400)}.text-danger-500{color:var(--color-danger-500)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-input-text{color:var(--color-input-text)}.text-input-text--disabled{color:var(--color-input-text--disabled)}.text-input-text-placeholder{color:var(--color-input-text-placeholder)}.text-neutral-500{color:var(--color-neutral-500)}.text-popover-text{color:var(--color-popover-text)}.text-success-400{color:var(--color-success-400)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-toggle-text{color:var(--color-toggle-text)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[-20px_0_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:-20px 0 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-20px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 -20px 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 20px 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[20px_0_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:20px 0 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-black{--tw-ring-color:var(--color-black)}.ring-black\/10{--tw-ring-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.ring-black\/10{--tw-ring-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.ring-slider-thumb-ring\/50{--tw-ring-color:var(--color-slider-thumb-ring)}@supports (color:color-mix(in lab,red,red)){.ring-slider-thumb-ring\/50{--tw-ring-color:color-mix(in oklab,var(--color-slider-thumb-ring)50%,transparent)}}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-input-border--focus{outline-color:var(--color-input-border--focus)}.outline-transparent{outline-color:#0000}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));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,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[colors\]{transition-property:colors;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left_300ms_ease\,width_300ms_ease\]{transition-property:left .3s ease,width .3s ease;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[top_300ms_ease\,height_300ms_ease\]{transition-property:top .3s ease,height .3s ease;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\[opacity\,transform\]{will-change:opacity,transform}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.fade-in{--tw-enter-opacity:0}.slide-in-from-top-full{--tw-enter-translate-y: -100% }.group-data-\[state\=on\]\:bg-badge-primary-bg:is(:where(.group)[data-state=on] *){background-color:var(--color-badge-primary-bg)}.group-data-\[state\=on\]\:bg-badge-primary-bg--active:is(:where(.group)[data-state=on] *){background-color:var(--color-badge-primary-bg--active)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:text-input-text--disabled:is(:where(.peer):disabled~*){color:var(--color-input-text--disabled)}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.placeholder\:text-input-text-placeholder::placeholder{color:var(--color-input-text-placeholder)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing)*0)}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing)*0)}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing)*0)}.after\:bottom-0:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.after\:m-auto:after{content:var(--tw-content);margin:auto}.after\:h-2\.5:after{content:var(--tw-content);height:calc(var(--spacing)*2.5)}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing)*1)}.after\:w-2\.5:after{content:var(--tw-content);width:calc(var(--spacing)*2.5)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:rounded-t-\[0\.3rem\]:after{content:var(--tw-content);border-top-left-radius:.3rem;border-top-right-radius:.3rem}.after\:rounded-l-\[0\.3rem\]:after{content:var(--tw-content);border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.after\:border-r-\[0\.3rem\]:after{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:.3rem}.after\:border-b-\[0\.3rem\]:after{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:.3rem}.after\:border-tabs-indicator:after{content:var(--tw-content);border-color:var(--color-tabs-indicator)}.after\:bg-radio-bg--selected:after{content:var(--tw-content);background-color:var(--color-radio-bg--selected)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-button-primary-border--hover:hover{border-color:var(--color-button-primary-border--hover)}.hover\:border-danger-500:hover{border-color:var(--color-danger-500)}.hover\:border-input-border--hover:hover{border-color:var(--color-input-border--hover)}.hover\:border-radio-border--hover:hover{border-color:var(--color-radio-border--hover)}.hover\:border-success-500:hover{border-color:var(--color-success-500)}.hover\:border-toggle-border--hover:hover{border-color:var(--color-toggle-border--hover)}.hover\:\!bg-danger-300:hover{background-color:var(--color-danger-300)!important}.hover\:bg-button-ghost-bg--hover:hover{background-color:var(--color-button-ghost-bg--hover)}.hover\:bg-button-outline-bg--hover:hover{background-color:var(--color-button-outline-bg--hover)}.hover\:bg-button-primary-bg--hover:hover{background-color:var(--color-button-primary-bg--hover)}.hover\:bg-button-secondary-bg--hover:hover{background-color:var(--color-button-secondary-bg--hover)}.hover\:bg-danger-50:hover{background-color:var(--color-danger-50)}.hover\:bg-input-bg--hover:hover{background-color:var(--color-input-bg--hover)}.hover\:bg-level-one:hover{background-color:var(--color-level-one)}.hover\:bg-toggle-bg--hover:hover{background-color:var(--color-toggle-bg--hover)}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-button-ghost-text--hover:hover{color:var(--color-button-ghost-text--hover)}.hover\:text-button-outline-text--hover:hover{color:var(--color-button-outline-text--hover)}.hover\:text-button-primary-text--hover:hover{color:var(--color-button-primary-text--hover)}.hover\:text-button-secondary-text--hover:hover{color:var(--color-button-secondary-text--hover)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-toggle-text--hover:hover{color:var(--color-toggle-text--hover)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:z-10:focus{z-index:10}.focus\:border-input-border--focus:focus{border-color:var(--color-input-border--focus)}.focus\:bg-danger-50:focus{background-color:var(--color-danger-50)}.focus\:bg-input-bg--hover:focus{background-color:var(--color-input-bg--hover)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-black:focus{--tw-ring-color:var(--color-black)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-danger-400:focus-visible{border-color:var(--color-danger-400)}.focus-visible\:border-success-400:focus-visible{border-color:var(--color-success-400)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--color-black)}.focus-visible\:ring-danger-100\/20:focus-visible{--tw-ring-color:var(--color-danger-100)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-danger-100\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-danger-100)20%,transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--color-background)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline:focus-visible,.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--color-accent)}.focus-visible\:outline-blue-600:focus-visible{outline-color:var(--color-blue-600)}.focus-visible\:outline-button-danger:focus-visible{outline-color:var(--color-button-danger)}.focus-visible\:outline-button-outline-border:focus-visible{outline-color:var(--color-button-outline-border)}.focus-visible\:outline-button-primary-border:focus-visible{outline-color:var(--color-button-primary-border)}.focus-visible\:outline-button-secondary-border:focus-visible{outline-color:var(--color-button-secondary-border)}.focus-visible\:outline-danger-400:focus-visible{outline-color:var(--color-danger-400)}.focus-visible\:outline-input-border--focus:focus-visible{outline-color:var(--color-input-border--focus)}.focus-visible\:outline-level-two:focus-visible{outline-color:var(--color-level-two)}.focus-visible\:outline-success-400:focus-visible{outline-color:var(--color-success-400)}.focus-visible\:outline-text-secondary:focus-visible{outline-color:var(--color-text-secondary)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:border-toggle-border--active:active{border-color:var(--color-toggle-border--active)}.active\:bg-badge-primary-bg--active:active{background-color:var(--color-badge-primary-bg--active)}.active\:bg-selected-primary:active{background-color:var(--color-selected-primary)}.active\:bg-toggle-bg--active:active{background-color:var(--color-toggle-bg--active)}.active\:text-toggle-text--active:active{color:var(--color-toggle-text--active)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-button-outline-border--disabled:disabled{border-color:var(--color-button-outline-border--disabled)}.disabled\:border-button-primary-border--disabled:disabled{border-color:var(--color-button-primary-border--disabled)}.disabled\:border-button-secondary-border--disabled:disabled{border-color:var(--color-button-secondary-border--disabled)}.disabled\:border-input-border--disabled:disabled{border-color:var(--color-input-border--disabled)}.disabled\:bg-button-primary-bg--disabled:disabled{background-color:var(--color-button-primary-bg--disabled)}.disabled\:bg-button-secondary-bg--disabled:disabled{background-color:var(--color-button-secondary-bg--disabled)}.disabled\:bg-input-bg--disabled:disabled{background-color:var(--color-input-bg--disabled)}.disabled\:text-button-ghost-text--disabled:disabled{color:var(--color-button-ghost-text--disabled)}.disabled\:text-button-outline-text--disabled:disabled{color:var(--color-button-outline-text--disabled)}.disabled\:text-button-primary-text--disabled:disabled{color:var(--color-button-primary-text--disabled)}.disabled\:text-button-secondary-text--disabled:disabled{color:var(--color-button-secondary-text--disabled)}.disabled\:text-input-text--disabled:disabled{color:var(--color-input-text--disabled)}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-text-primary:disabled:hover{color:var(--color-text-primary)}}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing)*4)1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing)*3)}.aria-invalid\:border-danger-200[aria-invalid=true]{border-color:var(--color-danger-200)}.aria-invalid\:ring-danger-100\/20[aria-invalid=true]{--tw-ring-color:var(--color-danger-100)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-danger-100\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-danger-100)20%,transparent)}}.aria-invalid\:ring-danger-200\/20[aria-invalid=true]{--tw-ring-color:var(--color-danger-200)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-danger-200\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-danger-200)20%,transparent)}}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[expanded\=true\]\:w-full[data-expanded=true]{width:100%}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing)*1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:flex[data-orientation=vertical]{display:flex}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing)*1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=active\]\:animate-fade-in-tabs[data-state=active]{animation:var(--animate-fade-in-tabs)}.data-\[state\=active\]\:text-accent[data-state=active]{color:var(--color-accent)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:bg-switch-bg--checked[data-state=checked]{background-color:var(--color-switch-bg--checked)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=on\]\:border-toggle-border[data-state=on]{border-color:var(--color-toggle-border)}.data-\[state\=on\]\:border-toggle-border--active[data-state=on]{border-color:var(--color-toggle-border--active)}.data-\[state\=on\]\:bg-toggle-bg[data-state=on]{background-color:var(--color-toggle-bg)}.data-\[state\=on\]\:bg-toggle-bg--active[data-state=on]{background-color:var(--color-toggle-bg--active)}.data-\[state\=on\]\:text-toggle-text--active[data-state=on]{color:var(--color-toggle-text--active)}.data-\[state\=open\]\:rotate-180[data-state=open]{rotate:180deg}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-switch-bg[data-state=unchecked]{background-color:var(--color-switch-bg)}.data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}@media (prefers-reduced-motion:reduce){.motion-reduce\:transform-none{transform:none}.motion-reduce\:transition-none{transition-property:none}}@media (min-width:390px){.min-\[390px\]\:gap-x-3{column-gap:calc(var(--spacing)*3)}}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:justify-center{justify-content:center}.md\:gap-x-4{column-gap:calc(var(--spacing)*4)}}.data-\[state\=checked\]\:rtl\:-translate-x-4[data-state=checked]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing)*-4);translate:var(--tw-translate-x)var(--tw-translate-y)}@media (prefers-color-scheme:dark){.dark\:bg-danger-100\/60{background-color:var(--color-danger-100)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-danger-100\/60{background-color:color-mix(in oklab,var(--color-danger-100)60%,transparent)}}.dark\:focus-visible\:ring-danger-100\/40:focus-visible{--tw-ring-color:var(--color-danger-100)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-danger-100\/40:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-danger-100)40%,transparent)}}.dark\:aria-invalid\:ring-danger-100\/40[aria-invalid=true]{--tw-ring-color:var(--color-danger-100)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-danger-100\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-danger-100)40%,transparent)}}.dark\:aria-invalid\:ring-danger-200\/40[aria-invalid=true]{--tw-ring-color:var(--color-danger-200)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-danger-200\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-danger-200)40%,transparent)}}}.\[\&_\*\]\:box-border *{box-sizing:border-box}.\[\&_\*\]\:min-w-0 *{min-width:calc(var(--spacing)*0)}.\[\&_button\:first-of-type\]\:rounded-l-md button:first-of-type{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.\[\&_button\:last-of-type\]\:rounded-r-md button:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_span\]\:rounded-\[4px\] span{border-radius:4px}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-3 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-4 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-5 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.\[\&\:not\(\:first-child\)\]\:border-l-0:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\]\:min-w-0>*{min-width:calc(var(--spacing)*0)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\[data-layout\=\'expanded\'\]\]\:w-full[data-layout=expanded]{width:100%}.\[\&\[data-state\=checked\]\]\:border-radio-border--selected[data-state=checked]{border-color:var(--color-radio-border--selected)}.\[\&\[data-state\=checked\]\]\:bg-radio-bg[data-state=checked]{background-color:var(--color-radio-bg)}.\[\&\[data-variant\=\'outline\'\]\]\:gap-0\.25[data-variant=outline]{gap:calc(var(--spacing)*.25)}.\[\&\[data-variant\=\'outline\'\]\]\:bg-toggle-group-bg[data-variant=outline]{background-color:var(--color-toggle-group-bg)}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--color-accent)}a.\[a\&\]\:hover\:bg-badge-primary-bg--hover:hover{background-color:var(--color-badge-primary-bg--hover)}a.\[a\&\]\:hover\:bg-danger-100\/90:hover{background-color:var(--color-danger-100)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-danger-100\/90:hover{background-color:color-mix(in oklab,var(--color-danger-100)90%,transparent)}}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@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));filter:blur(var(--tw-enter-blur,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));filter:blur(var(--tw-exit-blur,0))}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}
1
+ /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer tailwind-base;@layer spectral-base{:root{--horizon-color-black:oklch(0% 0 0);--horizon-color-white:oklch(100% 0 0);--horizon-color-transparent:oklch(0% 0 0/0);--horizon-color-accent:oklch(92.53% .1976 123.38);--horizon-color-neutral-50:oklch(97.64% .001 286.38);--horizon-color-neutral-100:oklch(92.19% 0 0);--horizon-color-neutral-200:oklch(86.99% 0 0);--horizon-color-neutral-300:oklch(79.03% 0 0);--horizon-color-neutral-400:oklch(71.55% 0 0);--horizon-color-neutral-500:oklch(55.55% 0 0);--horizon-color-neutral-600:oklch(43.86% 0 0);--horizon-color-neutral-700:oklch(37.15% 0 0);--horizon-color-neutral-800:oklch(32.11% 0 0);--horizon-color-neutral-900:oklch(26.86% 0 0);--horizon-color-neutral-950:oklch(21.78% 0 0);--horizon-color-primary-50:oklch(97.05% .0142 254.6);--horizon-color-primary-100:oklch(93.19% .0316 255.59);--horizon-color-primary-200:oklch(88.41% .0581 252.44);--horizon-color-primary-300:oklch(80.75% .0958 253.19);--horizon-color-primary-400:oklch(71.27% .1469 255.61);--horizon-color-primary-500:oklch(62.31% .1862 260.06);--horizon-color-primary-600:oklch(54.34% .2151 263.01);--horizon-color-primary-700:oklch(49.14% .2189 264.03);--horizon-color-primary-800:oklch(42.75% .1828 265.08);--horizon-color-primary-900:oklch(37.78% .1366 265.11);--horizon-color-primary-950:oklch(28.37% .0887 268.75);--horizon-color-secondary-50:oklch(98.54% .02 196.82);--horizon-color-secondary-100:oklch(96.15% .05 199.51);--horizon-color-secondary-200:oklch(92.69% .08 202.36);--horizon-color-secondary-300:oklch(88.13% .12 205.57);--horizon-color-secondary-400:oklch(82.31% .14 209.5);--horizon-color-secondary-500:oklch(74.21% .13 212.99);--horizon-color-secondary-600:oklch(62.91% .11 220.51);--horizon-color-secondary-700:oklch(53.76% .1 221.71);--horizon-color-secondary-800:oklch(46.18% .08 222.7);--horizon-color-secondary-900:oklch(40.44% .07 227.13);--horizon-color-secondary-950:oklch(30.82% .06 228.09);--horizon-color-level-zero:oklch(24.79% .0058 271.18);--horizon-color-level-one:oklch(27.28% .0097 268.32);--horizon-color-level-two:oklch(30.73% .0106 253.99);--horizon-color-level-three:oklch(32.71% .0104 253.98);--horizon-color-level-four:oklch(35.77% .0088 248.07);--horizon-color-level-five:oklch(38.75% .0073 242.06);--horizon-color-success-50:oklch(96.27% .04 158.08);--horizon-color-success-100:oklch(92.53% .08 156.69);--horizon-color-success-200:oklch(87.14% .14 154.83);--horizon-color-success-300:oklch(80.03% .18 151.71);--horizon-color-success-400:oklch(72.27% .19 149.58);--horizon-color-success-500:oklch(62.71% .17 149.21);--horizon-color-warning-50:oklch(95.15% .02 73.61);--horizon-color-warning-100:oklch(95.4% .04 76.2);--horizon-color-warning-200:oklch(90.9% .095 52.355);--horizon-color-warning-300:oklch(84.9% .144 52.438);--horizon-color-warning-400:oklch(74.58% .1802 56.73);--horizon-color-warning-500:oklch(69.96% .201959 44.4414);--horizon-color-danger-50:oklch(88.5% .062 18.334);--horizon-color-danger-100:oklch(80.8% .114 19.571);--horizon-color-danger-200:oklch(70.4% .191 22.216);--horizon-color-danger-300:oklch(63.7% .237 25.331);--horizon-color-danger-400:oklch(57.7% .245 27.325);--horizon-color-danger-500:oklch(50.85% .2012 28.45)}:root[data-theme=light]{--horizon-color-level-one:oklch(98.51% 0 0);--color-background:var(--horizon-color-neutral-50);--color-ring-offset:var(--horizon-color-neutral-50);--color-text-primary:var(--horizon-color-neutral-900);--color-text-secondary:var(--horizon-color-neutral-600);--color-card-bg:var(--horizon-color-level-one);--color-card-text:var(--horizon-color-neutral-900);--color-switch-bg:var(--horizon-color-neutral-300);--color-switch-bg--checked:var(--horizon-color-neutral-950);--color-switch-thumb:var(--horizon-color-neutral-50);--color-shadow-neumorphic:oklch(92.49% 0 0);--color-shadow-neumorphic-large:oklch(88.56% .0014 286.37)}}@layer tailwind-utilities;@layer spectral-components{@layer base{html{font-family:var(--font-sans)}*,:before,:after{box-sizing:border-box!important}body{box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-sans)}p{color:var(--color-text-primary)}h3{color:var(--color-text-primary);margin:0;font-size:1.5rem;font-weight:700}[data-vaul-drawer] *,[data-vaul-drawer] :before,[data-vaul-drawer] :after{box-sizing:border-box!important}svg:focus-visible,svg:focus{outline:none}}@layer utilities{.shadow-neumorphic-large{box-shadow:12px 12px 24px var(--color-shadow-neumorphic-large),-12px -12px 24px var(--color-white)}.shadow-neumorphic-small{box-shadow:4px 4px 8px var(--color-shadow-neumorphic),-4px -4px 8px var(--color-white)}.dialog-no-animations,.dialog-no-animations[data-state=open],.dialog-no-animations[data-state=closed]{animation:none!important;transform:translate(-50%)translateY(-50%)!important}}.spectral-root{isolation:isolate}}@layer theme{:root,:host{--font-sans:"Work Sans",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"Source Code Pro",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-600:oklch(54.6% .245 262.881);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-lg:0 4px 4px #00000026;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--animate-caret-blink:caret-blink 1.2s ease-out infinite;--color-background:var(--horizon-color-neutral-950);--color-text-primary:var(--horizon-color-neutral-50);--color-text-secondary:var(--horizon-color-neutral-300);--color-text-accent-primary:var(--horizon-color-primary-500);--color-border-primary:var(--horizon-color-neutral-900);--color-border-secondary:var(--horizon-color-neutral-700);--color-selected-primary:var(--horizon-color-primary-700);--color-accent:var(--horizon-color-accent);--color-level-one:var(--horizon-color-level-one);--color-level-two:var(--horizon-color-level-two);--color-level-three:var(--horizon-color-level-three);--color-success-400:var(--horizon-color-success-400);--color-success-500:var(--horizon-color-success-500);--color-danger-50:var(--horizon-color-danger-50);--color-danger-100:var(--horizon-color-danger-100);--color-danger-200:var(--horizon-color-danger-200);--color-danger-300:var(--horizon-color-danger-300);--color-danger-400:var(--horizon-color-danger-400);--color-danger-500:var(--horizon-color-danger-500);--color-alert-bg:var(--horizon-color-level-two);--color-alert-border:var(--horizon-color-level-three);--color-alert-text:var(--horizon-color-neutral-50);--color-alert-success-bg:var(--horizon-color-success-50);--color-alert-success-border:var(--horizon-color-success-500);--color-alert-success-text:var(--horizon-color-success-500);--color-alert-warning-bg:var(--horizon-color-warning-50);--color-alert-warning-border:var(--horizon-color-warning-500);--color-alert-warning-text:var(--horizon-color-warning-500);--color-alert-danger-bg:var(--horizon-color-danger-50);--color-alert-danger-border:var(--horizon-color-danger-500);--color-alert-danger-text:var(--horizon-color-danger-500);--color-alert-info-bg:var(--horizon-color-primary-100);--color-alert-info-border:var(--horizon-color-primary-700);--color-alert-info-text:var(--horizon-color-primary-700);--color-badge-primary-bg:var(--horizon-color-level-five);--color-badge-primary-bg--hover:var(--horizon-color-level-four);--color-badge-primary-bg--active:var(--horizon-color-primary-800);--color-button-primary-bg:var(--horizon-color-accent);--color-button-primary-bg--hover:var(--horizon-color-level-two);--color-button-primary-bg--disabled:var(--horizon-color-neutral-500);--color-button-primary-border:var(--horizon-color-accent);--color-button-primary-border--hover:var(--horizon-color-level-two);--color-button-primary-border--disabled:var(--horizon-color-neutral-500);--color-button-primary-text:var(--horizon-color-neutral-900);--color-button-primary-text--hover:var(--horizon-color-accent);--color-button-primary-text--disabled:var(--horizon-color-neutral-200);--color-button-secondary-bg:var(--horizon-color-level-two);--color-button-secondary-bg--hover:var(--horizon-color-accent);--color-button-secondary-bg--disabled:var(--horizon-color-neutral-500);--color-button-secondary-text:var(--horizon-color-neutral-50);--color-button-secondary-text--hover:var(--horizon-color-level-two);--color-button-secondary-text--disabled:var(--horizon-color-neutral-200);--color-button-secondary-border:var(--horizon-color-neutral-900);--color-button-secondary-border--disabled:var(--horizon-color-neutral-500);--color-button-outline-bg:var(--horizon-color-transparent);--color-button-outline-bg--hover:var(--horizon-color-level-two);--color-button-outline-text:var(--horizon-color-neutral-50);--color-button-outline-text--hover:var(--horizon-color-accent);--color-button-outline-text--disabled:var(--horizon-color-neutral-400);--color-button-outline-border:var(--horizon-color-accent);--color-button-outline-border--disabled:var(--horizon-color-neutral-400);--color-button-ghost-bg:var(--horizon-color-transparent);--color-button-ghost-bg--hover:var(--horizon-color-level-two);--color-button-ghost-text:var(--horizon-color-neutral-50);--color-button-ghost-text--hover:var(--horizon-color-accent);--color-button-ghost-text--disabled:var(--horizon-color-neutral-400);--color-button-danger:var(--horizon-color-danger-400);--color-dialog-bg:var(--horizon-color-level-one);--color-drawer-bg:var(--horizon-color-level-one);--color-input-border:var(--horizon-color-neutral-200);--color-input-border--hover:var(--horizon-color-neutral-300);--color-input-border--focus:var(--horizon-color-accent);--color-input-border--disabled:var(--horizon-color-neutral-500);--color-input-bg:var(--horizon-color-level-zero);--color-input-bg--hover:var(--horizon-color-level-four);--color-input-bg--disabled:var(--horizon-color-neutral-700);--color-input-bg--selected:var(--horizon-color-level-four);--color-input-text:var(--horizon-color-neutral-50);--color-input-text--disabled:var(--horizon-color-neutral-200);--color-input-text-placeholder:var(--horizon-color-neutral-500);--color-input-otp-filled-separator:var(--horizon-color-level-five);--color-input-otp-border:var(--horizon-color-neutral-300);--color-input-otp-border--focus:var(--horizon-color-accent);--color-input-otp-caret:var(--horizon-color-neutral-200);--color-popover-bg:var(--horizon-color-level-one);--color-popover-text:var(--horizon-color-neutral-50);--color-radio-bg:var(--horizon-color-neutral-900);--color-radio-bg--selected:var(--horizon-color-accent);--color-radio-border--hover:var(--horizon-color-accent);--color-radio-border--selected:var(--horizon-color-accent);--color-slider-track:var(--horizon-color-neutral-700);--color-slider-range:var(--horizon-color-neutral-50);--color-slider-thumb-border:var(--horizon-color-neutral-50);--color-slider-thumb-bg:var(--horizon-color-neutral-50);--color-slider-thumb-ring:var(--horizon-color-neutral-50);--color-switch-bg:var(--horizon-color-neutral-500);--color-switch-bg--checked:var(--horizon-color-success-500);--color-switch-thumb:var(--horizon-color-neutral-950);--color-tabs-group-bg:var(--horizon-color-level-one);--color-tabs-indicator:var(--horizon-color-accent);--color-tabs-enclosed-indicator:var(--horizon-color-level-three);--color-tabs-border:var(--horizon-color-level-four);--color-toggle-bg:var(--horizon-color-level-two);--color-toggle-bg--active:var(--horizon-color-primary-700);--color-toggle-bg--hover:var(--horizon-color-level-four);--color-toggle-border:var(--horizon-color-transparent);--color-toggle-border--hover:var(--horizon-color-level-four);--color-toggle-border--active:var(--horizon-color-primary-700);--color-toggle-text:var(--horizon-color-neutral-50);--color-toggle-text--hover:var(--horizon-color-neutral-200);--color-toggle-text--active:var(--horizon-color-neutral-50);--color-toggle-outline-border:var(--horizon-color-transparent);--color-toggle-group-bg:var(--horizon-color-level-five);--color-tooltip-bg:var(--horizon-color-level-two);--color-tooltip-arrow:var(--horizon-color-level-two);--animate-fade-in-tabs:fade-in-tabs .5s ease-in-out}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-0\.75{top:calc(var(--spacing)*.75)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-\[10\%\]{top:10%}.top-\[50\%\]{top:50%}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-\[1px\]{right:1px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-\[1px\]{bottom:1px}.bottom-\[10\%\]{bottom:10%}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.left-\[50\%\]{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.col-start-2{grid-column-start:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.m-0{margin:calc(var(--spacing)*0)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.\!my-6{margin-block:calc(var(--spacing)*6)!important}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.\!mt-0\.5{margin-top:calc(var(--spacing)*.5)!important}.\!mt-1\.5{margin-top:calc(var(--spacing)*1.5)!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-\[1\.6rem\]{margin-top:1.6rem}.mt-\[24px\]{margin-top:24px}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.\!mb-3{margin-bottom:calc(var(--spacing)*3)!important}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-3\!{margin-bottom:calc(var(--spacing)*3)!important}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-\[1\.2rem\]{margin-bottom:1.2rem}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-4\.5{height:calc(var(--spacing)*4.5)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-\[72px\]{height:72px}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-10{max-height:calc(var(--spacing)*10)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[var\(--radix-popover-content-max-height\)\]{max-height:var(--radix-popover-content-max-height)}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-4\.5{width:calc(var(--spacing)*4.5)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-\[10\%\]{width:10%}.w-\[15\%\]{width:15%}.w-\[20\%\]{width:20%}.w-\[32rem\]{width:32rem}.w-\[55\%\]{width:55%}.w-\[60\%\]{width:60%}.w-\[520px\]{width:520px}.w-\[var\(--popover-width\)\]{width:var(--popover-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-bottom{transform-origin:bottom}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-caret-blink{animation:var(--animate-caret-blink)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}.gap-\[0\.4rem\]{gap:.4rem}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-4{row-gap:calc(var(--spacing)*4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[0\.75rem\]{border-radius:.75rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#363645\]{border-color:#363645}.border-alert-border{border-color:var(--color-alert-border)}.border-alert-danger-border{border-color:var(--color-alert-danger-border)}.border-alert-info-border{border-color:var(--color-alert-info-border)}.border-alert-success-border{border-color:var(--color-alert-success-border)}.border-alert-warning-border{border-color:var(--color-alert-warning-border)}.border-border-primary{border-color:var(--color-border-primary)}.border-border-secondary{border-color:var(--color-border-secondary)}.border-button-danger{border-color:var(--color-button-danger)}.border-button-outline-border{border-color:var(--color-button-outline-border)}.border-button-outline-border--disabled{border-color:var(--color-button-outline-border--disabled)}.border-button-primary-border{border-color:var(--color-button-primary-border)}.border-button-primary-border--disabled{border-color:var(--color-button-primary-border--disabled)}.border-button-secondary-border{border-color:var(--color-button-secondary-border)}.border-button-secondary-border--disabled{border-color:var(--color-button-secondary-border--disabled)}.border-danger-400{border-color:var(--color-danger-400)}.border-input-border{border-color:var(--color-input-border)}.border-input-border--disabled{border-color:var(--color-input-border--disabled)}.border-input-border--focus{border-color:var(--color-input-border--focus)}.border-input-otp-border{border-color:var(--color-input-otp-border)}.border-level-one{border-color:var(--color-level-one)}.border-neutral-600{border-color:var(--color-neutral-600)}.border-slider-thumb-border{border-color:var(--color-slider-thumb-border)}.border-success-400{border-color:var(--color-success-400)}.border-tabs-border{border-color:var(--color-tabs-border)}.border-toggle-border{border-color:var(--color-toggle-border)}.border-toggle-outline-border{border-color:var(--color-toggle-outline-border)}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.\!bg-danger-100{background-color:var(--color-danger-100)!important}.bg-\[\#232425\]{background-color:#232425}.bg-accent{background-color:var(--color-accent)}.bg-alert-bg{background-color:var(--color-alert-bg)}.bg-alert-danger-bg{background-color:var(--color-alert-danger-bg)}.bg-alert-info-bg{background-color:var(--color-alert-info-bg)}.bg-alert-success-bg{background-color:var(--color-alert-success-bg)}.bg-alert-warning-bg{background-color:var(--color-alert-warning-bg)}.bg-background{background-color:var(--color-background)}.bg-badge-primary-bg{background-color:var(--color-badge-primary-bg)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-border-secondary{background-color:var(--color-border-secondary)}.bg-button-danger{background-color:var(--color-button-danger)}.bg-button-ghost-bg{background-color:var(--color-button-ghost-bg)}.bg-button-outline-bg{background-color:var(--color-button-outline-bg)}.bg-button-primary-bg{background-color:var(--color-button-primary-bg)}.bg-button-primary-bg--disabled{background-color:var(--color-button-primary-bg--disabled)}.bg-button-secondary-bg{background-color:var(--color-button-secondary-bg)}.bg-button-secondary-bg--disabled{background-color:var(--color-button-secondary-bg--disabled)}.bg-danger-100{background-color:var(--color-danger-100)}.bg-dialog-bg{background-color:var(--color-dialog-bg)}.bg-drawer-bg{background-color:var(--color-drawer-bg)}.bg-input-bg{background-color:var(--color-input-bg)}.bg-input-bg--disabled{background-color:var(--color-input-bg--disabled)}.bg-input-bg--hover{background-color:var(--color-input-bg--hover)}.bg-input-bg--selected{background-color:var(--color-input-bg--selected)}.bg-input-border{background-color:var(--color-input-border)}.bg-input-otp-caret{background-color:var(--color-input-otp-caret)}.bg-level-one{background-color:var(--color-level-one)}.bg-level-three{background-color:var(--color-level-three)}.bg-level-two{background-color:var(--color-level-two)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-popover-bg{background-color:var(--color-popover-bg)}.bg-radio-bg{background-color:var(--color-radio-bg)}.bg-slider-range{background-color:var(--color-slider-range)}.bg-slider-thumb-bg{background-color:var(--color-slider-thumb-bg)}.bg-slider-track{background-color:var(--color-slider-track)}.bg-switch-thumb{background-color:var(--color-switch-thumb)}.bg-tabs-enclosed-indicator{background-color:var(--color-tabs-enclosed-indicator)}.bg-tabs-group-bg{background-color:var(--color-tabs-group-bg)}.bg-toggle-bg{background-color:var(--color-toggle-bg)}.bg-tooltip-arrow{background-color:var(--color-tooltip-arrow)}.bg-tooltip-bg{background-color:var(--color-tooltip-bg)}.bg-transparent{background-color:#0000}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.fill-tooltip-arrow{fill:var(--color-tooltip-arrow)}.p-1{padding:calc(var(--spacing)*1)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[5px\]{padding-inline:5px}.px-\[15px\]{padding-inline:15px}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-14{padding-block:calc(var(--spacing)*14)}.py-\[3px\]{padding-block:3px}.py-\[10px\]{padding-block:10px}.ps-3{padding-inline-start:calc(var(--spacing)*3)}.ps-8{padding-inline-start:calc(var(--spacing)*8)}.ps-\[20px\]{padding-inline-start:20px}.pe-12{padding-inline-end:calc(var(--spacing)*12)}.pe-\[20px\]{padding-inline-end:20px}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.\!pb-4{padding-bottom:calc(var(--spacing)*4)!important}.\!pb-5{padding-bottom:calc(var(--spacing)*5)!important}.pb-\[8px\]{padding-bottom:8px}.pb-\[12px\]{padding-bottom:12px}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-9{padding-left:calc(var(--spacing)*9)}.text-center{text-align:center}.text-left{text-align:left}.\[text-indent\:var\(--prefix-width\)\]{text-indent:var(--prefix-width)}.\!font-sans{font-family:var(--font-sans)!important}.font-mono{font-family:var(--font-mono)}.\!text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[16px\]\!{font-size:16px!important}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.\!text-danger-300{color:var(--color-danger-300)!important}.\!text-danger-400{color:var(--color-danger-400)!important}.\!text-neutral-200{color:var(--color-neutral-200)!important}.\!text-neutral-400{color:var(--color-neutral-400)!important}.\!text-success-400{color:var(--color-success-400)!important}.\!text-text-accent-primary{color:var(--color-text-accent-primary)!important}.\!text-text-primary{color:var(--color-text-primary)!important}.\!text-text-secondary{color:var(--color-text-secondary)!important}.text-\[\#a1a1a1\]{color:#a1a1a1}.text-\[\#ff0000\]{color:red}.text-alert-danger-text{color:var(--color-alert-danger-text)}.text-alert-info-text{color:var(--color-alert-info-text)}.text-alert-success-text{color:var(--color-alert-success-text)}.text-alert-text{color:var(--color-alert-text)}.text-alert-warning-text{color:var(--color-alert-warning-text)}.text-button-danger{color:var(--color-button-danger)}.text-button-ghost-text{color:var(--color-button-ghost-text)}.text-button-ghost-text--disabled{color:var(--color-button-ghost-text--disabled)}.text-button-outline-text{color:var(--color-button-outline-text)}.text-button-outline-text--disabled{color:var(--color-button-outline-text--disabled)}.text-button-primary-text{color:var(--color-button-primary-text)}.text-button-primary-text--disabled{color:var(--color-button-primary-text--disabled)}.text-button-secondary-text{color:var(--color-button-secondary-text)}.text-button-secondary-text--disabled{color:var(--color-button-secondary-text--disabled)}.text-current{color:currentColor}.text-danger-100{color:var(--color-danger-100)}.text-danger-300{color:var(--color-danger-300)}.text-danger-400{color:var(--color-danger-400)}.text-danger-500{color:var(--color-danger-500)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-input-text{color:var(--color-input-text)}.text-input-text--disabled{color:var(--color-input-text--disabled)}.text-input-text-placeholder{color:var(--color-input-text-placeholder)}.text-neutral-400{color:var(--color-neutral-400)}.text-popover-text{color:var(--color-popover-text)}.text-success-400{color:var(--color-success-400)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-toggle-text{color:var(--color-toggle-text)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[-20px_0_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:-20px 0 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-20px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 -20px 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 20px 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[20px_0_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:20px 0 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-black{--tw-ring-color:var(--color-black)}.ring-slider-thumb-ring\/50{--tw-ring-color:var(--color-slider-thumb-ring)}@supports (color:color-mix(in lab,red,red)){.ring-slider-thumb-ring\/50{--tw-ring-color:color-mix(in oklab,var(--color-slider-thumb-ring)50%,transparent)}}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-danger-400{outline-color:var(--color-danger-400)}.outline-input-border--focus{outline-color:var(--color-input-border--focus)}.outline-input-otp-border--focus{outline-color:var(--color-input-otp-border--focus)}.outline-transparent{outline-color:#0000}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));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,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[colors\]{transition-property:colors;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left_300ms_ease\,width_300ms_ease\]{transition-property:left .3s ease,width .3s ease;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[top_300ms_ease\,height_300ms_ease\]{transition-property:top .3s ease,height .3s ease;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\[opacity\,transform\]{will-change:opacity,transform}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.fade-in{--tw-enter-opacity:0}.slide-in-from-top-full{--tw-enter-translate-y: -100% }.group-data-\[state\=on\]\:bg-badge-primary-bg:is(:where(.group)[data-state=on] *){background-color:var(--color-badge-primary-bg)}.group-data-\[state\=on\]\:bg-badge-primary-bg--active:is(:where(.group)[data-state=on] *){background-color:var(--color-badge-primary-bg--active)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:text-input-text--disabled:is(:where(.peer):disabled~*){color:var(--color-input-text--disabled)}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.placeholder\:text-input-text-placeholder::placeholder{color:var(--color-input-text-placeholder)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing)*0)}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing)*0)}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing)*0)}.after\:bottom-0:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.after\:m-auto:after{content:var(--tw-content);margin:auto}.after\:h-2\.5:after{content:var(--tw-content);height:calc(var(--spacing)*2.5)}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing)*1)}.after\:w-2\.5:after{content:var(--tw-content);width:calc(var(--spacing)*2.5)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:rounded-t-\[0\.3rem\]:after{content:var(--tw-content);border-top-left-radius:.3rem;border-top-right-radius:.3rem}.after\:rounded-l-\[0\.3rem\]:after{content:var(--tw-content);border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.after\:border-r-\[0\.3rem\]:after{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:.3rem}.after\:border-b-\[0\.3rem\]:after{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:.3rem}.after\:border-tabs-indicator:after{content:var(--tw-content);border-color:var(--color-tabs-indicator)}.after\:bg-radio-bg--selected:after{content:var(--tw-content);background-color:var(--color-radio-bg--selected)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-button-primary-border--hover:hover{border-color:var(--color-button-primary-border--hover)}.hover\:border-danger-500:hover{border-color:var(--color-danger-500)}.hover\:border-input-border--hover:hover{border-color:var(--color-input-border--hover)}.hover\:border-radio-border--hover:hover{border-color:var(--color-radio-border--hover)}.hover\:border-success-500:hover{border-color:var(--color-success-500)}.hover\:border-toggle-border--hover:hover{border-color:var(--color-toggle-border--hover)}.hover\:\!bg-danger-300:hover{background-color:var(--color-danger-300)!important}.hover\:bg-button-ghost-bg--hover:hover{background-color:var(--color-button-ghost-bg--hover)}.hover\:bg-button-outline-bg--hover:hover{background-color:var(--color-button-outline-bg--hover)}.hover\:bg-button-primary-bg--hover:hover{background-color:var(--color-button-primary-bg--hover)}.hover\:bg-button-secondary-bg--hover:hover{background-color:var(--color-button-secondary-bg--hover)}.hover\:bg-danger-50:hover{background-color:var(--color-danger-50)}.hover\:bg-input-bg--hover:hover{background-color:var(--color-input-bg--hover)}.hover\:bg-level-one:hover{background-color:var(--color-level-one)}.hover\:bg-toggle-bg--hover:hover{background-color:var(--color-toggle-bg--hover)}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-button-ghost-text--hover:hover{color:var(--color-button-ghost-text--hover)}.hover\:text-button-outline-text--hover:hover{color:var(--color-button-outline-text--hover)}.hover\:text-button-primary-text--hover:hover{color:var(--color-button-primary-text--hover)}.hover\:text-button-secondary-text--hover:hover{color:var(--color-button-secondary-text--hover)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-toggle-text--hover:hover{color:var(--color-toggle-text--hover)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:z-10:focus{z-index:10}.focus\:border-input-border--focus:focus{border-color:var(--color-input-border--focus)}.focus\:bg-danger-50:focus{background-color:var(--color-danger-50)}.focus\:bg-input-bg--hover:focus{background-color:var(--color-input-bg--hover)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-black:focus{--tw-ring-color:var(--color-black)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-danger-400:focus-visible{border-color:var(--color-danger-400)}.focus-visible\:border-success-400:focus-visible{border-color:var(--color-success-400)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--color-black)}.focus-visible\:ring-danger-100\/20:focus-visible{--tw-ring-color:var(--color-danger-100)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-danger-100\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-danger-100)20%,transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--color-background)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline:focus-visible,.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--color-accent)}.focus-visible\:outline-blue-600:focus-visible{outline-color:var(--color-blue-600)}.focus-visible\:outline-button-danger:focus-visible{outline-color:var(--color-button-danger)}.focus-visible\:outline-button-outline-border:focus-visible{outline-color:var(--color-button-outline-border)}.focus-visible\:outline-button-primary-border:focus-visible{outline-color:var(--color-button-primary-border)}.focus-visible\:outline-button-secondary-border:focus-visible{outline-color:var(--color-button-secondary-border)}.focus-visible\:outline-danger-400:focus-visible{outline-color:var(--color-danger-400)}.focus-visible\:outline-input-border--focus:focus-visible{outline-color:var(--color-input-border--focus)}.focus-visible\:outline-level-two:focus-visible{outline-color:var(--color-level-two)}.focus-visible\:outline-success-400:focus-visible{outline-color:var(--color-success-400)}.focus-visible\:outline-text-secondary:focus-visible{outline-color:var(--color-text-secondary)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:border-toggle-border--active:active{border-color:var(--color-toggle-border--active)}.active\:bg-badge-primary-bg--active:active{background-color:var(--color-badge-primary-bg--active)}.active\:bg-selected-primary:active{background-color:var(--color-selected-primary)}.active\:bg-toggle-bg--active:active{background-color:var(--color-toggle-bg--active)}.active\:text-toggle-text--active:active{color:var(--color-toggle-text--active)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-button-outline-border--disabled:disabled{border-color:var(--color-button-outline-border--disabled)}.disabled\:border-button-primary-border--disabled:disabled{border-color:var(--color-button-primary-border--disabled)}.disabled\:border-button-secondary-border--disabled:disabled{border-color:var(--color-button-secondary-border--disabled)}.disabled\:border-input-border--disabled:disabled{border-color:var(--color-input-border--disabled)}.disabled\:bg-button-primary-bg--disabled:disabled{background-color:var(--color-button-primary-bg--disabled)}.disabled\:bg-button-secondary-bg--disabled:disabled{background-color:var(--color-button-secondary-bg--disabled)}.disabled\:bg-input-bg--disabled:disabled{background-color:var(--color-input-bg--disabled)}.disabled\:text-button-ghost-text--disabled:disabled{color:var(--color-button-ghost-text--disabled)}.disabled\:text-button-outline-text--disabled:disabled{color:var(--color-button-outline-text--disabled)}.disabled\:text-button-primary-text--disabled:disabled{color:var(--color-button-primary-text--disabled)}.disabled\:text-button-secondary-text--disabled:disabled{color:var(--color-button-secondary-text--disabled)}.disabled\:text-input-text--disabled:disabled{color:var(--color-input-text--disabled)}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-text-primary:disabled:hover{color:var(--color-text-primary)}}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing)*4)1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing)*3)}.aria-invalid\:border-danger-200[aria-invalid=true]{border-color:var(--color-danger-200)}.aria-invalid\:ring-danger-100\/20[aria-invalid=true]{--tw-ring-color:var(--color-danger-100)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-danger-100\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-danger-100)20%,transparent)}}.aria-invalid\:ring-danger-200\/20[aria-invalid=true]{--tw-ring-color:var(--color-danger-200)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-danger-200\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-danger-200)20%,transparent)}}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[expanded\=true\]\:w-full[data-expanded=true]{width:100%}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing)*1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:flex[data-orientation=vertical]{display:flex}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing)*1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=active\]\:animate-fade-in-tabs[data-state=active]{animation:var(--animate-fade-in-tabs)}.data-\[state\=active\]\:text-accent[data-state=active]{color:var(--color-accent)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:bg-switch-bg--checked[data-state=checked]{background-color:var(--color-switch-bg--checked)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=on\]\:border-toggle-border[data-state=on]{border-color:var(--color-toggle-border)}.data-\[state\=on\]\:border-toggle-border--active[data-state=on]{border-color:var(--color-toggle-border--active)}.data-\[state\=on\]\:bg-toggle-bg[data-state=on]{background-color:var(--color-toggle-bg)}.data-\[state\=on\]\:bg-toggle-bg--active[data-state=on]{background-color:var(--color-toggle-bg--active)}.data-\[state\=on\]\:text-toggle-text--active[data-state=on]{color:var(--color-toggle-text--active)}.data-\[state\=open\]\:rotate-180[data-state=open]{rotate:180deg}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-switch-bg[data-state=unchecked]{background-color:var(--color-switch-bg)}.data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}@media (prefers-reduced-motion:reduce){.motion-reduce\:transform-none{transform:none}.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}.data-\[state\=checked\]\:rtl\:-translate-x-4[data-state=checked]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing)*-4);translate:var(--tw-translate-x)var(--tw-translate-y)}@media (prefers-color-scheme:dark){.dark\:bg-danger-100\/60{background-color:var(--color-danger-100)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-danger-100\/60{background-color:color-mix(in oklab,var(--color-danger-100)60%,transparent)}}.dark\:focus-visible\:ring-danger-100\/40:focus-visible{--tw-ring-color:var(--color-danger-100)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-danger-100\/40:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-danger-100)40%,transparent)}}.dark\:aria-invalid\:ring-danger-100\/40[aria-invalid=true]{--tw-ring-color:var(--color-danger-100)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-danger-100\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-danger-100)40%,transparent)}}.dark\:aria-invalid\:ring-danger-200\/40[aria-invalid=true]{--tw-ring-color:var(--color-danger-200)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-danger-200\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--color-danger-200)40%,transparent)}}}.\[\&_\*\]\:box-border *{box-sizing:border-box}.\[\&_\*\]\:min-w-0 *{min-width:calc(var(--spacing)*0)}.\[\&_button\:first-of-type\]\:rounded-l-md button:first-of-type{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.\[\&_button\:last-of-type\]\:rounded-r-md button:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_span\]\:rounded-\[4px\] span{border-radius:4px}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-3 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-4 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\"size-\"\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-5 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.\[\&\:not\(\:first-child\)\]\:border-l-0:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\]\:min-w-0>*{min-width:calc(var(--spacing)*0)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\[data-layout\=\'expanded\'\]\]\:w-full[data-layout=expanded]{width:100%}.\[\&\[data-state\=checked\]\]\:border-radio-border--selected[data-state=checked]{border-color:var(--color-radio-border--selected)}.\[\&\[data-state\=checked\]\]\:bg-radio-bg[data-state=checked]{background-color:var(--color-radio-bg)}.\[\&\[data-variant\=\'outline\'\]\]\:gap-0\.25[data-variant=outline]{gap:calc(var(--spacing)*.25)}.\[\&\[data-variant\=\'outline\'\]\]\:bg-toggle-group-bg[data-variant=outline]{background-color:var(--color-toggle-group-bg)}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--color-accent)}a.\[a\&\]\:hover\:bg-badge-primary-bg--hover:hover{background-color:var(--color-badge-primary-bg--hover)}a.\[a\&\]\:hover\:bg-danger-100\/90:hover{background-color:var(--color-danger-100)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-danger-100\/90:hover{background-color:color-mix(in oklab,var(--color-danger-100)90%,transparent)}}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@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));filter:blur(var(--tw-enter-blur,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));filter:blur(var(--tw-exit-blur,0))}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spear-ai/spectral",
3
- "version": "1.3.60",
3
+ "version": "1.3.61",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "repository": {
@@ -1,3 +0,0 @@
1
- import { ReactElement } from 'react';
2
- export declare const HorizonColorGrid: () => ReactElement;
3
- //# sourceMappingURL=HorizonColorGrid.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"HorizonColorGrid.d.ts","sourceRoot":"","sources":["../../../src/features/HorizonColorGrid/HorizonColorGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAgDzC,eAAO,MAAM,gBAAgB,QAAO,YAqEnC,CAAA"}
@@ -1,71 +0,0 @@
1
- import "../styles/main.css";
2
- import { jsxs as e, jsx as o } from "react/jsx-runtime";
3
- const n = ({ token: r }) => {
4
- const l = r.oklch.match(/oklch\(([\d.]+)%/), a = (l ? parseFloat(l[1]) : 100) < 65 ? "text-white" : "text-black";
5
- return /* @__PURE__ */ e("div", { className: "relative overflow-hidden rounded-md ring-1 ring-black/10", style: { backgroundColor: r.oklch }, children: [
6
- /* @__PURE__ */ e("div", { className: `px-3 py-2 leading-tight ${a}`, children: [
7
- /* @__PURE__ */ o("div", { className: "font-medium", children: r.var }),
8
- /* @__PURE__ */ o("div", { className: "opacity-90", children: r.oklch })
9
- ] }),
10
- /* @__PURE__ */ o("div", { className: "h-20" })
11
- ] });
12
- }, c = ({ title: r, description: l, tokens: h }) => /* @__PURE__ */ e("section", { className: "space-y-3", children: [
13
- /* @__PURE__ */ e("header", { className: "space-y-1", children: [
14
- /* @__PURE__ */ o("h3", { className: "text-base font-semibold", children: r }),
15
- l ? /* @__PURE__ */ o("p", { className: "text-sm text-neutral-500", children: l }) : null
16
- ] }),
17
- /* @__PURE__ */ o("div", { className: "grid [grid-template-columns:repeat(auto-fill,minmax(240px,1fr))] gap-4", children: h.map((a) => /* @__PURE__ */ o(n, { token: a }, a.var)) })
18
- ] }), k = () => /* @__PURE__ */ e("div", { className: "space-y-10", children: [
19
- /* @__PURE__ */ o(c, { title: "Neutrals", description: "Base grayscale used for surfaces and text.", tokens: [
20
- { var: "--horizon-color-neutral-50", oklch: "oklch(97.64% 0.001 286.38)" },
21
- { var: "--horizon-color-neutral-100", oklch: "oklch(92.19% 0 0)" },
22
- { var: "--horizon-color-neutral-200", oklch: "oklch(86.99% 0 0)" },
23
- { var: "--horizon-color-neutral-300", oklch: "oklch(79.03% 0 0)" },
24
- { var: "--horizon-color-neutral-400", oklch: "oklch(71.55% 0 0)" },
25
- { var: "--horizon-color-neutral-500", oklch: "oklch(55.55% 0 0)" },
26
- { var: "--horizon-color-neutral-600", oklch: "oklch(43.86% 0 0)" },
27
- { var: "--horizon-color-neutral-700", oklch: "oklch(37.15% 0 0)" },
28
- { var: "--horizon-color-neutral-800", oklch: "oklch(32.11% 0 0)" },
29
- { var: "--horizon-color-neutral-900", oklch: "oklch(26.86% 0 0)" },
30
- { var: "--horizon-color-neutral-950", oklch: "oklch(21.78% 0 0)" }
31
- ] }),
32
- /* @__PURE__ */ o(c, { title: "Primaries", description: "Primary colors across the app.", tokens: [
33
- { var: "--horizon-color-primary-50", oklch: "oklch(97.05% 0.0142 254.6)" },
34
- { var: "--horizon-color-primary-100", oklch: "oklch(93.19% 0.0316 255.59)" },
35
- { var: "--horizon-color-primary-200", oklch: "oklch(88.41% 0.0581 252.44)" },
36
- { var: "--horizon-color-primary-300", oklch: "oklch(80.75% 0.0958 253.19)" },
37
- { var: "--horizon-color-primary-400", oklch: "oklch(71.27% 0.1469 255.61)" },
38
- { var: "--horizon-color-primary-500", oklch: "oklch(62.31% 0.1862 260.06)" },
39
- { var: "--horizon-color-primary-600", oklch: "oklch(54.34% 0.2151 263.01)" },
40
- { var: "--horizon-color-primary-700", oklch: "oklch(49.14% 0.2189 264.03)" },
41
- { var: "--horizon-color-primary-800", oklch: "oklch(42.75% 0.1828 265.08)" },
42
- { var: "--horizon-color-primary-900", oklch: "oklch(37.78% 0.1366 265.11)" },
43
- { var: "--horizon-color-primary-950", oklch: "oklch(28.37% 0.0887 268.75)" }
44
- ] }),
45
- /* @__PURE__ */ o(c, { title: "Levels", description: "Layer elevations for cards, popovers, etc.", tokens: [
46
- { var: "--horizon-color-level-zero", oklch: "oklch(24.79% 0.0058 271.18)" },
47
- { var: "--horizon-color-level-one", oklch: "oklch(27.28% 0.0097 268.32)" },
48
- { var: "--horizon-color-level-two", oklch: "oklch(30.73% 0.0106 253.99)" },
49
- { var: "--horizon-color-level-three", oklch: "oklch(32.71% 0.0104 253.98)" },
50
- { var: "--horizon-color-level-four", oklch: "oklch(35.77% 0.0088 248.07)" },
51
- { var: "--horizon-color-level-five", oklch: "oklch(38.75% 0.0073 242.06)" }
52
- ] }),
53
- /* @__PURE__ */ o(c, { title: "Danger", description: "Errors and destructive actions.", tokens: [
54
- { var: "--horizon-color-danger-100", oklch: "oklch(63.7% 0.237 25.331)" },
55
- { var: "--horizon-color-danger-200", oklch: "oklch(62.39% 0.2536 28.3)" },
56
- { var: "--horizon-color-danger-300", oklch: "oklch(57.7% 0.245 27.325)" }
57
- ] }),
58
- /* @__PURE__ */ o(c, { title: "Success", description: "Success states and confirmations.", tokens: [
59
- { var: "--horizon-color-success-100", oklch: "oklch(79.2% 0.209 151.711)" },
60
- { var: "--horizon-color-success-200", oklch: "oklch(72.3% 0.219 149.579)" },
61
- { var: "--horizon-color-success-300", oklch: "oklch(62.7% 0.194 149.214)" }
62
- ] }),
63
- /* @__PURE__ */ o(c, { title: "Warning", description: "Warnings and cautions.", tokens: [
64
- { var: "--horizon-color-warning-100", oklch: "oklch(75% 0.183 55.934)" },
65
- { var: "--horizon-color-warning-200", oklch: "oklch(70.5% 0.213 47.604)" },
66
- { var: "--horizon-color-warning-300", oklch: "oklch(64.6% 0.222 41.116)" }
67
- ] })
68
- ] });
69
- export {
70
- k as HorizonColorGrid
71
- };