@voxket-ai/events-sdk 1.0.10 → 1.0.12
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.
- package/dist/api/ApiClient.d.ts +3 -1
- package/dist/events-sdk.js +660 -551
- package/dist/events-sdk.umd.cjs +2 -2
- package/package.json +1 -1
package/dist/events-sdk.js
CHANGED
|
@@ -150,41 +150,47 @@ var g = class {
|
|
|
150
150
|
headers: { Authorization: `Bearer ${e}` }
|
|
151
151
|
});
|
|
152
152
|
}
|
|
153
|
-
async uploadFile(e, t, n) {
|
|
154
|
-
let
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
let
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
153
|
+
async uploadFile(e, t, n, r) {
|
|
154
|
+
let i = new FormData();
|
|
155
|
+
return i.append("file", e), r && i.append("label", r), !t && n && i.append("email", n), this.postAsset(i, t);
|
|
156
|
+
}
|
|
157
|
+
async submitTextAnswer(e, t, n, r) {
|
|
158
|
+
let i = new FormData();
|
|
159
|
+
return i.append("text", e), r && i.append("label", r), !t && n && i.append("email", n), this.postAsset(i, t);
|
|
160
|
+
}
|
|
161
|
+
async postAsset(e, t) {
|
|
162
|
+
let n = t || null, r = {};
|
|
163
|
+
n && (r.Authorization = `Bearer ${n}`);
|
|
164
|
+
let i = n ? [`${this.baseUrl}/api/portal/${this.slug}/me/upload/`, `${this.baseUrl}/api/public/events/${this.slug}/upload/`] : [`${this.baseUrl}/api/public/events/${this.slug}/upload/`, `${this.baseUrl}/api/portal/${this.slug}/me/upload/`], a = null;
|
|
165
|
+
for (let t = 0; t < i.length; t++) {
|
|
166
|
+
let n = i[t];
|
|
167
|
+
this.logger.log(`API Call: POST ${n} (upload)`);
|
|
168
|
+
let o = new AbortController(), s = setTimeout(() => o.abort(), this.timeoutMs);
|
|
163
169
|
try {
|
|
164
|
-
let
|
|
170
|
+
let a = await fetch(n, {
|
|
165
171
|
method: "POST",
|
|
166
|
-
signal:
|
|
167
|
-
headers:
|
|
168
|
-
body:
|
|
172
|
+
signal: o.signal,
|
|
173
|
+
headers: r,
|
|
174
|
+
body: e
|
|
169
175
|
});
|
|
170
|
-
clearTimeout(
|
|
176
|
+
clearTimeout(s);
|
|
171
177
|
let c = null;
|
|
172
178
|
try {
|
|
173
|
-
c = await
|
|
179
|
+
c = await a.json();
|
|
174
180
|
} catch {}
|
|
175
|
-
if (
|
|
176
|
-
if ((
|
|
177
|
-
this.logger.log(`Upload to ${
|
|
181
|
+
if (a.ok) return c;
|
|
182
|
+
if ((a.status === 404 || a.status === 405) && t < i.length - 1) {
|
|
183
|
+
this.logger.log(`Upload to ${n} returned ${a.status}, trying fallback endpoint...`);
|
|
178
184
|
continue;
|
|
179
185
|
}
|
|
180
186
|
let l = c?.message || c?.error || c?.detail || "File upload failed";
|
|
181
187
|
throw Error(l);
|
|
182
|
-
} catch (
|
|
183
|
-
if (clearTimeout(
|
|
184
|
-
throw
|
|
188
|
+
} catch (e) {
|
|
189
|
+
if (clearTimeout(s), a = e, t < i.length - 1 && !e?.message?.includes("timed out")) continue;
|
|
190
|
+
throw e?.name === "AbortError" ? Error(`File upload timed out after ${this.timeoutMs / 1e3} seconds`) : e;
|
|
185
191
|
}
|
|
186
192
|
}
|
|
187
|
-
throw
|
|
193
|
+
throw a || /* @__PURE__ */ Error("File upload failed");
|
|
188
194
|
}
|
|
189
195
|
async deleteFile(e, t) {
|
|
190
196
|
let n = encodeURIComponent(String(e).trim()), r = t || null, i = {};
|
|
@@ -418,7 +424,7 @@ function A(e, t = [], n = []) {
|
|
|
418
424
|
}
|
|
419
425
|
//#endregion
|
|
420
426
|
//#region node_modules/lucide-react/dist/esm/icons/arrow-left.mjs
|
|
421
|
-
var
|
|
427
|
+
var j = {
|
|
422
428
|
name: "arrow-left",
|
|
423
429
|
size: 24,
|
|
424
430
|
node: [["path", {
|
|
@@ -429,8 +435,8 @@ var ne = {
|
|
|
429
435
|
key: "x3x0zl"
|
|
430
436
|
}]]
|
|
431
437
|
};
|
|
432
|
-
|
|
433
|
-
var
|
|
438
|
+
j.node;
|
|
439
|
+
var ne = A(j), M = {
|
|
434
440
|
name: "arrow-right",
|
|
435
441
|
size: 24,
|
|
436
442
|
node: [["path", {
|
|
@@ -441,8 +447,8 @@ var re = A(ne), j = {
|
|
|
441
447
|
key: "xquz4c"
|
|
442
448
|
}]]
|
|
443
449
|
};
|
|
444
|
-
|
|
445
|
-
var
|
|
450
|
+
M.node;
|
|
451
|
+
var re = A(M), ie = {
|
|
446
452
|
name: "briefcase",
|
|
447
453
|
size: 24,
|
|
448
454
|
node: [["path", {
|
|
@@ -457,8 +463,8 @@ var ie = A(j), M = {
|
|
|
457
463
|
key: "i6l2r4"
|
|
458
464
|
}]]
|
|
459
465
|
};
|
|
460
|
-
|
|
461
|
-
var
|
|
466
|
+
ie.node;
|
|
467
|
+
var N = A(ie), ae = {
|
|
462
468
|
name: "building-complex",
|
|
463
469
|
size: 24,
|
|
464
470
|
node: [
|
|
@@ -485,8 +491,8 @@ var ae = A(M), N = {
|
|
|
485
491
|
],
|
|
486
492
|
aliases: ["building-2"]
|
|
487
493
|
};
|
|
488
|
-
|
|
489
|
-
var oe = A(
|
|
494
|
+
ae.node;
|
|
495
|
+
var oe = A(ae), se = {
|
|
490
496
|
name: "check",
|
|
491
497
|
size: 24,
|
|
492
498
|
node: [["path", {
|
|
@@ -495,7 +501,7 @@ var oe = A(N), se = {
|
|
|
495
501
|
}]]
|
|
496
502
|
};
|
|
497
503
|
se.node;
|
|
498
|
-
var ce = A(se),
|
|
504
|
+
var ce = A(se), le = {
|
|
499
505
|
name: "chevron-down",
|
|
500
506
|
size: 24,
|
|
501
507
|
node: [["path", {
|
|
@@ -503,8 +509,8 @@ var ce = A(se), P = {
|
|
|
503
509
|
key: "qrunsl"
|
|
504
510
|
}]]
|
|
505
511
|
};
|
|
506
|
-
|
|
507
|
-
var
|
|
512
|
+
le.node;
|
|
513
|
+
var ue = A(le), de = {
|
|
508
514
|
name: "circle-alert",
|
|
509
515
|
size: 24,
|
|
510
516
|
node: [
|
|
@@ -531,8 +537,8 @@ var le = A(P), ue = {
|
|
|
531
537
|
],
|
|
532
538
|
aliases: ["alert-circle"]
|
|
533
539
|
};
|
|
534
|
-
|
|
535
|
-
var
|
|
540
|
+
de.node;
|
|
541
|
+
var fe = A(de), P = {
|
|
536
542
|
name: "circle-check-big",
|
|
537
543
|
size: 24,
|
|
538
544
|
node: [["path", {
|
|
@@ -544,8 +550,8 @@ var de = A(ue), F = {
|
|
|
544
550
|
}]],
|
|
545
551
|
aliases: ["check-circle"]
|
|
546
552
|
};
|
|
547
|
-
|
|
548
|
-
var
|
|
553
|
+
P.node;
|
|
554
|
+
var F = A(P), I = {
|
|
549
555
|
name: "clipboard-list",
|
|
550
556
|
size: 24,
|
|
551
557
|
node: [
|
|
@@ -595,7 +601,7 @@ var pe = A(I), L = {
|
|
|
595
601
|
}]]
|
|
596
602
|
};
|
|
597
603
|
L.node;
|
|
598
|
-
var me = A(L),
|
|
604
|
+
var me = A(L), R = {
|
|
599
605
|
name: "copy",
|
|
600
606
|
size: 24,
|
|
601
607
|
node: [["rect", {
|
|
@@ -611,8 +617,8 @@ var me = A(L), he = {
|
|
|
611
617
|
key: "zix9uf"
|
|
612
618
|
}]]
|
|
613
619
|
};
|
|
614
|
-
|
|
615
|
-
var
|
|
620
|
+
R.node;
|
|
621
|
+
var he = A(R), ge = {
|
|
616
622
|
name: "credit-card",
|
|
617
623
|
size: 24,
|
|
618
624
|
node: [
|
|
@@ -637,8 +643,8 @@ var ge = A(he), _e = {
|
|
|
637
643
|
}]
|
|
638
644
|
]
|
|
639
645
|
};
|
|
640
|
-
|
|
641
|
-
var
|
|
646
|
+
ge.node;
|
|
647
|
+
var _e = A(ge), z = {
|
|
642
648
|
name: "external-link",
|
|
643
649
|
size: 24,
|
|
644
650
|
node: [
|
|
@@ -656,8 +662,8 @@ var ve = A(_e), R = {
|
|
|
656
662
|
}]
|
|
657
663
|
]
|
|
658
664
|
};
|
|
659
|
-
|
|
660
|
-
var
|
|
665
|
+
z.node;
|
|
666
|
+
var ve = A(z), B = {
|
|
661
667
|
name: "file-text",
|
|
662
668
|
size: 24,
|
|
663
669
|
node: [
|
|
@@ -683,8 +689,8 @@ var ye = A(R), be = {
|
|
|
683
689
|
}]
|
|
684
690
|
]
|
|
685
691
|
};
|
|
686
|
-
|
|
687
|
-
var
|
|
692
|
+
B.node;
|
|
693
|
+
var ye = A(B), be = {
|
|
688
694
|
name: "folder-open",
|
|
689
695
|
size: 24,
|
|
690
696
|
node: [["path", {
|
|
@@ -692,8 +698,8 @@ var xe = A(be), Se = {
|
|
|
692
698
|
key: "usdka0"
|
|
693
699
|
}]]
|
|
694
700
|
};
|
|
695
|
-
|
|
696
|
-
var
|
|
701
|
+
be.node;
|
|
702
|
+
var xe = A(be), Se = {
|
|
697
703
|
name: "graduation-cap",
|
|
698
704
|
size: 24,
|
|
699
705
|
node: [
|
|
@@ -711,8 +717,8 @@ var Ce = A(Se), z = {
|
|
|
711
717
|
}]
|
|
712
718
|
]
|
|
713
719
|
};
|
|
714
|
-
|
|
715
|
-
var
|
|
720
|
+
Se.node;
|
|
721
|
+
var Ce = A(Se), V = {
|
|
716
722
|
name: "info",
|
|
717
723
|
size: 24,
|
|
718
724
|
node: [
|
|
@@ -732,8 +738,8 @@ var we = A(z), B = {
|
|
|
732
738
|
}]
|
|
733
739
|
]
|
|
734
740
|
};
|
|
735
|
-
|
|
736
|
-
var
|
|
741
|
+
V.node;
|
|
742
|
+
var H = A(V), U = {
|
|
737
743
|
name: "key-round",
|
|
738
744
|
size: 24,
|
|
739
745
|
node: [["path", {
|
|
@@ -747,8 +753,8 @@ var V = A(B), H = {
|
|
|
747
753
|
key: "w0ekpg"
|
|
748
754
|
}]]
|
|
749
755
|
};
|
|
750
|
-
|
|
751
|
-
var
|
|
756
|
+
U.node;
|
|
757
|
+
var W = A(U), we = {
|
|
752
758
|
name: "key",
|
|
753
759
|
size: 24,
|
|
754
760
|
node: [
|
|
@@ -768,8 +774,8 @@ var Te = A(H), Ee = {
|
|
|
768
774
|
}]
|
|
769
775
|
]
|
|
770
776
|
};
|
|
771
|
-
|
|
772
|
-
var
|
|
777
|
+
we.node;
|
|
778
|
+
var Te = A(we), G = {
|
|
773
779
|
name: "lock",
|
|
774
780
|
size: 24,
|
|
775
781
|
node: [["rect", {
|
|
@@ -785,8 +791,8 @@ var U = A(Ee), W = {
|
|
|
785
791
|
key: "fwvmzm"
|
|
786
792
|
}]]
|
|
787
793
|
};
|
|
788
|
-
|
|
789
|
-
var
|
|
794
|
+
G.node;
|
|
795
|
+
var K = A(G), q = {
|
|
790
796
|
name: "log-in",
|
|
791
797
|
size: 24,
|
|
792
798
|
node: [
|
|
@@ -804,8 +810,8 @@ var G = A(W), K = {
|
|
|
804
810
|
}]
|
|
805
811
|
]
|
|
806
812
|
};
|
|
807
|
-
|
|
808
|
-
var
|
|
813
|
+
q.node;
|
|
814
|
+
var Ee = A(q), De = {
|
|
809
815
|
name: "log-out",
|
|
810
816
|
size: 24,
|
|
811
817
|
node: [
|
|
@@ -823,8 +829,8 @@ var De = A(K), q = {
|
|
|
823
829
|
}]
|
|
824
830
|
]
|
|
825
831
|
};
|
|
826
|
-
|
|
827
|
-
var J = A(
|
|
832
|
+
De.node;
|
|
833
|
+
var J = A(De), Y = {
|
|
828
834
|
name: "mail",
|
|
829
835
|
size: 24,
|
|
830
836
|
node: [["path", {
|
|
@@ -839,8 +845,8 @@ var J = A(q), Oe = {
|
|
|
839
845
|
key: "izxlao"
|
|
840
846
|
}]]
|
|
841
847
|
};
|
|
842
|
-
|
|
843
|
-
var
|
|
848
|
+
Y.node;
|
|
849
|
+
var Oe = A(Y), ke = {
|
|
844
850
|
name: "map-pin",
|
|
845
851
|
size: 24,
|
|
846
852
|
node: [["path", {
|
|
@@ -853,8 +859,8 @@ var ke = A(Oe), Ae = {
|
|
|
853
859
|
key: "ilqhr7"
|
|
854
860
|
}]]
|
|
855
861
|
};
|
|
856
|
-
|
|
857
|
-
var
|
|
862
|
+
ke.node;
|
|
863
|
+
var Ae = A(ke), je = {
|
|
858
864
|
name: "maximize-2",
|
|
859
865
|
size: 24,
|
|
860
866
|
node: [
|
|
@@ -876,8 +882,8 @@ var je = A(Ae), Me = {
|
|
|
876
882
|
}]
|
|
877
883
|
]
|
|
878
884
|
};
|
|
879
|
-
|
|
880
|
-
var
|
|
885
|
+
je.node;
|
|
886
|
+
var Me = A(je), Ne = {
|
|
881
887
|
name: "minimize-2",
|
|
882
888
|
size: 24,
|
|
883
889
|
node: [
|
|
@@ -899,8 +905,8 @@ var Ne = A(Me), Pe = {
|
|
|
899
905
|
}]
|
|
900
906
|
]
|
|
901
907
|
};
|
|
902
|
-
|
|
903
|
-
var
|
|
908
|
+
Ne.node;
|
|
909
|
+
var Pe = A(Ne), Fe = {
|
|
904
910
|
name: "move",
|
|
905
911
|
size: 24,
|
|
906
912
|
node: [
|
|
@@ -930,8 +936,8 @@ var Fe = A(Pe), Ie = {
|
|
|
930
936
|
}]
|
|
931
937
|
]
|
|
932
938
|
};
|
|
933
|
-
|
|
934
|
-
var
|
|
939
|
+
Fe.node;
|
|
940
|
+
var Ie = A(Fe), Le = {
|
|
935
941
|
name: "package-check",
|
|
936
942
|
size: 24,
|
|
937
943
|
node: [
|
|
@@ -957,8 +963,8 @@ var Le = A(Ie), Re = {
|
|
|
957
963
|
}]
|
|
958
964
|
]
|
|
959
965
|
};
|
|
960
|
-
|
|
961
|
-
var
|
|
966
|
+
Le.node;
|
|
967
|
+
var Re = A(Le), ze = {
|
|
962
968
|
name: "phone",
|
|
963
969
|
size: 24,
|
|
964
970
|
node: [["path", {
|
|
@@ -966,8 +972,8 @@ var ze = A(Re), Y = {
|
|
|
966
972
|
key: "9njp5v"
|
|
967
973
|
}]]
|
|
968
974
|
};
|
|
969
|
-
|
|
970
|
-
var
|
|
975
|
+
ze.node;
|
|
976
|
+
var X = A(ze), Be = {
|
|
971
977
|
name: "receipt",
|
|
972
978
|
size: 24,
|
|
973
979
|
node: [
|
|
@@ -985,8 +991,8 @@ var Be = A(Y), Ve = {
|
|
|
985
991
|
}]
|
|
986
992
|
]
|
|
987
993
|
};
|
|
988
|
-
|
|
989
|
-
var
|
|
994
|
+
Be.node;
|
|
995
|
+
var Ve = A(Be), He = {
|
|
990
996
|
name: "search",
|
|
991
997
|
size: 24,
|
|
992
998
|
node: [["path", {
|
|
@@ -999,8 +1005,8 @@ var He = A(Ve), X = {
|
|
|
999
1005
|
key: "4ej97u"
|
|
1000
1006
|
}]]
|
|
1001
1007
|
};
|
|
1002
|
-
|
|
1003
|
-
var Ue = A(
|
|
1008
|
+
He.node;
|
|
1009
|
+
var Ue = A(He), Z = {
|
|
1004
1010
|
name: "sparkles",
|
|
1005
1011
|
size: 24,
|
|
1006
1012
|
node: [
|
|
@@ -1123,7 +1129,7 @@ var Ze = A(Xe), Qe = {
|
|
|
1123
1129
|
};
|
|
1124
1130
|
Qe.node;
|
|
1125
1131
|
var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e, onSubmit: t, onBack: n, theme: r, displayMode: i, isExpanded: a, onToggleExpand: o, onClose: c, onChange: l, initialValues: u, isDark: h = !1, apiClient: g, storage: _, onError: v, onEvent: y, backgroundStyle: b, ticketType: x, showReviewFields: S = !1 }) => {
|
|
1126
|
-
let [C, w] = d(u || {}), [T, E] = d(null), [D, ee] = d(null), [te, O] = d({}), [k, A] = d({}), [
|
|
1132
|
+
let [C, w] = d(u || {}), [T, E] = d(null), [D, ee] = d(null), [te, O] = d({}), [k, A] = d({}), [j, M] = d(null), [ie, N] = d(null), [ae, oe] = d({}), [se, le] = d({}), [de, fe] = d({}), P = r?.primaryColor || "#c026d3";
|
|
1127
1133
|
s(() => {
|
|
1128
1134
|
if (u && Object.keys(u).length > 0) {
|
|
1129
1135
|
w((e) => ({
|
|
@@ -1145,7 +1151,7 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1145
1151
|
}));
|
|
1146
1152
|
}
|
|
1147
1153
|
}, [u, e]);
|
|
1148
|
-
let
|
|
1154
|
+
let F = (e, t) => {
|
|
1149
1155
|
w((n) => {
|
|
1150
1156
|
let r = {
|
|
1151
1157
|
...n,
|
|
@@ -1153,52 +1159,52 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1153
1159
|
};
|
|
1154
1160
|
return l?.(r), r;
|
|
1155
1161
|
});
|
|
1156
|
-
},
|
|
1162
|
+
}, I = async (t, n) => {
|
|
1157
1163
|
if (!g) return;
|
|
1158
|
-
E(
|
|
1159
|
-
let
|
|
1164
|
+
E(t), M(null), N(null);
|
|
1165
|
+
let r = _?.getToken?.() || null, i = te[t], a = (e?.fields || []).find((e) => e.id === t);
|
|
1160
1166
|
try {
|
|
1161
|
-
let
|
|
1162
|
-
if (!
|
|
1163
|
-
let
|
|
1164
|
-
if (O((
|
|
1165
|
-
...
|
|
1166
|
-
[
|
|
1167
|
-
})),
|
|
1168
|
-
...
|
|
1169
|
-
[
|
|
1170
|
-
})), w((
|
|
1167
|
+
let e = await g.uploadFile(n, r, r ? null : me(), a?.label), o = e?.data?.asset_id || e?.asset_id, s = e?.data?.serve_url || e?.serve_url;
|
|
1168
|
+
if (!o && !s) throw Error("Upload response missing asset_id");
|
|
1169
|
+
let c = String(o || s), u = String(s || "");
|
|
1170
|
+
if (O((e) => ({
|
|
1171
|
+
...e,
|
|
1172
|
+
[t]: c
|
|
1173
|
+
})), u && A((e) => ({
|
|
1174
|
+
...e,
|
|
1175
|
+
[t]: u
|
|
1176
|
+
})), w((e) => {
|
|
1171
1177
|
let n = {
|
|
1172
|
-
...
|
|
1173
|
-
[
|
|
1178
|
+
...e,
|
|
1179
|
+
[t]: c
|
|
1174
1180
|
};
|
|
1175
1181
|
return l?.(n), n;
|
|
1176
1182
|
}), y?.("file_uploaded", {
|
|
1177
|
-
fieldId:
|
|
1178
|
-
assetId:
|
|
1179
|
-
serveUrl:
|
|
1180
|
-
}),
|
|
1181
|
-
await g.deleteFile(
|
|
1182
|
-
fieldId:
|
|
1183
|
-
assetId:
|
|
1183
|
+
fieldId: t,
|
|
1184
|
+
assetId: c,
|
|
1185
|
+
serveUrl: u
|
|
1186
|
+
}), i && i !== c) try {
|
|
1187
|
+
await g.deleteFile(i, r), y?.("file_deleted", {
|
|
1188
|
+
fieldId: t,
|
|
1189
|
+
assetId: i
|
|
1184
1190
|
});
|
|
1185
1191
|
} catch (e) {
|
|
1186
1192
|
console.warn("[DynamicForm] Could not delete old file", e);
|
|
1187
1193
|
}
|
|
1188
|
-
} catch (
|
|
1189
|
-
let n =
|
|
1190
|
-
|
|
1194
|
+
} catch (e) {
|
|
1195
|
+
let n = e?.message || "File upload failed. Please try again.";
|
|
1196
|
+
M(n), N(t), v?.({
|
|
1191
1197
|
type: "file_upload_error",
|
|
1192
1198
|
message: n,
|
|
1193
|
-
error:
|
|
1199
|
+
error: e
|
|
1194
1200
|
});
|
|
1195
1201
|
} finally {
|
|
1196
1202
|
E(null);
|
|
1197
1203
|
}
|
|
1198
|
-
},
|
|
1204
|
+
}, pe = async (e) => {
|
|
1199
1205
|
if (!g) return;
|
|
1200
1206
|
let t = _?.getToken?.() || null, n = te[e] || C[e];
|
|
1201
|
-
ee(e),
|
|
1207
|
+
ee(e), M(null), N(null);
|
|
1202
1208
|
try {
|
|
1203
1209
|
n && (await g.deleteFile(n, t), y?.("file_deleted", {
|
|
1204
1210
|
fieldId: e,
|
|
@@ -1209,6 +1215,12 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1209
1215
|
}), A((t) => {
|
|
1210
1216
|
let n = { ...t };
|
|
1211
1217
|
return delete n[e], n;
|
|
1218
|
+
}), fe((t) => {
|
|
1219
|
+
let n = { ...t };
|
|
1220
|
+
return delete n[e], n;
|
|
1221
|
+
}), le((t) => {
|
|
1222
|
+
let n = { ...t };
|
|
1223
|
+
return delete n[e], n;
|
|
1212
1224
|
}), w((t) => {
|
|
1213
1225
|
let n = {
|
|
1214
1226
|
...t,
|
|
@@ -1218,7 +1230,7 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1218
1230
|
});
|
|
1219
1231
|
} catch (t) {
|
|
1220
1232
|
let n = t?.message || "Failed to delete file. Please try again.";
|
|
1221
|
-
|
|
1233
|
+
M(n), N(e), v?.({
|
|
1222
1234
|
type: "file_delete_error",
|
|
1223
1235
|
message: n,
|
|
1224
1236
|
error: t
|
|
@@ -1226,16 +1238,61 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1226
1238
|
} finally {
|
|
1227
1239
|
ee(null);
|
|
1228
1240
|
}
|
|
1229
|
-
},
|
|
1241
|
+
}, L = async (t, n) => {
|
|
1242
|
+
if (!g || !n.trim()) return;
|
|
1243
|
+
E(t), M(null), N(null);
|
|
1244
|
+
let r = _?.getToken?.() || null, i = te[t], a = (e?.fields || []).find((e) => e.id === t);
|
|
1245
|
+
try {
|
|
1246
|
+
let e = await g.submitTextAnswer(n.trim(), r, r ? null : me(), a?.label), o = e?.data?.asset_id || e?.asset_id;
|
|
1247
|
+
if (!o) throw Error("Submission response missing asset_id");
|
|
1248
|
+
let s = String(o);
|
|
1249
|
+
if (O((e) => ({
|
|
1250
|
+
...e,
|
|
1251
|
+
[t]: s
|
|
1252
|
+
})), A((e) => {
|
|
1253
|
+
let n = { ...e };
|
|
1254
|
+
return delete n[t], n;
|
|
1255
|
+
}), fe((e) => ({
|
|
1256
|
+
...e,
|
|
1257
|
+
[t]: n.trim()
|
|
1258
|
+
})), w((e) => {
|
|
1259
|
+
let n = {
|
|
1260
|
+
...e,
|
|
1261
|
+
[t]: s
|
|
1262
|
+
};
|
|
1263
|
+
return l?.(n), n;
|
|
1264
|
+
}), y?.("file_uploaded", {
|
|
1265
|
+
fieldId: t,
|
|
1266
|
+
assetId: s,
|
|
1267
|
+
isText: !0
|
|
1268
|
+
}), i && i !== s) try {
|
|
1269
|
+
await g.deleteFile(i, r), y?.("file_deleted", {
|
|
1270
|
+
fieldId: t,
|
|
1271
|
+
assetId: i
|
|
1272
|
+
});
|
|
1273
|
+
} catch (e) {
|
|
1274
|
+
console.warn("[DynamicForm] Could not delete old file", e);
|
|
1275
|
+
}
|
|
1276
|
+
} catch (e) {
|
|
1277
|
+
let n = e?.message || "Could not submit your answer. Please try again.";
|
|
1278
|
+
M(n), N(t), v?.({
|
|
1279
|
+
type: "file_upload_error",
|
|
1280
|
+
message: n,
|
|
1281
|
+
error: e
|
|
1282
|
+
});
|
|
1283
|
+
} finally {
|
|
1284
|
+
E(null);
|
|
1285
|
+
}
|
|
1286
|
+
}, me = () => {
|
|
1230
1287
|
let t = (e?.fields || []).find((e) => e.type === "email" || (e.label || e.id || "").toLowerCase().includes("email"));
|
|
1231
1288
|
return String(t && C[t.id] || C.email || "").trim();
|
|
1232
|
-
},
|
|
1289
|
+
}, R = e?.fields || [], he = (e) => {
|
|
1233
1290
|
if (e.description) return e.description;
|
|
1234
1291
|
if (e.helperText) return e.helperText;
|
|
1235
1292
|
let t = (e.label || e.id || "").toLowerCase(), n = e.type;
|
|
1236
1293
|
return n === "email" || t.includes("email") || t.includes("mail") ? "Please enter a valid email address. Your abstract acknowledgement, review updates, and final communication will be sent to this mailbox." : n === "phone" || t.includes("phone") || t.includes("mobile") || t.includes("contact") ? "Please enter a valid mobile number for SMS confirmations and important notifications." : t.includes("council") || t.includes("registration no") || t.includes("mci") ? "Enter your State Medical Council or National Medical Commission registration number." : n === "file" || t.includes("file") || t.includes("upload") || t.includes("bonafide") || t.includes("abstract") ? "Upload your document (PDF, JPG, PNG up to 10MB) for registration review and verification." : t.includes("salutation") || t.includes("title") ? "Choose your professional title or academic prefix." : null;
|
|
1237
|
-
},
|
|
1238
|
-
let t = k[e.id] || (C[e.id] && String(C[e.id]).startsWith("http") ? C[e.id] : "");
|
|
1294
|
+
}, ge = (e) => {
|
|
1295
|
+
let t = k[e.id] || (C[e.id] && String(C[e.id]).startsWith("http") ? C[e.id] : ""), n = de[e.id], r = ae[e.id] || "file", i = T === e.id || D === e.id, a = se[e.id] || "", o = a.trim() ? a.trim().split(/\s+/).length : 0, s = !!e.word_limit && o > e.word_limit;
|
|
1239
1296
|
return /* @__PURE__ */ p("div", {
|
|
1240
1297
|
className: "space-y-2 mt-2",
|
|
1241
1298
|
children: /* @__PURE__ */ m("div", {
|
|
@@ -1249,58 +1306,110 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1249
1306
|
children: [/* @__PURE__ */ p("div", {
|
|
1250
1307
|
className: "w-10 h-10 rounded-xl flex items-center justify-center shrink-0 border",
|
|
1251
1308
|
style: {
|
|
1252
|
-
backgroundColor: h ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${
|
|
1253
|
-
borderColor: h ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${
|
|
1254
|
-
color:
|
|
1309
|
+
backgroundColor: h ? "rgba(255,255,255,0.06)" : `color-mix(in srgb, ${P} 10%, white)`,
|
|
1310
|
+
borderColor: h ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${P} 25%, white)`,
|
|
1311
|
+
color: P
|
|
1255
1312
|
},
|
|
1256
|
-
children: /* @__PURE__ */ p(
|
|
1313
|
+
children: /* @__PURE__ */ p(xe, { size: 18 })
|
|
1257
1314
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
|
|
1258
1315
|
className: `text-xs font-bold ${h ? "text-zinc-200" : "text-gray-900"}`,
|
|
1259
1316
|
children: e.label
|
|
1260
1317
|
}), /* @__PURE__ */ p("p", {
|
|
1261
1318
|
className: `text-2xs font-medium ${h ? "text-zinc-400" : "text-gray-500"}`,
|
|
1262
|
-
children: t ? "Document attached successfully" : "Click to choose or upload your document (PDF, JPG, PNG)"
|
|
1319
|
+
children: t ? "Document attached successfully" : n ? "Text submitted successfully" : r === "file" ? "Click to choose or upload your document (PDF, JPG, PNG)" : "Enter your text below"
|
|
1263
1320
|
})] })]
|
|
1321
|
+
}), /* @__PURE__ */ p("button", {
|
|
1322
|
+
type: "button",
|
|
1323
|
+
disabled: i,
|
|
1324
|
+
onClick: () => oe((t) => ({
|
|
1325
|
+
...t,
|
|
1326
|
+
[e.id]: r === "file" ? "text" : "file"
|
|
1327
|
+
})),
|
|
1328
|
+
className: "flex items-center gap-1 text-2xs font-semibold px-2.5 py-1 rounded-lg border cursor-pointer transition-colors hover:opacity-80 disabled:opacity-50 shrink-0",
|
|
1329
|
+
style: {
|
|
1330
|
+
color: P,
|
|
1331
|
+
borderColor: `color-mix(in srgb, ${P} 35%, transparent)`
|
|
1332
|
+
},
|
|
1333
|
+
children: r === "file" ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(ye, { size: 11 }), " Send text only"] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Ye, { size: 11 }), " Send file"] })
|
|
1334
|
+
})]
|
|
1335
|
+
}),
|
|
1336
|
+
r === "file" ? /* @__PURE__ */ m("div", {
|
|
1337
|
+
className: "flex items-center gap-2 flex-wrap mt-3",
|
|
1338
|
+
children: [/* @__PURE__ */ m("label", {
|
|
1339
|
+
className: "cursor-pointer relative",
|
|
1340
|
+
children: [/* @__PURE__ */ p("input", {
|
|
1341
|
+
type: "file",
|
|
1342
|
+
className: "hidden",
|
|
1343
|
+
style: { display: "none" },
|
|
1344
|
+
tabIndex: -1,
|
|
1345
|
+
disabled: i,
|
|
1346
|
+
onChange: (t) => {
|
|
1347
|
+
let n = t.target.files?.[0];
|
|
1348
|
+
n && I(e.id, n), t.target.value = "";
|
|
1349
|
+
}
|
|
1350
|
+
}), /* @__PURE__ */ m("div", {
|
|
1351
|
+
className: `flex items-center gap-1.5 py-2 px-3.5 rounded-xl text-xs font-semibold border transition-all shadow-2xs ${h ? "border-zinc-700 hover:border-zinc-600 text-zinc-200 bg-zinc-800 hover:bg-zinc-750" : "border-slate-200 hover:border-slate-300 text-slate-700 bg-white hover:bg-slate-50"}`,
|
|
1352
|
+
children: [/* @__PURE__ */ p(Ye, {
|
|
1353
|
+
size: 14,
|
|
1354
|
+
style: { color: P }
|
|
1355
|
+
}), /* @__PURE__ */ p("span", { children: T === e.id ? "Uploading..." : t ? "Replace File" : "Choose File" })]
|
|
1356
|
+
})]
|
|
1357
|
+
}), t && typeof t == "string" && t.trim() !== "" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
|
|
1358
|
+
type: "button",
|
|
1359
|
+
onClick: () => window.open(t, "_blank", "noopener,noreferrer"),
|
|
1360
|
+
className: "flex items-center gap-1.5 py-2 px-3.5 rounded-xl text-xs font-semibold text-white shadow-xs transition-opacity hover:opacity-90 shrink-0 cursor-pointer",
|
|
1361
|
+
style: { backgroundColor: P },
|
|
1362
|
+
title: "Open file in new tab",
|
|
1363
|
+
children: [
|
|
1364
|
+
/* @__PURE__ */ p(ye, { size: 13 }),
|
|
1365
|
+
/* @__PURE__ */ p("span", { children: "View" }),
|
|
1366
|
+
/* @__PURE__ */ p(ve, { size: 11 })
|
|
1367
|
+
]
|
|
1368
|
+
}), /* @__PURE__ */ m("button", {
|
|
1369
|
+
type: "button",
|
|
1370
|
+
disabled: D === e.id || T === e.id,
|
|
1371
|
+
onClick: () => pe(e.id),
|
|
1372
|
+
className: `flex items-center gap-1 py-2 px-3 rounded-xl text-xs font-semibold border transition-colors cursor-pointer ${h ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100"}`,
|
|
1373
|
+
title: "Delete uploaded file",
|
|
1374
|
+
children: [/* @__PURE__ */ p(qe, { size: 13 }), /* @__PURE__ */ p("span", { children: D === e.id ? "Deleting..." : "Delete" })]
|
|
1375
|
+
})] })]
|
|
1376
|
+
}) : /* @__PURE__ */ m("div", {
|
|
1377
|
+
className: `mt-3 pt-3 border-t space-y-2 ${h ? "border-zinc-800" : "border-slate-200"}`,
|
|
1378
|
+
children: [/* @__PURE__ */ p("textarea", {
|
|
1379
|
+
part: "input textarea",
|
|
1380
|
+
rows: 3,
|
|
1381
|
+
disabled: i || !!n,
|
|
1382
|
+
value: n ?? a,
|
|
1383
|
+
onChange: (t) => le((n) => ({
|
|
1384
|
+
...n,
|
|
1385
|
+
[e.id]: t.target.value
|
|
1386
|
+
})),
|
|
1387
|
+
placeholder: "Enter your answer...",
|
|
1388
|
+
className: `w-full px-3 py-2 text-sm rounded-xl border focus:outline-none transition-all disabled:opacity-70 ${h ? "bg-zinc-900 border-zinc-700 text-white placeholder-zinc-500" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`
|
|
1264
1389
|
}), /* @__PURE__ */ m("div", {
|
|
1265
|
-
className: "flex items-center gap-2",
|
|
1266
|
-
children: [/* @__PURE__ */ m("
|
|
1267
|
-
className: "
|
|
1268
|
-
children: [/* @__PURE__ */ p("input", {
|
|
1269
|
-
type: "file",
|
|
1270
|
-
className: "hidden",
|
|
1271
|
-
style: { display: "none" },
|
|
1272
|
-
tabIndex: -1,
|
|
1273
|
-
disabled: T === e.id || D === e.id,
|
|
1274
|
-
onChange: (t) => {
|
|
1275
|
-
let n = t.target.files?.[0];
|
|
1276
|
-
n && se(e.id, n), t.target.value = "";
|
|
1277
|
-
}
|
|
1278
|
-
}), /* @__PURE__ */ m("div", {
|
|
1279
|
-
className: `flex items-center gap-1.5 py-2 px-3.5 rounded-xl text-xs font-semibold border transition-all shadow-2xs ${h ? "border-zinc-700 hover:border-zinc-600 text-zinc-200 bg-zinc-800 hover:bg-zinc-750" : "border-slate-200 hover:border-slate-300 text-slate-700 bg-white hover:bg-slate-50"}`,
|
|
1280
|
-
children: [/* @__PURE__ */ p(Ye, {
|
|
1281
|
-
size: 14,
|
|
1282
|
-
style: { color: N }
|
|
1283
|
-
}), /* @__PURE__ */ p("span", { children: T === e.id ? "Uploading..." : t ? "Replace File" : "Choose File" })]
|
|
1284
|
-
})]
|
|
1285
|
-
}), t && typeof t == "string" && t.trim() !== "" && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
|
|
1286
|
-
type: "button",
|
|
1287
|
-
onClick: () => window.open(t, "_blank", "noopener,noreferrer"),
|
|
1288
|
-
className: "flex items-center gap-1.5 py-2 px-3.5 rounded-xl text-xs font-semibold text-white shadow-xs transition-opacity hover:opacity-90 shrink-0 cursor-pointer",
|
|
1289
|
-
style: { backgroundColor: N },
|
|
1290
|
-
title: "Open file in new tab",
|
|
1390
|
+
className: "flex items-center justify-between gap-2",
|
|
1391
|
+
children: [e.word_limit ? /* @__PURE__ */ m("span", {
|
|
1392
|
+
className: `text-2xs font-medium ${s ? "text-red-500" : h ? "text-zinc-500" : "text-gray-500"}`,
|
|
1291
1393
|
children: [
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1394
|
+
o,
|
|
1395
|
+
"/",
|
|
1396
|
+
e.word_limit,
|
|
1397
|
+
" words"
|
|
1295
1398
|
]
|
|
1296
|
-
}), /* @__PURE__ */ m("button", {
|
|
1399
|
+
}) : /* @__PURE__ */ p("span", {}), n ? /* @__PURE__ */ m("button", {
|
|
1297
1400
|
type: "button",
|
|
1298
|
-
disabled:
|
|
1299
|
-
onClick: () =>
|
|
1401
|
+
disabled: i,
|
|
1402
|
+
onClick: () => pe(e.id),
|
|
1300
1403
|
className: `flex items-center gap-1 py-2 px-3 rounded-xl text-xs font-semibold border transition-colors cursor-pointer ${h ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50 text-red-600 hover:bg-red-100"}`,
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1404
|
+
children: [/* @__PURE__ */ p(qe, { size: 13 }), /* @__PURE__ */ p("span", { children: D === e.id ? "Clearing..." : "Clear & Re-enter" })]
|
|
1405
|
+
}) : /* @__PURE__ */ m("button", {
|
|
1406
|
+
type: "button",
|
|
1407
|
+
disabled: i || !a.trim(),
|
|
1408
|
+
onClick: () => L(e.id, a),
|
|
1409
|
+
style: { backgroundColor: P },
|
|
1410
|
+
className: "flex items-center gap-1.5 px-4 py-2 rounded-xl text-xs font-bold text-white shadow-sm hover:opacity-90 transition-all cursor-pointer disabled:opacity-50",
|
|
1411
|
+
children: [/* @__PURE__ */ p(Ye, { size: 13 }), /* @__PURE__ */ p("span", { children: T === e.id ? "Submitting..." : "Submit Text" })]
|
|
1412
|
+
})]
|
|
1304
1413
|
})]
|
|
1305
1414
|
}),
|
|
1306
1415
|
t && /* @__PURE__ */ m("div", {
|
|
@@ -1313,16 +1422,16 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1313
1422
|
children: ["Attached: ", t]
|
|
1314
1423
|
})]
|
|
1315
1424
|
}),
|
|
1316
|
-
|
|
1425
|
+
j && ie === e.id && /* @__PURE__ */ p("div", {
|
|
1317
1426
|
className: "text-xs text-red-500 mt-2 font-medium",
|
|
1318
|
-
children:
|
|
1427
|
+
children: j
|
|
1319
1428
|
})
|
|
1320
1429
|
]
|
|
1321
1430
|
})
|
|
1322
1431
|
});
|
|
1323
|
-
},
|
|
1432
|
+
}, _e = (e) => {
|
|
1324
1433
|
if (!e) return null;
|
|
1325
|
-
let t = C[e.id] ?? "", n =
|
|
1434
|
+
let t = C[e.id] ?? "", n = he(e), r = e.type === "email" || (e.label || "").toLowerCase().includes("email"), i = (e.label || "").toLowerCase().includes("name"), a = `vx-field-${e.id}`, o = `w-full px-4 py-3 text-[15px] font-medium rounded-xl border transition-all focus:outline-none ${h ? "bg-zinc-900 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`;
|
|
1326
1435
|
return /* @__PURE__ */ m("div", {
|
|
1327
1436
|
part: "field",
|
|
1328
1437
|
className: "px-5 sm:px-8 py-5 sm:py-6",
|
|
@@ -1352,7 +1461,7 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1352
1461
|
id: a,
|
|
1353
1462
|
required: e.required,
|
|
1354
1463
|
value: t,
|
|
1355
|
-
onChange: (t) =>
|
|
1464
|
+
onChange: (t) => F(e.id, t.target.value),
|
|
1356
1465
|
className: `${o} pr-10 appearance-none cursor-pointer`,
|
|
1357
1466
|
children: [/* @__PURE__ */ p("option", {
|
|
1358
1467
|
value: "",
|
|
@@ -1365,28 +1474,28 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1365
1474
|
}, e))]
|
|
1366
1475
|
}), /* @__PURE__ */ p("div", {
|
|
1367
1476
|
className: `absolute inset-y-0 right-0 flex items-center pr-3.5 pointer-events-none ${h ? "text-zinc-400" : "text-slate-400"}`,
|
|
1368
|
-
children: /* @__PURE__ */ p(
|
|
1477
|
+
children: /* @__PURE__ */ p(ue, { size: 16 })
|
|
1369
1478
|
})]
|
|
1370
|
-
}) : e.type === "file" ?
|
|
1479
|
+
}) : e.type === "file" ? ge(e) : /* @__PURE__ */ p("input", {
|
|
1371
1480
|
part: "input",
|
|
1372
1481
|
id: a,
|
|
1373
1482
|
type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : e.type === "number" ? "number" : "text",
|
|
1374
1483
|
required: e.required,
|
|
1375
1484
|
value: t,
|
|
1376
1485
|
placeholder: e.placeholder || (r ? "Enter your email address" : i ? "Your full name" : `Enter your ${e.label.toLowerCase()}`),
|
|
1377
|
-
onChange: (t) =>
|
|
1486
|
+
onChange: (t) => F(e.id, t.target.value),
|
|
1378
1487
|
className: o
|
|
1379
1488
|
})
|
|
1380
1489
|
]
|
|
1381
1490
|
}, e.id);
|
|
1382
|
-
},
|
|
1491
|
+
}, z = (e) => {
|
|
1383
1492
|
e.preventDefault();
|
|
1384
|
-
for (let e of
|
|
1385
|
-
|
|
1493
|
+
for (let e of R) if (e.type === "file" && e.required && !C[e.id]) {
|
|
1494
|
+
M(`Please upload ${e.label || "a file"}`), N(e.id);
|
|
1386
1495
|
return;
|
|
1387
1496
|
}
|
|
1388
1497
|
t(C);
|
|
1389
|
-
},
|
|
1498
|
+
}, B = x?.type || x?.name || "Registration Form", be = x ? Number(x.price) > 0 ? [x.currency, Number(x.price).toLocaleString()].filter(Boolean).join(" ") : "Free" : null;
|
|
1390
1499
|
return /* @__PURE__ */ m("div", {
|
|
1391
1500
|
part: "form-page",
|
|
1392
1501
|
className: `w-full flex-1 flex flex-col relative ${h ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"}`,
|
|
@@ -1401,29 +1510,29 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1401
1510
|
type: "button",
|
|
1402
1511
|
onClick: n,
|
|
1403
1512
|
className: `inline-flex items-center gap-2 text-sm font-semibold rounded-full pl-2.5 pr-4 py-2 border transition-colors cursor-pointer ${h ? "bg-zinc-800 border-zinc-700 hover:bg-zinc-700 text-zinc-200" : "bg-white border-slate-200 hover:bg-slate-50 text-slate-700 shadow-[0_1px_2px_rgba(15,23,42,0.04)]"}`,
|
|
1404
|
-
children: [/* @__PURE__ */ p(
|
|
1513
|
+
children: [/* @__PURE__ */ p(ne, { size: 16 }), /* @__PURE__ */ p("span", { children: "All forms" })]
|
|
1405
1514
|
}), /* @__PURE__ */ m("div", {
|
|
1406
1515
|
className: "flex items-center gap-2 min-w-0",
|
|
1407
1516
|
children: [x && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
|
|
1408
1517
|
part: "form-type-name",
|
|
1409
|
-
title:
|
|
1518
|
+
title: B,
|
|
1410
1519
|
className: `hidden sm:inline-block truncate max-w-[16rem] text-xs font-semibold px-3 py-1.5 rounded-full ${h ? "bg-zinc-800 text-zinc-200" : "bg-slate-100 text-slate-700"}`,
|
|
1411
|
-
children:
|
|
1520
|
+
children: B
|
|
1412
1521
|
}), !S && /* @__PURE__ */ p("span", {
|
|
1413
1522
|
part: "form-type-price",
|
|
1414
1523
|
className: "shrink-0 text-xs font-bold px-3 py-1.5 rounded-full tabular-nums",
|
|
1415
1524
|
style: {
|
|
1416
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
1417
|
-
color:
|
|
1525
|
+
backgroundColor: `color-mix(in srgb, ${P} 12%, transparent)`,
|
|
1526
|
+
color: P
|
|
1418
1527
|
},
|
|
1419
|
-
children:
|
|
1528
|
+
children: be
|
|
1420
1529
|
})] }), i === "popup" && /* @__PURE__ */ m("div", {
|
|
1421
1530
|
className: `flex items-center gap-1.5 ml-2 border-l pl-2 ${h ? "border-zinc-700" : "border-slate-200"}`,
|
|
1422
1531
|
children: [/* @__PURE__ */ p("button", {
|
|
1423
1532
|
onClick: o,
|
|
1424
1533
|
className: "p-1.5 opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
|
|
1425
1534
|
title: a ? "Minimize" : "Expand",
|
|
1426
|
-
children: p(a ?
|
|
1535
|
+
children: p(a ? Pe : Me, { size: 16 })
|
|
1427
1536
|
}), /* @__PURE__ */ p("button", {
|
|
1428
1537
|
onClick: c,
|
|
1429
1538
|
className: "p-1.5 opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
|
|
@@ -1436,7 +1545,7 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1436
1545
|
className: "w-full flex-1 overflow-y-auto",
|
|
1437
1546
|
children: /* @__PURE__ */ m("form", {
|
|
1438
1547
|
part: "form",
|
|
1439
|
-
onSubmit:
|
|
1548
|
+
onSubmit: z,
|
|
1440
1549
|
className: "max-w-3xl mx-auto w-full px-4 sm:px-6 py-8 sm:py-10 space-y-5",
|
|
1441
1550
|
children: [
|
|
1442
1551
|
/* @__PURE__ */ m("div", {
|
|
@@ -1444,13 +1553,13 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1444
1553
|
className: "px-1",
|
|
1445
1554
|
children: [/* @__PURE__ */ p("p", {
|
|
1446
1555
|
className: "text-xs font-semibold uppercase tracking-wider",
|
|
1447
|
-
style: { color:
|
|
1556
|
+
style: { color: P },
|
|
1448
1557
|
children: S ? "Abstract submission" : "Registration form"
|
|
1449
1558
|
}), /* @__PURE__ */ p("h2", {
|
|
1450
1559
|
part: "form-title",
|
|
1451
1560
|
className: `mt-1.5 text-2xl sm:text-3xl font-bold tracking-tight ${h ? "text-white" : "text-slate-900"}`,
|
|
1452
1561
|
style: $,
|
|
1453
|
-
children:
|
|
1562
|
+
children: B
|
|
1454
1563
|
})]
|
|
1455
1564
|
}),
|
|
1456
1565
|
u && Object.keys(u).length > 0 && /* @__PURE__ */ m("div", {
|
|
@@ -1467,17 +1576,17 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1467
1576
|
part: "notice",
|
|
1468
1577
|
className: "rounded-2xl p-4 flex items-start gap-3",
|
|
1469
1578
|
style: {
|
|
1470
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
1471
|
-
boxShadow: `inset 0 0 0 1px color-mix(in srgb, ${
|
|
1579
|
+
backgroundColor: `color-mix(in srgb, ${P} ${h ? 14 : 7}%, transparent)`,
|
|
1580
|
+
boxShadow: `inset 0 0 0 1px color-mix(in srgb, ${P} 20%, transparent)`
|
|
1472
1581
|
},
|
|
1473
1582
|
children: [/* @__PURE__ */ p("div", {
|
|
1474
1583
|
className: "shrink-0 mt-0.5",
|
|
1475
|
-
style: { color:
|
|
1476
|
-
children: /* @__PURE__ */ p(
|
|
1584
|
+
style: { color: P },
|
|
1585
|
+
children: /* @__PURE__ */ p(H, { size: 18 })
|
|
1477
1586
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
|
|
1478
1587
|
part: "notice-title",
|
|
1479
1588
|
className: "text-xs font-bold uppercase tracking-wider",
|
|
1480
|
-
style: { color:
|
|
1589
|
+
style: { color: P },
|
|
1481
1590
|
children: "Before you submit"
|
|
1482
1591
|
}), /* @__PURE__ */ m("p", {
|
|
1483
1592
|
className: `text-sm mt-0.5 leading-relaxed ${h ? "text-zinc-300" : "text-slate-600"}`,
|
|
@@ -1494,7 +1603,7 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1494
1603
|
/* @__PURE__ */ p("div", {
|
|
1495
1604
|
part: "form-card",
|
|
1496
1605
|
className: `rounded-3xl border overflow-hidden divide-y ${h ? "bg-zinc-900 border-zinc-800 divide-zinc-800" : "bg-white border-slate-200/80 divide-slate-100 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_12px_32px_-16px_rgba(15,23,42,0.12)]"}`,
|
|
1497
|
-
children:
|
|
1606
|
+
children: R.map((e) => _e(e))
|
|
1498
1607
|
}),
|
|
1499
1608
|
/* @__PURE__ */ m("div", {
|
|
1500
1609
|
className: "pt-2 pb-10",
|
|
@@ -1503,11 +1612,11 @@ var $e = A(Qe), $ = { fontFamily: "var(--vx-font-heading)" }, et = ({ schema: e,
|
|
|
1503
1612
|
type: "submit",
|
|
1504
1613
|
disabled: T !== null || D !== null,
|
|
1505
1614
|
style: {
|
|
1506
|
-
background: `linear-gradient(135deg, ${
|
|
1507
|
-
boxShadow: `0 12px 28px -12px color-mix(in srgb, ${
|
|
1615
|
+
background: `linear-gradient(135deg, ${P}, color-mix(in srgb, ${P} 80%, black))`,
|
|
1616
|
+
boxShadow: `0 12px 28px -12px color-mix(in srgb, ${P} 70%, transparent)`
|
|
1508
1617
|
},
|
|
1509
1618
|
className: "group w-full h-14 px-8 text-base font-semibold text-white rounded-2xl hover:brightness-110 active:scale-[0.99] transition-all cursor-pointer flex items-center justify-center gap-2.5 disabled:opacity-50 disabled:cursor-not-allowed",
|
|
1510
|
-
children: [/* @__PURE__ */ p("span", { children: S ? "Submit Abstract" : "Complete Registration" }), /* @__PURE__ */ p(
|
|
1619
|
+
children: [/* @__PURE__ */ p("span", { children: S ? "Submit Abstract" : "Complete Registration" }), /* @__PURE__ */ p(re, {
|
|
1511
1620
|
size: 18,
|
|
1512
1621
|
className: "transition-transform group-hover:translate-x-0.5"
|
|
1513
1622
|
})]
|
|
@@ -1541,12 +1650,12 @@ function nt(e, t = "") {
|
|
|
1541
1650
|
//#endregion
|
|
1542
1651
|
//#region src/widget/components/AttendeePortal.tsx
|
|
1543
1652
|
var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1, isWidgetPage: a = !1, onEvent: o, onError: c }) => {
|
|
1544
|
-
let [l, u] = d(() => t.getToken() ? "profile" : "login"), [h, g] = d(!1), [_, v] = d(!1), [y, b] = d(null), [x, S] = d(null), [C, w] = d(null), [T, E] = d(""), [D, ee] = d(""), [te, O] = d(""), [k, A] = d(""), [
|
|
1653
|
+
let [l, u] = d(() => t.getToken() ? "profile" : "login"), [h, g] = d(!1), [_, v] = d(!1), [y, b] = d(null), [x, S] = d(null), [C, w] = d(null), [T, E] = d(""), [D, ee] = d(""), [te, O] = d(""), [k, A] = d(""), [j, M] = d(""), [ie, ae] = d(""), [se, le] = d(""), [de, P] = d(!1), [I, pe] = d(null), [L, me] = d({}), [R, he] = d([]), [ge, z] = d({}), [B, be] = d(null), [Se, V] = d(null), [H, U] = d(null), [we, G] = d(!1);
|
|
1545
1654
|
s(() => {
|
|
1546
1655
|
let e = t.getToken();
|
|
1547
|
-
e &&
|
|
1656
|
+
e && q(e);
|
|
1548
1657
|
}, []);
|
|
1549
|
-
let
|
|
1658
|
+
let q = async (r) => {
|
|
1550
1659
|
g(!0), S(null);
|
|
1551
1660
|
try {
|
|
1552
1661
|
let i = await e.portalGetProfile(r), a = i?.data || i || {};
|
|
@@ -1578,12 +1687,12 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1578
1687
|
let t = s[`${e.id}_asset_id`] || c[`${e.id}_asset_id`] || s.asset_id || c.asset_id || a.asset_id;
|
|
1579
1688
|
t && (g[e.id] = String(t));
|
|
1580
1689
|
}
|
|
1581
|
-
}),
|
|
1690
|
+
}), z((e) => ({
|
|
1582
1691
|
...g,
|
|
1583
1692
|
...e
|
|
1584
1693
|
}));
|
|
1585
1694
|
let _ = s.asset_id || s.photo_id || c.asset_id || c.photo_id || a.asset_id;
|
|
1586
|
-
_ &&
|
|
1695
|
+
_ && be(String(_)), h.length > 0 ? h.forEach((e) => {
|
|
1587
1696
|
let t = e.label || e.name || e.id, n = tt(e.id, e.label), r = nt(e.label, e.id), i = "";
|
|
1588
1697
|
if (t && s[t] !== void 0 && s[t] !== null && s[t] !== "" ? i = s[t] : s[r] !== void 0 && s[r] !== null && s[r] !== "" ? i = s[r] : s[n] !== void 0 && s[n] !== null && s[n] !== "" ? i = s[n] : s[e.id] !== void 0 && s[e.id] !== null && s[e.id] !== "" ? i = s[e.id] : t && c[t] !== void 0 && c[t] !== null && c[t] !== "" ? i = c[t] : c[r] !== void 0 && c[r] !== null && c[r] !== "" ? i = c[r] : c[n] !== void 0 && c[n] !== null && c[n] !== "" ? i = c[n] : c[e.id] !== void 0 && c[e.id] !== null && c[e.id] !== "" && (i = c[e.id]), d) {
|
|
1589
1698
|
let t = d[n] ?? d[e.id] ?? f[n] ?? f[e.id] ?? (e.id === "salutation" ? d.salutation || d.title : void 0) ?? (e.id === "name" ? d.name || d.fullName || d.full_name : void 0) ?? (e.id === "email" ? d.email : void 0) ?? (e.id === "phone" ? d.phone || d.mobile || d.phoneNumber : void 0);
|
|
@@ -1592,12 +1701,12 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1592
1701
|
m[e.id] = i;
|
|
1593
1702
|
}) : Object.entries(a).forEach(([e, t]) => {
|
|
1594
1703
|
e.toLowerCase() !== "token" && (m[e] = t);
|
|
1595
|
-
}), me(m), p > 0 &&
|
|
1704
|
+
}), me(m), p > 0 && G(!0);
|
|
1596
1705
|
let v = (a.addons?.items || []).filter((e) => e.purchased).map((e) => e.name);
|
|
1597
1706
|
d?.selected_items && Array.isArray(d.selected_items) && d.selected_items.forEach((e) => {
|
|
1598
1707
|
let t = typeof e == "string" ? e : e?.name;
|
|
1599
1708
|
t && !v.includes(t) && v.push(t);
|
|
1600
|
-
}),
|
|
1709
|
+
}), he(v), u("profile"), o?.("attendee_profile_loaded", {
|
|
1601
1710
|
profile: a,
|
|
1602
1711
|
draft: d
|
|
1603
1712
|
});
|
|
@@ -1606,7 +1715,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1606
1715
|
} finally {
|
|
1607
1716
|
g(!1);
|
|
1608
1717
|
}
|
|
1609
|
-
},
|
|
1718
|
+
}, De = async (r) => {
|
|
1610
1719
|
if (r.preventDefault(), !T.trim() || !D) {
|
|
1611
1720
|
S("Please enter both your identifier and password.");
|
|
1612
1721
|
return;
|
|
@@ -1621,7 +1730,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1621
1730
|
(n?.data?.name || n?.name) && O(n.data?.name || n.name), t.setToken(r), o?.("attendee_logged_in", {
|
|
1622
1731
|
identifier: T,
|
|
1623
1732
|
response: n
|
|
1624
|
-
}), await
|
|
1733
|
+
}), await q(r);
|
|
1625
1734
|
} catch (e) {
|
|
1626
1735
|
n.error("Login failed", e);
|
|
1627
1736
|
let t = e.message || "Login failed. Please check your credentials.";
|
|
@@ -1633,14 +1742,14 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1633
1742
|
} finally {
|
|
1634
1743
|
g(!1);
|
|
1635
1744
|
}
|
|
1636
|
-
},
|
|
1745
|
+
}, Y = async (t) => {
|
|
1637
1746
|
t.preventDefault();
|
|
1638
1747
|
let r = (k || T).trim();
|
|
1639
1748
|
if (!r) {
|
|
1640
1749
|
S("Please enter your registration number or email to receive a code.");
|
|
1641
1750
|
return;
|
|
1642
1751
|
}
|
|
1643
|
-
|
|
1752
|
+
P(!0), S(null), w(null);
|
|
1644
1753
|
try {
|
|
1645
1754
|
await e.portalRequestPasswordReset(r), w("A verification code has been sent to your registered email."), o?.("password_reset_code_requested", { identifier: r }), u("reset");
|
|
1646
1755
|
} catch (e) {
|
|
@@ -1652,24 +1761,24 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1652
1761
|
error: e
|
|
1653
1762
|
});
|
|
1654
1763
|
} finally {
|
|
1655
|
-
|
|
1764
|
+
P(!1);
|
|
1656
1765
|
}
|
|
1657
|
-
},
|
|
1766
|
+
}, ke = async (r) => {
|
|
1658
1767
|
r.preventDefault();
|
|
1659
1768
|
let i = (k || T).trim();
|
|
1660
1769
|
if (!i) {
|
|
1661
1770
|
S("Please enter your registration number or email.");
|
|
1662
1771
|
return;
|
|
1663
1772
|
}
|
|
1664
|
-
if (!
|
|
1773
|
+
if (!j.trim()) {
|
|
1665
1774
|
S("Please enter the verification code sent to your email.");
|
|
1666
1775
|
return;
|
|
1667
1776
|
}
|
|
1668
|
-
if (!
|
|
1777
|
+
if (!ie) {
|
|
1669
1778
|
S("Please enter a new password.");
|
|
1670
1779
|
return;
|
|
1671
1780
|
}
|
|
1672
|
-
if (
|
|
1781
|
+
if (ie !== se) {
|
|
1673
1782
|
S("New password and confirm password do not match.");
|
|
1674
1783
|
return;
|
|
1675
1784
|
}
|
|
@@ -1677,13 +1786,13 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1677
1786
|
try {
|
|
1678
1787
|
let n = await e.portalConfirmPasswordReset({
|
|
1679
1788
|
identifier: i,
|
|
1680
|
-
code:
|
|
1681
|
-
new_password:
|
|
1789
|
+
code: j.trim(),
|
|
1790
|
+
new_password: ie
|
|
1682
1791
|
}), r = n?.data?.token || n?.token;
|
|
1683
1792
|
(n?.data?.name || n?.name) && O(n.data?.name || n.name), o?.("password_reset_success", {
|
|
1684
1793
|
identifier: i,
|
|
1685
1794
|
response: n
|
|
1686
|
-
}), r ? (t.setToken(r),
|
|
1795
|
+
}), r ? (t.setToken(r), M(""), ae(""), le(""), await q(r)) : (E(i), ee(""), M(""), ae(""), le(""), u("login"), w("Password updated successfully! Please login with your new password."));
|
|
1687
1796
|
} catch (e) {
|
|
1688
1797
|
n.error("Password reset failed", e);
|
|
1689
1798
|
let t = e.message || "Failed to update password. Please check the code.";
|
|
@@ -1695,9 +1804,9 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1695
1804
|
} finally {
|
|
1696
1805
|
g(!1);
|
|
1697
1806
|
}
|
|
1698
|
-
},
|
|
1699
|
-
t.clearToken(), pe(null), me({}),
|
|
1700
|
-
},
|
|
1807
|
+
}, je = () => {
|
|
1808
|
+
t.clearToken(), pe(null), me({}), he([]), z({}), be(null), U(null), O(""), ee(""), u("login"), w("Logged out successfully."), o?.("attendee_logged_out", {});
|
|
1809
|
+
}, Me = async (r, i) => {
|
|
1701
1810
|
let a = t.getToken();
|
|
1702
1811
|
if (!a) {
|
|
1703
1812
|
S("Session expired. Please log in again.");
|
|
@@ -1710,10 +1819,10 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1710
1819
|
n && me((e) => ({
|
|
1711
1820
|
...e,
|
|
1712
1821
|
[r]: n
|
|
1713
|
-
})), s && (
|
|
1822
|
+
})), s && (z((e) => ({
|
|
1714
1823
|
...e,
|
|
1715
1824
|
[r]: String(s)
|
|
1716
|
-
})),
|
|
1825
|
+
})), be(String(s))), w(`File "${i.name}" uploaded successfully!`), o?.("portal_file_uploaded", {
|
|
1717
1826
|
fieldId: r,
|
|
1718
1827
|
serveUrl: n,
|
|
1719
1828
|
assetId: s,
|
|
@@ -1730,14 +1839,14 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1730
1839
|
} finally {
|
|
1731
1840
|
b(null);
|
|
1732
1841
|
}
|
|
1733
|
-
},
|
|
1842
|
+
}, Ne = async (r) => {
|
|
1734
1843
|
let i = t.getToken();
|
|
1735
1844
|
if (!i) {
|
|
1736
1845
|
S("Session expired. Please log in again.");
|
|
1737
1846
|
return;
|
|
1738
1847
|
}
|
|
1739
|
-
let a = L[r], s = (a && typeof a == "object" ? a.id : null) ||
|
|
1740
|
-
|
|
1848
|
+
let a = L[r], s = (a && typeof a == "object" ? a.id : null) || ge[r] || B;
|
|
1849
|
+
V(r), S(null), w(null);
|
|
1741
1850
|
try {
|
|
1742
1851
|
s && (n.log(`Deleting asset ${s} for field ${r}...`), await e.portalDeleteFile(i, s), n.log(`Asset ${s} deleted successfully.`), o?.("portal_file_deleted", {
|
|
1743
1852
|
assetId: s,
|
|
@@ -1745,10 +1854,10 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1745
1854
|
})), me((e) => ({
|
|
1746
1855
|
...e,
|
|
1747
1856
|
[r]: ""
|
|
1748
|
-
})),
|
|
1857
|
+
})), z((e) => {
|
|
1749
1858
|
let t = { ...e };
|
|
1750
1859
|
return delete t[r], t;
|
|
1751
|
-
}),
|
|
1860
|
+
}), B === s && be(null), w("File removed successfully.");
|
|
1752
1861
|
} catch (e) {
|
|
1753
1862
|
n.error("Failed to delete file", e);
|
|
1754
1863
|
let t = e.message || "Failed to delete file. Please try again.";
|
|
@@ -1758,11 +1867,11 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1758
1867
|
error: e
|
|
1759
1868
|
});
|
|
1760
1869
|
} finally {
|
|
1761
|
-
|
|
1870
|
+
V(null);
|
|
1762
1871
|
}
|
|
1763
|
-
},
|
|
1764
|
-
t ||
|
|
1765
|
-
},
|
|
1872
|
+
}, Pe = (e, t) => {
|
|
1873
|
+
t || he((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
|
|
1874
|
+
}, Fe = async (r) => {
|
|
1766
1875
|
r.preventDefault();
|
|
1767
1876
|
let i = t.getToken();
|
|
1768
1877
|
if (!i) {
|
|
@@ -1775,7 +1884,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1775
1884
|
t.forEach((e) => {
|
|
1776
1885
|
let t = L[e.id], i = e.label || e.name || e.id, a = nt(e.label, e.id), o = tt(e.id, e.label);
|
|
1777
1886
|
e.type === "file" ? (delete n[i], delete n[a], delete n[o], delete n[e.id]) : e.builtin ? (r[o] = t, o !== e.id && (r[e.id] = t)) : (n[o] = t, r[o] = t, o !== e.id && (n[e.id] = t, r[e.id] = t));
|
|
1778
|
-
}), r.custom_data = n, r.addons =
|
|
1887
|
+
}), r.custom_data = n, r.addons = R;
|
|
1779
1888
|
let a = await e.portalUpdateProfile(i, r);
|
|
1780
1889
|
o?.("attendee_profile_updated", {
|
|
1781
1890
|
payload: r,
|
|
@@ -1783,10 +1892,10 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1783
1892
|
});
|
|
1784
1893
|
let s = a?.data?.addon_checkout?.payment_url || a?.addon_checkout?.payment_url || a?.data?.payment_url || a?.payment_url;
|
|
1785
1894
|
if (s && typeof s == "string" && s.trim() !== "") {
|
|
1786
|
-
|
|
1895
|
+
U(s), w("Add-ons updated! Opening payment page in a new tab..."), o?.("addon_payment_opened", { payment_url: s }), window.open(s, "_blank", "noopener,noreferrer"), await q(i);
|
|
1787
1896
|
return;
|
|
1788
1897
|
}
|
|
1789
|
-
w("Profile updated successfully!"), await
|
|
1898
|
+
w("Profile updated successfully!"), await q(i);
|
|
1790
1899
|
} catch (e) {
|
|
1791
1900
|
n.error("Failed to update profile", e);
|
|
1792
1901
|
let t = e.message || "Failed to update profile. Please try again.";
|
|
@@ -1798,7 +1907,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1798
1907
|
} finally {
|
|
1799
1908
|
v(!1);
|
|
1800
1909
|
}
|
|
1801
|
-
},
|
|
1910
|
+
}, Ie = () => /* @__PURE__ */ m("div", {
|
|
1802
1911
|
className: "absolute inset-0 pointer-events-none overflow-hidden z-0 select-none",
|
|
1803
1912
|
children: [
|
|
1804
1913
|
/* @__PURE__ */ p("div", {
|
|
@@ -1825,13 +1934,13 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1825
1934
|
}
|
|
1826
1935
|
})
|
|
1827
1936
|
]
|
|
1828
|
-
}),
|
|
1937
|
+
}), Le = (e) => {
|
|
1829
1938
|
let t = (e.label || e.id || "").toLowerCase(), n = e.type;
|
|
1830
|
-
return n === "email" || t.includes("email") || t.includes("mail") ? /* @__PURE__ */ p(
|
|
1939
|
+
return n === "email" || t.includes("email") || t.includes("mail") ? /* @__PURE__ */ p(Oe, {
|
|
1831
1940
|
size: 13,
|
|
1832
1941
|
className: "shrink-0",
|
|
1833
1942
|
style: { color: r }
|
|
1834
|
-
}) : n === "phone" || t.includes("phone") || t.includes("mobile") || t.includes("contact") ? /* @__PURE__ */ p(
|
|
1943
|
+
}) : n === "phone" || t.includes("phone") || t.includes("mobile") || t.includes("contact") ? /* @__PURE__ */ p(X, {
|
|
1835
1944
|
size: 13,
|
|
1836
1945
|
className: "shrink-0",
|
|
1837
1946
|
style: { color: r }
|
|
@@ -1843,11 +1952,11 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1843
1952
|
size: 13,
|
|
1844
1953
|
className: "shrink-0",
|
|
1845
1954
|
style: { color: r }
|
|
1846
|
-
}) : t.includes("designat") || t.includes("role") || t.includes("position") || t.includes("profession") ? /* @__PURE__ */ p(
|
|
1955
|
+
}) : t.includes("designat") || t.includes("role") || t.includes("position") || t.includes("profession") ? /* @__PURE__ */ p(N, {
|
|
1847
1956
|
size: 13,
|
|
1848
1957
|
className: "shrink-0",
|
|
1849
1958
|
style: { color: r }
|
|
1850
|
-
}) : t.includes("specialis") || t.includes("specializ") || t.includes("department") || t.includes("degree") ? /* @__PURE__ */ p(
|
|
1959
|
+
}) : t.includes("specialis") || t.includes("specializ") || t.includes("department") || t.includes("degree") ? /* @__PURE__ */ p(Ce, {
|
|
1851
1960
|
size: 13,
|
|
1852
1961
|
className: "shrink-0",
|
|
1853
1962
|
style: { color: r }
|
|
@@ -1855,16 +1964,16 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1855
1964
|
size: 13,
|
|
1856
1965
|
className: "shrink-0",
|
|
1857
1966
|
style: { color: r }
|
|
1858
|
-
}) : t.includes("city") || t.includes("state") || t.includes("country") || t.includes("address") ? /* @__PURE__ */ p(
|
|
1967
|
+
}) : t.includes("city") || t.includes("state") || t.includes("country") || t.includes("address") ? /* @__PURE__ */ p(Ae, {
|
|
1859
1968
|
size: 13,
|
|
1860
1969
|
className: "shrink-0",
|
|
1861
1970
|
style: { color: r }
|
|
1862
|
-
}) : p(n === "file" ?
|
|
1971
|
+
}) : p(n === "file" ? xe : ye, {
|
|
1863
1972
|
size: 13,
|
|
1864
1973
|
className: "shrink-0",
|
|
1865
1974
|
style: { color: r }
|
|
1866
1975
|
});
|
|
1867
|
-
},
|
|
1976
|
+
}, ze = (e, t = "w-full", n = []) => {
|
|
1868
1977
|
if (!e) return null;
|
|
1869
1978
|
let r = n.includes(e.id) || n.includes(tt(e.id, e.label)), a = L[e.id] ?? "", o = `vx-profile-${e.id}`, s = `w-full h-11 px-3.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${r ? i ? "bg-zinc-800/60 text-zinc-500 border-zinc-800 cursor-not-allowed" : "bg-slate-50 text-slate-500 border-slate-200 cursor-not-allowed" : i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`;
|
|
1870
1979
|
return /* @__PURE__ */ m("div", {
|
|
@@ -1878,7 +1987,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1878
1987
|
children: [
|
|
1879
1988
|
/* @__PURE__ */ p("span", {
|
|
1880
1989
|
className: i ? "text-zinc-500" : "text-slate-400",
|
|
1881
|
-
children:
|
|
1990
|
+
children: Le(e)
|
|
1882
1991
|
}),
|
|
1883
1992
|
/* @__PURE__ */ p("span", { children: e.label }),
|
|
1884
1993
|
e.required && /* @__PURE__ */ p("span", {
|
|
@@ -1888,7 +1997,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1888
1997
|
]
|
|
1889
1998
|
}), r ? /* @__PURE__ */ m("span", {
|
|
1890
1999
|
className: `flex items-center gap-1 text-[10px] font-semibold px-2 py-0.5 rounded-full ${i ? "text-zinc-400 bg-zinc-800" : "text-slate-500 bg-slate-100"}`,
|
|
1891
|
-
children: [/* @__PURE__ */ p(
|
|
2000
|
+
children: [/* @__PURE__ */ p(K, { size: 10 }), " Locked"]
|
|
1892
2001
|
}) : null]
|
|
1893
2002
|
}), e.type === "select" ? /* @__PURE__ */ m("div", {
|
|
1894
2003
|
className: "relative",
|
|
@@ -1917,9 +2026,9 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1917
2026
|
}, e))]
|
|
1918
2027
|
}), /* @__PURE__ */ p("div", {
|
|
1919
2028
|
className: `absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none ${i ? "text-zinc-400" : "text-slate-400"}`,
|
|
1920
|
-
children: /* @__PURE__ */ p(
|
|
2029
|
+
children: /* @__PURE__ */ p(ue, { size: 15 })
|
|
1921
2030
|
})]
|
|
1922
|
-
}) : e.type === "file" ?
|
|
2031
|
+
}) : e.type === "file" ? Be(e, r, a) : /* @__PURE__ */ p("input", {
|
|
1923
2032
|
part: "input",
|
|
1924
2033
|
id: o,
|
|
1925
2034
|
type: e.type === "phone" ? "tel" : e.type === "email" ? "email" : "text",
|
|
@@ -1933,7 +2042,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1933
2042
|
className: s
|
|
1934
2043
|
})]
|
|
1935
2044
|
}, e.id);
|
|
1936
|
-
},
|
|
2045
|
+
}, Be = (e, t, n) => {
|
|
1937
2046
|
let a = y === e.id, o = e.label || e.name || e.id, s = typeof n == "string" ? n : n?.serve_url || n?.url || "", c = typeof n == "string" ? n : n?.file_name || s;
|
|
1938
2047
|
return /* @__PURE__ */ p("div", {
|
|
1939
2048
|
className: "space-y-2",
|
|
@@ -1952,7 +2061,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1952
2061
|
borderColor: i ? "rgba(255,255,255,0.12)" : `color-mix(in srgb, ${r} 20%, white)`,
|
|
1953
2062
|
color: r
|
|
1954
2063
|
},
|
|
1955
|
-
children: /* @__PURE__ */ p(
|
|
2064
|
+
children: /* @__PURE__ */ p(xe, { size: 16 })
|
|
1956
2065
|
}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
|
|
1957
2066
|
className: `text-xs font-bold ${i ? "text-zinc-200" : "text-gray-900"}`,
|
|
1958
2067
|
children: o
|
|
@@ -1970,17 +2079,17 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
1970
2079
|
style: { backgroundColor: r },
|
|
1971
2080
|
title: "Open file in new tab",
|
|
1972
2081
|
children: [
|
|
1973
|
-
/* @__PURE__ */ p(
|
|
2082
|
+
/* @__PURE__ */ p(ye, { size: 13 }),
|
|
1974
2083
|
/* @__PURE__ */ p("span", { children: "View" }),
|
|
1975
|
-
/* @__PURE__ */ p(
|
|
2084
|
+
/* @__PURE__ */ p(ve, { size: 11 })
|
|
1976
2085
|
]
|
|
1977
2086
|
}), !t && /* @__PURE__ */ m("button", {
|
|
1978
2087
|
type: "button",
|
|
1979
|
-
disabled:
|
|
1980
|
-
onClick: () =>
|
|
2088
|
+
disabled: Se === e.id || a,
|
|
2089
|
+
onClick: () => Ne(e.id),
|
|
1981
2090
|
className: `flex items-center gap-1 py-1.5 px-2.5 rounded-lg text-xs font-semibold border backdrop-blur-sm transition-colors cursor-pointer ${i ? "border-red-900/60 bg-red-950/50 text-red-400 hover:bg-red-900/60" : "border-red-200 bg-red-50/80 text-red-600 hover:bg-red-100"}`,
|
|
1982
2091
|
title: "Remove file",
|
|
1983
|
-
children: [/* @__PURE__ */ p(qe, { size: 13 }), /* @__PURE__ */ p("span", { children:
|
|
2092
|
+
children: [/* @__PURE__ */ p(qe, { size: 13 }), /* @__PURE__ */ p("span", { children: Se === e.id ? "Deleting..." : "Delete" })]
|
|
1984
2093
|
})] })
|
|
1985
2094
|
})]
|
|
1986
2095
|
}),
|
|
@@ -2006,7 +2115,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2006
2115
|
disabled: a,
|
|
2007
2116
|
onChange: (t) => {
|
|
2008
2117
|
let n = t.target.files?.[0];
|
|
2009
|
-
n &&
|
|
2118
|
+
n && Me(e.id, n), t.target.value = "";
|
|
2010
2119
|
}
|
|
2011
2120
|
}), /* @__PURE__ */ m("div", {
|
|
2012
2121
|
className: `inline-flex items-center gap-1.5 py-1.5 px-3 rounded-lg text-xs font-semibold border transition-all shadow-2xs ${i ? "border-zinc-700 hover:border-zinc-600 text-zinc-200 bg-zinc-800 hover:bg-zinc-750" : "border-gray-300 hover:border-gray-400 text-gray-800 bg-white hover:bg-gray-50"}`,
|
|
@@ -2033,7 +2142,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2033
2142
|
className: "sr-only",
|
|
2034
2143
|
children: "Loading your profile…"
|
|
2035
2144
|
}),
|
|
2036
|
-
|
|
2145
|
+
Ie(),
|
|
2037
2146
|
/* @__PURE__ */ m("div", {
|
|
2038
2147
|
className: `max-w-3xl mx-auto w-full px-4 sm:px-6 ${a ? "py-8 sm:py-10" : "py-5"} space-y-5 relative z-10`,
|
|
2039
2148
|
children: [/* @__PURE__ */ m("div", {
|
|
@@ -2097,7 +2206,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2097
2206
|
onScroll: a ? void 0 : (e) => {
|
|
2098
2207
|
e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0);
|
|
2099
2208
|
},
|
|
2100
|
-
children: [
|
|
2209
|
+
children: [Ie(), /* @__PURE__ */ p("div", {
|
|
2101
2210
|
className: `${a ? "w-full flex-1" : "flex-1 overflow-y-auto min-h-0 overscroll-contain"} relative z-10`,
|
|
2102
2211
|
children: /* @__PURE__ */ m("div", {
|
|
2103
2212
|
className: `max-w-3xl mx-auto w-full px-4 sm:px-6 ${a ? "py-8 sm:py-10" : "py-5"} space-y-5`,
|
|
@@ -2135,7 +2244,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2135
2244
|
})]
|
|
2136
2245
|
}), /* @__PURE__ */ m("button", {
|
|
2137
2246
|
part: "button button-secondary logout-button",
|
|
2138
|
-
onClick:
|
|
2247
|
+
onClick: je,
|
|
2139
2248
|
className: `shrink-0 inline-flex items-center justify-center gap-1.5 h-9 w-9 sm:w-auto sm:px-3.5 text-[13px] font-semibold rounded-full border transition-colors cursor-pointer ${i ? "text-zinc-300 border-zinc-700 hover:bg-zinc-800 hover:text-red-300" : "text-slate-600 border-slate-200 bg-white hover:bg-red-50 hover:text-red-600 hover:border-red-200"}`,
|
|
2140
2249
|
title: "Logout",
|
|
2141
2250
|
"aria-label": "Logout",
|
|
@@ -2165,14 +2274,14 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2165
2274
|
className: "mt-4 inline-flex items-center gap-1.5 text-[13px] font-semibold hover:underline underline-offset-4",
|
|
2166
2275
|
style: { color: r },
|
|
2167
2276
|
children: [
|
|
2168
|
-
/* @__PURE__ */ p(
|
|
2277
|
+
/* @__PURE__ */ p(Ve, { size: 14 }),
|
|
2169
2278
|
/* @__PURE__ */ p("span", { children: "View receipt" }),
|
|
2170
|
-
/* @__PURE__ */ p(
|
|
2279
|
+
/* @__PURE__ */ p(ve, { size: 12 })
|
|
2171
2280
|
]
|
|
2172
2281
|
})
|
|
2173
2282
|
]
|
|
2174
2283
|
}),
|
|
2175
|
-
|
|
2284
|
+
H && /* @__PURE__ */ m("div", {
|
|
2176
2285
|
className: "p-4 rounded-2xl flex flex-wrap items-center justify-between gap-3 text-sm",
|
|
2177
2286
|
style: {
|
|
2178
2287
|
backgroundColor: `color-mix(in srgb, ${r} ${i ? 14 : 7}%, transparent)`,
|
|
@@ -2180,24 +2289,24 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2180
2289
|
},
|
|
2181
2290
|
children: [/* @__PURE__ */ m("div", {
|
|
2182
2291
|
className: `flex items-center gap-2.5 ${i ? "text-zinc-200" : "text-slate-700"}`,
|
|
2183
|
-
children: [/* @__PURE__ */ p(
|
|
2292
|
+
children: [/* @__PURE__ */ p(_e, {
|
|
2184
2293
|
size: 17,
|
|
2185
2294
|
className: "shrink-0",
|
|
2186
2295
|
style: { color: r }
|
|
2187
2296
|
}), /* @__PURE__ */ p("span", { children: "Payment page opened in a new tab. If it didn't open:" })]
|
|
2188
2297
|
}), /* @__PURE__ */ m("a", {
|
|
2189
|
-
href:
|
|
2298
|
+
href: H,
|
|
2190
2299
|
target: "_blank",
|
|
2191
2300
|
rel: "noopener noreferrer",
|
|
2192
2301
|
className: "inline-flex items-center gap-1.5 h-9 px-4 rounded-full text-[13px] font-semibold text-white shrink-0",
|
|
2193
2302
|
style: { backgroundColor: r },
|
|
2194
|
-
children: [/* @__PURE__ */ p("span", { children: "Complete payment" }), /* @__PURE__ */ p(
|
|
2303
|
+
children: [/* @__PURE__ */ p("span", { children: "Complete payment" }), /* @__PURE__ */ p(ve, { size: 12 })]
|
|
2195
2304
|
})]
|
|
2196
2305
|
}),
|
|
2197
2306
|
x && /* @__PURE__ */ m("div", {
|
|
2198
2307
|
role: "alert",
|
|
2199
2308
|
className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-red-950/50 text-red-300 ring-1 ring-inset ring-red-900" : "bg-red-50 text-red-700 ring-1 ring-inset ring-red-200/80"}`,
|
|
2200
|
-
children: [/* @__PURE__ */ p(
|
|
2309
|
+
children: [/* @__PURE__ */ p(fe, {
|
|
2201
2310
|
size: 17,
|
|
2202
2311
|
className: "shrink-0 mt-0.5"
|
|
2203
2312
|
}), /* @__PURE__ */ p("span", { children: x })]
|
|
@@ -2205,13 +2314,13 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2205
2314
|
C && /* @__PURE__ */ m("div", {
|
|
2206
2315
|
role: "status",
|
|
2207
2316
|
className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-emerald-950/50 text-emerald-300 ring-1 ring-inset ring-emerald-900" : "bg-emerald-50 text-emerald-700 ring-1 ring-inset ring-emerald-200/80"}`,
|
|
2208
|
-
children: [/* @__PURE__ */ p(
|
|
2317
|
+
children: [/* @__PURE__ */ p(F, {
|
|
2209
2318
|
size: 17,
|
|
2210
2319
|
className: "shrink-0 mt-0.5"
|
|
2211
2320
|
}), /* @__PURE__ */ p("span", { children: C })]
|
|
2212
2321
|
}),
|
|
2213
2322
|
/* @__PURE__ */ m("form", {
|
|
2214
|
-
onSubmit:
|
|
2323
|
+
onSubmit: Fe,
|
|
2215
2324
|
className: "space-y-5",
|
|
2216
2325
|
children: [
|
|
2217
2326
|
t.length === 0 ? /* @__PURE__ */ p("div", {
|
|
@@ -2229,13 +2338,13 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2229
2338
|
}), /* @__PURE__ */ p("p", {
|
|
2230
2339
|
className: `text-[13px] mt-0.5 ${d}`,
|
|
2231
2340
|
children: "Keep your information up to date."
|
|
2232
|
-
})] }),
|
|
2341
|
+
})] }), we && /* @__PURE__ */ m("span", {
|
|
2233
2342
|
className: `inline-flex items-center gap-1 text-[11px] font-semibold px-2.5 py-1 rounded-full shrink-0 ${i ? "bg-emerald-950/60 text-emerald-300" : "bg-emerald-50 text-emerald-700"}`,
|
|
2234
2343
|
children: [/* @__PURE__ */ p(ce, { size: 11 }), " Draft restored"]
|
|
2235
2344
|
})]
|
|
2236
2345
|
}), /* @__PURE__ */ p("div", {
|
|
2237
2346
|
className: "flex flex-wrap -mx-2 -mb-4",
|
|
2238
|
-
children: t.map((e) =>
|
|
2347
|
+
children: t.map((e) => ze(e, e.type === "file" || e.width === "full" ? "w-full" : "w-full md:w-1/2", n))
|
|
2239
2348
|
})]
|
|
2240
2349
|
}),
|
|
2241
2350
|
s.length > 0 && /* @__PURE__ */ m("div", {
|
|
@@ -2264,7 +2373,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2264
2373
|
}), /* @__PURE__ */ p("div", {
|
|
2265
2374
|
className: "space-y-2",
|
|
2266
2375
|
children: s.map((e) => {
|
|
2267
|
-
let t = !!e.purchased, n =
|
|
2376
|
+
let t = !!e.purchased, n = R.includes(e.name);
|
|
2268
2377
|
return /* @__PURE__ */ m("label", {
|
|
2269
2378
|
className: `p-3.5 rounded-2xl border flex items-center gap-3 transition-all ${t ? i ? "bg-zinc-950/60 border-zinc-800 cursor-default" : "bg-slate-50 border-slate-200 cursor-default" : n ? "cursor-pointer" : i ? "border-zinc-800 bg-zinc-900 hover:border-zinc-700 cursor-pointer" : "border-slate-200 bg-white hover:border-slate-300 cursor-pointer"}`,
|
|
2270
2379
|
style: n && !t ? {
|
|
@@ -2276,7 +2385,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2276
2385
|
type: "checkbox",
|
|
2277
2386
|
checked: n,
|
|
2278
2387
|
disabled: t,
|
|
2279
|
-
onChange: () =>
|
|
2388
|
+
onChange: () => Pe(e.name, t),
|
|
2280
2389
|
className: "w-4 h-4 rounded cursor-pointer shrink-0 disabled:cursor-default",
|
|
2281
2390
|
style: { accentColor: r }
|
|
2282
2391
|
}),
|
|
@@ -2332,7 +2441,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2332
2441
|
fill: "currentColor",
|
|
2333
2442
|
d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
|
|
2334
2443
|
})]
|
|
2335
|
-
}), /* @__PURE__ */ p("span", { children: "Saving..." })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(
|
|
2444
|
+
}), /* @__PURE__ */ p("span", { children: "Saving..." })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Re, { size: 16 }), /* @__PURE__ */ p("span", { children: "Save changes" })] })
|
|
2336
2445
|
})
|
|
2337
2446
|
})
|
|
2338
2447
|
]
|
|
@@ -2342,7 +2451,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2342
2451
|
})]
|
|
2343
2452
|
});
|
|
2344
2453
|
}
|
|
2345
|
-
let
|
|
2454
|
+
let He = `w-full h-11 pl-10 pr-3.5 text-sm font-medium rounded-xl border transition-all focus:outline-none ${i ? "bg-zinc-950 border-zinc-700 text-white placeholder:text-zinc-500 hover:border-zinc-600 focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_20%,transparent)]" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 hover:border-slate-300 shadow-[0_1px_2px_rgba(15,23,42,0.04)] focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)]"}`, Ue = /* @__PURE__ */ m("svg", {
|
|
2346
2455
|
className: "animate-spin h-4 w-4 text-white",
|
|
2347
2456
|
fill: "none",
|
|
2348
2457
|
viewBox: "0 0 24 24",
|
|
@@ -2383,19 +2492,19 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2383
2492
|
autoComplete: c,
|
|
2384
2493
|
onChange: (e) => o(e.target.value),
|
|
2385
2494
|
placeholder: s,
|
|
2386
|
-
className:
|
|
2495
|
+
className: He
|
|
2387
2496
|
})]
|
|
2388
2497
|
})] }), Ke = () => /* @__PURE__ */ m(f, { children: [x && /* @__PURE__ */ m("div", {
|
|
2389
2498
|
role: "alert",
|
|
2390
2499
|
className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-red-950/50 text-red-300 ring-1 ring-inset ring-red-900" : "bg-red-50 text-red-700 ring-1 ring-inset ring-red-200/80"}`,
|
|
2391
|
-
children: [/* @__PURE__ */ p(
|
|
2500
|
+
children: [/* @__PURE__ */ p(fe, {
|
|
2392
2501
|
size: 17,
|
|
2393
2502
|
className: "shrink-0 mt-0.5"
|
|
2394
2503
|
}), /* @__PURE__ */ p("span", { children: x })]
|
|
2395
2504
|
}), C && /* @__PURE__ */ m("div", {
|
|
2396
2505
|
role: "status",
|
|
2397
2506
|
className: `p-3.5 rounded-xl flex items-start gap-2.5 text-sm ${i ? "bg-emerald-950/50 text-emerald-300 ring-1 ring-inset ring-emerald-900" : "bg-emerald-50 text-emerald-700 ring-1 ring-inset ring-emerald-200/80"}`,
|
|
2398
|
-
children: [/* @__PURE__ */ p(
|
|
2507
|
+
children: [/* @__PURE__ */ p(F, {
|
|
2399
2508
|
size: 17,
|
|
2400
2509
|
className: "shrink-0 mt-0.5"
|
|
2401
2510
|
}), /* @__PURE__ */ p("span", { children: C })]
|
|
@@ -2408,20 +2517,20 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2408
2517
|
boxShadow: `0 10px 24px -12px color-mix(in srgb, ${r} 70%, transparent)`
|
|
2409
2518
|
},
|
|
2410
2519
|
className: "group w-full h-11 px-4 text-white text-sm font-semibold rounded-xl hover:brightness-110 active:scale-[0.99] transition-all flex items-center justify-center gap-2 cursor-pointer disabled:opacity-60 disabled:cursor-not-allowed",
|
|
2411
|
-
children: e ? /* @__PURE__ */ m(f, { children: [Ue, /* @__PURE__ */ p("span", { children: n })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", { children: t }), /* @__PURE__ */ p(
|
|
2520
|
+
children: e ? /* @__PURE__ */ m(f, { children: [Ue, /* @__PURE__ */ p("span", { children: n })] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", { children: t }), /* @__PURE__ */ p(re, {
|
|
2412
2521
|
size: 16,
|
|
2413
2522
|
className: "transition-transform group-hover:translate-x-0.5"
|
|
2414
2523
|
})] })
|
|
2415
2524
|
}), Xe = ({ icon: e, title: t, subtitle: n, onBack: o, children: s }) => /* @__PURE__ */ m("div", {
|
|
2416
2525
|
className: `flex flex-col ${a ? "w-full flex-1" : "h-full overflow-y-auto"} relative bg-transparent ${i ? "text-white" : "text-slate-900"}`,
|
|
2417
|
-
children: [
|
|
2526
|
+
children: [Ie(), /* @__PURE__ */ m("div", {
|
|
2418
2527
|
className: `px-4 sm:px-6 ${a ? "py-8 sm:py-10" : "py-5"} flex-1 max-w-[400px] mx-auto w-full flex flex-col justify-center relative z-10`,
|
|
2419
2528
|
children: [o && /* @__PURE__ */ m("button", {
|
|
2420
2529
|
part: "button button-link back-button",
|
|
2421
2530
|
type: "button",
|
|
2422
2531
|
onClick: o,
|
|
2423
2532
|
className: `self-start inline-flex items-center gap-1.5 mb-4 text-sm font-semibold transition-colors cursor-pointer ${i ? "text-zinc-400 hover:text-white" : "text-slate-500 hover:text-slate-900"}`,
|
|
2424
|
-
children: [/* @__PURE__ */ p(
|
|
2533
|
+
children: [/* @__PURE__ */ p(ne, { size: 16 }), /* @__PURE__ */ p("span", { children: "Back to login" })]
|
|
2425
2534
|
}), /* @__PURE__ */ m("div", {
|
|
2426
2535
|
part: "portal-card",
|
|
2427
2536
|
className: `p-6 sm:p-7 rounded-3xl border space-y-5 ${i ? "bg-zinc-900 border-zinc-800 shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_24px_48px_-24px_rgba(15,23,42,0.18)]"}`,
|
|
@@ -2453,18 +2562,18 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2453
2562
|
})]
|
|
2454
2563
|
}), Qe = "font-semibold hover:underline underline-offset-4 cursor-pointer";
|
|
2455
2564
|
return Xe(l === "request_code" ? {
|
|
2456
|
-
icon:
|
|
2565
|
+
icon: Oe,
|
|
2457
2566
|
title: "Get verification code",
|
|
2458
2567
|
subtitle: "We will email a verification code to your registered address.",
|
|
2459
2568
|
onBack: () => Z("login"),
|
|
2460
2569
|
children: /* @__PURE__ */ m("form", {
|
|
2461
|
-
onSubmit:
|
|
2570
|
+
onSubmit: Y,
|
|
2462
2571
|
className: "space-y-4",
|
|
2463
2572
|
children: [
|
|
2464
2573
|
Q({
|
|
2465
2574
|
id: "vx-portal-code-identifier",
|
|
2466
2575
|
label: "Registration number or email",
|
|
2467
|
-
icon:
|
|
2576
|
+
icon: Oe,
|
|
2468
2577
|
value: k || T,
|
|
2469
2578
|
onChange: (e) => {
|
|
2470
2579
|
A(e), E(e);
|
|
@@ -2472,7 +2581,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2472
2581
|
placeholder: "e.g. attendee@example.com or REG12345",
|
|
2473
2582
|
autoComplete: "username"
|
|
2474
2583
|
}),
|
|
2475
|
-
Je(
|
|
2584
|
+
Je(de, "Send verification code", "Sending code..."),
|
|
2476
2585
|
/* @__PURE__ */ m("p", {
|
|
2477
2586
|
className: `text-center text-[13px] ${i ? "text-zinc-400" : "text-slate-500"}`,
|
|
2478
2587
|
children: [
|
|
@@ -2490,18 +2599,18 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2490
2599
|
]
|
|
2491
2600
|
})
|
|
2492
2601
|
} : l === "reset" ? {
|
|
2493
|
-
icon:
|
|
2602
|
+
icon: W,
|
|
2494
2603
|
title: "Set your password",
|
|
2495
2604
|
subtitle: "Enter the code from your email and choose a new password.",
|
|
2496
2605
|
onBack: () => Z("login"),
|
|
2497
2606
|
children: /* @__PURE__ */ m("form", {
|
|
2498
|
-
onSubmit:
|
|
2607
|
+
onSubmit: ke,
|
|
2499
2608
|
className: "space-y-4",
|
|
2500
2609
|
children: [
|
|
2501
2610
|
Q({
|
|
2502
2611
|
id: "vx-portal-reset-identifier",
|
|
2503
2612
|
label: "Registration number or email",
|
|
2504
|
-
icon:
|
|
2613
|
+
icon: Oe,
|
|
2505
2614
|
value: k || T,
|
|
2506
2615
|
onChange: (e) => {
|
|
2507
2616
|
A(e), E(e);
|
|
@@ -2512,9 +2621,9 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2512
2621
|
Q({
|
|
2513
2622
|
id: "vx-portal-reset-code",
|
|
2514
2623
|
label: "Verification code",
|
|
2515
|
-
icon:
|
|
2516
|
-
value:
|
|
2517
|
-
onChange:
|
|
2624
|
+
icon: Te,
|
|
2625
|
+
value: j,
|
|
2626
|
+
onChange: M,
|
|
2518
2627
|
placeholder: "Enter code from email",
|
|
2519
2628
|
autoComplete: "one-time-code",
|
|
2520
2629
|
aside: /* @__PURE__ */ p("button", {
|
|
@@ -2530,20 +2639,20 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2530
2639
|
Q({
|
|
2531
2640
|
id: "vx-portal-reset-password",
|
|
2532
2641
|
label: "New password",
|
|
2533
|
-
icon:
|
|
2642
|
+
icon: K,
|
|
2534
2643
|
type: "password",
|
|
2535
|
-
value:
|
|
2536
|
-
onChange:
|
|
2644
|
+
value: ie,
|
|
2645
|
+
onChange: ae,
|
|
2537
2646
|
placeholder: "Enter new password",
|
|
2538
2647
|
autoComplete: "new-password"
|
|
2539
2648
|
}),
|
|
2540
2649
|
Q({
|
|
2541
2650
|
id: "vx-portal-reset-confirm",
|
|
2542
2651
|
label: "Confirm password",
|
|
2543
|
-
icon:
|
|
2652
|
+
icon: K,
|
|
2544
2653
|
type: "password",
|
|
2545
2654
|
value: se,
|
|
2546
|
-
onChange:
|
|
2655
|
+
onChange: le,
|
|
2547
2656
|
placeholder: "Re-enter new password",
|
|
2548
2657
|
autoComplete: "new-password"
|
|
2549
2658
|
}),
|
|
@@ -2551,17 +2660,17 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2551
2660
|
]
|
|
2552
2661
|
})
|
|
2553
2662
|
} : {
|
|
2554
|
-
icon:
|
|
2663
|
+
icon: Ee,
|
|
2555
2664
|
title: "Attendee login",
|
|
2556
2665
|
subtitle: "Sign in with your email or registration number.",
|
|
2557
2666
|
children: /* @__PURE__ */ m("form", {
|
|
2558
|
-
onSubmit:
|
|
2667
|
+
onSubmit: De,
|
|
2559
2668
|
className: "space-y-4",
|
|
2560
2669
|
children: [
|
|
2561
2670
|
Q({
|
|
2562
2671
|
id: "vx-portal-login-identifier",
|
|
2563
2672
|
label: "Email or registration number",
|
|
2564
|
-
icon:
|
|
2673
|
+
icon: Oe,
|
|
2565
2674
|
value: T,
|
|
2566
2675
|
onChange: E,
|
|
2567
2676
|
placeholder: "Enter email or registration number",
|
|
@@ -2570,7 +2679,7 @@ var rt = ({ apiClient: e, storage: t, logger: n, primaryColor: r, isDark: i = !1
|
|
|
2570
2679
|
Q({
|
|
2571
2680
|
id: "vx-portal-login-password",
|
|
2572
2681
|
label: "Password",
|
|
2573
|
-
icon:
|
|
2682
|
+
icon: K,
|
|
2574
2683
|
type: "password",
|
|
2575
2684
|
value: D,
|
|
2576
2685
|
onChange: ee,
|
|
@@ -2685,57 +2794,57 @@ var ot = (e) => {
|
|
|
2685
2794
|
s(() => {
|
|
2686
2795
|
t === "attendee" && i(!0);
|
|
2687
2796
|
}, [t]);
|
|
2688
|
-
let [o] = d(() => typeof window < "u" ? new URLSearchParams(window.location.search).get("rn") : null), [c, h] = d(e.displayMode !== "popup" || !!o), [y, b] = d(!1), [x, S] = d([]), [C, w] = d(""), [T, E] = d(null), [D, ee] = d(null),
|
|
2797
|
+
let [o] = d(() => typeof window < "u" ? new URLSearchParams(window.location.search).get("rn") : null), [c, h] = d(e.displayMode !== "popup" || !!o), [y, b] = d(!1), [x, S] = d([]), [C, w] = d(""), [T, E] = d(null), [D, ee] = d(null), te = l(() => D && { fields: D.fields.filter((e) => e.id !== "registration_type") }, [D]), [O, k] = d(!0), [A, j] = d(""), [ne, M] = d(null), [ie, N] = d(!!o), [ae, oe] = d(null), [se, le] = d(null), [ue, de] = d(o), [fe, P] = d(!1), [F, I] = d(() => at(e.position)), [L, R] = d(null), [ge, _e] = d(null), [z, B] = d(!1), [be, xe] = d(!1), Se = u(null), Ce = u(null), V = u(!1);
|
|
2689
2798
|
s(() => {
|
|
2690
|
-
e.position &&
|
|
2799
|
+
e.position && I(at(e.position));
|
|
2691
2800
|
}, [e.position]);
|
|
2692
|
-
let
|
|
2801
|
+
let H = e.themeMode === "dark" || e.theme?.mode === "dark", U = e.theme?.primaryColor || "#2563eb", W = !!e.isAbstract, we = e.headerBannerImage, Te = e.backgroundImage, G = l(() => new g(e.debug), [e.debug]), K = l(() => new _(e.baseUrl, e.eventSlug, G, e.timeoutMs ?? 12e4), [
|
|
2693
2802
|
e.baseUrl,
|
|
2694
2803
|
e.eventSlug,
|
|
2695
|
-
|
|
2804
|
+
G,
|
|
2696
2805
|
e.timeoutMs
|
|
2697
|
-
]),
|
|
2806
|
+
]), q = l(() => new v(e.eventSlug), [e.eventSlug]), De = u(e.displayMode), J = u(null), [Y, Oe] = d(null);
|
|
2698
2807
|
s(() => {
|
|
2699
|
-
|
|
2700
|
-
}, [
|
|
2808
|
+
q.getXrefId();
|
|
2809
|
+
}, [q]), s(() => {
|
|
2701
2810
|
if (!c) return;
|
|
2702
|
-
let t =
|
|
2703
|
-
t && (
|
|
2811
|
+
let t = q.getXrefId();
|
|
2812
|
+
t && (W ? K.getReviewDraft(t) : K.getDraft(t)).then((t) => {
|
|
2704
2813
|
let n = t?.data || t;
|
|
2705
2814
|
n && n.registration_type && (Oe(n), e.onEvent?.("draft_loaded", n));
|
|
2706
2815
|
}).catch((e) => {
|
|
2707
|
-
|
|
2816
|
+
G.log("No draft found for this session", e);
|
|
2708
2817
|
});
|
|
2709
2818
|
}, [
|
|
2710
2819
|
c,
|
|
2711
|
-
|
|
2820
|
+
K,
|
|
2821
|
+
q,
|
|
2712
2822
|
G,
|
|
2713
|
-
|
|
2714
|
-
H
|
|
2823
|
+
W
|
|
2715
2824
|
]);
|
|
2716
2825
|
let ke = l(() => {
|
|
2717
|
-
if (!
|
|
2718
|
-
let e = { ...
|
|
2719
|
-
if (
|
|
2720
|
-
e.name =
|
|
2721
|
-
let t =
|
|
2826
|
+
if (!Y || !T || String(Y.registration_type) !== String(T.id)) return {};
|
|
2827
|
+
let e = { ...Y.custom_data || {} };
|
|
2828
|
+
if (Y.salutation && (e.salutation = Y.salutation, e.title = Y.salutation), Y.name) {
|
|
2829
|
+
e.name = Y.name, e.full_name = Y.name, e.fullName = Y.name;
|
|
2830
|
+
let t = Y.name.trim().split(/\s+/);
|
|
2722
2831
|
t.length > 0 && !e.first_name && (e.first_name = t[0]), t.length > 1 && !e.last_name && (e.last_name = t.slice(1).join(" "));
|
|
2723
2832
|
}
|
|
2724
|
-
return
|
|
2833
|
+
return Y.email && (e.email = Y.email), Y.phone && (e.phone = Y.phone, e.mobile = Y.phone, e.phoneNumber = Y.phone), ((W ? D?.fields : T?.form_schema?.fields) || []).forEach((t) => {
|
|
2725
2834
|
let n = tt(t.id, t.label);
|
|
2726
2835
|
e[t.id] === void 0 && e[n] !== void 0 && (e[t.id] = e[n]);
|
|
2727
2836
|
}), e;
|
|
2728
2837
|
}, [
|
|
2729
|
-
|
|
2838
|
+
Y,
|
|
2730
2839
|
T,
|
|
2731
|
-
|
|
2840
|
+
W,
|
|
2732
2841
|
D
|
|
2733
2842
|
]);
|
|
2734
2843
|
s(() => () => {
|
|
2735
|
-
|
|
2844
|
+
J.current && clearTimeout(J.current);
|
|
2736
2845
|
}, []);
|
|
2737
2846
|
let Ae = a((t) => {
|
|
2738
|
-
|
|
2847
|
+
J.current && clearTimeout(J.current), J.current = setTimeout(async () => {
|
|
2739
2848
|
if (!Object.values(t).some((e) => e !== "" && e != null)) return;
|
|
2740
2849
|
let n = /* @__PURE__ */ new Set([
|
|
2741
2850
|
"salutation",
|
|
@@ -2751,7 +2860,7 @@ var ot = (e) => {
|
|
|
2751
2860
|
"phoneNumber",
|
|
2752
2861
|
"selected_items",
|
|
2753
2862
|
"custom_data"
|
|
2754
|
-
]), r = (
|
|
2863
|
+
]), r = (W ? D?.fields : T?.form_schema?.fields) || [], i = /* @__PURE__ */ new Map();
|
|
2755
2864
|
r.forEach((e) => i.set(e.id, e));
|
|
2756
2865
|
let a = { ...t.custom_data || {} };
|
|
2757
2866
|
for (let [e, r] of Object.entries(t)) if (!n.has(e)) {
|
|
@@ -2759,7 +2868,7 @@ var ot = (e) => {
|
|
|
2759
2868
|
a[t] = r, t !== e && (a[e] = r);
|
|
2760
2869
|
}
|
|
2761
2870
|
let o = {
|
|
2762
|
-
xref_id:
|
|
2871
|
+
xref_id: q.getXrefId(),
|
|
2763
2872
|
salutation: t.salutation || t.title || "",
|
|
2764
2873
|
name: t.name || t.fullName || t.full_name || [t.firstName, t.lastName].filter(Boolean).join(" ") || "",
|
|
2765
2874
|
email: t.email || "",
|
|
@@ -2769,38 +2878,38 @@ var ot = (e) => {
|
|
|
2769
2878
|
selected_items: t.selected_items || []
|
|
2770
2879
|
};
|
|
2771
2880
|
try {
|
|
2772
|
-
|
|
2881
|
+
W ? await K.trackReviewProgress(o) : await K.trackProgress(o), e.onEvent?.("draft_saved", o);
|
|
2773
2882
|
} catch (e) {
|
|
2774
|
-
|
|
2883
|
+
G.error("Failed to save draft progress", e);
|
|
2775
2884
|
}
|
|
2776
2885
|
}, 600);
|
|
2777
2886
|
}, [
|
|
2778
|
-
|
|
2779
|
-
|
|
2887
|
+
q,
|
|
2888
|
+
K,
|
|
2780
2889
|
T,
|
|
2781
2890
|
e,
|
|
2782
|
-
|
|
2783
|
-
|
|
2891
|
+
G,
|
|
2892
|
+
W,
|
|
2784
2893
|
D
|
|
2785
2894
|
]);
|
|
2786
2895
|
s(() => {
|
|
2787
|
-
|
|
2896
|
+
De.current !== e.displayMode && (De.current = e.displayMode, h(e.displayMode !== "popup"), b(!1));
|
|
2788
2897
|
}, [e.displayMode]), s(() => {
|
|
2789
|
-
(
|
|
2790
|
-
S(t?.data?.types || []),
|
|
2898
|
+
(W ? K.getReviewFormSchema() : K.getFormSchema()).then((t) => {
|
|
2899
|
+
S(t?.data?.types || []), W && ee({ fields: t?.data?.fields || [] }), (t?.data?.event_name || t?.data?.title || t?.data?.name) && w(t.data.event_name || t.data.title || t.data.name), e.onEvent?.("form_loaded", t?.data);
|
|
2791
2900
|
}).catch((t) => {
|
|
2792
|
-
|
|
2901
|
+
G.error("Failed to load schema", t), S([]);
|
|
2793
2902
|
let n = {
|
|
2794
2903
|
type: "schema_load",
|
|
2795
2904
|
message: t?.message || "Failed to load event schema",
|
|
2796
2905
|
error: t
|
|
2797
2906
|
};
|
|
2798
2907
|
e.onEvent?.("error", n), e.onError?.(n);
|
|
2799
|
-
}).finally(() =>
|
|
2800
|
-
}, [
|
|
2908
|
+
}).finally(() => k(!1));
|
|
2909
|
+
}, [K, W]);
|
|
2801
2910
|
let je = async (t) => {
|
|
2802
|
-
|
|
2803
|
-
let n =
|
|
2911
|
+
J.current && clearTimeout(J.current), k(!0), oe(null);
|
|
2912
|
+
let n = q.getXrefId(), r = /* @__PURE__ */ new Set([
|
|
2804
2913
|
"salutation",
|
|
2805
2914
|
"title",
|
|
2806
2915
|
"name",
|
|
@@ -2816,7 +2925,7 @@ var ot = (e) => {
|
|
|
2816
2925
|
"selected_items",
|
|
2817
2926
|
"custom_data",
|
|
2818
2927
|
"xref_id"
|
|
2819
|
-
]), i = (
|
|
2928
|
+
]), i = (W ? D?.fields : T?.form_schema?.fields) || [], a = /* @__PURE__ */ new Map();
|
|
2820
2929
|
i.forEach((e) => a.set(e.id, e));
|
|
2821
2930
|
let o = { ...t.custom_data || {} };
|
|
2822
2931
|
for (let [e, n] of Object.entries(t)) if (!r.has(e)) {
|
|
@@ -2834,12 +2943,12 @@ var ot = (e) => {
|
|
|
2834
2943
|
selected_items: t.selected_items || []
|
|
2835
2944
|
};
|
|
2836
2945
|
try {
|
|
2837
|
-
let t =
|
|
2838
|
-
|
|
2839
|
-
let n =
|
|
2840
|
-
|
|
2946
|
+
let t = W ? await K.submitReview(s) : await K.submitRegistration(s);
|
|
2947
|
+
q.updateXrefId(), Oe(null);
|
|
2948
|
+
let n = W ? null : t?.data?.payment_url || t?.payment_url || null;
|
|
2949
|
+
le(n);
|
|
2841
2950
|
let r = t?.data?.submission_number || t?.submission_number || t?.data?.registration_number || t?.registration_number || t?.data?.registration?.registration_number || t?.registration?.registration_number || null;
|
|
2842
|
-
|
|
2951
|
+
de(r ? String(r) : null), P(!1), n && typeof n == "string" && n.trim() !== "" && window.open(n, "_blank", "noopener,noreferrer"), N(!0);
|
|
2843
2952
|
let i = {
|
|
2844
2953
|
registrationType: T.id,
|
|
2845
2954
|
payload: s,
|
|
@@ -2848,57 +2957,57 @@ var ot = (e) => {
|
|
|
2848
2957
|
};
|
|
2849
2958
|
e.onEvent?.("submitted", i), e.onRegister?.(i), e.onRegistered?.(i);
|
|
2850
2959
|
} catch (t) {
|
|
2851
|
-
|
|
2960
|
+
G.error("Submission failed", t);
|
|
2852
2961
|
let n = t?.message || "Registration failed. Please check your information and try again.", r = {
|
|
2853
2962
|
type: "submit_error",
|
|
2854
2963
|
message: n,
|
|
2855
2964
|
error: t
|
|
2856
2965
|
};
|
|
2857
|
-
e.onEvent?.("error", r), e.onError?.(r),
|
|
2966
|
+
e.onEvent?.("error", r), e.onError?.(r), oe(n);
|
|
2858
2967
|
} finally {
|
|
2859
|
-
|
|
2968
|
+
k(!1);
|
|
2860
2969
|
}
|
|
2861
|
-
},
|
|
2862
|
-
if (
|
|
2970
|
+
}, Ne = () => {
|
|
2971
|
+
if (N(!1), oe(null), le(null), de(null), P(!1), E(null), Oe(null), typeof window < "u" && new URLSearchParams(window.location.search).has("rn")) {
|
|
2863
2972
|
let e = new URL(window.location.href);
|
|
2864
2973
|
e.searchParams.delete("rn"), window.history.replaceState(window.history.state, "", e.toString());
|
|
2865
2974
|
}
|
|
2866
|
-
},
|
|
2867
|
-
if (e.stopPropagation(), e.button !== 0 || !
|
|
2868
|
-
let t =
|
|
2869
|
-
|
|
2975
|
+
}, Fe = a((e) => {
|
|
2976
|
+
if (e.stopPropagation(), e.button !== 0 || !Se.current) return;
|
|
2977
|
+
let t = Se.current.getBoundingClientRect();
|
|
2978
|
+
Ce.current = {
|
|
2870
2979
|
startX: e.clientX,
|
|
2871
2980
|
startY: e.clientY,
|
|
2872
2981
|
rect: t,
|
|
2873
2982
|
corner: F
|
|
2874
|
-
},
|
|
2983
|
+
}, V.current = !1, B(!0);
|
|
2875
2984
|
}, [F]);
|
|
2876
2985
|
s(() => {
|
|
2877
|
-
if (!
|
|
2986
|
+
if (!z) return;
|
|
2878
2987
|
let t = (e) => {
|
|
2879
|
-
if (!
|
|
2880
|
-
let t = e.clientX -
|
|
2881
|
-
|
|
2988
|
+
if (!Ce.current) return;
|
|
2989
|
+
let t = e.clientX - Ce.current.startX, n = e.clientY - Ce.current.startY;
|
|
2990
|
+
V.current || Math.hypot(t, n) > 5 && (V.current = !0), V.current && R({
|
|
2882
2991
|
x: t,
|
|
2883
2992
|
y: n
|
|
2884
2993
|
});
|
|
2885
2994
|
}, n = (t) => {
|
|
2886
|
-
if (!
|
|
2887
|
-
|
|
2995
|
+
if (!Ce.current) {
|
|
2996
|
+
B(!1), R(null), V.current = !1;
|
|
2888
2997
|
return;
|
|
2889
2998
|
}
|
|
2890
|
-
let { rect: n, startX: r, startY: i } =
|
|
2891
|
-
if (
|
|
2892
|
-
|
|
2999
|
+
let { rect: n, startX: r, startY: i } = Ce.current, a = t.clientX - r, o = t.clientY - i, s = V.current;
|
|
3000
|
+
if (Ce.current = null, B(!1), setTimeout(() => {
|
|
3001
|
+
V.current = !1;
|
|
2893
3002
|
}, 100), !s) {
|
|
2894
|
-
|
|
3003
|
+
R(null);
|
|
2895
3004
|
return;
|
|
2896
3005
|
}
|
|
2897
3006
|
let c = n.left + a, l = n.top + o, u = c + n.width / 2, d = l + n.height / 2, f = typeof window < "u" ? window.innerWidth : 1024, p = typeof window < "u" ? window.innerHeight : 768, m = u >= f / 2, h = d >= p / 2, g = h ? m ? "bottom-right" : "bottom-left" : m ? "top-right" : "top-left", _ = m ? f - n.width - 20 : 20, v = h ? p - n.height - 20 : 20, y = c - _, b = l - v;
|
|
2898
3007
|
_e({
|
|
2899
3008
|
transform: `translate3d(${y}px, ${b}px, 0)`,
|
|
2900
3009
|
transition: "none"
|
|
2901
|
-
}),
|
|
3010
|
+
}), R(null), I(g), e.onEvent?.("position_changed", { position: g }), requestAnimationFrame(() => {
|
|
2902
3011
|
requestAnimationFrame(() => {
|
|
2903
3012
|
_e({
|
|
2904
3013
|
transform: "translate3d(0, 0, 0)",
|
|
@@ -2912,62 +3021,62 @@ var ot = (e) => {
|
|
|
2912
3021
|
return window.addEventListener("pointermove", t), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n), () => {
|
|
2913
3022
|
window.removeEventListener("pointermove", t), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
|
|
2914
3023
|
};
|
|
2915
|
-
}, [
|
|
2916
|
-
let
|
|
2917
|
-
if (
|
|
3024
|
+
}, [z, e]);
|
|
3025
|
+
let Le = async () => {
|
|
3026
|
+
if (ue) {
|
|
2918
3027
|
try {
|
|
2919
|
-
await navigator.clipboard.writeText(
|
|
3028
|
+
await navigator.clipboard.writeText(ue);
|
|
2920
3029
|
} catch {
|
|
2921
3030
|
let e = document.createElement("textarea");
|
|
2922
|
-
e.value =
|
|
3031
|
+
e.value = ue, document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
|
|
2923
3032
|
}
|
|
2924
|
-
|
|
3033
|
+
P(!0), setTimeout(() => P(!1), 2e3);
|
|
2925
3034
|
}
|
|
2926
|
-
}, Re = () =>
|
|
3035
|
+
}, Re = () => ue ? /* @__PURE__ */ m("div", {
|
|
2927
3036
|
className: "w-full max-w-xs mb-6",
|
|
2928
3037
|
children: [/* @__PURE__ */ p("p", {
|
|
2929
|
-
className: `text-2xs font-bold uppercase tracking-wider mb-1.5 ${
|
|
2930
|
-
children: "Registration Number"
|
|
3038
|
+
className: `text-2xs font-bold uppercase tracking-wider mb-1.5 ${H ? "text-zinc-400" : "text-gray-500"}`,
|
|
3039
|
+
children: W ? "Submission Number" : "Registration Number"
|
|
2931
3040
|
}), /* @__PURE__ */ m("div", {
|
|
2932
3041
|
part: "registration-number",
|
|
2933
|
-
className: `flex items-center gap-2 pl-4 pr-1.5 py-1.5 rounded-xl border ${
|
|
3042
|
+
className: `flex items-center gap-2 pl-4 pr-1.5 py-1.5 rounded-xl border ${H ? "bg-zinc-900 border-zinc-700" : "bg-gray-50 border-gray-200"}`,
|
|
2934
3043
|
children: [/* @__PURE__ */ p("span", {
|
|
2935
3044
|
className: "flex-1 text-left font-mono font-bold text-base select-all break-all",
|
|
2936
|
-
children:
|
|
3045
|
+
children: ue
|
|
2937
3046
|
}), /* @__PURE__ */ m("button", {
|
|
2938
3047
|
part: "copy-button",
|
|
2939
3048
|
type: "button",
|
|
2940
|
-
onClick:
|
|
3049
|
+
onClick: Le,
|
|
2941
3050
|
className: "flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs font-bold text-white shrink-0 cursor-pointer hover:opacity-90 transition-opacity",
|
|
2942
|
-
style: { backgroundColor:
|
|
3051
|
+
style: { backgroundColor: U },
|
|
2943
3052
|
title: "Copy registration number",
|
|
2944
|
-
children: [p(
|
|
3053
|
+
children: [p(fe ? ce : he, { size: 13 }), /* @__PURE__ */ p("span", { children: fe ? "Copied" : "Copy" })]
|
|
2945
3054
|
})]
|
|
2946
3055
|
})]
|
|
2947
3056
|
}) : null;
|
|
2948
3057
|
if (!c && e.displayMode === "popup") {
|
|
2949
3058
|
let e = {
|
|
2950
3059
|
...ot(F),
|
|
2951
|
-
...
|
|
2952
|
-
transform: `translate3d(${
|
|
3060
|
+
...L ? {
|
|
3061
|
+
transform: `translate3d(${L.x}px, ${L.y}px, 0) scale(1.05)`,
|
|
2953
3062
|
transition: "none",
|
|
2954
3063
|
userSelect: "none"
|
|
2955
|
-
} :
|
|
2956
|
-
transform:
|
|
2957
|
-
transition:
|
|
3064
|
+
} : ge ? {
|
|
3065
|
+
transform: ge.transform,
|
|
3066
|
+
transition: ge.transition
|
|
2958
3067
|
} : { transition: "all 0.3s cubic-bezier(0.16, 1, 0.3, 1)" }
|
|
2959
|
-
}, t = be ||
|
|
3068
|
+
}, t = be || z;
|
|
2960
3069
|
return /* @__PURE__ */ m("div", {
|
|
2961
|
-
ref:
|
|
2962
|
-
onMouseEnter: () =>
|
|
2963
|
-
onMouseLeave: () =>
|
|
3070
|
+
ref: Se,
|
|
3071
|
+
onMouseEnter: () => xe(!0),
|
|
3072
|
+
onMouseLeave: () => xe(!1),
|
|
2964
3073
|
className: `fixed ${st(F)} z-50 select-none group`,
|
|
2965
3074
|
style: e,
|
|
2966
3075
|
children: [/* @__PURE__ */ p("div", {
|
|
2967
|
-
onPointerDown:
|
|
3076
|
+
onPointerDown: Fe,
|
|
2968
3077
|
className: `absolute -top-1.5 -left-1.5 w-7 h-7 rounded-full bg-slate-900 text-white shadow-lg border-2 border-white flex items-center justify-center cursor-grab active:cursor-grabbing hover:bg-black hover:scale-110 active:scale-95 transition-all duration-200 z-10 touch-none ${t ? "opacity-100 scale-100 pointer-events-auto" : "opacity-0 scale-75 pointer-events-none group-hover:opacity-100 group-hover:scale-100 group-hover:pointer-events-auto"}`,
|
|
2969
3078
|
title: "Hold and drag to change position",
|
|
2970
|
-
children: /* @__PURE__ */ p(
|
|
3079
|
+
children: /* @__PURE__ */ p(Ie, {
|
|
2971
3080
|
size: 13,
|
|
2972
3081
|
className: "pointer-events-none text-white"
|
|
2973
3082
|
})
|
|
@@ -2975,10 +3084,10 @@ var ot = (e) => {
|
|
|
2975
3084
|
part: "launcher",
|
|
2976
3085
|
type: "button",
|
|
2977
3086
|
onClick: (e) => {
|
|
2978
|
-
e.stopPropagation(), !
|
|
3087
|
+
e.stopPropagation(), !z && h(!0);
|
|
2979
3088
|
},
|
|
2980
3089
|
className: "w-16 h-16 rounded-full text-white shadow-xl flex items-center justify-center cursor-pointer hover:scale-105 active:scale-95 transition-transform",
|
|
2981
|
-
style: { backgroundColor:
|
|
3090
|
+
style: { backgroundColor: U },
|
|
2982
3091
|
title: "Click to open registration",
|
|
2983
3092
|
children: /* @__PURE__ */ p("span", {
|
|
2984
3093
|
className: "font-bold text-sm tracking-wide pointer-events-none",
|
|
@@ -2987,9 +3096,9 @@ var ot = (e) => {
|
|
|
2987
3096
|
})]
|
|
2988
3097
|
});
|
|
2989
3098
|
}
|
|
2990
|
-
let ze = e.displayMode === "fullscreen" || e.displayMode === "popup" && y,
|
|
2991
|
-
|
|
2992
|
-
let
|
|
3099
|
+
let ze = e.displayMode === "fullscreen" || e.displayMode === "popup" && y, X = e.displayMode === "widget", Be = it(Te, H, X), Ve = `${H ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"} flex flex-col transition-all duration-300 ease-in-out `, He = e.theme?.fontFamily, Z = !He || He === "inherit" ? {} : { fontFamily: `var(--vx-font-family, ${He})` };
|
|
3100
|
+
Z["--vx-accent"] = U, ze ? Ve += "fixed inset-0 z-[9999] rounded-none overflow-hidden " : e.displayMode === "popup" ? (Ve += `fixed ${st(F)} z-50 rounded-xl shadow-2xl border ${H ? "border-zinc-800" : "border-gray-200"} overflow-hidden `, Z.width = e.width || "400px", Z.height = e.height || "700px", Z.maxHeight = "90vh", Z.maxWidth = "calc(100vw - 32px)", Object.assign(Z, ot(F))) : (Ve += "relative w-full min-h-screen border-none shadow-none rounded-none ", Z.width = "100%", Z.minHeight = "100vh");
|
|
3101
|
+
let Q = W ? "Abstract Submission" : t === "registration" ? C || "Registration" : "Attendee Portal", Ke = A.trim().toLowerCase(), qe = Ke ? x.filter((e) => [
|
|
2993
3102
|
e.type,
|
|
2994
3103
|
e.name,
|
|
2995
3104
|
e.category,
|
|
@@ -2998,27 +3107,27 @@ var ot = (e) => {
|
|
|
2998
3107
|
e.price,
|
|
2999
3108
|
e.tax_info,
|
|
3000
3109
|
...Array.isArray(e.perks) ? e.perks : []
|
|
3001
|
-
].filter((e) => e != null && e !== "").join(" ").toLowerCase().includes(
|
|
3110
|
+
].filter((e) => e != null && e !== "").join(" ").toLowerCase().includes(Ke)) : x, Je = `max-w-2xl mx-auto w-full rounded-3xl border overflow-hidden ${H ? "bg-zinc-900 border-zinc-800 shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_24px_48px_-24px_rgba(15,23,42,0.16)]"}`, Ye = () => {
|
|
3002
3111
|
if (x.length === 0) return null;
|
|
3003
3112
|
let e = x.find((e) => String(e.id) === ne) || (x.length === 1 ? x[0] : null), t = e ? e.type || e.name || e.label : "";
|
|
3004
3113
|
return /* @__PURE__ */ m("div", {
|
|
3005
3114
|
part: "category-panel",
|
|
3006
|
-
className:
|
|
3115
|
+
className: Je,
|
|
3007
3116
|
children: [
|
|
3008
3117
|
/* @__PURE__ */ m("div", {
|
|
3009
3118
|
className: "px-5 sm:px-7 pt-6 sm:pt-7 pb-5 flex items-center gap-3.5",
|
|
3010
3119
|
children: [/* @__PURE__ */ p("div", {
|
|
3011
3120
|
className: "w-11 h-11 rounded-xl flex items-center justify-center shrink-0",
|
|
3012
3121
|
style: {
|
|
3013
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3014
|
-
color:
|
|
3122
|
+
backgroundColor: `color-mix(in srgb, ${U} 12%, transparent)`,
|
|
3123
|
+
color: U
|
|
3015
3124
|
},
|
|
3016
|
-
children: /* @__PURE__ */ p(
|
|
3125
|
+
children: /* @__PURE__ */ p(ye, { size: 20 })
|
|
3017
3126
|
}), /* @__PURE__ */ p("div", {
|
|
3018
3127
|
className: "min-w-0",
|
|
3019
3128
|
children: /* @__PURE__ */ p("h3", {
|
|
3020
3129
|
part: "list-title",
|
|
3021
|
-
className: `text-lg sm:text-xl font-semibold tracking-tight ${
|
|
3130
|
+
className: `text-lg sm:text-xl font-semibold tracking-tight ${H ? "text-white" : "text-slate-900"}`,
|
|
3022
3131
|
style: $,
|
|
3023
3132
|
children: "Choose a submission category"
|
|
3024
3133
|
})
|
|
@@ -3027,7 +3136,7 @@ var ot = (e) => {
|
|
|
3027
3136
|
/* @__PURE__ */ p("div", {
|
|
3028
3137
|
role: "radiogroup",
|
|
3029
3138
|
"aria-label": "Submission category",
|
|
3030
|
-
className: `border-t divide-y ${
|
|
3139
|
+
className: `border-t divide-y ${H ? "border-zinc-800 divide-zinc-800" : "border-slate-100 divide-slate-100"}`,
|
|
3031
3140
|
children: x.map((t) => {
|
|
3032
3141
|
let n = t.type || t.name || t.label, r = !!e && String(e.id) === String(t.id);
|
|
3033
3142
|
return /* @__PURE__ */ m("button", {
|
|
@@ -3035,48 +3144,48 @@ var ot = (e) => {
|
|
|
3035
3144
|
type: "button",
|
|
3036
3145
|
role: "radio",
|
|
3037
3146
|
"aria-checked": r,
|
|
3038
|
-
onClick: () =>
|
|
3039
|
-
className: `group w-full flex items-center gap-4 px-5 sm:px-7 py-4 text-left transition-colors cursor-pointer outline-none focus-visible:bg-[color-mix(in_srgb,var(--vx-accent)_8%,transparent)] ${r ? "" :
|
|
3040
|
-
style: r ? { backgroundColor: `color-mix(in srgb, ${
|
|
3147
|
+
onClick: () => M(String(t.id)),
|
|
3148
|
+
className: `group w-full flex items-center gap-4 px-5 sm:px-7 py-4 text-left transition-colors cursor-pointer outline-none focus-visible:bg-[color-mix(in_srgb,var(--vx-accent)_8%,transparent)] ${r ? "" : H ? "hover:bg-zinc-800/60" : "hover:bg-slate-50"}`,
|
|
3149
|
+
style: r ? { backgroundColor: `color-mix(in srgb, ${U} ${H ? 14 : 6}%, transparent)` } : void 0,
|
|
3041
3150
|
children: [
|
|
3042
3151
|
/* @__PURE__ */ p("span", {
|
|
3043
3152
|
"aria-hidden": "true",
|
|
3044
|
-
className: `w-5 h-5 rounded-full border-2 flex items-center justify-center shrink-0 transition-colors ${r ? "" :
|
|
3045
|
-
style: r ? { borderColor:
|
|
3153
|
+
className: `w-5 h-5 rounded-full border-2 flex items-center justify-center shrink-0 transition-colors ${r ? "" : H ? "border-zinc-600" : "border-slate-300"}`,
|
|
3154
|
+
style: r ? { borderColor: U } : void 0,
|
|
3046
3155
|
children: r && /* @__PURE__ */ p("span", {
|
|
3047
3156
|
className: "w-2.5 h-2.5 rounded-full",
|
|
3048
|
-
style: { backgroundColor:
|
|
3157
|
+
style: { backgroundColor: U }
|
|
3049
3158
|
})
|
|
3050
3159
|
}),
|
|
3051
3160
|
/* @__PURE__ */ m("span", {
|
|
3052
3161
|
className: "flex-1 min-w-0",
|
|
3053
3162
|
children: [/* @__PURE__ */ p("span", {
|
|
3054
|
-
className: `block text-[15px] font-semibold leading-snug ${
|
|
3163
|
+
className: `block text-[15px] font-semibold leading-snug ${H ? "text-white" : "text-slate-900"}`,
|
|
3055
3164
|
children: n
|
|
3056
3165
|
}), t.description && /* @__PURE__ */ p("span", {
|
|
3057
|
-
className: `block text-[13px] mt-0.5 line-clamp-1 ${
|
|
3166
|
+
className: `block text-[13px] mt-0.5 line-clamp-1 ${H ? "text-zinc-400" : "text-slate-500"}`,
|
|
3058
3167
|
children: t.description
|
|
3059
3168
|
})]
|
|
3060
3169
|
}),
|
|
3061
3170
|
t.category && /* @__PURE__ */ p("span", {
|
|
3062
|
-
className: `hidden sm:inline-block text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full shrink-0 ${
|
|
3171
|
+
className: `hidden sm:inline-block text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full shrink-0 ${H ? "bg-zinc-800 text-zinc-300" : "bg-slate-100 text-slate-600"}`,
|
|
3063
3172
|
children: t.category
|
|
3064
3173
|
}),
|
|
3065
|
-
/* @__PURE__ */ p(
|
|
3174
|
+
/* @__PURE__ */ p(re, {
|
|
3066
3175
|
size: 16,
|
|
3067
|
-
className: `shrink-0 transition-all ${r ? "translate-x-0.5" : `${
|
|
3068
|
-
style: r ? { color:
|
|
3176
|
+
className: `shrink-0 transition-all ${r ? "translate-x-0.5" : `${H ? "text-zinc-600" : "text-slate-300"} group-hover:translate-x-0.5`}`,
|
|
3177
|
+
style: r ? { color: U } : void 0
|
|
3069
3178
|
})
|
|
3070
3179
|
]
|
|
3071
3180
|
}, t.id);
|
|
3072
3181
|
})
|
|
3073
3182
|
}),
|
|
3074
3183
|
/* @__PURE__ */ m("div", {
|
|
3075
|
-
className: `px-5 sm:px-7 py-5 border-t flex flex-col-reverse sm:flex-row sm:items-center sm:justify-between gap-3 ${
|
|
3184
|
+
className: `px-5 sm:px-7 py-5 border-t flex flex-col-reverse sm:flex-row sm:items-center sm:justify-between gap-3 ${H ? "border-zinc-800" : "border-slate-100"}`,
|
|
3076
3185
|
children: [/* @__PURE__ */ p("p", {
|
|
3077
|
-
className: `text-[13px] truncate ${
|
|
3186
|
+
className: `text-[13px] truncate ${H ? "text-zinc-400" : "text-slate-500"}`,
|
|
3078
3187
|
children: e ? /* @__PURE__ */ m(f, { children: ["Selected: ", /* @__PURE__ */ p("span", {
|
|
3079
|
-
className: `font-semibold ${
|
|
3188
|
+
className: `font-semibold ${H ? "text-zinc-200" : "text-slate-700"}`,
|
|
3080
3189
|
children: t
|
|
3081
3190
|
})] }) : "Select a category to continue"
|
|
3082
3191
|
}), /* @__PURE__ */ m("button", {
|
|
@@ -3085,11 +3194,11 @@ var ot = (e) => {
|
|
|
3085
3194
|
disabled: !e,
|
|
3086
3195
|
onClick: () => e && E(e),
|
|
3087
3196
|
style: {
|
|
3088
|
-
background: `linear-gradient(135deg, ${
|
|
3089
|
-
boxShadow: e ? `0 10px 24px -12px color-mix(in srgb, ${
|
|
3197
|
+
background: `linear-gradient(135deg, ${U}, color-mix(in srgb, ${U} 80%, black))`,
|
|
3198
|
+
boxShadow: e ? `0 10px 24px -12px color-mix(in srgb, ${U} 70%, transparent)` : void 0
|
|
3090
3199
|
},
|
|
3091
3200
|
className: "group shrink-0 inline-flex items-center justify-center gap-2 h-11 px-5 rounded-xl text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.99] cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:brightness-100",
|
|
3092
|
-
children: [/* @__PURE__ */ p("span", { children: "Continue to submission" }), /* @__PURE__ */ p(
|
|
3201
|
+
children: [/* @__PURE__ */ p("span", { children: "Continue to submission" }), /* @__PURE__ */ p(re, {
|
|
3093
3202
|
size: 16,
|
|
3094
3203
|
className: "transition-transform group-hover:translate-x-0.5"
|
|
3095
3204
|
})]
|
|
@@ -3097,16 +3206,16 @@ var ot = (e) => {
|
|
|
3097
3206
|
})
|
|
3098
3207
|
]
|
|
3099
3208
|
});
|
|
3100
|
-
},
|
|
3209
|
+
}, Xe = (e) => /* @__PURE__ */ m("div", {
|
|
3101
3210
|
part: "category-panel",
|
|
3102
|
-
className:
|
|
3211
|
+
className: Je,
|
|
3103
3212
|
children: [
|
|
3104
3213
|
/* @__PURE__ */ m("div", {
|
|
3105
3214
|
className: "px-5 sm:px-7 pt-6 sm:pt-7 pb-5 flex items-center gap-3.5",
|
|
3106
3215
|
children: [/* @__PURE__ */ p("div", { className: "vx-skeleton w-11 h-11 rounded-xl" }), /* @__PURE__ */ p("div", { className: `${e} h-4 w-56` })]
|
|
3107
3216
|
}),
|
|
3108
3217
|
/* @__PURE__ */ p("div", {
|
|
3109
|
-
className: `border-t divide-y ${
|
|
3218
|
+
className: `border-t divide-y ${H ? "border-zinc-800 divide-zinc-800" : "border-slate-100 divide-slate-100"}`,
|
|
3110
3219
|
children: [
|
|
3111
3220
|
0,
|
|
3112
3221
|
1,
|
|
@@ -3129,18 +3238,18 @@ var ot = (e) => {
|
|
|
3129
3238
|
}, t))
|
|
3130
3239
|
}),
|
|
3131
3240
|
/* @__PURE__ */ p("div", {
|
|
3132
|
-
className: `px-5 sm:px-7 py-5 border-t flex justify-end ${
|
|
3241
|
+
className: `px-5 sm:px-7 py-5 border-t flex justify-end ${H ? "border-zinc-800" : "border-slate-100"}`,
|
|
3133
3242
|
children: /* @__PURE__ */ p("div", { className: `${e} h-11 w-52` })
|
|
3134
3243
|
})
|
|
3135
3244
|
]
|
|
3136
|
-
}),
|
|
3137
|
-
let e = "vx-skeleton rounded-full", t =
|
|
3245
|
+
}), Ze = () => {
|
|
3246
|
+
let e = "vx-skeleton rounded-full", t = X ? 6 : 3;
|
|
3138
3247
|
return /* @__PURE__ */ m("div", {
|
|
3139
3248
|
part: "page",
|
|
3140
3249
|
role: "status",
|
|
3141
3250
|
"aria-live": "polite",
|
|
3142
3251
|
"aria-busy": "true",
|
|
3143
|
-
className: `flex flex-col ${
|
|
3252
|
+
className: `flex flex-col ${X ? "w-full flex-1" : "h-full min-h-0"} ${H ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"}`,
|
|
3144
3253
|
children: [
|
|
3145
3254
|
/* @__PURE__ */ p("span", {
|
|
3146
3255
|
className: "sr-only",
|
|
@@ -3149,7 +3258,7 @@ var ot = (e) => {
|
|
|
3149
3258
|
/* @__PURE__ */ p("div", {
|
|
3150
3259
|
part: "header",
|
|
3151
3260
|
className: "relative overflow-hidden z-10 shrink-0 text-white",
|
|
3152
|
-
style: { background: `linear-gradient(135deg, ${
|
|
3261
|
+
style: { background: `linear-gradient(135deg, ${U} 0%, color-mix(in srgb, ${U} 76%, black) 100%)` },
|
|
3153
3262
|
children: /* @__PURE__ */ m("div", {
|
|
3154
3263
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-5 sm:py-6 flex items-center gap-3.5",
|
|
3155
3264
|
children: [/* @__PURE__ */ p("div", { className: "w-11 h-11 rounded-2xl bg-white/15 ring-1 ring-inset ring-white/30 shrink-0" }), /* @__PURE__ */ m("div", {
|
|
@@ -3158,38 +3267,38 @@ var ot = (e) => {
|
|
|
3158
3267
|
})]
|
|
3159
3268
|
})
|
|
3160
3269
|
}),
|
|
3161
|
-
!
|
|
3270
|
+
!W && /* @__PURE__ */ p("div", {
|
|
3162
3271
|
part: "tabs",
|
|
3163
|
-
className: `shrink-0 border-b ${
|
|
3272
|
+
className: `shrink-0 border-b ${H ? "border-zinc-800 bg-zinc-900" : "border-slate-200 bg-white"}`,
|
|
3164
3273
|
children: /* @__PURE__ */ p("div", {
|
|
3165
3274
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-3",
|
|
3166
3275
|
children: /* @__PURE__ */ m("div", {
|
|
3167
|
-
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${
|
|
3168
|
-
children: [/* @__PURE__ */ p("div", { className: `h-9 rounded-lg ${
|
|
3276
|
+
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${H ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
3277
|
+
children: [/* @__PURE__ */ p("div", { className: `h-9 rounded-lg ${H ? "bg-zinc-950" : "bg-white shadow-sm"}` }), /* @__PURE__ */ p("div", { className: "h-9" })]
|
|
3169
3278
|
})
|
|
3170
3279
|
})
|
|
3171
3280
|
}),
|
|
3172
3281
|
/* @__PURE__ */ p("div", {
|
|
3173
3282
|
part: "list",
|
|
3174
|
-
className: `${
|
|
3283
|
+
className: `${X ? "w-full flex-1" : "overflow-hidden flex-1 min-h-0"} relative ${H ? "bg-zinc-950" : "bg-slate-50"}`,
|
|
3175
3284
|
style: Be,
|
|
3176
3285
|
children: /* @__PURE__ */ p("div", {
|
|
3177
3286
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-6 sm:py-8 space-y-5",
|
|
3178
|
-
children:
|
|
3287
|
+
children: W ? Xe(e) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
|
|
3179
3288
|
part: "search",
|
|
3180
3289
|
className: "flex flex-col sm:flex-row sm:items-end sm:justify-between gap-3",
|
|
3181
3290
|
children: [/* @__PURE__ */ m("div", {
|
|
3182
3291
|
className: "space-y-2",
|
|
3183
3292
|
children: [/* @__PURE__ */ p("div", { className: `${e} h-4 w-56` }), /* @__PURE__ */ p("div", { className: `${e} h-3 w-28` })]
|
|
3184
|
-
}), /* @__PURE__ */ p("div", { className: `h-10 w-full sm:w-72 rounded-xl border ${
|
|
3293
|
+
}), /* @__PURE__ */ p("div", { className: `h-10 w-full sm:w-72 rounded-xl border ${H ? "bg-zinc-900 border-zinc-800" : "bg-white border-slate-200"}` })]
|
|
3185
3294
|
}), /* @__PURE__ */ p("div", {
|
|
3186
3295
|
part: "card-grid",
|
|
3187
|
-
className:
|
|
3296
|
+
className: X ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5" : "space-y-3",
|
|
3188
3297
|
children: Array.from({ length: t }, (t, n) => {
|
|
3189
3298
|
let r = { animationDelay: `${n * 90}ms` };
|
|
3190
3299
|
return /* @__PURE__ */ m("div", {
|
|
3191
3300
|
part: "card",
|
|
3192
|
-
className: `rounded-2xl border p-5 sm:p-6 flex flex-col ${
|
|
3301
|
+
className: `rounded-2xl border p-5 sm:p-6 flex flex-col ${H ? "bg-zinc-900 border-zinc-800" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04)]"}`,
|
|
3193
3302
|
children: [
|
|
3194
3303
|
/* @__PURE__ */ p("div", {
|
|
3195
3304
|
className: "vx-skeleton w-11 h-11 rounded-xl",
|
|
@@ -3204,7 +3313,7 @@ var ot = (e) => {
|
|
|
3204
3313
|
style: r
|
|
3205
3314
|
}),
|
|
3206
3315
|
/* @__PURE__ */ m("div", {
|
|
3207
|
-
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${
|
|
3316
|
+
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${H ? "border-zinc-800" : "border-slate-200"}`,
|
|
3208
3317
|
children: [/* @__PURE__ */ m("div", {
|
|
3209
3318
|
className: "space-y-2",
|
|
3210
3319
|
children: [/* @__PURE__ */ p("div", {
|
|
@@ -3227,30 +3336,30 @@ var ot = (e) => {
|
|
|
3227
3336
|
})
|
|
3228
3337
|
]
|
|
3229
3338
|
});
|
|
3230
|
-
},
|
|
3231
|
-
let e = !!T, t =
|
|
3339
|
+
}, Qe = () => {
|
|
3340
|
+
let e = !!T, t = W ? ye : Ge, n = e ? W ? "Submitting your abstract" : "Submitting your registration" : "Loading your registration", r = T ? T.type || T.name : "", i = !W && T && T.price !== void 0 && T.price !== null && T.price !== "" ? Number(T.price) > 0 ? [T.currency, Number(T.price).toLocaleString()].filter(Boolean).join(" ") : "Free" : "";
|
|
3232
3341
|
return /* @__PURE__ */ p("div", {
|
|
3233
3342
|
part: "screen screen-submitting",
|
|
3234
3343
|
role: "status",
|
|
3235
3344
|
"aria-live": "polite",
|
|
3236
3345
|
"aria-busy": "true",
|
|
3237
|
-
className: `flex-1 flex items-center justify-center px-4 py-16 ${
|
|
3346
|
+
className: `flex-1 flex items-center justify-center px-4 py-16 ${X ? "min-h-[70vh]" : "h-full"} ${H ? "bg-zinc-950" : "bg-slate-50"}`,
|
|
3238
3347
|
style: Be,
|
|
3239
3348
|
children: /* @__PURE__ */ m("div", {
|
|
3240
3349
|
part: "portal-card",
|
|
3241
|
-
className: `w-full max-w-sm rounded-3xl border p-8 text-center ${
|
|
3350
|
+
className: `w-full max-w-sm rounded-3xl border p-8 text-center ${H ? "bg-zinc-900 border-zinc-800 shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_24px_48px_-24px_rgba(15,23,42,0.18)]"}`,
|
|
3242
3351
|
children: [
|
|
3243
3352
|
/* @__PURE__ */ m("div", {
|
|
3244
3353
|
className: "relative mx-auto w-16 h-16",
|
|
3245
3354
|
children: [
|
|
3246
3355
|
/* @__PURE__ */ p("div", {
|
|
3247
3356
|
className: "absolute inset-0 rounded-full",
|
|
3248
|
-
style: { boxShadow: `inset 0 0 0 4px color-mix(in srgb, ${
|
|
3357
|
+
style: { boxShadow: `inset 0 0 0 4px color-mix(in srgb, ${U} 14%, transparent)` }
|
|
3249
3358
|
}),
|
|
3250
3359
|
/* @__PURE__ */ p("div", {
|
|
3251
3360
|
className: "absolute inset-0 rounded-full motion-safe:animate-spin",
|
|
3252
3361
|
style: {
|
|
3253
|
-
background: `conic-gradient(from 0deg, transparent 0deg, ${
|
|
3362
|
+
background: `conic-gradient(from 0deg, transparent 0deg, ${U} 300deg, transparent 360deg)`,
|
|
3254
3363
|
mask: "radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 4px))",
|
|
3255
3364
|
WebkitMask: "radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 4px))"
|
|
3256
3365
|
}
|
|
@@ -3258,8 +3367,8 @@ var ot = (e) => {
|
|
|
3258
3367
|
/* @__PURE__ */ p("div", {
|
|
3259
3368
|
className: "absolute inset-[10px] rounded-full flex items-center justify-center",
|
|
3260
3369
|
style: {
|
|
3261
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3262
|
-
color:
|
|
3370
|
+
backgroundColor: `color-mix(in srgb, ${U} 12%, transparent)`,
|
|
3371
|
+
color: U
|
|
3263
3372
|
},
|
|
3264
3373
|
children: /* @__PURE__ */ p(t, { size: 20 })
|
|
3265
3374
|
})
|
|
@@ -3267,35 +3376,35 @@ var ot = (e) => {
|
|
|
3267
3376
|
}),
|
|
3268
3377
|
/* @__PURE__ */ p("h3", {
|
|
3269
3378
|
part: "screen-title",
|
|
3270
|
-
className: `mt-6 text-xl font-bold tracking-tight ${
|
|
3379
|
+
className: `mt-6 text-xl font-bold tracking-tight ${H ? "text-white" : "text-slate-900"}`,
|
|
3271
3380
|
style: $,
|
|
3272
3381
|
children: n
|
|
3273
3382
|
}),
|
|
3274
3383
|
/* @__PURE__ */ p("p", {
|
|
3275
3384
|
part: "screen-message",
|
|
3276
|
-
className: `mt-1.5 text-[13px] leading-relaxed text-balance ${
|
|
3385
|
+
className: `mt-1.5 text-[13px] leading-relaxed text-balance ${H ? "text-zinc-400" : "text-slate-500"}`,
|
|
3277
3386
|
children: "This usually takes a few seconds. Please keep this page open."
|
|
3278
3387
|
}),
|
|
3279
3388
|
r && /* @__PURE__ */ m("div", {
|
|
3280
|
-
className: `mt-5 inline-flex max-w-full items-center gap-2 rounded-full px-3 py-1.5 text-xs font-semibold ${
|
|
3389
|
+
className: `mt-5 inline-flex max-w-full items-center gap-2 rounded-full px-3 py-1.5 text-xs font-semibold ${H ? "bg-zinc-800 text-zinc-200" : "bg-slate-100 text-slate-700"}`,
|
|
3281
3390
|
children: [/* @__PURE__ */ p("span", {
|
|
3282
3391
|
className: "truncate",
|
|
3283
3392
|
children: r
|
|
3284
3393
|
}), i && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
|
|
3285
3394
|
"aria-hidden": "true",
|
|
3286
|
-
className:
|
|
3395
|
+
className: H ? "text-zinc-600" : "text-slate-300",
|
|
3287
3396
|
children: "•"
|
|
3288
3397
|
}), /* @__PURE__ */ p("span", {
|
|
3289
3398
|
className: "shrink-0 tabular-nums",
|
|
3290
|
-
style: { color:
|
|
3399
|
+
style: { color: U },
|
|
3291
3400
|
children: i
|
|
3292
3401
|
})] })]
|
|
3293
3402
|
}),
|
|
3294
3403
|
/* @__PURE__ */ p("div", {
|
|
3295
|
-
className: `mt-6 h-1 w-full overflow-hidden rounded-full ${
|
|
3404
|
+
className: `mt-6 h-1 w-full overflow-hidden rounded-full ${H ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
3296
3405
|
children: /* @__PURE__ */ p("div", {
|
|
3297
3406
|
className: "vx-progress-bar h-full w-2/5 rounded-full",
|
|
3298
|
-
style: { backgroundColor:
|
|
3407
|
+
style: { backgroundColor: U }
|
|
3299
3408
|
})
|
|
3300
3409
|
})
|
|
3301
3410
|
]
|
|
@@ -3306,20 +3415,20 @@ var ot = (e) => {
|
|
|
3306
3415
|
part: "widget",
|
|
3307
3416
|
className: Ve,
|
|
3308
3417
|
style: {
|
|
3309
|
-
...
|
|
3310
|
-
overflow:
|
|
3418
|
+
...Z,
|
|
3419
|
+
overflow: X ? "visible" : "clip"
|
|
3311
3420
|
},
|
|
3312
3421
|
onScroll: (e) => {
|
|
3313
|
-
|
|
3422
|
+
X || (e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0));
|
|
3314
3423
|
},
|
|
3315
|
-
children:
|
|
3424
|
+
children: O && !T && !ie ? Ze() : O ? Qe() : ie ? se ? /* @__PURE__ */ m("div", {
|
|
3316
3425
|
part: "screen screen-payment",
|
|
3317
|
-
className: `flex flex-col h-full relative overflow-y-auto ${
|
|
3426
|
+
className: `flex flex-col h-full relative overflow-y-auto ${H ? "bg-black text-white" : "bg-white text-gray-900"}`,
|
|
3318
3427
|
children: [/* @__PURE__ */ m("div", {
|
|
3319
3428
|
part: "screen-header",
|
|
3320
3429
|
className: "p-4 shadow-sm flex justify-between items-center z-10",
|
|
3321
3430
|
style: {
|
|
3322
|
-
backgroundColor:
|
|
3431
|
+
backgroundColor: U,
|
|
3323
3432
|
color: "white"
|
|
3324
3433
|
},
|
|
3325
3434
|
children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h2", {
|
|
@@ -3336,7 +3445,7 @@ var ot = (e) => {
|
|
|
3336
3445
|
onClick: () => b(!y),
|
|
3337
3446
|
title: y ? "Minimize" : "Expand",
|
|
3338
3447
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
|
|
3339
|
-
children: p(y ?
|
|
3448
|
+
children: p(y ? Pe : Me, { size: 18 })
|
|
3340
3449
|
}), /* @__PURE__ */ p("button", {
|
|
3341
3450
|
onClick: () => h(!1),
|
|
3342
3451
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer",
|
|
@@ -3349,20 +3458,20 @@ var ot = (e) => {
|
|
|
3349
3458
|
/* @__PURE__ */ p("div", {
|
|
3350
3459
|
className: "w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md",
|
|
3351
3460
|
style: {
|
|
3352
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3353
|
-
color:
|
|
3461
|
+
backgroundColor: `color-mix(in srgb, ${U} 12%, transparent)`,
|
|
3462
|
+
color: U
|
|
3354
3463
|
},
|
|
3355
3464
|
children: "💳"
|
|
3356
3465
|
}),
|
|
3357
3466
|
/* @__PURE__ */ p("h3", {
|
|
3358
3467
|
part: "screen-title",
|
|
3359
|
-
className: `text-2xl font-bold mb-2 ${
|
|
3468
|
+
className: `text-2xl font-bold mb-2 ${H ? "text-white" : "text-gray-900"}`,
|
|
3360
3469
|
style: $,
|
|
3361
3470
|
children: "Done Your Payment First"
|
|
3362
3471
|
}),
|
|
3363
3472
|
/* @__PURE__ */ p("p", {
|
|
3364
3473
|
part: "screen-message",
|
|
3365
|
-
className: `text-sm mb-6 max-w-xs leading-relaxed ${
|
|
3474
|
+
className: `text-sm mb-6 max-w-xs leading-relaxed ${H ? "text-zinc-300" : "text-gray-600"}`,
|
|
3366
3475
|
children: "Please complete your payment in the new tab to confirm your booking and finalize your registration."
|
|
3367
3476
|
}),
|
|
3368
3477
|
Re(),
|
|
@@ -3370,16 +3479,16 @@ var ot = (e) => {
|
|
|
3370
3479
|
className: "w-full max-w-xs space-y-3",
|
|
3371
3480
|
children: [/* @__PURE__ */ m("a", {
|
|
3372
3481
|
part: "button button-primary",
|
|
3373
|
-
href:
|
|
3482
|
+
href: se,
|
|
3374
3483
|
target: "_blank",
|
|
3375
3484
|
rel: "noopener noreferrer",
|
|
3376
3485
|
className: "flex items-center justify-center gap-2 font-bold px-5 py-3 rounded-lg transition-opacity hover:opacity-90 text-white shadow-md w-full",
|
|
3377
|
-
style: { backgroundColor:
|
|
3378
|
-
children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(
|
|
3486
|
+
style: { backgroundColor: U },
|
|
3487
|
+
children: [/* @__PURE__ */ p("span", { children: "Open Payment Page" }), /* @__PURE__ */ p(ve, { size: 16 })]
|
|
3379
3488
|
}), /* @__PURE__ */ p("button", {
|
|
3380
3489
|
part: "button button-link",
|
|
3381
|
-
onClick:
|
|
3382
|
-
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${
|
|
3490
|
+
onClick: Ne,
|
|
3491
|
+
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${H ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
|
|
3383
3492
|
children: "Register Another Person"
|
|
3384
3493
|
})]
|
|
3385
3494
|
})
|
|
@@ -3387,47 +3496,47 @@ var ot = (e) => {
|
|
|
3387
3496
|
})]
|
|
3388
3497
|
}) : /* @__PURE__ */ m("div", {
|
|
3389
3498
|
part: "screen screen-success",
|
|
3390
|
-
className: `flex flex-col h-full items-center justify-center p-8 text-center relative ${
|
|
3499
|
+
className: `flex flex-col h-full items-center justify-center p-8 text-center relative ${H ? "bg-black text-white" : "bg-white text-gray-900"}`,
|
|
3391
3500
|
children: [
|
|
3392
3501
|
e.displayMode === "popup" && /* @__PURE__ */ p("div", {
|
|
3393
3502
|
className: "absolute top-4 right-4 flex items-center gap-2",
|
|
3394
3503
|
children: /* @__PURE__ */ p("button", {
|
|
3395
3504
|
onClick: () => h(!1),
|
|
3396
|
-
className: `cursor-pointer ${
|
|
3505
|
+
className: `cursor-pointer ${H ? "text-zinc-400 hover:text-white" : "text-gray-400 hover:text-gray-900"}`,
|
|
3397
3506
|
children: /* @__PURE__ */ p($e, { size: 24 })
|
|
3398
3507
|
})
|
|
3399
3508
|
}),
|
|
3400
3509
|
/* @__PURE__ */ p("div", {
|
|
3401
3510
|
className: "w-20 h-20 rounded-full flex items-center justify-center mb-6 text-4xl shadow-md",
|
|
3402
3511
|
style: {
|
|
3403
|
-
backgroundColor:
|
|
3512
|
+
backgroundColor: U,
|
|
3404
3513
|
color: "white"
|
|
3405
3514
|
},
|
|
3406
3515
|
children: "✓"
|
|
3407
3516
|
}),
|
|
3408
3517
|
/* @__PURE__ */ p("h2", {
|
|
3409
3518
|
part: "screen-title",
|
|
3410
|
-
className: `text-3xl font-bold mb-3 ${
|
|
3519
|
+
className: `text-3xl font-bold mb-3 ${H ? "text-white" : "text-gray-900"}`,
|
|
3411
3520
|
style: $,
|
|
3412
|
-
children:
|
|
3521
|
+
children: W ? "Abstract Submitted Successfully" : "Thank You!"
|
|
3413
3522
|
}),
|
|
3414
3523
|
/* @__PURE__ */ p("p", {
|
|
3415
3524
|
part: "screen-message",
|
|
3416
|
-
className: `mb-6 ${
|
|
3417
|
-
children:
|
|
3525
|
+
className: `mb-6 ${H ? "text-zinc-300" : "text-gray-600"}`,
|
|
3526
|
+
children: W ? "Your reference registration number is below." : "Your registration has been successfully received."
|
|
3418
3527
|
}),
|
|
3419
3528
|
Re(),
|
|
3420
3529
|
/* @__PURE__ */ p("button", {
|
|
3421
3530
|
part: "button button-primary",
|
|
3422
|
-
onClick:
|
|
3423
|
-
style: { backgroundColor:
|
|
3531
|
+
onClick: Ne,
|
|
3532
|
+
style: { backgroundColor: U },
|
|
3424
3533
|
className: "text-white font-bold py-3 px-8 rounded-md hover:opacity-90 transition-opacity shadow-md cursor-pointer",
|
|
3425
3534
|
children: "Back"
|
|
3426
3535
|
})
|
|
3427
3536
|
]
|
|
3428
3537
|
}) : ae ? /* @__PURE__ */ m("div", {
|
|
3429
3538
|
part: "screen screen-error",
|
|
3430
|
-
className: `flex flex-col h-full relative overflow-y-auto ${
|
|
3539
|
+
className: `flex flex-col h-full relative overflow-y-auto ${H ? "bg-black text-white" : "bg-white text-gray-900"}`,
|
|
3431
3540
|
children: [/* @__PURE__ */ m("div", {
|
|
3432
3541
|
part: "screen-header",
|
|
3433
3542
|
className: "p-4 shadow-sm flex justify-between items-center z-10 bg-red-600 text-white",
|
|
@@ -3451,41 +3560,41 @@ var ot = (e) => {
|
|
|
3451
3560
|
className: "flex-1 flex flex-col items-center justify-center p-6 text-center",
|
|
3452
3561
|
children: [
|
|
3453
3562
|
/* @__PURE__ */ p("div", {
|
|
3454
|
-
className: `w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md border ${
|
|
3563
|
+
className: `w-16 h-16 rounded-full flex items-center justify-center mb-4 text-2xl shadow-md border ${H ? "bg-red-950/60 text-red-400 border-red-900" : "bg-red-50 text-red-600 border-red-200"}`,
|
|
3455
3564
|
children: "✕"
|
|
3456
3565
|
}),
|
|
3457
3566
|
/* @__PURE__ */ p("h3", {
|
|
3458
3567
|
part: "screen-title",
|
|
3459
|
-
className: `text-2xl font-bold mb-2 ${
|
|
3568
|
+
className: `text-2xl font-bold mb-2 ${H ? "text-white" : "text-gray-900"}`,
|
|
3460
3569
|
style: $,
|
|
3461
3570
|
children: "Submission Error"
|
|
3462
3571
|
}),
|
|
3463
3572
|
/* @__PURE__ */ p("p", {
|
|
3464
3573
|
part: "screen-message",
|
|
3465
|
-
className: `text-sm mb-6 max-w-xs leading-relaxed ${
|
|
3574
|
+
className: `text-sm mb-6 max-w-xs leading-relaxed ${H ? "text-zinc-300" : "text-gray-600"}`,
|
|
3466
3575
|
children: ae
|
|
3467
3576
|
}),
|
|
3468
3577
|
/* @__PURE__ */ m("div", {
|
|
3469
3578
|
className: "w-full max-w-xs space-y-3",
|
|
3470
3579
|
children: [/* @__PURE__ */ p("button", {
|
|
3471
3580
|
part: "button button-primary",
|
|
3472
|
-
onClick: () =>
|
|
3473
|
-
style: { backgroundColor:
|
|
3581
|
+
onClick: () => oe(null),
|
|
3582
|
+
style: { backgroundColor: U },
|
|
3474
3583
|
className: "flex items-center justify-center gap-2 font-bold px-5 py-3 rounded-lg transition-opacity hover:opacity-90 text-white shadow-md w-full cursor-pointer",
|
|
3475
3584
|
children: /* @__PURE__ */ p("span", { children: "Try Again" })
|
|
3476
3585
|
}), /* @__PURE__ */ p("button", {
|
|
3477
3586
|
part: "button button-link",
|
|
3478
3587
|
onClick: () => {
|
|
3479
|
-
|
|
3588
|
+
oe(null), E(null);
|
|
3480
3589
|
},
|
|
3481
|
-
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${
|
|
3590
|
+
className: `w-full py-2.5 px-4 text-sm font-semibold transition-colors cursor-pointer ${H ? "text-zinc-400 hover:text-white" : "text-gray-500 hover:text-gray-900"}`,
|
|
3482
3591
|
children: "Choose Another Ticket"
|
|
3483
3592
|
})]
|
|
3484
3593
|
})
|
|
3485
3594
|
]
|
|
3486
3595
|
})]
|
|
3487
3596
|
}) : T ? /* @__PURE__ */ p(et, {
|
|
3488
|
-
schema:
|
|
3597
|
+
schema: W ? te : T.form_schema,
|
|
3489
3598
|
ticketType: T,
|
|
3490
3599
|
theme: e.theme,
|
|
3491
3600
|
displayMode: e.displayMode,
|
|
@@ -3496,25 +3605,25 @@ var ot = (e) => {
|
|
|
3496
3605
|
onSubmit: je,
|
|
3497
3606
|
onChange: Ae,
|
|
3498
3607
|
initialValues: ke,
|
|
3499
|
-
isDark:
|
|
3500
|
-
apiClient:
|
|
3501
|
-
storage:
|
|
3608
|
+
isDark: H,
|
|
3609
|
+
apiClient: K,
|
|
3610
|
+
storage: q,
|
|
3502
3611
|
onError: e.onError,
|
|
3503
3612
|
onEvent: e.onEvent,
|
|
3504
|
-
showReviewFields:
|
|
3613
|
+
showReviewFields: W,
|
|
3505
3614
|
onBack: () => {
|
|
3506
|
-
|
|
3615
|
+
J.current && clearTimeout(J.current), E(null);
|
|
3507
3616
|
}
|
|
3508
3617
|
}) : /* @__PURE__ */ m("div", {
|
|
3509
3618
|
part: "page",
|
|
3510
|
-
className: `flex flex-col ${
|
|
3619
|
+
className: `flex flex-col ${X ? "w-full flex-1" : "h-full min-h-0"} ${H ? "bg-zinc-950 text-white" : "bg-slate-50 text-slate-900"}`,
|
|
3511
3620
|
children: [
|
|
3512
3621
|
/* @__PURE__ */ m("div", {
|
|
3513
3622
|
part: "header",
|
|
3514
3623
|
className: "relative overflow-hidden z-10 shrink-0 text-white",
|
|
3515
3624
|
style: {
|
|
3516
|
-
backgroundColor:
|
|
3517
|
-
background: `linear-gradient(135deg, ${
|
|
3625
|
+
backgroundColor: U,
|
|
3626
|
+
background: `linear-gradient(135deg, ${U} 0%, color-mix(in srgb, ${U} 76%, black) 100%)`
|
|
3518
3627
|
},
|
|
3519
3628
|
children: [
|
|
3520
3629
|
/* @__PURE__ */ p("div", {
|
|
@@ -3530,16 +3639,16 @@ var ot = (e) => {
|
|
|
3530
3639
|
"aria-hidden": "true",
|
|
3531
3640
|
className: "pointer-events-none absolute -top-24 -right-10 h-64 w-64 rounded-full bg-white/15 blur-3xl"
|
|
3532
3641
|
}),
|
|
3533
|
-
|
|
3642
|
+
we && /* @__PURE__ */ m("div", {
|
|
3534
3643
|
className: "absolute inset-y-0 right-0 flex max-w-[65%] pointer-events-none select-none",
|
|
3535
3644
|
children: [/* @__PURE__ */ p("img", {
|
|
3536
|
-
src:
|
|
3645
|
+
src: we,
|
|
3537
3646
|
alt: "",
|
|
3538
3647
|
"aria-hidden": "true",
|
|
3539
3648
|
className: "h-full w-auto object-cover object-right"
|
|
3540
3649
|
}), /* @__PURE__ */ p("div", {
|
|
3541
3650
|
className: "absolute inset-y-0 left-0 w-2/5",
|
|
3542
|
-
style: { background: `linear-gradient(to right, color-mix(in srgb, ${
|
|
3651
|
+
style: { background: `linear-gradient(to right, color-mix(in srgb, ${U} 80%, black) 0%, transparent 100%)` }
|
|
3543
3652
|
})]
|
|
3544
3653
|
}),
|
|
3545
3654
|
/* @__PURE__ */ m("div", {
|
|
@@ -3560,7 +3669,7 @@ var ot = (e) => {
|
|
|
3560
3669
|
part: "header-title",
|
|
3561
3670
|
className: "text-lg sm:text-2xl font-bold tracking-tight leading-tight break-words",
|
|
3562
3671
|
style: $,
|
|
3563
|
-
children:
|
|
3672
|
+
children: Q
|
|
3564
3673
|
}), /* @__PURE__ */ m("span", {
|
|
3565
3674
|
className: "hidden sm:inline-flex shrink-0 items-center gap-1.5 text-[10px] font-semibold px-2 py-0.5 rounded-full bg-white/15 ring-1 ring-inset ring-white/25 uppercase tracking-wider",
|
|
3566
3675
|
children: [/* @__PURE__ */ p("span", { className: "h-1.5 w-1.5 rounded-full bg-emerald-300" }), "Official Portal"]
|
|
@@ -3568,7 +3677,7 @@ var ot = (e) => {
|
|
|
3568
3677
|
}), /* @__PURE__ */ p("p", {
|
|
3569
3678
|
part: "header-subtitle",
|
|
3570
3679
|
className: "text-xs sm:text-sm text-white/80 mt-0.5",
|
|
3571
|
-
children:
|
|
3680
|
+
children: W ? "Select a category below to submit your abstract" : t === "registration" ? "Select a registration type below to begin your application" : "Registration & Profile Management"
|
|
3572
3681
|
})]
|
|
3573
3682
|
})]
|
|
3574
3683
|
}), /* @__PURE__ */ p("div", {
|
|
@@ -3577,7 +3686,7 @@ var ot = (e) => {
|
|
|
3577
3686
|
onClick: () => b(!y),
|
|
3578
3687
|
title: y ? "Minimize" : "Expand",
|
|
3579
3688
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer p-1",
|
|
3580
|
-
children: p(y ?
|
|
3689
|
+
children: p(y ? Pe : Me, { size: 18 })
|
|
3581
3690
|
}), /* @__PURE__ */ p("button", {
|
|
3582
3691
|
onClick: () => h(!1),
|
|
3583
3692
|
className: "opacity-80 hover:opacity-100 transition-opacity cursor-pointer p-1",
|
|
@@ -3587,14 +3696,14 @@ var ot = (e) => {
|
|
|
3587
3696
|
})
|
|
3588
3697
|
]
|
|
3589
3698
|
}),
|
|
3590
|
-
!
|
|
3699
|
+
!W && /* @__PURE__ */ p("div", {
|
|
3591
3700
|
part: "tabs",
|
|
3592
|
-
className: `shrink-0 border-b ${
|
|
3701
|
+
className: `shrink-0 border-b ${H ? "border-zinc-800 bg-zinc-900" : "border-slate-200 bg-white"}`,
|
|
3593
3702
|
children: /* @__PURE__ */ p("div", {
|
|
3594
3703
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-3",
|
|
3595
3704
|
children: /* @__PURE__ */ p("div", {
|
|
3596
3705
|
role: "tablist",
|
|
3597
|
-
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${
|
|
3706
|
+
className: `grid grid-cols-2 gap-1 p-1 rounded-xl max-w-md ${H ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
3598
3707
|
children: [{
|
|
3599
3708
|
key: "registration",
|
|
3600
3709
|
label: "Registration Forms",
|
|
@@ -3602,7 +3711,7 @@ var ot = (e) => {
|
|
|
3602
3711
|
}, {
|
|
3603
3712
|
key: "attendee",
|
|
3604
3713
|
label: "Attendee Login",
|
|
3605
|
-
Icon:
|
|
3714
|
+
Icon: Ee
|
|
3606
3715
|
}].map(({ key: e, label: r, Icon: i }) => {
|
|
3607
3716
|
let a = t === e;
|
|
3608
3717
|
return /* @__PURE__ */ m("button", {
|
|
@@ -3611,8 +3720,8 @@ var ot = (e) => {
|
|
|
3611
3720
|
"aria-selected": a,
|
|
3612
3721
|
type: "button",
|
|
3613
3722
|
onClick: () => n(e),
|
|
3614
|
-
className: `inline-flex items-center justify-center gap-1.5 sm:gap-2 py-2 px-2 sm:px-3 text-[13px] sm:text-sm font-semibold rounded-lg transition-all cursor-pointer ${a ?
|
|
3615
|
-
style: a ? { color:
|
|
3723
|
+
className: `inline-flex items-center justify-center gap-1.5 sm:gap-2 py-2 px-2 sm:px-3 text-[13px] sm:text-sm font-semibold rounded-lg transition-all cursor-pointer ${a ? H ? "bg-zinc-950 shadow-sm" : "bg-white shadow-sm ring-1 ring-slate-200/70" : H ? "text-zinc-400 hover:text-zinc-200" : "text-slate-500 hover:text-slate-800"}`,
|
|
3724
|
+
style: a ? { color: U } : void 0,
|
|
3616
3725
|
children: [/* @__PURE__ */ p(i, {
|
|
3617
3726
|
size: 15,
|
|
3618
3727
|
className: "hidden sm:block shrink-0"
|
|
@@ -3625,26 +3734,26 @@ var ot = (e) => {
|
|
|
3625
3734
|
})
|
|
3626
3735
|
})
|
|
3627
3736
|
}),
|
|
3628
|
-
(
|
|
3737
|
+
(W || t === "registration") && /* @__PURE__ */ p("div", {
|
|
3629
3738
|
part: "list",
|
|
3630
|
-
className: `${
|
|
3739
|
+
className: `${X ? "w-full flex-1" : "overflow-y-auto flex-1 min-h-0 overscroll-contain"} relative ${H ? "bg-zinc-950" : "bg-slate-50"}`,
|
|
3631
3740
|
style: Be,
|
|
3632
3741
|
children: /* @__PURE__ */ p("div", {
|
|
3633
3742
|
className: "max-w-6xl mx-auto w-full px-4 sm:px-6 py-6 sm:py-8 space-y-5",
|
|
3634
|
-
children:
|
|
3743
|
+
children: W ? Ye() : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
|
|
3635
3744
|
part: "search",
|
|
3636
3745
|
className: "flex flex-col sm:flex-row sm:items-end sm:justify-between gap-3",
|
|
3637
3746
|
children: [/* @__PURE__ */ m("div", {
|
|
3638
3747
|
className: "min-w-0",
|
|
3639
3748
|
children: [/* @__PURE__ */ p("h3", {
|
|
3640
3749
|
part: "list-title",
|
|
3641
|
-
className: `text-base sm:text-lg font-semibold tracking-tight ${
|
|
3750
|
+
className: `text-base sm:text-lg font-semibold tracking-tight ${H ? "text-white" : "text-slate-900"}`,
|
|
3642
3751
|
style: $,
|
|
3643
|
-
children:
|
|
3752
|
+
children: W ? "Choose a submission category" : "Choose your registration type"
|
|
3644
3753
|
}), x.length > 0 && /* @__PURE__ */ p("p", {
|
|
3645
3754
|
part: "list-count",
|
|
3646
|
-
className: `text-xs mt-0.5 ${
|
|
3647
|
-
children:
|
|
3755
|
+
className: `text-xs mt-0.5 ${H ? "text-zinc-400" : "text-slate-500"}`,
|
|
3756
|
+
children: Ke ? `${qe.length} of ${x.length} options` : `${x.length} ${x.length === 1 ? "option" : "options"} available`
|
|
3648
3757
|
})]
|
|
3649
3758
|
}), /* @__PURE__ */ m("div", {
|
|
3650
3759
|
className: "relative w-full sm:w-72",
|
|
@@ -3652,41 +3761,41 @@ var ot = (e) => {
|
|
|
3652
3761
|
/* @__PURE__ */ p("input", {
|
|
3653
3762
|
part: "input search-input",
|
|
3654
3763
|
type: "text",
|
|
3655
|
-
value:
|
|
3656
|
-
onChange: (e) =>
|
|
3657
|
-
placeholder:
|
|
3764
|
+
value: A,
|
|
3765
|
+
onChange: (e) => j(e.target.value),
|
|
3766
|
+
placeholder: W ? "Search categories…" : "Search registration types…",
|
|
3658
3767
|
"aria-label": "Search",
|
|
3659
|
-
className: `w-full h-10 pl-9 pr-8 text-sm rounded-xl border transition-all focus:outline-none focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)] ${
|
|
3768
|
+
className: `w-full h-10 pl-9 pr-8 text-sm rounded-xl border transition-all focus:outline-none focus:border-(--vx-accent) focus:ring-4 focus:ring-[color-mix(in_srgb,var(--vx-accent)_15%,transparent)] ${H ? "bg-zinc-900 border-zinc-700 text-white placeholder:text-zinc-500" : "bg-white border-slate-200 text-slate-900 placeholder:text-slate-400 shadow-[0_1px_2px_rgba(15,23,42,0.04)]"}`
|
|
3660
3769
|
}),
|
|
3661
3770
|
/* @__PURE__ */ p("div", {
|
|
3662
|
-
className: `absolute inset-y-0 left-3 flex items-center pointer-events-none ${
|
|
3771
|
+
className: `absolute inset-y-0 left-3 flex items-center pointer-events-none ${H ? "text-zinc-500" : "text-slate-400"}`,
|
|
3663
3772
|
children: /* @__PURE__ */ p(Ue, {
|
|
3664
3773
|
size: 15,
|
|
3665
3774
|
className: "block"
|
|
3666
3775
|
})
|
|
3667
3776
|
}),
|
|
3668
|
-
|
|
3777
|
+
A && /* @__PURE__ */ p("button", {
|
|
3669
3778
|
type: "button",
|
|
3670
|
-
onClick: () =>
|
|
3779
|
+
onClick: () => j(""),
|
|
3671
3780
|
"aria-label": "Clear search",
|
|
3672
|
-
className: `absolute inset-y-0 right-2.5 flex items-center cursor-pointer ${
|
|
3781
|
+
className: `absolute inset-y-0 right-2.5 flex items-center cursor-pointer ${H ? "text-zinc-500 hover:text-zinc-300" : "text-slate-400 hover:text-slate-600"}`,
|
|
3673
3782
|
children: /* @__PURE__ */ p($e, { size: 14 })
|
|
3674
3783
|
})
|
|
3675
3784
|
]
|
|
3676
3785
|
})]
|
|
3677
|
-
}), x.length === 0 ? null :
|
|
3786
|
+
}), x.length === 0 ? null : qe.length === 0 ? /* @__PURE__ */ m("div", {
|
|
3678
3787
|
part: "empty-state",
|
|
3679
|
-
className: `flex flex-col items-center text-center py-16 px-6 rounded-3xl border border-dashed ${
|
|
3788
|
+
className: `flex flex-col items-center text-center py-16 px-6 rounded-3xl border border-dashed ${H ? "bg-zinc-900/60 border-zinc-800 text-zinc-400" : "bg-white/70 border-slate-300 text-slate-500"}`,
|
|
3680
3789
|
children: [
|
|
3681
3790
|
/* @__PURE__ */ p("div", {
|
|
3682
|
-
className: `w-12 h-12 rounded-2xl flex items-center justify-center mb-4 ${
|
|
3791
|
+
className: `w-12 h-12 rounded-2xl flex items-center justify-center mb-4 ${H ? "bg-zinc-800" : "bg-slate-100"}`,
|
|
3683
3792
|
children: /* @__PURE__ */ p(Ue, { size: 20 })
|
|
3684
3793
|
}),
|
|
3685
3794
|
/* @__PURE__ */ m("p", {
|
|
3686
|
-
className: `text-base font-semibold ${
|
|
3795
|
+
className: `text-base font-semibold ${H ? "text-white" : "text-slate-900"}`,
|
|
3687
3796
|
children: [
|
|
3688
3797
|
"No matches for “",
|
|
3689
|
-
|
|
3798
|
+
A.trim(),
|
|
3690
3799
|
"”"
|
|
3691
3800
|
]
|
|
3692
3801
|
}),
|
|
@@ -3696,16 +3805,16 @@ var ot = (e) => {
|
|
|
3696
3805
|
}),
|
|
3697
3806
|
/* @__PURE__ */ p("button", {
|
|
3698
3807
|
part: "button button-secondary",
|
|
3699
|
-
onClick: () =>
|
|
3700
|
-
className: `mt-5 px-4 py-2 rounded-full text-sm font-semibold border cursor-pointer transition-colors ${
|
|
3808
|
+
onClick: () => j(""),
|
|
3809
|
+
className: `mt-5 px-4 py-2 rounded-full text-sm font-semibold border cursor-pointer transition-colors ${H ? "border-zinc-700 text-zinc-200 hover:bg-zinc-800" : "border-slate-200 bg-white text-slate-700 hover:bg-slate-50"}`,
|
|
3701
3810
|
children: "Clear search"
|
|
3702
3811
|
})
|
|
3703
3812
|
]
|
|
3704
3813
|
}) : /* @__PURE__ */ p("div", {
|
|
3705
3814
|
part: "card-grid",
|
|
3706
|
-
className:
|
|
3707
|
-
children:
|
|
3708
|
-
let t = e.type || e.name || e.label, n = e.price !== void 0 && e.price !== null && e.price !== "", r = n && (Number(e.price) === 0 || String(e.price).toLowerCase() === "free"), i = Array.isArray(e.perks) ? e.perks : [], a =
|
|
3815
|
+
className: X ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5" : "space-y-3",
|
|
3816
|
+
children: qe.map((e) => {
|
|
3817
|
+
let t = e.type || e.name || e.label, n = e.price !== void 0 && e.price !== null && e.price !== "", r = n && (Number(e.price) === 0 || String(e.price).toLowerCase() === "free"), i = Array.isArray(e.perks) ? e.perks : [], a = W ? ye : Ge;
|
|
3709
3818
|
return /* @__PURE__ */ m("div", {
|
|
3710
3819
|
part: "card",
|
|
3711
3820
|
role: "button",
|
|
@@ -3715,44 +3824,44 @@ var ot = (e) => {
|
|
|
3715
3824
|
onKeyDown: (t) => {
|
|
3716
3825
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), E(e));
|
|
3717
3826
|
},
|
|
3718
|
-
className: `group relative flex flex-col rounded-2xl border p-5 sm:p-6 cursor-pointer transition-all duration-300 hover:-translate-y-1 outline-none focus-visible:ring-4 focus-visible:ring-[color-mix(in_srgb,var(--vx-accent)_25%,transparent)] hover:border-[color-mix(in_srgb,var(--vx-accent)_35%,transparent)] ${
|
|
3827
|
+
className: `group relative flex flex-col rounded-2xl border p-5 sm:p-6 cursor-pointer transition-all duration-300 hover:-translate-y-1 outline-none focus-visible:ring-4 focus-visible:ring-[color-mix(in_srgb,var(--vx-accent)_25%,transparent)] hover:border-[color-mix(in_srgb,var(--vx-accent)_35%,transparent)] ${H ? "bg-zinc-900 border-zinc-800 hover:shadow-[0_24px_48px_-24px_rgba(0,0,0,0.8)]" : "bg-white border-slate-200/80 shadow-[0_1px_2px_rgba(15,23,42,0.04)] hover:shadow-[0_24px_48px_-24px_color-mix(in_srgb,var(--vx-accent)_45%,transparent)]"}`,
|
|
3719
3828
|
children: [
|
|
3720
3829
|
/* @__PURE__ */ p("span", {
|
|
3721
3830
|
"aria-hidden": "true",
|
|
3722
3831
|
className: "pointer-events-none absolute inset-x-8 top-0 h-[3px] rounded-b-full opacity-0 transition-opacity duration-300 group-hover:opacity-100",
|
|
3723
|
-
style: { background: `linear-gradient(90deg, transparent, ${
|
|
3832
|
+
style: { background: `linear-gradient(90deg, transparent, ${U}, transparent)` }
|
|
3724
3833
|
}),
|
|
3725
3834
|
/* @__PURE__ */ m("div", {
|
|
3726
3835
|
className: "flex items-start justify-between gap-3",
|
|
3727
3836
|
children: [/* @__PURE__ */ p("div", {
|
|
3728
3837
|
className: "w-11 h-11 rounded-xl flex items-center justify-center shrink-0 transition-transform duration-300 group-hover:scale-105",
|
|
3729
3838
|
style: {
|
|
3730
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3731
|
-
color:
|
|
3839
|
+
backgroundColor: `color-mix(in srgb, ${U} 12%, transparent)`,
|
|
3840
|
+
color: U
|
|
3732
3841
|
},
|
|
3733
3842
|
children: /* @__PURE__ */ p(a, { size: 20 })
|
|
3734
3843
|
}), (e.category || e.seats_left) && /* @__PURE__ */ m("div", {
|
|
3735
3844
|
className: "flex flex-wrap justify-end items-center gap-1.5",
|
|
3736
3845
|
children: [e.category && /* @__PURE__ */ p("span", {
|
|
3737
3846
|
part: "card-category",
|
|
3738
|
-
className: `text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full ${
|
|
3847
|
+
className: `text-[10px] font-semibold uppercase tracking-wider px-2.5 py-1 rounded-full ${H ? "bg-zinc-800 text-zinc-300" : "bg-slate-100 text-slate-600"}`,
|
|
3739
3848
|
children: e.category
|
|
3740
3849
|
}), e.seats_left && /* @__PURE__ */ m("span", {
|
|
3741
3850
|
part: "card-seats",
|
|
3742
|
-
className: `text-[10px] font-semibold px-2.5 py-1 rounded-full flex items-center gap-1 ${
|
|
3851
|
+
className: `text-[10px] font-semibold px-2.5 py-1 rounded-full flex items-center gap-1 ${H ? "bg-amber-950/60 text-amber-300" : "bg-amber-50 text-amber-700"}`,
|
|
3743
3852
|
children: [/* @__PURE__ */ p(me, { size: 10 }), /* @__PURE__ */ p("span", { children: e.seats_left })]
|
|
3744
3853
|
})]
|
|
3745
3854
|
})]
|
|
3746
3855
|
}),
|
|
3747
3856
|
/* @__PURE__ */ p("h3", {
|
|
3748
3857
|
part: "card-title",
|
|
3749
|
-
className: `mt-4 text-lg font-semibold leading-snug tracking-tight ${
|
|
3858
|
+
className: `mt-4 text-lg font-semibold leading-snug tracking-tight ${H ? "text-white" : "text-slate-900"}`,
|
|
3750
3859
|
style: $,
|
|
3751
3860
|
children: t
|
|
3752
3861
|
}),
|
|
3753
3862
|
e.description && /* @__PURE__ */ p("p", {
|
|
3754
3863
|
part: "card-description",
|
|
3755
|
-
className: `mt-1.5 text-sm leading-relaxed line-clamp-2 ${
|
|
3864
|
+
className: `mt-1.5 text-sm leading-relaxed line-clamp-2 ${H ? "text-zinc-400" : "text-slate-500"}`,
|
|
3756
3865
|
children: e.description
|
|
3757
3866
|
}),
|
|
3758
3867
|
i.length > 0 && /* @__PURE__ */ p("ul", {
|
|
@@ -3763,48 +3872,48 @@ var ot = (e) => {
|
|
|
3763
3872
|
children: [/* @__PURE__ */ p("span", {
|
|
3764
3873
|
className: "mt-0.5 w-4 h-4 rounded-full flex items-center justify-center shrink-0",
|
|
3765
3874
|
style: {
|
|
3766
|
-
backgroundColor: `color-mix(in srgb, ${
|
|
3767
|
-
color:
|
|
3875
|
+
backgroundColor: `color-mix(in srgb, ${U} 14%, transparent)`,
|
|
3876
|
+
color: U
|
|
3768
3877
|
},
|
|
3769
3878
|
children: /* @__PURE__ */ p(ce, {
|
|
3770
3879
|
size: 10,
|
|
3771
3880
|
strokeWidth: 3
|
|
3772
3881
|
})
|
|
3773
3882
|
}), /* @__PURE__ */ p("span", {
|
|
3774
|
-
className:
|
|
3883
|
+
className: H ? "text-zinc-300" : "text-slate-600",
|
|
3775
3884
|
children: e
|
|
3776
3885
|
})]
|
|
3777
3886
|
}, t))
|
|
3778
3887
|
}),
|
|
3779
3888
|
/* @__PURE__ */ p("div", { className: "flex-1" }),
|
|
3780
3889
|
/* @__PURE__ */ m("div", {
|
|
3781
|
-
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${
|
|
3890
|
+
className: `mt-6 pt-5 border-t border-dashed flex items-end justify-between gap-3 ${H ? "border-zinc-800" : "border-slate-200"}`,
|
|
3782
3891
|
children: [/* @__PURE__ */ p("div", {
|
|
3783
3892
|
className: "min-w-0",
|
|
3784
|
-
children: n && !
|
|
3893
|
+
children: n && !W ? /* @__PURE__ */ m(f, { children: [
|
|
3785
3894
|
/* @__PURE__ */ p("p", {
|
|
3786
|
-
className: `text-[10px] font-semibold uppercase tracking-wider ${
|
|
3895
|
+
className: `text-[10px] font-semibold uppercase tracking-wider ${H ? "text-zinc-500" : "text-slate-400"}`,
|
|
3787
3896
|
children: "Registration fee"
|
|
3788
3897
|
}),
|
|
3789
3898
|
/* @__PURE__ */ p("p", {
|
|
3790
3899
|
part: "card-price",
|
|
3791
3900
|
className: "text-2xl font-bold tracking-tight tabular-nums leading-tight",
|
|
3792
|
-
style: { color:
|
|
3901
|
+
style: { color: U },
|
|
3793
3902
|
children: r ? "Free" : [e.currency, Number(e.price).toLocaleString()].filter(Boolean).join(" ")
|
|
3794
3903
|
}),
|
|
3795
3904
|
e.tax_info && /* @__PURE__ */ p("p", {
|
|
3796
3905
|
part: "card-tax",
|
|
3797
|
-
className: `text-[11px] mt-0.5 ${
|
|
3906
|
+
className: `text-[11px] mt-0.5 ${H ? "text-zinc-500" : "text-slate-400"}`,
|
|
3798
3907
|
children: e.tax_info
|
|
3799
3908
|
})
|
|
3800
3909
|
] }) : null
|
|
3801
3910
|
}), /* @__PURE__ */ m("span", {
|
|
3802
3911
|
part: "button button-primary card-button",
|
|
3803
3912
|
className: "inline-flex shrink-0 items-center gap-2 h-10 pl-4 pr-1.5 rounded-full text-sm font-semibold text-white transition-shadow duration-300 group-hover:shadow-[0_8px_20px_-6px_color-mix(in_srgb,var(--vx-accent)_70%,transparent)]",
|
|
3804
|
-
style: { backgroundColor:
|
|
3805
|
-
children: [
|
|
3913
|
+
style: { backgroundColor: U },
|
|
3914
|
+
children: [W ? "Submit" : "Register", /* @__PURE__ */ p("span", {
|
|
3806
3915
|
className: "w-7 h-7 rounded-full bg-white/20 flex items-center justify-center transition-transform duration-300 group-hover:translate-x-0.5",
|
|
3807
|
-
children: /* @__PURE__ */ p(
|
|
3916
|
+
children: /* @__PURE__ */ p(re, { size: 14 })
|
|
3808
3917
|
})]
|
|
3809
3918
|
})]
|
|
3810
3919
|
})
|
|
@@ -3814,23 +3923,23 @@ var ot = (e) => {
|
|
|
3814
3923
|
})] })
|
|
3815
3924
|
})
|
|
3816
3925
|
}),
|
|
3817
|
-
!
|
|
3926
|
+
!W && (r || t === "attendee") && /* @__PURE__ */ p("div", {
|
|
3818
3927
|
part: "portal",
|
|
3819
|
-
className: `${t === "attendee" ? "flex" : "hidden"} flex-col ${
|
|
3928
|
+
className: `${t === "attendee" ? "flex" : "hidden"} flex-col ${X ? "w-full flex-1" : "flex-1 overflow-hidden min-h-0"}`,
|
|
3820
3929
|
style: {
|
|
3821
|
-
...
|
|
3930
|
+
...X ? {} : { overflow: "clip" },
|
|
3822
3931
|
...Be
|
|
3823
3932
|
},
|
|
3824
|
-
onScroll:
|
|
3933
|
+
onScroll: X ? void 0 : (e) => {
|
|
3825
3934
|
e.currentTarget.scrollTop !== 0 && (e.currentTarget.scrollTop = 0), e.currentTarget.scrollLeft !== 0 && (e.currentTarget.scrollLeft = 0);
|
|
3826
3935
|
},
|
|
3827
3936
|
children: /* @__PURE__ */ p(rt, {
|
|
3828
|
-
apiClient:
|
|
3829
|
-
storage:
|
|
3830
|
-
logger:
|
|
3831
|
-
primaryColor:
|
|
3832
|
-
isDark:
|
|
3833
|
-
isWidgetPage:
|
|
3937
|
+
apiClient: K,
|
|
3938
|
+
storage: q,
|
|
3939
|
+
logger: G,
|
|
3940
|
+
primaryColor: U,
|
|
3941
|
+
isDark: H,
|
|
3942
|
+
isWidgetPage: X,
|
|
3834
3943
|
onEvent: e.onEvent,
|
|
3835
3944
|
onError: e.onError
|
|
3836
3945
|
})
|
|
@@ -3838,7 +3947,7 @@ var ot = (e) => {
|
|
|
3838
3947
|
]
|
|
3839
3948
|
})
|
|
3840
3949
|
});
|
|
3841
|
-
}, lt = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-indigo-400:oklch(67.3% .182 276.935);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-100:oklch(94.8% .028 342.258);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-\\[10px\\]{inset:10px}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-y-0{inset-block:0}.-top-1\\.5{top:calc(var(--spacing) * -1.5)}.-top-16{top:calc(var(--spacing) * -16)}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:0}.top-1\\/2{top:50%}.top-1\\/3{top:33.3333%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-18{top:calc(var(--spacing) * 18)}.-right-10{right:calc(var(--spacing) * -10)}.-right-16{right:calc(var(--spacing) * -16)}.right-0{right:0}.right-1\\/4{right:25%}.right-2\\.5{right:calc(var(--spacing) * 2.5)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1\\.5{left:calc(var(--spacing) * -1.5)}.-left-20{left:calc(var(--spacing) * -20)}.left-0{left:0}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-1{margin-bottom:var(--spacing)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-1{height:var(--spacing)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-2\\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-\\[3px\\]{height:3px}.h-full{height:100%}.min-h-0{min-height:0}.min-h-\\[70vh\\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-1\\.5{width:calc(var(--spacing) * 1.5)}.w-1\\/2{width:50%}.w-2\\.5{width:calc(var(--spacing) * 2.5)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-3\\/4{width:75%}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-4\\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\\[16rem\\]{max-width:16rem}.max-w-\\[60vw\\]{max-width:60vw}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[400px\\]{max-width:400px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-0\\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}:where(.divide-zinc-800>:not(:last-child)){border-color:var(--color-zinc-800)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-full{border-bottom-right-radius:2147483647px;border-bottom-left-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-emerald-700{border-color:var(--color-emerald-700)}.border-fuchsia-200{border-color:var(--color-fuchsia-200)}.border-fuchsia-500{border-color:var(--color-fuchsia-500)}.border-fuchsia-600{border-color:var(--color-fuchsia-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\\/80{border-color:#e5e7ebcc}@supports (color:color-mix(in lab, red, red)){.border-gray-200\\/80{border-color:color-mix(in oklab, var(--color-gray-200) 80%, transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-900{border-color:var(--color-gray-900)}.border-pink-100{border-color:var(--color-pink-100)}.border-pink-100\\/90{border-color:#fce7f3e6}@supports (color:color-mix(in lab, red, red)){.border-pink-100\\/90{border-color:color-mix(in oklab, var(--color-pink-100) 90%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-700{border-color:var(--color-red-700)}.border-red-900{border-color:var(--color-red-900)}.border-red-900\\/60{border-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/60{border-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-zinc-600{border-color:var(--color-zinc-600)}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.bg-\\[\\#fbf7f9\\]{background-color:#fbf7f9}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-950\\/60{background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.bg-amber-950\\/60{background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-300{background-color:var(--color-emerald-300)}.bg-emerald-950\\/50{background-color:#002c2280}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/50{background-color:color-mix(in oklab, var(--color-emerald-950) 50%, transparent)}}.bg-emerald-950\\/60{background-color:#002c2299}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/60{background-color:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)}}.bg-emerald-950\\/70{background-color:#002c22b3}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/70{background-color:color-mix(in oklab, var(--color-emerald-950) 70%, transparent)}}.bg-emerald-950\\/95{background-color:#002c22f2}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/95{background-color:color-mix(in oklab, var(--color-emerald-950) 95%, transparent)}}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-fuchsia-600{background-color:var(--color-fuchsia-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\\/80{background-color:#f9fafbcc}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\\/80{background-color:color-mix(in oklab, var(--color-gray-50) 80%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\\/80{background-color:#fef2f2cc}@supports (color:color-mix(in lab, red, red)){.bg-red-50\\/80{background-color:color-mix(in oklab, var(--color-red-50) 80%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-950\\/50{background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/50{background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)}}.bg-red-950\\/60{background-color:#46080999}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/60{background-color:color-mix(in oklab, var(--color-red-950) 60%, transparent)}}.bg-red-950\\/95{background-color:#460809f2}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/95{background-color:color-mix(in oklab, var(--color-red-950) 95%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-800\\/60{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-800\\/60{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\\/60{background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/60{background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}.bg-zinc-900\\/85{background-color:#18181bd9}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/85{background-color:color-mix(in oklab, var(--color-zinc-900) 85%, transparent)}}.bg-zinc-900\\/90{background-color:#18181be6}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/90{background-color:color-mix(in oklab, var(--color-zinc-900) 90%, transparent)}}.bg-zinc-900\\/95{background-color:#18181bf2}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/95{background-color:color-mix(in oklab, var(--color-zinc-900) 95%, transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\\/60{background-color:#09090b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/60{background-color:color-mix(in oklab, var(--color-zinc-950) 60%, transparent)}}.object-cover{object-fit:cover}.object-right{object-position:right}.p-1{padding:var(--spacing)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3\\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1\\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2\\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3\\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-amber-300{color:var(--color-amber-300)}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-fuchsia-600{color:var(--color-fuchsia-600)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-400{color:var(--color-indigo-400)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-white\\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\\[0\\.03\\]{opacity:.03}.opacity-\\[0\\.14\\]{opacity:.14}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_12px_32px_-16px_rgba\\(15\\,23\\,42\\,0\\.12\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 12px 32px -16px var(--tw-shadow-color,#0f172a1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.16\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a29);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.18\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.25\\)\\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-emerald-200\\/80{--tw-ring-color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.ring-emerald-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-emerald-200) 80%, transparent)}}.ring-emerald-900{--tw-ring-color:var(--color-emerald-900)}.ring-red-200\\/80{--tw-ring-color:#ffcacacc}@supports (color:color-mix(in lab, red, red)){.ring-red-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-red-200) 80%, transparent)}}.ring-red-900{--tw-ring-color:var(--color-red-900)}.ring-slate-200\\/70{--tw-ring-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.ring-slate-200\\/70{--tw-ring-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.ring-white\\/25{--tw-ring-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.ring-white\\/25{--tw-ring-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.ring-white\\/30{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.ring-white\\/30{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.contrast-200{--tw-contrast:contrast(200%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\\:translate-x-0\\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 70%,transparent))}}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.placeholder\\:text-slate-400::placeholder{color:var(--color-slate-400)}.placeholder\\:text-zinc-500::placeholder{color:var(--color-zinc-500)}@media (hover:hover){.hover\\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 35%,transparent)}}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 45%,transparent)}}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:border-red-200:hover{border-color:var(--color-red-200)}.hover\\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\\:border-zinc-600:hover{border-color:var(--color-zinc-600)}.hover\\:border-zinc-700:hover{border-color:var(--color-zinc-700)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-red-900\\/60:hover{background-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-900\\/60:hover{background-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.hover\\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\\:bg-white\\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\\:bg-zinc-700:hover{background-color:var(--color-zinc-700)}.hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\\:bg-zinc-800\\/60:hover{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-zinc-800\\/60:hover{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-300:hover{color:var(--color-red-300)}.hover\\:text-red-500:hover{color:var(--color-red-500)}.hover\\:text-red-600:hover{color:var(--color-red-600)}.hover\\:text-slate-600:hover{color:var(--color-slate-600)}.hover\\:text-slate-800:hover{color:var(--color-slate-800)}.hover\\:text-slate-900:hover{color:var(--color-slate-900)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:text-zinc-200:hover{color:var(--color-zinc-200)}.hover\\:text-zinc-300:hover{color:var(--color-zinc-300)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 45%,transparent))}}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\\:border-\\(--vx-accent\\):focus{border-color:var(--vx-accent)}.focus\\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 15%,transparent)}}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 20%,transparent)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:color-mix(in srgb,var(--vx-accent) 8%,transparent)}}.focus-visible\\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 25%,transparent)}}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\\:scale-\\[0\\.99\\]:active{scale:.99}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}@media (hover:hover){.disabled\\:hover\\:brightness-100:disabled:hover{--tw-brightness:brightness(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@media (prefers-reduced-motion:no-preference){.motion-safe\\:animate-spin{animation:var(--animate-spin)}}@media (width>=40rem){.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:inline-block{display:inline-block}.sm\\:inline-flex{display:inline-flex}.sm\\:h-14{height:calc(var(--spacing) * 14)}.sm\\:w-14{width:calc(var(--spacing) * 14)}.sm\\:w-72{width:calc(var(--spacing) * 72)}.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:items-end{align-items:flex-end}.sm\\:justify-between{justify-content:space-between}.sm\\:gap-2{gap:calc(var(--spacing) * 2)}.sm\\:gap-4{gap:calc(var(--spacing) * 4)}.sm\\:p-5{padding:calc(var(--spacing) * 5)}.sm\\:p-6{padding:calc(var(--spacing) * 6)}.sm\\:p-7{padding:calc(var(--spacing) * 7)}.sm\\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\\:px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.sm\\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\\:pt-7{padding-top:calc(var(--spacing) * 7)}.sm\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=48rem){.md\\:block{display:block}.md\\:w-1\\/2{width:50%}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\\:border-fuchsia-800{border-color:var(--color-fuchsia-800)}.dark\\:border-zinc-700{border-color:var(--color-zinc-700)}.dark\\:border-zinc-800{border-color:var(--color-zinc-800)}.dark\\:bg-fuchsia-950\\/80{background-color:#4b004fcc}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-fuchsia-950\\/80{background-color:color-mix(in oklab, var(--color-fuchsia-950) 80%, transparent)}}.dark\\:bg-white{background-color:var(--color-white)}.dark\\:bg-zinc-800{background-color:var(--color-zinc-800)}.dark\\:bg-zinc-900{background-color:var(--color-zinc-900)}.dark\\:text-fuchsia-300{color:var(--color-fuchsia-300)}.dark\\:text-gray-900{color:var(--color-gray-900)}.dark\\:text-white{color:var(--color-white)}.dark\\:text-zinc-200{color:var(--color-zinc-200)}.dark\\:text-zinc-300{color:var(--color-zinc-300)}.dark\\:text-zinc-400{color:var(--color-zinc-400)}@media (hover:hover){.dark\\:hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:#18181b80}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:color-mix(in oklab, var(--color-zinc-900) 50%, transparent)}}.dark\\:hover\\:text-white:hover{color:var(--color-white)}}}}:host{all:initial;font-family:inherit}.vx-skeleton{background-image:linear-gradient(90deg,currentColor 0% 50%,currentColor 100%)}@supports (color:color-mix(in lab, red, red)){.vx-skeleton{background-image:linear-gradient(90deg, color-mix(in srgb, currentColor 7%, transparent) 0%, color-mix(in srgb, currentColor 14%, transparent) 50%, color-mix(in srgb, currentColor 7%, transparent) 100%)}}.vx-skeleton{background-size:200% 100%;animation:1.4s ease-in-out infinite vx-skeleton-sweep}@keyframes vx-skeleton-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.vx-progress-bar{animation:1.3s ease-in-out infinite vx-progress-slide}@keyframes vx-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.vx-skeleton,.vx-progress-bar{animation:none}}@supports (appearance:base-select){select[part~=select]{appearance:base-select}select[part~=select]::picker(select){appearance:base-select}select[part~=select]::picker-icon{display:none}select[part~=select]::picker(select){border:1px solid;margin-block:6px;padding:6px}@supports (color:color-mix(in lab, red, red)){select[part~=select]::picker(select){border:1px solid color-mix(in srgb, currentColor 12%, transparent)}}select[part~=select]::picker(select){background-color:inherit;color:inherit;opacity:0;max-height:min(320px,60vh);transition:opacity .15s ease, translate .15s ease, display .15s allow-discrete, overlay .15s allow-discrete;border-radius:14px;translate:0 -4px;box-shadow:0 18px 40px -12px #0f172a38,0 4px 12px -4px #0f172a14}select[part~=select]:open::picker(select){opacity:1;translate:0}@starting-style{select[part~=select]:open::picker(select){opacity:0;translate:0 -4px}}select[part~=select] option{color:inherit;cursor:pointer;background-color:#0000;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 8%, transparent)}}select[part~=select] option:hover,select[part~=select] option:focus-visible{outline:none}select[part~=select] option:checked{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:checked{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 12%, transparent)}}select[part~=select] option:checked{color:var(--vx-accent,#2563eb);font-weight:600}select[part~=select] option::checkmark{color:var(--vx-accent,#2563eb);order:1;margin-inline-start:auto}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:currentColor;background-color:#0000}@supports (color:color-mix(in lab, red, red)){select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:color-mix(in srgb, currentColor 55%, transparent)}}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{font-weight:500}select[part~=select] option[value=\"\"]::checkmark{display:none}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}", ut = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif", dt = ({ children: e, useShadow: t = !0, inheritFont: n = !1 }) => {
|
|
3950
|
+
}, lt = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-indigo-400:oklch(67.3% .182 276.935);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-100:oklch(94.8% .028 342.258);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-\\[10px\\]{inset:10px}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-y-0{inset-block:0}.-top-1\\.5{top:calc(var(--spacing) * -1.5)}.-top-16{top:calc(var(--spacing) * -16)}.-top-24{top:calc(var(--spacing) * -24)}.top-0{top:0}.top-1\\/2{top:50%}.top-1\\/3{top:33.3333%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-18{top:calc(var(--spacing) * 18)}.-right-10{right:calc(var(--spacing) * -10)}.-right-16{right:calc(var(--spacing) * -16)}.right-0{right:0}.right-1\\/4{right:25%}.right-2\\.5{right:calc(var(--spacing) * 2.5)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1\\.5{left:calc(var(--spacing) * -1.5)}.-left-20{left:calc(var(--spacing) * -20)}.left-0{left:0}.left-2\\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[9999\\]{z-index:9999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-1{margin-bottom:var(--spacing)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-0\\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-1{height:var(--spacing)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-2\\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-\\[3px\\]{height:3px}.h-full{height:100%}.min-h-0{min-height:0}.min-h-\\[70vh\\]{min-height:70vh}.min-h-screen{min-height:100vh}.w-1\\.5{width:calc(var(--spacing) * 1.5)}.w-1\\/2{width:50%}.w-2\\.5{width:calc(var(--spacing) * 2.5)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-3\\/4{width:75%}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-4\\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\\[16rem\\]{max-width:16rem}.max-w-\\[60vw\\]{max-width:60vw}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[400px\\]{max-width:400px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-0\\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}:where(.divide-zinc-800>:not(:last-child)){border-color:var(--color-zinc-800)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-full{border-bottom-right-radius:2147483647px;border-bottom-left-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-emerald-700{border-color:var(--color-emerald-700)}.border-fuchsia-200{border-color:var(--color-fuchsia-200)}.border-fuchsia-500{border-color:var(--color-fuchsia-500)}.border-fuchsia-600{border-color:var(--color-fuchsia-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\\/80{border-color:#e5e7ebcc}@supports (color:color-mix(in lab, red, red)){.border-gray-200\\/80{border-color:color-mix(in oklab, var(--color-gray-200) 80%, transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-900{border-color:var(--color-gray-900)}.border-pink-100{border-color:var(--color-pink-100)}.border-pink-100\\/90{border-color:#fce7f3e6}@supports (color:color-mix(in lab, red, red)){.border-pink-100\\/90{border-color:color-mix(in oklab, var(--color-pink-100) 90%, transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-700{border-color:var(--color-red-700)}.border-red-900{border-color:var(--color-red-900)}.border-red-900\\/60{border-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.border-red-900\\/60{border-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-zinc-600{border-color:var(--color-zinc-600)}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-800{border-color:var(--color-zinc-800)}.bg-\\[\\#fbf7f9\\]{background-color:#fbf7f9}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-950\\/60{background-color:#46190199}@supports (color:color-mix(in lab, red, red)){.bg-amber-950\\/60{background-color:color-mix(in oklab, var(--color-amber-950) 60%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-300{background-color:var(--color-emerald-300)}.bg-emerald-950\\/50{background-color:#002c2280}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/50{background-color:color-mix(in oklab, var(--color-emerald-950) 50%, transparent)}}.bg-emerald-950\\/60{background-color:#002c2299}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/60{background-color:color-mix(in oklab, var(--color-emerald-950) 60%, transparent)}}.bg-emerald-950\\/70{background-color:#002c22b3}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/70{background-color:color-mix(in oklab, var(--color-emerald-950) 70%, transparent)}}.bg-emerald-950\\/95{background-color:#002c22f2}@supports (color:color-mix(in lab, red, red)){.bg-emerald-950\\/95{background-color:color-mix(in oklab, var(--color-emerald-950) 95%, transparent)}}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-fuchsia-600{background-color:var(--color-fuchsia-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\\/80{background-color:#f9fafbcc}@supports (color:color-mix(in lab, red, red)){.bg-gray-50\\/80{background-color:color-mix(in oklab, var(--color-gray-50) 80%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\\/80{background-color:#fef2f2cc}@supports (color:color-mix(in lab, red, red)){.bg-red-50\\/80{background-color:color-mix(in oklab, var(--color-red-50) 80%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-950\\/50{background-color:#46080980}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/50{background-color:color-mix(in oklab, var(--color-red-950) 50%, transparent)}}.bg-red-950\\/60{background-color:#46080999}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/60{background-color:color-mix(in oklab, var(--color-red-950) 60%, transparent)}}.bg-red-950\\/95{background-color:#460809f2}@supports (color:color-mix(in lab, red, red)){.bg-red-950\\/95{background-color:color-mix(in oklab, var(--color-red-950) 95%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-white\\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-800\\/60{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-800\\/60{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\\/60{background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/60{background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}.bg-zinc-900\\/85{background-color:#18181bd9}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/85{background-color:color-mix(in oklab, var(--color-zinc-900) 85%, transparent)}}.bg-zinc-900\\/90{background-color:#18181be6}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/90{background-color:color-mix(in oklab, var(--color-zinc-900) 90%, transparent)}}.bg-zinc-900\\/95{background-color:#18181bf2}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\\/95{background-color:color-mix(in oklab, var(--color-zinc-900) 95%, transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\\/60{background-color:#09090b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\\/60{background-color:color-mix(in oklab, var(--color-zinc-950) 60%, transparent)}}.object-cover{object-fit:cover}.object-right{object-position:right}.p-1{padding:var(--spacing)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3\\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1\\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2\\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3\\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-amber-300{color:var(--color-amber-300)}.text-amber-500{color:var(--color-amber-500)}.text-amber-700{color:var(--color-amber-700)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-fuchsia-600{color:var(--color-fuchsia-600)}.text-fuchsia-700{color:var(--color-fuchsia-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-400{color:var(--color-indigo-400)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-white\\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-white\\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.placeholder-zinc-500::placeholder{color:var(--color-zinc-500)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\\[0\\.03\\]{opacity:.03}.opacity-\\[0\\.14\\]{opacity:.14}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_12px_32px_-16px_rgba\\(15\\,23\\,42\\,0\\.12\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 12px 32px -16px var(--tw-shadow-color,#0f172a1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.16\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a29);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\,0_24px_48px_-24px_rgba\\(15\\,23\\,42\\,0\\.18\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a), 0 24px 48px -24px var(--tw-shadow-color,#0f172a2e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_1px_2px_rgba\\(15\\,23\\,42\\,0\\.04\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0f172a0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[inset_0_1px_0_rgba\\(255\\,255\\,255\\,0\\.25\\)\\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-emerald-200\\/80{--tw-ring-color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.ring-emerald-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-emerald-200) 80%, transparent)}}.ring-emerald-900{--tw-ring-color:var(--color-emerald-900)}.ring-red-200\\/80{--tw-ring-color:#ffcacacc}@supports (color:color-mix(in lab, red, red)){.ring-red-200\\/80{--tw-ring-color:color-mix(in oklab, var(--color-red-200) 80%, transparent)}}.ring-red-900{--tw-ring-color:var(--color-red-900)}.ring-slate-200\\/70{--tw-ring-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.ring-slate-200\\/70{--tw-ring-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.ring-white\\/25{--tw-ring-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.ring-white\\/25{--tw-ring-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.ring-white\\/30{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.ring-white\\/30{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.contrast-200{--tw-contrast:contrast(200%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\\:translate-x-0\\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){--tw-shadow:0 8px 20px -6px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 70%,transparent))}}.group-hover\\:shadow-\\[0_8px_20px_-6px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_70\\%\\,transparent\\)\\]:is(:where(.group):hover *){box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.placeholder\\:text-slate-400::placeholder{color:var(--color-slate-400)}.placeholder\\:text-zinc-500::placeholder{color:var(--color-zinc-500)}@media (hover:hover){.hover\\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_35\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 35%,transparent)}}.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{border-color:color-mix(in srgb,var(--vx-accent) 45%,transparent)}}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:border-red-200:hover{border-color:var(--color-red-200)}.hover\\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\\:border-zinc-600:hover{border-color:var(--color-zinc-600)}.hover\\:border-zinc-700:hover{border-color:var(--color-zinc-700)}.hover\\:bg-black:hover{background-color:var(--color-black)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\\:bg-red-900\\/60:hover{background-color:#82181a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-900\\/60:hover{background-color:color-mix(in oklab, var(--color-red-900) 60%, transparent)}}.hover\\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\\:bg-white\\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\\:bg-zinc-700:hover{background-color:var(--color-zinc-700)}.hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\\:bg-zinc-800\\/60:hover{background-color:#27272a99}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-zinc-800\\/60:hover{background-color:color-mix(in oklab, var(--color-zinc-800) 60%, transparent)}}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-300:hover{color:var(--color-red-300)}.hover\\:text-red-500:hover{color:var(--color-red-500)}.hover\\:text-red-600:hover{color:var(--color-red-600)}.hover\\:text-slate-600:hover{color:var(--color-slate-600)}.hover\\:text-slate-800:hover{color:var(--color-slate-800)}.hover\\:text-slate-900:hover{color:var(--color-slate-900)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:text-zinc-200:hover{color:var(--color-zinc-200)}.hover\\:text-zinc-300:hover{color:var(--color-zinc-300)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-90:hover{opacity:.9}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,var(--vx-accent))}@supports (color:color-mix(in lab, red, red)){.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,color-mix(in srgb,var(--vx-accent) 45%,transparent))}}.hover\\:shadow-\\[0_24px_48px_-24px_color-mix\\(in_srgb\\,var\\(--vx-accent\\)_45\\%\\,transparent\\)\\]:hover{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-\\[0_24px_48px_-24px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\]:hover{--tw-shadow:0 24px 48px -24px var(--tw-shadow-color,#000c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\\:border-\\(--vx-accent\\):focus{border-color:var(--vx-accent)}.focus\\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_15\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 15%,transparent)}}.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_20\\%\\,transparent\\)\\]:focus{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 20%,transparent)}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:bg-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_8\\%\\,transparent\\)\\]:focus-visible{background-color:color-mix(in srgb,var(--vx-accent) 8%,transparent)}}.focus-visible\\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:var(--vx-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-\\[color-mix\\(in_srgb\\,var\\(--vx-accent\\)_25\\%\\,transparent\\)\\]:focus-visible{--tw-ring-color:color-mix(in srgb,var(--vx-accent) 25%,transparent)}}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\\:scale-\\[0\\.99\\]:active{scale:.99}.active\\:cursor-grabbing:active{cursor:grabbing}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}.disabled\\:opacity-70:disabled{opacity:.7}@media (hover:hover){.disabled\\:hover\\:brightness-100:disabled:hover{--tw-brightness:brightness(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@media (prefers-reduced-motion:no-preference){.motion-safe\\:animate-spin{animation:var(--animate-spin)}}@media (width>=40rem){.sm\\:block{display:block}.sm\\:inline{display:inline}.sm\\:inline-block{display:inline-block}.sm\\:inline-flex{display:inline-flex}.sm\\:h-14{height:calc(var(--spacing) * 14)}.sm\\:w-14{width:calc(var(--spacing) * 14)}.sm\\:w-72{width:calc(var(--spacing) * 72)}.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:items-end{align-items:flex-end}.sm\\:justify-between{justify-content:space-between}.sm\\:gap-2{gap:calc(var(--spacing) * 2)}.sm\\:gap-4{gap:calc(var(--spacing) * 4)}.sm\\:p-5{padding:calc(var(--spacing) * 5)}.sm\\:p-6{padding:calc(var(--spacing) * 6)}.sm\\:p-7{padding:calc(var(--spacing) * 7)}.sm\\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\\:px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.sm\\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\\:py-8{padding-block:calc(var(--spacing) * 8)}.sm\\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\\:pt-7{padding-top:calc(var(--spacing) * 7)}.sm\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (width>=48rem){.md\\:block{display:block}.md\\:w-1\\/2{width:50%}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\\:border-fuchsia-800{border-color:var(--color-fuchsia-800)}.dark\\:border-zinc-700{border-color:var(--color-zinc-700)}.dark\\:border-zinc-800{border-color:var(--color-zinc-800)}.dark\\:bg-fuchsia-950\\/80{background-color:#4b004fcc}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-fuchsia-950\\/80{background-color:color-mix(in oklab, var(--color-fuchsia-950) 80%, transparent)}}.dark\\:bg-white{background-color:var(--color-white)}.dark\\:bg-zinc-800{background-color:var(--color-zinc-800)}.dark\\:bg-zinc-900{background-color:var(--color-zinc-900)}.dark\\:text-fuchsia-300{color:var(--color-fuchsia-300)}.dark\\:text-gray-900{color:var(--color-gray-900)}.dark\\:text-white{color:var(--color-white)}.dark\\:text-zinc-200{color:var(--color-zinc-200)}.dark\\:text-zinc-300{color:var(--color-zinc-300)}.dark\\:text-zinc-400{color:var(--color-zinc-400)}@media (hover:hover){.dark\\:hover\\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:#18181b80}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-zinc-900\\/50:hover{background-color:color-mix(in oklab, var(--color-zinc-900) 50%, transparent)}}.dark\\:hover\\:text-white:hover{color:var(--color-white)}}}}:host{all:initial;font-family:inherit}.vx-skeleton{background-image:linear-gradient(90deg,currentColor 0% 50%,currentColor 100%)}@supports (color:color-mix(in lab, red, red)){.vx-skeleton{background-image:linear-gradient(90deg, color-mix(in srgb, currentColor 7%, transparent) 0%, color-mix(in srgb, currentColor 14%, transparent) 50%, color-mix(in srgb, currentColor 7%, transparent) 100%)}}.vx-skeleton{background-size:200% 100%;animation:1.4s ease-in-out infinite vx-skeleton-sweep}@keyframes vx-skeleton-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.vx-progress-bar{animation:1.3s ease-in-out infinite vx-progress-slide}@keyframes vx-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.vx-skeleton,.vx-progress-bar{animation:none}}@supports (appearance:base-select){select[part~=select]{appearance:base-select}select[part~=select]::picker(select){appearance:base-select}select[part~=select]::picker-icon{display:none}select[part~=select]::picker(select){border:1px solid;margin-block:6px;padding:6px}@supports (color:color-mix(in lab, red, red)){select[part~=select]::picker(select){border:1px solid color-mix(in srgb, currentColor 12%, transparent)}}select[part~=select]::picker(select){background-color:inherit;color:inherit;opacity:0;max-height:min(320px,60vh);transition:opacity .15s ease, translate .15s ease, display .15s allow-discrete, overlay .15s allow-discrete;border-radius:14px;translate:0 -4px;box-shadow:0 18px 40px -12px #0f172a38,0 4px 12px -4px #0f172a14}select[part~=select]:open::picker(select){opacity:1;translate:0}@starting-style{select[part~=select]:open::picker(select){opacity:0;translate:0 -4px}}select[part~=select] option{color:inherit;cursor:pointer;background-color:#0000;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:hover,select[part~=select] option:focus-visible{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 8%, transparent)}}select[part~=select] option:hover,select[part~=select] option:focus-visible{outline:none}select[part~=select] option:checked{background-color:var(--vx-accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){select[part~=select] option:checked{background-color:color-mix(in srgb, var(--vx-accent,#2563eb) 12%, transparent)}}select[part~=select] option:checked{color:var(--vx-accent,#2563eb);font-weight:600}select[part~=select] option::checkmark{color:var(--vx-accent,#2563eb);order:1;margin-inline-start:auto}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:currentColor;background-color:#0000}@supports (color:color-mix(in lab, red, red)){select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{color:color-mix(in srgb, currentColor 55%, transparent)}}select[part~=select] option[value=\"\"],select[part~=select] option[value=\"\"]:checked{font-weight:500}select[part~=select] option[value=\"\"]::checkmark{display:none}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}", ut = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif", dt = ({ children: e, useShadow: t = !0, inheritFont: n = !1 }) => {
|
|
3842
3951
|
let r = u(null), [i, a] = d(null);
|
|
3843
3952
|
return c(() => {
|
|
3844
3953
|
if (typeof document > "u" || !r.current || !t) return;
|