flowcore-fn 5.3.0 → 5.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,23 +1,17 @@
1
- /* src/styles/index.css */
2
- @layer properties;
1
+ /* out/src/styles/index.css */
3
2
  @layer theme, base, components, utilities;
4
3
  @layer theme {
5
4
  :root,
6
5
  :host {
7
- --font-sans:
8
- -apple-system,
9
- BlinkMacSystemFont,
10
- "Segoe UI",
11
- Roboto,
12
- "Helvetica Neue",
13
- "Noto Sans",
14
- Arial,
6
+ --fc-font-sans:
7
+ ui-sans-serif,
8
+ system-ui,
15
9
  sans-serif,
16
10
  "Apple Color Emoji",
17
11
  "Segoe UI Emoji",
18
12
  "Segoe UI Symbol",
19
13
  "Noto Color Emoji";
20
- --font-mono:
14
+ --fc-font-mono:
21
15
  ui-monospace,
22
16
  SFMono-Regular,
23
17
  Menlo,
@@ -26,119 +20,8 @@
26
20
  "Liberation Mono",
27
21
  "Courier New",
28
22
  monospace;
29
- --color-red-50: oklch(97.1% 0.013 17.38);
30
- --color-red-100: oklch(93.6% 0.032 17.717);
31
- --color-red-200: oklch(88.5% 0.062 18.334);
32
- --color-red-400: oklch(70.4% 0.191 22.216);
33
- --color-red-500: oklch(63.7% 0.237 25.331);
34
- --color-red-600: oklch(57.7% 0.245 27.325);
35
- --color-red-700: oklch(50.5% 0.213 27.518);
36
- --color-red-800: oklch(44.4% 0.177 26.899);
37
- --color-orange-100: oklch(95.4% 0.038 75.164);
38
- --color-orange-700: oklch(55.3% 0.195 38.402);
39
- --color-amber-50: oklch(98.7% 0.022 95.277);
40
- --color-amber-100: oklch(96.2% 0.059 95.617);
41
- --color-amber-200: oklch(92.4% 0.12 95.746);
42
- --color-amber-600: oklch(66.6% 0.179 58.318);
43
- --color-amber-700: oklch(55.5% 0.163 48.998);
44
- --color-green-50: oklch(98.2% 0.018 155.826);
45
- --color-green-100: oklch(96.2% 0.044 156.743);
46
- --color-green-200: oklch(92.5% 0.084 155.995);
47
- --color-green-700: oklch(52.7% 0.154 150.069);
48
- --color-emerald-50: oklch(97.9% 0.021 166.113);
49
- --color-emerald-100: oklch(95% 0.052 163.051);
50
- --color-emerald-200: oklch(90.5% 0.093 164.15);
51
- --color-emerald-600: oklch(59.6% 0.145 163.225);
52
- --color-emerald-700: oklch(50.8% 0.118 165.612);
53
- --color-cyan-200: oklch(91.7% 0.08 205.041);
54
- --color-cyan-400: oklch(78.9% 0.154 211.53);
55
- --color-blue-50: oklch(97% 0.014 254.604);
56
- --color-blue-100: oklch(93.2% 0.032 255.585);
57
- --color-blue-200: oklch(88.2% 0.059 254.128);
58
- --color-blue-500: oklch(62.3% 0.214 259.815);
59
- --color-blue-600: oklch(54.6% 0.245 262.881);
60
- --color-blue-700: oklch(48.8% 0.243 264.376);
61
- --color-indigo-50: oklch(96.2% 0.018 272.314);
62
- --color-indigo-100: oklch(93% 0.034 272.788);
63
- --color-indigo-500: oklch(58.5% 0.233 277.117);
64
- --color-indigo-600: oklch(51.1% 0.262 276.966);
65
- --color-indigo-700: oklch(45.7% 0.24 277.023);
66
- --color-rose-50: oklch(96.9% 0.015 12.422);
67
- --color-rose-100: oklch(94.1% 0.03 12.58);
68
- --color-rose-200: oklch(89.2% 0.058 10.001);
69
- --color-rose-600: oklch(58.6% 0.253 17.585);
70
- --color-rose-700: oklch(51.4% 0.222 16.935);
71
- --color-slate-50: oklch(98.4% 0.003 247.858);
72
- --color-slate-100: oklch(96.8% 0.007 247.896);
73
- --color-slate-200: oklch(92.9% 0.013 255.508);
74
- --color-slate-300: oklch(86.9% 0.022 252.894);
75
- --color-slate-400: oklch(70.4% 0.04 256.788);
76
- --color-slate-500: oklch(55.4% 0.046 257.417);
77
- --color-slate-600: oklch(44.6% 0.043 257.281);
78
- --color-slate-700: oklch(37.2% 0.044 257.287);
79
- --color-slate-800: oklch(27.9% 0.041 260.031);
80
- --color-slate-900: oklch(20.8% 0.042 265.755);
81
- --color-gray-50: oklch(98.5% 0.002 247.839);
82
- --color-gray-100: oklch(96.7% 0.003 264.542);
83
- --color-gray-200: oklch(92.8% 0.006 264.531);
84
- --color-gray-300: oklch(87.2% 0.01 258.338);
85
- --color-gray-400: oklch(70.7% 0.022 261.325);
86
- --color-gray-500: oklch(55.1% 0.027 264.364);
87
- --color-gray-600: oklch(44.6% 0.03 256.802);
88
- --color-gray-700: oklch(37.3% 0.034 259.733);
89
- --color-gray-800: oklch(27.8% 0.033 256.848);
90
- --color-gray-900: oklch(21% 0.034 264.665);
91
- --color-zinc-50: oklch(98.5% 0 none);
92
- --color-zinc-400: oklch(70.5% 0.015 286.067);
93
- --color-zinc-600: oklch(44.2% 0.017 285.786);
94
- --color-zinc-950: oklch(14.1% 0.005 285.823);
95
- --color-black: #000;
96
- --color-white: #fff;
97
- --spacing: 0.25rem;
98
- --container-xs: 20rem;
99
- --container-sm: 24rem;
100
- --container-md: 28rem;
101
- --container-2xl: 42rem;
102
- --container-3xl: 48rem;
103
- --container-4xl: 56rem;
104
- --container-5xl: 64rem;
105
- --text-xs: 0.75rem;
106
- --text-xs--line-height: calc(1 / 0.75);
107
- --text-sm: 0.875rem;
108
- --text-sm--line-height: calc(1.25 / 0.875);
109
- --text-base: 1rem;
110
- --text-base--line-height: calc(1.5 / 1);
111
- --text-lg: 1.125rem;
112
- --text-lg--line-height: calc(1.75 / 1.125);
113
- --text-xl: 1.25rem;
114
- --text-xl--line-height: calc(1.75 / 1.25);
115
- --text-2xl: 1.5rem;
116
- --text-2xl--line-height: calc(2 / 1.5);
117
- --text-3xl: 1.875rem;
118
- --text-3xl--line-height: calc(2.25 / 1.875);
119
- --font-weight-normal: 400;
120
- --font-weight-medium: 500;
121
- --font-weight-semibold: 600;
122
- --font-weight-bold: 700;
123
- --font-weight-extrabold: 800;
124
- --tracking-tight: -0.025em;
125
- --tracking-wide: 0.025em;
126
- --tracking-wider: 0.05em;
127
- --leading-tight: 1.25;
128
- --leading-relaxed: 1.625;
129
- --radius-md: 0.375rem;
130
- --radius-lg: 0.5rem;
131
- --radius-xl: 0.75rem;
132
- --radius-2xl: 1rem;
133
- --radius-3xl: 1.5rem;
134
- --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
135
- --blur-sm: 8px;
136
- --blur-xl: 24px;
137
- --blur-3xl: 64px;
138
- --default-transition-duration: 150ms;
139
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
140
- --default-font-family: var(--font-sans);
141
- --default-mono-font-family: var(--font-mono);
23
+ --fc-default-font-family: var(--fc-font-sans);
24
+ --fc-default-mono-font-family: var(--fc-font-mono);
142
25
  }
143
26
  }
144
27
  @layer base {
@@ -157,9 +40,9 @@
157
40
  line-height: 1.5;
158
41
  -webkit-text-size-adjust: 100%;
159
42
  tab-size: 4;
160
- 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");
161
- font-feature-settings: var(--default-font-feature-settings, normal);
162
- font-variation-settings: var(--default-font-variation-settings, normal);
43
+ font-family: var(--fc-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
44
+ font-feature-settings: var(--fc-default-font-feature-settings, normal);
45
+ font-variation-settings: var(--fc-default-font-variation-settings, normal);
163
46
  -webkit-tap-highlight-color: transparent;
164
47
  }
165
48
  hr {
@@ -193,9 +76,9 @@
193
76
  kbd,
194
77
  samp,
195
78
  pre {
196
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
197
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
198
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
79
+ font-family: var(--fc-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
80
+ font-feature-settings: var(--fc-default-mono-font-feature-settings, normal);
81
+ font-variation-settings: var(--fc-default-mono-font-variation-settings, normal);
199
82
  font-size: 1em;
200
83
  }
201
84
  small {
@@ -219,7 +102,7 @@
219
102
  border-color: inherit;
220
103
  border-collapse: collapse;
221
104
  }
222
- :-moz-focusring:where(:not(iframe)) {
105
+ :-moz-focusring {
223
106
  outline: auto;
224
107
  }
225
108
  progress {
@@ -330,2150 +213,5 @@
330
213
  display: none !important;
331
214
  }
332
215
  }
333
- @layer utilities {
334
- .pointer-events-none {
335
- pointer-events: none;
336
- }
337
- .sr-only {
338
- position: absolute;
339
- width: 1px;
340
- height: 1px;
341
- padding: 0;
342
- margin: -1px;
343
- overflow: hidden;
344
- clip-path: inset(50%);
345
- white-space: nowrap;
346
- border-width: 0;
347
- }
348
- .absolute {
349
- position: absolute;
350
- }
351
- .fixed {
352
- position: fixed;
353
- }
354
- .relative {
355
- position: relative;
356
- }
357
- .sticky {
358
- position: sticky;
359
- }
360
- .inset-0 {
361
- inset: 0px;
362
- }
363
- .inset-x-0 {
364
- inset-inline: 0px;
365
- }
366
- .inset-y-0 {
367
- inset-block: 0px;
368
- }
369
- .-top-12 {
370
- top: calc(var(--spacing) * -12);
371
- }
372
- .top-0 {
373
- top: 0px;
374
- }
375
- .top-4 {
376
- top: calc(var(--spacing) * 4);
377
- }
378
- .top-\[30px\] {
379
- top: 30px;
380
- }
381
- .-right-12 {
382
- right: calc(var(--spacing) * -12);
383
- }
384
- .right-0 {
385
- right: 0px;
386
- }
387
- .right-4 {
388
- right: calc(var(--spacing) * 4);
389
- }
390
- .-bottom-10 {
391
- bottom: calc(var(--spacing) * -10);
392
- }
393
- .bottom-0 {
394
- bottom: 0px;
395
- }
396
- .-left-10 {
397
- left: calc(var(--spacing) * -10);
398
- }
399
- .left-0 {
400
- left: 0px;
401
- }
402
- .left-\[20px\] {
403
- left: 20px;
404
- }
405
- .z-10 {
406
- z-index: 10;
407
- }
408
- .z-30 {
409
- z-index: 30;
410
- }
411
- .z-50 {
412
- z-index: 50;
413
- }
414
- .z-\[100\] {
415
- z-index: 100;
416
- }
417
- .m-0 {
418
- margin: 0px;
419
- }
420
- .mx-2 {
421
- margin-inline: calc(var(--spacing) * 2);
422
- }
423
- .mx-auto {
424
- margin-inline: auto;
425
- }
426
- .mt-0\.5 {
427
- margin-top: calc(var(--spacing) * 0.5);
428
- }
429
- .mt-1 {
430
- margin-top: var(--spacing);
431
- }
432
- .mt-2 {
433
- margin-top: calc(var(--spacing) * 2);
434
- }
435
- .mt-4 {
436
- margin-top: calc(var(--spacing) * 4);
437
- }
438
- .mt-5 {
439
- margin-top: calc(var(--spacing) * 5);
440
- }
441
- .mt-6 {
442
- margin-top: calc(var(--spacing) * 6);
443
- }
444
- .mt-\[39px\] {
445
- margin-top: 39px;
446
- }
447
- .mr-2 {
448
- margin-right: calc(var(--spacing) * 2);
449
- }
450
- .mb-1 {
451
- margin-bottom: var(--spacing);
452
- }
453
- .mb-1\.5 {
454
- margin-bottom: calc(var(--spacing) * 1.5);
455
- }
456
- .mb-2 {
457
- margin-bottom: calc(var(--spacing) * 2);
458
- }
459
- .mb-3 {
460
- margin-bottom: calc(var(--spacing) * 3);
461
- }
462
- .mb-4 {
463
- margin-bottom: calc(var(--spacing) * 4);
464
- }
465
- .mb-5 {
466
- margin-bottom: calc(var(--spacing) * 5);
467
- }
468
- .mb-6 {
469
- margin-bottom: calc(var(--spacing) * 6);
470
- }
471
- .mb-\[19px\] {
472
- margin-bottom: 19px;
473
- }
474
- .ml-1 {
475
- margin-left: var(--spacing);
476
- }
477
- .ml-2 {
478
- margin-left: calc(var(--spacing) * 2);
479
- }
480
- .ml-\[2px\] {
481
- margin-left: 2px;
482
- }
483
- .ml-\[15px\] {
484
- margin-left: 15px;
485
- }
486
- .block {
487
- display: block;
488
- }
489
- .flex {
490
- display: flex;
491
- }
492
- .grid {
493
- display: grid;
494
- }
495
- .inline-block {
496
- display: inline-block;
497
- }
498
- .inline-flex {
499
- display: inline-flex;
500
- }
501
- .table {
502
- display: table;
503
- }
504
- .h-1 {
505
- height: var(--spacing);
506
- }
507
- .h-4 {
508
- height: calc(var(--spacing) * 4);
509
- }
510
- .h-4\.5 {
511
- height: calc(var(--spacing) * 4.5);
512
- }
513
- .h-5 {
514
- height: calc(var(--spacing) * 5);
515
- }
516
- .h-5\.5 {
517
- height: calc(var(--spacing) * 5.5);
518
- }
519
- .h-6 {
520
- height: calc(var(--spacing) * 6);
521
- }
522
- .h-7 {
523
- height: calc(var(--spacing) * 7);
524
- }
525
- .h-8 {
526
- height: calc(var(--spacing) * 8);
527
- }
528
- .h-9 {
529
- height: calc(var(--spacing) * 9);
530
- }
531
- .h-10 {
532
- height: calc(var(--spacing) * 10);
533
- }
534
- .h-12 {
535
- height: calc(var(--spacing) * 12);
536
- }
537
- .h-14 {
538
- height: calc(var(--spacing) * 14);
539
- }
540
- .h-32 {
541
- height: calc(var(--spacing) * 32);
542
- }
543
- .h-40 {
544
- height: calc(var(--spacing) * 40);
545
- }
546
- .h-\[20px\] {
547
- height: 20px;
548
- }
549
- .h-\[46px\] {
550
- height: 46px;
551
- }
552
- .h-\[48px\] {
553
- height: 48px;
554
- }
555
- .h-\[50px\] {
556
- height: 50px;
557
- }
558
- .h-\[66px\] {
559
- height: 66px;
560
- }
561
- .h-\[84px\] {
562
- height: 84px;
563
- }
564
- .h-full {
565
- height: 100%;
566
- }
567
- .h-screen {
568
- height: 100vh;
569
- }
570
- .max-h-\[90vh\] {
571
- max-height: 90vh;
572
- }
573
- .max-h-\[92vh\] {
574
- max-height: 92vh;
575
- }
576
- .max-h-\[350px\] {
577
- max-height: 350px;
578
- }
579
- .max-h-\[400px\] {
580
- max-height: 400px;
581
- }
582
- .max-h-\[420px\] {
583
- max-height: 420px;
584
- }
585
- .max-h-\[calc\(92vh-170px\)\] {
586
- max-height: calc(92vh - 170px);
587
- }
588
- .min-h-0 {
589
- min-height: 0px;
590
- }
591
- .min-h-full {
592
- min-height: 100%;
593
- }
594
- .min-h-screen {
595
- min-height: 100vh;
596
- }
597
- .w-0 {
598
- width: 0px;
599
- }
600
- .w-1\/2 {
601
- width: calc(1 / 2 * 100%);
602
- }
603
- .w-4 {
604
- width: calc(var(--spacing) * 4);
605
- }
606
- .w-4\.5 {
607
- width: calc(var(--spacing) * 4.5);
608
- }
609
- .w-5 {
610
- width: calc(var(--spacing) * 5);
611
- }
612
- .w-6 {
613
- width: calc(var(--spacing) * 6);
614
- }
615
- .w-7 {
616
- width: calc(var(--spacing) * 7);
617
- }
618
- .w-8 {
619
- width: calc(var(--spacing) * 8);
620
- }
621
- .w-9 {
622
- width: calc(var(--spacing) * 9);
623
- }
624
- .w-10 {
625
- width: calc(var(--spacing) * 10);
626
- }
627
- .w-11 {
628
- width: calc(var(--spacing) * 11);
629
- }
630
- .w-12 {
631
- width: calc(var(--spacing) * 12);
632
- }
633
- .w-14 {
634
- width: calc(var(--spacing) * 14);
635
- }
636
- .w-16 {
637
- width: calc(var(--spacing) * 16);
638
- }
639
- .w-20 {
640
- width: calc(var(--spacing) * 20);
641
- }
642
- .w-32 {
643
- width: calc(var(--spacing) * 32);
644
- }
645
- .w-36 {
646
- width: calc(var(--spacing) * 36);
647
- }
648
- .w-40 {
649
- width: calc(var(--spacing) * 40);
650
- }
651
- .w-44 {
652
- width: calc(var(--spacing) * 44);
653
- }
654
- .w-56 {
655
- width: calc(var(--spacing) * 56);
656
- }
657
- .w-60 {
658
- width: calc(var(--spacing) * 60);
659
- }
660
- .w-\[6\%\] {
661
- width: 6%;
662
- }
663
- .w-\[12\%\] {
664
- width: 12%;
665
- }
666
- .w-\[16\%\] {
667
- width: 16%;
668
- }
669
- .w-\[20\%\] {
670
- width: 20%;
671
- }
672
- .w-\[20px\] {
673
- width: 20px;
674
- }
675
- .w-\[22\%\] {
676
- width: 22%;
677
- }
678
- .w-\[46px\] {
679
- width: 46px;
680
- }
681
- .w-\[285px\] {
682
- width: 285px;
683
- }
684
- .w-full {
685
- width: 100%;
686
- }
687
- .max-w-2xl {
688
- max-width: var(--container-2xl);
689
- }
690
- .max-w-3xl {
691
- max-width: var(--container-3xl);
692
- }
693
- .max-w-4xl {
694
- max-width: var(--container-4xl);
695
- }
696
- .max-w-5xl {
697
- max-width: var(--container-5xl);
698
- }
699
- .max-w-md {
700
- max-width: var(--container-md);
701
- }
702
- .max-w-sm {
703
- max-width: var(--container-sm);
704
- }
705
- .max-w-xs {
706
- max-width: var(--container-xs);
707
- }
708
- .min-w-0 {
709
- min-width: 0px;
710
- }
711
- .min-w-\[28px\] {
712
- min-width: 28px;
713
- }
714
- .min-w-\[285px\] {
715
- min-width: 285px;
716
- }
717
- .min-w-\[900px\] {
718
- min-width: 900px;
719
- }
720
- .min-w-\[1050px\] {
721
- min-width: 1050px;
722
- }
723
- .min-w-full {
724
- min-width: 100%;
725
- }
726
- .min-w-max {
727
- min-width: max-content;
728
- }
729
- .flex-1 {
730
- flex: 1;
731
- }
732
- .flex-shrink-0 {
733
- flex-shrink: 0;
734
- }
735
- .shrink-0 {
736
- flex-shrink: 0;
737
- }
738
- .table-auto {
739
- table-layout: auto;
740
- }
741
- .table-fixed {
742
- table-layout: fixed;
743
- }
744
- .border-collapse {
745
- border-collapse: collapse;
746
- }
747
- .-translate-x-full {
748
- --tw-translate-x: -100%;
749
- translate: var(--tw-translate-x) var(--tw-translate-y);
750
- }
751
- .translate-x-0 {
752
- --tw-translate-x: 0px;
753
- translate: var(--tw-translate-x) var(--tw-translate-y);
754
- }
755
- .translate-x-4\.5 {
756
- --tw-translate-x: calc(var(--spacing) * 4.5);
757
- translate: var(--tw-translate-x) var(--tw-translate-y);
758
- }
759
- .translate-x-5 {
760
- --tw-translate-x: calc(var(--spacing) * 5);
761
- translate: var(--tw-translate-x) var(--tw-translate-y);
762
- }
763
- .scale-100 {
764
- --tw-scale-x: 100%;
765
- --tw-scale-y: 100%;
766
- --tw-scale-z: 100%;
767
- scale: var(--tw-scale-x) var(--tw-scale-y);
768
- }
769
- .skew-x-12 {
770
- --tw-skew-x: skewX(12deg);
771
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
772
- }
773
- .transform {
774
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
775
- }
776
- .cursor-not-allowed {
777
- cursor: not-allowed;
778
- }
779
- .cursor-pointer {
780
- cursor: pointer;
781
- }
782
- .resize-none {
783
- resize: none;
784
- }
785
- .grid-cols-1 {
786
- grid-template-columns: repeat(1, minmax(0, 1fr));
787
- }
788
- .grid-cols-2 {
789
- grid-template-columns: repeat(2, minmax(0, 1fr));
790
- }
791
- .flex-col {
792
- flex-direction: column;
793
- }
794
- .flex-wrap {
795
- flex-wrap: wrap;
796
- }
797
- .items-center {
798
- align-items: center;
799
- }
800
- .justify-between {
801
- justify-content: space-between;
802
- }
803
- .justify-center {
804
- justify-content: center;
805
- }
806
- .justify-end {
807
- justify-content: flex-end;
808
- }
809
- .gap-1 {
810
- gap: var(--spacing);
811
- }
812
- .gap-1\.5 {
813
- gap: calc(var(--spacing) * 1.5);
814
- }
815
- .gap-2 {
816
- gap: calc(var(--spacing) * 2);
817
- }
818
- .gap-2\.5 {
819
- gap: calc(var(--spacing) * 2.5);
820
- }
821
- .gap-3 {
822
- gap: calc(var(--spacing) * 3);
823
- }
824
- .gap-4 {
825
- gap: calc(var(--spacing) * 4);
826
- }
827
- .gap-5 {
828
- gap: calc(var(--spacing) * 5);
829
- }
830
- .gap-6 {
831
- gap: calc(var(--spacing) * 6);
832
- }
833
- .gap-\[3px\] {
834
- gap: 3px;
835
- }
836
- .gap-\[6px\] {
837
- gap: 6px;
838
- }
839
- .gap-\[8px\] {
840
- gap: 8px;
841
- }
842
- .gap-\[18px\] {
843
- gap: 18px;
844
- }
845
- :where(.space-y-3 > :not(:last-child)) {
846
- --tw-space-y-reverse: 0;
847
- margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
848
- margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
849
- }
850
- :where(.space-y-4 > :not(:last-child)) {
851
- --tw-space-y-reverse: 0;
852
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
853
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
854
- }
855
- :where(.space-y-5 > :not(:last-child)) {
856
- --tw-space-y-reverse: 0;
857
- margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
858
- margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
859
- }
860
- :where(.space-y-6 > :not(:last-child)) {
861
- --tw-space-y-reverse: 0;
862
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
863
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
864
- }
865
- :where(.space-y-8 > :not(:last-child)) {
866
- --tw-space-y-reverse: 0;
867
- margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
868
- margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
869
- }
870
- :where(.divide-y > :not(:last-child)) {
871
- --tw-divide-y-reverse: 0;
872
- border-bottom-style: var(--tw-border-style);
873
- border-top-style: var(--tw-border-style);
874
- border-top-width: calc(1px * var(--tw-divide-y-reverse));
875
- border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
876
- }
877
- :where(.divide-slate-100 > :not(:last-child)) {
878
- border-color: var(--color-slate-100);
879
- }
880
- .truncate {
881
- overflow: hidden;
882
- text-overflow: ellipsis;
883
- white-space: nowrap;
884
- }
885
- .overflow-auto {
886
- overflow: auto;
887
- }
888
- .overflow-hidden {
889
- overflow: hidden;
890
- }
891
- .overflow-x-auto {
892
- overflow-x: auto;
893
- }
894
- .overflow-x-hidden {
895
- overflow-x: hidden;
896
- }
897
- .overflow-y-auto {
898
- overflow-y: auto;
899
- }
900
- .rounded {
901
- border-radius: 0.25rem;
902
- }
903
- .rounded-2xl {
904
- border-radius: var(--radius-2xl);
905
- }
906
- .rounded-3xl {
907
- border-radius: var(--radius-3xl);
908
- }
909
- .rounded-\[6px\] {
910
- border-radius: 6px;
911
- }
912
- .rounded-\[9px\] {
913
- border-radius: 9px;
914
- }
915
- .rounded-\[10px\] {
916
- border-radius: 10px;
917
- }
918
- .rounded-full {
919
- border-radius: calc(infinity * 1px);
920
- }
921
- .rounded-lg {
922
- border-radius: var(--radius-lg);
923
- }
924
- .rounded-md {
925
- border-radius: var(--radius-md);
926
- }
927
- .rounded-xl {
928
- border-radius: var(--radius-xl);
929
- }
930
- .border {
931
- border-style: var(--tw-border-style);
932
- border-width: 1px;
933
- }
934
- .border-2 {
935
- border-style: var(--tw-border-style);
936
- border-width: 2px;
937
- }
938
- .border-t {
939
- border-top-style: var(--tw-border-style);
940
- border-top-width: 1px;
941
- }
942
- .border-r {
943
- border-right-style: var(--tw-border-style);
944
- border-right-width: 1px;
945
- }
946
- .border-b {
947
- border-bottom-style: var(--tw-border-style);
948
- border-bottom-width: 1px;
949
- }
950
- .border-l {
951
- border-left-style: var(--tw-border-style);
952
- border-left-width: 1px;
953
- }
954
- .border-solid {
955
- --tw-border-style: solid;
956
- border-style: solid;
957
- }
958
- .border-\[\#E1E5ED\] {
959
- border-color: #E1E5ED;
960
- }
961
- .border-\[\#E5E9F1\] {
962
- border-color: #E5E9F1;
963
- }
964
- .border-\[\#EDF0F5\] {
965
- border-color: #EDF0F5;
966
- }
967
- .border-amber-100 {
968
- border-color: var(--color-amber-100);
969
- }
970
- .border-amber-200 {
971
- border-color: var(--color-amber-200);
972
- }
973
- .border-amber-200\/60 {
974
- border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 60%, transparent);
975
- @supports (color: color-mix(in lab, red, red)) {
976
- border-color: color-mix(in oklab, var(--color-amber-200) 60%, transparent);
977
- }
978
- }
979
- .border-black\/\[\.08\] {
980
- border-color: color-mix(in srgb, #000 8%, transparent);
981
- @supports (color: color-mix(in lab, red, red)) {
982
- border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
983
- }
984
- }
985
- .border-blue-100 {
986
- border-color: var(--color-blue-100);
987
- }
988
- .border-blue-200 {
989
- border-color: var(--color-blue-200);
990
- }
991
- .border-blue-200\/60 {
992
- border-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 60%, transparent);
993
- @supports (color: color-mix(in lab, red, red)) {
994
- border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent);
995
- }
996
- }
997
- .border-emerald-100 {
998
- border-color: var(--color-emerald-100);
999
- }
1000
- .border-emerald-200 {
1001
- border-color: var(--color-emerald-200);
1002
- }
1003
- .border-emerald-200\/60 {
1004
- border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 60%, transparent);
1005
- @supports (color: color-mix(in lab, red, red)) {
1006
- border-color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent);
1007
- }
1008
- }
1009
- .border-gray-100 {
1010
- border-color: var(--color-gray-100);
1011
- }
1012
- .border-gray-200 {
1013
- border-color: var(--color-gray-200);
1014
- }
1015
- .border-gray-300 {
1016
- border-color: var(--color-gray-300);
1017
- }
1018
- .border-green-200 {
1019
- border-color: var(--color-green-200);
1020
- }
1021
- .border-indigo-100 {
1022
- border-color: var(--color-indigo-100);
1023
- }
1024
- .border-red-100 {
1025
- border-color: var(--color-red-100);
1026
- }
1027
- .border-red-200 {
1028
- border-color: var(--color-red-200);
1029
- }
1030
- .border-red-500 {
1031
- border-color: var(--color-red-500);
1032
- }
1033
- .border-rose-200 {
1034
- border-color: var(--color-rose-200);
1035
- }
1036
- .border-rose-200\/60 {
1037
- border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 60%, transparent);
1038
- @supports (color: color-mix(in lab, red, red)) {
1039
- border-color: color-mix(in oklab, var(--color-rose-200) 60%, transparent);
1040
- }
1041
- }
1042
- .border-slate-50 {
1043
- border-color: var(--color-slate-50);
1044
- }
1045
- .border-slate-100 {
1046
- border-color: var(--color-slate-100);
1047
- }
1048
- .border-slate-100\/80 {
1049
- border-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
1050
- @supports (color: color-mix(in lab, red, red)) {
1051
- border-color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
1052
- }
1053
- }
1054
- .border-slate-200 {
1055
- border-color: var(--color-slate-200);
1056
- }
1057
- .border-slate-200\/80 {
1058
- border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
1059
- @supports (color: color-mix(in lab, red, red)) {
1060
- border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
1061
- }
1062
- }
1063
- .border-slate-300 {
1064
- border-color: var(--color-slate-300);
1065
- }
1066
- .border-transparent {
1067
- border-color: transparent;
1068
- }
1069
- .bg-\[\#2563eb\] {
1070
- background-color: #2563eb;
1071
- }
1072
- .bg-\[\#F5F7FB\] {
1073
- background-color: #F5F7FB;
1074
- }
1075
- .bg-\[\#f5f7fb\] {
1076
- background-color: #f5f7fb;
1077
- }
1078
- .bg-amber-50 {
1079
- background-color: var(--color-amber-50);
1080
- }
1081
- .bg-black\/10 {
1082
- background-color: color-mix(in srgb, #000 10%, transparent);
1083
- @supports (color: color-mix(in lab, red, red)) {
1084
- background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
1085
- }
1086
- }
1087
- .bg-black\/40 {
1088
- background-color: color-mix(in srgb, #000 40%, transparent);
1089
- @supports (color: color-mix(in lab, red, red)) {
1090
- background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
1091
- }
1092
- }
1093
- .bg-blue-50 {
1094
- background-color: var(--color-blue-50);
1095
- }
1096
- .bg-blue-100\/70 {
1097
- background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 70%, transparent);
1098
- @supports (color: color-mix(in lab, red, red)) {
1099
- background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent);
1100
- }
1101
- }
1102
- .bg-blue-200\/20 {
1103
- background-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 20%, transparent);
1104
- @supports (color: color-mix(in lab, red, red)) {
1105
- background-color: color-mix(in oklab, var(--color-blue-200) 20%, transparent);
1106
- }
1107
- }
1108
- .bg-blue-600 {
1109
- background-color: var(--color-blue-600);
1110
- }
1111
- .bg-cyan-200\/20 {
1112
- background-color: color-mix(in srgb, oklch(91.7% 0.08 205.041) 20%, transparent);
1113
- @supports (color: color-mix(in lab, red, red)) {
1114
- background-color: color-mix(in oklab, var(--color-cyan-200) 20%, transparent);
1115
- }
1116
- }
1117
- .bg-emerald-50 {
1118
- background-color: var(--color-emerald-50);
1119
- }
1120
- .bg-emerald-100\/70 {
1121
- background-color: color-mix(in srgb, oklch(95% 0.052 163.051) 70%, transparent);
1122
- @supports (color: color-mix(in lab, red, red)) {
1123
- background-color: color-mix(in oklab, var(--color-emerald-100) 70%, transparent);
1124
- }
1125
- }
1126
- .bg-gray-50 {
1127
- background-color: var(--color-gray-50);
1128
- }
1129
- .bg-gray-50\/70 {
1130
- background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 70%, transparent);
1131
- @supports (color: color-mix(in lab, red, red)) {
1132
- background-color: color-mix(in oklab, var(--color-gray-50) 70%, transparent);
1133
- }
1134
- }
1135
- .bg-gray-100 {
1136
- background-color: var(--color-gray-100);
1137
- }
1138
- .bg-gray-100\/80 {
1139
- background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 80%, transparent);
1140
- @supports (color: color-mix(in lab, red, red)) {
1141
- background-color: color-mix(in oklab, var(--color-gray-100) 80%, transparent);
1142
- }
1143
- }
1144
- .bg-green-50 {
1145
- background-color: var(--color-green-50);
1146
- }
1147
- .bg-green-100 {
1148
- background-color: var(--color-green-100);
1149
- }
1150
- .bg-indigo-50 {
1151
- background-color: var(--color-indigo-50);
1152
- }
1153
- .bg-indigo-600 {
1154
- background-color: var(--color-indigo-600);
1155
- }
1156
- .bg-orange-100 {
1157
- background-color: var(--color-orange-100);
1158
- }
1159
- .bg-red-50 {
1160
- background-color: var(--color-red-50);
1161
- }
1162
- .bg-red-100 {
1163
- background-color: var(--color-red-100);
1164
- }
1165
- .bg-red-600 {
1166
- background-color: var(--color-red-600);
1167
- }
1168
- .bg-rose-50 {
1169
- background-color: var(--color-rose-50);
1170
- }
1171
- .bg-rose-100 {
1172
- background-color: var(--color-rose-100);
1173
- }
1174
- .bg-rose-100\/70 {
1175
- background-color: color-mix(in srgb, oklch(94.1% 0.03 12.58) 70%, transparent);
1176
- @supports (color: color-mix(in lab, red, red)) {
1177
- background-color: color-mix(in oklab, var(--color-rose-100) 70%, transparent);
1178
- }
1179
- }
1180
- .bg-rose-600 {
1181
- background-color: var(--color-rose-600);
1182
- }
1183
- .bg-slate-50 {
1184
- background-color: var(--color-slate-50);
1185
- }
1186
- .bg-slate-50\/30 {
1187
- background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 30%, transparent);
1188
- @supports (color: color-mix(in lab, red, red)) {
1189
- background-color: color-mix(in oklab, var(--color-slate-50) 30%, transparent);
1190
- }
1191
- }
1192
- .bg-slate-50\/50 {
1193
- background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
1194
- @supports (color: color-mix(in lab, red, red)) {
1195
- background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
1196
- }
1197
- }
1198
- .bg-slate-50\/70 {
1199
- background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
1200
- @supports (color: color-mix(in lab, red, red)) {
1201
- background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
1202
- }
1203
- }
1204
- .bg-slate-100 {
1205
- background-color: var(--color-slate-100);
1206
- }
1207
- .bg-slate-200 {
1208
- background-color: var(--color-slate-200);
1209
- }
1210
- .bg-slate-900\/50 {
1211
- background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
1212
- @supports (color: color-mix(in lab, red, red)) {
1213
- background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
1214
- }
1215
- }
1216
- .bg-white {
1217
- background-color: var(--color-white);
1218
- }
1219
- .bg-white\/20 {
1220
- background-color: color-mix(in srgb, #fff 20%, transparent);
1221
- @supports (color: color-mix(in lab, red, red)) {
1222
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1223
- }
1224
- }
1225
- .bg-white\/90 {
1226
- background-color: color-mix(in srgb, #fff 90%, transparent);
1227
- @supports (color: color-mix(in lab, red, red)) {
1228
- background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
1229
- }
1230
- }
1231
- .bg-zinc-50 {
1232
- background-color: var(--color-zinc-50);
1233
- }
1234
- .bg-gradient-to-br {
1235
- --tw-gradient-position: to bottom right in oklab;
1236
- background-image: linear-gradient(var(--tw-gradient-stops));
1237
- }
1238
- .bg-gradient-to-r {
1239
- --tw-gradient-position: to right in oklab;
1240
- background-image: linear-gradient(var(--tw-gradient-stops));
1241
- }
1242
- .from-blue-500 {
1243
- --tw-gradient-from: var(--color-blue-500);
1244
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1245
- }
1246
- .from-blue-600 {
1247
- --tw-gradient-from: var(--color-blue-600);
1248
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1249
- }
1250
- .via-cyan-400 {
1251
- --tw-gradient-via: var(--color-cyan-400);
1252
- --tw-gradient-via-stops:
1253
- var(--tw-gradient-position),
1254
- var(--tw-gradient-from) var(--tw-gradient-from-position),
1255
- var(--tw-gradient-via) var(--tw-gradient-via-position),
1256
- var(--tw-gradient-to) var(--tw-gradient-to-position);
1257
- --tw-gradient-stops: var(--tw-gradient-via-stops);
1258
- }
1259
- .to-indigo-500 {
1260
- --tw-gradient-to: var(--color-indigo-500);
1261
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1262
- }
1263
- .to-indigo-600 {
1264
- --tw-gradient-to: var(--color-indigo-600);
1265
- --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1266
- }
1267
- .stroke-\[2\.5\] {
1268
- stroke-width: 2.5;
1269
- }
1270
- .p-1\.5 {
1271
- padding: calc(var(--spacing) * 1.5);
1272
- }
1273
- .p-2 {
1274
- padding: calc(var(--spacing) * 2);
1275
- }
1276
- .p-2\.5 {
1277
- padding: calc(var(--spacing) * 2.5);
1278
- }
1279
- .p-3 {
1280
- padding: calc(var(--spacing) * 3);
1281
- }
1282
- .p-3\.5 {
1283
- padding: calc(var(--spacing) * 3.5);
1284
- }
1285
- .p-4 {
1286
- padding: calc(var(--spacing) * 4);
1287
- }
1288
- .p-5 {
1289
- padding: calc(var(--spacing) * 5);
1290
- }
1291
- .p-6 {
1292
- padding: calc(var(--spacing) * 6);
1293
- }
1294
- .p-8 {
1295
- padding: calc(var(--spacing) * 8);
1296
- }
1297
- .px-2 {
1298
- padding-inline: calc(var(--spacing) * 2);
1299
- }
1300
- .px-2\.5 {
1301
- padding-inline: calc(var(--spacing) * 2.5);
1302
- }
1303
- .px-3 {
1304
- padding-inline: calc(var(--spacing) * 3);
1305
- }
1306
- .px-3\.5 {
1307
- padding-inline: calc(var(--spacing) * 3.5);
1308
- }
1309
- .px-4 {
1310
- padding-inline: calc(var(--spacing) * 4);
1311
- }
1312
- .px-5 {
1313
- padding-inline: calc(var(--spacing) * 5);
1314
- }
1315
- .px-6 {
1316
- padding-inline: calc(var(--spacing) * 6);
1317
- }
1318
- .px-8 {
1319
- padding-inline: calc(var(--spacing) * 8);
1320
- }
1321
- .px-16 {
1322
- padding-inline: calc(var(--spacing) * 16);
1323
- }
1324
- .px-\[6px\] {
1325
- padding-inline: 6px;
1326
- }
1327
- .px-\[8px\] {
1328
- padding-inline: 8px;
1329
- }
1330
- .px-\[14px\] {
1331
- padding-inline: 14px;
1332
- }
1333
- .px-\[17px\] {
1334
- padding-inline: 17px;
1335
- }
1336
- .px-\[23px\] {
1337
- padding-inline: 23px;
1338
- }
1339
- .px-\[27px\] {
1340
- padding-inline: 27px;
1341
- }
1342
- .py-0\.5 {
1343
- padding-block: calc(var(--spacing) * 0.5);
1344
- }
1345
- .py-1 {
1346
- padding-block: var(--spacing);
1347
- }
1348
- .py-2 {
1349
- padding-block: calc(var(--spacing) * 2);
1350
- }
1351
- .py-2\.5 {
1352
- padding-block: calc(var(--spacing) * 2.5);
1353
- }
1354
- .py-3 {
1355
- padding-block: calc(var(--spacing) * 3);
1356
- }
1357
- .py-4 {
1358
- padding-block: calc(var(--spacing) * 4);
1359
- }
1360
- .py-4\.5 {
1361
- padding-block: calc(var(--spacing) * 4.5);
1362
- }
1363
- .py-5 {
1364
- padding-block: calc(var(--spacing) * 5);
1365
- }
1366
- .py-6 {
1367
- padding-block: calc(var(--spacing) * 6);
1368
- }
1369
- .py-8 {
1370
- padding-block: calc(var(--spacing) * 8);
1371
- }
1372
- .py-32 {
1373
- padding-block: calc(var(--spacing) * 32);
1374
- }
1375
- .pt-1 {
1376
- padding-top: var(--spacing);
1377
- }
1378
- .pt-2 {
1379
- padding-top: calc(var(--spacing) * 2);
1380
- }
1381
- .pt-4 {
1382
- padding-top: calc(var(--spacing) * 4);
1383
- }
1384
- .pt-6 {
1385
- padding-top: calc(var(--spacing) * 6);
1386
- }
1387
- .pt-\[18px\] {
1388
- padding-top: 18px;
1389
- }
1390
- .pt-\[31px\] {
1391
- padding-top: 31px;
1392
- }
1393
- .pr-3 {
1394
- padding-right: calc(var(--spacing) * 3);
1395
- }
1396
- .pr-4 {
1397
- padding-right: calc(var(--spacing) * 4);
1398
- }
1399
- .pb-3 {
1400
- padding-bottom: calc(var(--spacing) * 3);
1401
- }
1402
- .pb-\[30px\] {
1403
- padding-bottom: 30px;
1404
- }
1405
- .pb-\[34px\] {
1406
- padding-bottom: 34px;
1407
- }
1408
- .pl-3 {
1409
- padding-left: calc(var(--spacing) * 3);
1410
- }
1411
- .pl-3\.5 {
1412
- padding-left: calc(var(--spacing) * 3.5);
1413
- }
1414
- .pl-9 {
1415
- padding-left: calc(var(--spacing) * 9);
1416
- }
1417
- .pl-10 {
1418
- padding-left: calc(var(--spacing) * 10);
1419
- }
1420
- .pl-\[2px\] {
1421
- padding-left: 2px;
1422
- }
1423
- .text-center {
1424
- text-align: center;
1425
- }
1426
- .text-left {
1427
- text-align: left;
1428
- }
1429
- .font-mono {
1430
- font-family: var(--font-mono);
1431
- }
1432
- .font-sans {
1433
- font-family: var(--font-sans);
1434
- }
1435
- .text-2xl {
1436
- font-size: var(--text-2xl);
1437
- line-height: var(--tw-leading, var(--text-2xl--line-height));
1438
- }
1439
- .text-3xl {
1440
- font-size: var(--text-3xl);
1441
- line-height: var(--tw-leading, var(--text-3xl--line-height));
1442
- }
1443
- .text-base {
1444
- font-size: var(--text-base);
1445
- line-height: var(--tw-leading, var(--text-base--line-height));
1446
- }
1447
- .text-lg {
1448
- font-size: var(--text-lg);
1449
- line-height: var(--tw-leading, var(--text-lg--line-height));
1450
- }
1451
- .text-sm {
1452
- font-size: var(--text-sm);
1453
- line-height: var(--tw-leading, var(--text-sm--line-height));
1454
- }
1455
- .text-xl {
1456
- font-size: var(--text-xl);
1457
- line-height: var(--tw-leading, var(--text-xl--line-height));
1458
- }
1459
- .text-xs {
1460
- font-size: var(--text-xs);
1461
- line-height: var(--tw-leading, var(--text-xs--line-height));
1462
- }
1463
- .text-\[9px\] {
1464
- font-size: 9px;
1465
- }
1466
- .text-\[10px\] {
1467
- font-size: 10px;
1468
- }
1469
- .text-\[11px\] {
1470
- font-size: 11px;
1471
- }
1472
- .text-\[12px\] {
1473
- font-size: 12px;
1474
- }
1475
- .text-\[13px\] {
1476
- font-size: 13px;
1477
- }
1478
- .text-\[14px\] {
1479
- font-size: 14px;
1480
- }
1481
- .text-\[15px\] {
1482
- font-size: 15px;
1483
- }
1484
- .text-\[16px\] {
1485
- font-size: 16px;
1486
- }
1487
- .text-\[18px\] {
1488
- font-size: 18px;
1489
- }
1490
- .text-\[30px\] {
1491
- font-size: 30px;
1492
- }
1493
- .leading-8 {
1494
- --tw-leading: calc(var(--spacing) * 8);
1495
- line-height: calc(var(--spacing) * 8);
1496
- }
1497
- .leading-10 {
1498
- --tw-leading: calc(var(--spacing) * 10);
1499
- line-height: calc(var(--spacing) * 10);
1500
- }
1501
- .leading-\[20px\] {
1502
- --tw-leading: 20px;
1503
- line-height: 20px;
1504
- }
1505
- .leading-relaxed {
1506
- --tw-leading: var(--leading-relaxed);
1507
- line-height: var(--leading-relaxed);
1508
- }
1509
- .leading-tight {
1510
- --tw-leading: var(--leading-tight);
1511
- line-height: var(--leading-tight);
1512
- }
1513
- .font-bold {
1514
- --tw-font-weight: var(--font-weight-bold);
1515
- font-weight: var(--font-weight-bold);
1516
- }
1517
- .font-extrabold {
1518
- --tw-font-weight: var(--font-weight-extrabold);
1519
- font-weight: var(--font-weight-extrabold);
1520
- }
1521
- .font-medium {
1522
- --tw-font-weight: var(--font-weight-medium);
1523
- font-weight: var(--font-weight-medium);
1524
- }
1525
- .font-normal {
1526
- --tw-font-weight: var(--font-weight-normal);
1527
- font-weight: var(--font-weight-normal);
1528
- }
1529
- .font-semibold {
1530
- --tw-font-weight: var(--font-weight-semibold);
1531
- font-weight: var(--font-weight-semibold);
1532
- }
1533
- .tracking-\[0\.2px\] {
1534
- --tw-tracking: 0.2px;
1535
- letter-spacing: 0.2px;
1536
- }
1537
- .tracking-tight {
1538
- --tw-tracking: var(--tracking-tight);
1539
- letter-spacing: var(--tracking-tight);
1540
- }
1541
- .tracking-wide {
1542
- --tw-tracking: var(--tracking-wide);
1543
- letter-spacing: var(--tracking-wide);
1544
- }
1545
- .tracking-wider {
1546
- --tw-tracking: var(--tracking-wider);
1547
- letter-spacing: var(--tracking-wider);
1548
- }
1549
- .break-words {
1550
- overflow-wrap: break-word;
1551
- }
1552
- .whitespace-normal {
1553
- white-space: normal;
1554
- }
1555
- .whitespace-nowrap {
1556
- white-space: nowrap;
1557
- }
1558
- .text-\[\#1E293B\] {
1559
- color: #1E293B;
1560
- }
1561
- .text-\[\#2D3A58\] {
1562
- color: #2D3A58;
1563
- }
1564
- .text-\[\#3C4D74\] {
1565
- color: #3C4D74;
1566
- }
1567
- .text-\[\#2563eb\] {
1568
- color: #2563eb;
1569
- }
1570
- .text-\[\#101318\] {
1571
- color: #101318;
1572
- }
1573
- .text-\[\#273657\] {
1574
- color: #273657;
1575
- }
1576
- .text-\[\#344261\] {
1577
- color: #344261;
1578
- }
1579
- .text-\[\#405170\] {
1580
- color: #405170;
1581
- }
1582
- .text-amber-600 {
1583
- color: var(--color-amber-600);
1584
- }
1585
- .text-amber-700 {
1586
- color: var(--color-amber-700);
1587
- }
1588
- .text-black {
1589
- color: var(--color-black);
1590
- }
1591
- .text-blue-600 {
1592
- color: var(--color-blue-600);
1593
- }
1594
- .text-blue-700 {
1595
- color: var(--color-blue-700);
1596
- }
1597
- .text-emerald-600 {
1598
- color: var(--color-emerald-600);
1599
- }
1600
- .text-emerald-700 {
1601
- color: var(--color-emerald-700);
1602
- }
1603
- .text-gray-400 {
1604
- color: var(--color-gray-400);
1605
- }
1606
- .text-gray-500 {
1607
- color: var(--color-gray-500);
1608
- }
1609
- .text-gray-600 {
1610
- color: var(--color-gray-600);
1611
- }
1612
- .text-gray-700 {
1613
- color: var(--color-gray-700);
1614
- }
1615
- .text-gray-800 {
1616
- color: var(--color-gray-800);
1617
- }
1618
- .text-gray-900 {
1619
- color: var(--color-gray-900);
1620
- }
1621
- .text-green-700 {
1622
- color: var(--color-green-700);
1623
- }
1624
- .text-indigo-600 {
1625
- color: var(--color-indigo-600);
1626
- }
1627
- .text-indigo-700 {
1628
- color: var(--color-indigo-700);
1629
- }
1630
- .text-orange-700 {
1631
- color: var(--color-orange-700);
1632
- }
1633
- .text-red-400 {
1634
- color: var(--color-red-400);
1635
- }
1636
- .text-red-500 {
1637
- color: var(--color-red-500);
1638
- }
1639
- .text-red-600 {
1640
- color: var(--color-red-600);
1641
- }
1642
- .text-red-700 {
1643
- color: var(--color-red-700);
1644
- }
1645
- .text-rose-600 {
1646
- color: var(--color-rose-600);
1647
- }
1648
- .text-rose-700 {
1649
- color: var(--color-rose-700);
1650
- }
1651
- .text-slate-300 {
1652
- color: var(--color-slate-300);
1653
- }
1654
- .text-slate-400 {
1655
- color: var(--color-slate-400);
1656
- }
1657
- .text-slate-500 {
1658
- color: var(--color-slate-500);
1659
- }
1660
- .text-slate-600 {
1661
- color: var(--color-slate-600);
1662
- }
1663
- .text-slate-700 {
1664
- color: var(--color-slate-700);
1665
- }
1666
- .text-slate-800 {
1667
- color: var(--color-slate-800);
1668
- }
1669
- .text-slate-900 {
1670
- color: var(--color-slate-900);
1671
- }
1672
- .text-white {
1673
- color: var(--color-white);
1674
- }
1675
- .text-zinc-600 {
1676
- color: var(--color-zinc-600);
1677
- }
1678
- .text-zinc-950 {
1679
- color: var(--color-zinc-950);
1680
- }
1681
- .uppercase {
1682
- text-transform: uppercase;
1683
- }
1684
- .antialiased {
1685
- -webkit-font-smoothing: antialiased;
1686
- -moz-osx-font-smoothing: grayscale;
1687
- }
1688
- .placeholder-slate-400::placeholder {
1689
- color: var(--color-slate-400);
1690
- }
1691
- .opacity-0 {
1692
- opacity: 0%;
1693
- }
1694
- .opacity-100 {
1695
- opacity: 100%;
1696
- }
1697
- .shadow {
1698
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1699
- box-shadow:
1700
- var(--tw-inset-shadow),
1701
- var(--tw-inset-ring-shadow),
1702
- var(--tw-ring-offset-shadow),
1703
- var(--tw-ring-shadow),
1704
- var(--tw-shadow);
1705
- }
1706
- .shadow-2xl {
1707
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1708
- box-shadow:
1709
- var(--tw-inset-shadow),
1710
- var(--tw-inset-ring-shadow),
1711
- var(--tw-ring-offset-shadow),
1712
- var(--tw-ring-shadow),
1713
- var(--tw-shadow);
1714
- }
1715
- .shadow-\[0_1px_0_0_rgba\(226\,232\,240\,1\)\] {
1716
- --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, rgba(226,232,240,1));
1717
- box-shadow:
1718
- var(--tw-inset-shadow),
1719
- var(--tw-inset-ring-shadow),
1720
- var(--tw-ring-offset-shadow),
1721
- var(--tw-ring-shadow),
1722
- var(--tw-shadow);
1723
- }
1724
- .shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.08\)\] {
1725
- --tw-shadow: 0 2px 8px var(--tw-shadow-color, rgba(0,0,0,0.08));
1726
- box-shadow:
1727
- var(--tw-inset-shadow),
1728
- var(--tw-inset-ring-shadow),
1729
- var(--tw-ring-offset-shadow),
1730
- var(--tw-ring-shadow),
1731
- var(--tw-shadow);
1732
- }
1733
- .shadow-inner {
1734
- --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1735
- box-shadow:
1736
- var(--tw-inset-shadow),
1737
- var(--tw-inset-ring-shadow),
1738
- var(--tw-ring-offset-shadow),
1739
- var(--tw-ring-shadow),
1740
- var(--tw-shadow);
1741
- }
1742
- .shadow-lg {
1743
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1744
- box-shadow:
1745
- var(--tw-inset-shadow),
1746
- var(--tw-inset-ring-shadow),
1747
- var(--tw-ring-offset-shadow),
1748
- var(--tw-ring-shadow),
1749
- var(--tw-shadow);
1750
- }
1751
- .shadow-md {
1752
- --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1753
- box-shadow:
1754
- var(--tw-inset-shadow),
1755
- var(--tw-inset-ring-shadow),
1756
- var(--tw-ring-offset-shadow),
1757
- var(--tw-ring-shadow),
1758
- var(--tw-shadow);
1759
- }
1760
- .shadow-sm {
1761
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1762
- box-shadow:
1763
- var(--tw-inset-shadow),
1764
- var(--tw-inset-ring-shadow),
1765
- var(--tw-ring-offset-shadow),
1766
- var(--tw-ring-shadow),
1767
- var(--tw-shadow);
1768
- }
1769
- .ring-0 {
1770
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1771
- box-shadow:
1772
- var(--tw-inset-shadow),
1773
- var(--tw-inset-ring-shadow),
1774
- var(--tw-ring-offset-shadow),
1775
- var(--tw-ring-shadow),
1776
- var(--tw-shadow);
1777
- }
1778
- .shadow-blue-500\/10 {
1779
- --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
1780
- @supports (color: color-mix(in lab, red, red)) {
1781
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
1782
- }
1783
- }
1784
- .shadow-blue-500\/20 {
1785
- --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
1786
- @supports (color: color-mix(in lab, red, red)) {
1787
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
1788
- }
1789
- }
1790
- .shadow-indigo-500\/10 {
1791
- --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
1792
- @supports (color: color-mix(in lab, red, red)) {
1793
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
1794
- }
1795
- }
1796
- .shadow-red-500\/20 {
1797
- --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
1798
- @supports (color: color-mix(in lab, red, red)) {
1799
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
1800
- }
1801
- }
1802
- .blur {
1803
- --tw-blur: blur(8px);
1804
- 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,);
1805
- }
1806
- .blur-3xl {
1807
- --tw-blur: blur(var(--blur-3xl));
1808
- 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,);
1809
- }
1810
- .filter {
1811
- 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,);
1812
- }
1813
- .backdrop-blur-sm {
1814
- --tw-backdrop-blur: blur(var(--blur-sm));
1815
- -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,);
1816
- 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,);
1817
- }
1818
- .backdrop-blur-xl {
1819
- --tw-backdrop-blur: blur(var(--blur-xl));
1820
- -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,);
1821
- 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,);
1822
- }
1823
- .transition {
1824
- transition-property:
1825
- color,
1826
- background-color,
1827
- border-color,
1828
- outline-color,
1829
- text-decoration-color,
1830
- fill,
1831
- stroke,
1832
- --tw-gradient-from,
1833
- --tw-gradient-via,
1834
- --tw-gradient-to,
1835
- opacity,
1836
- box-shadow,
1837
- transform,
1838
- translate,
1839
- scale,
1840
- rotate,
1841
- filter,
1842
- -webkit-backdrop-filter,
1843
- backdrop-filter,
1844
- display,
1845
- content-visibility,
1846
- overlay,
1847
- pointer-events;
1848
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1849
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1850
- }
1851
- .transition-all {
1852
- transition-property: all;
1853
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1854
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1855
- }
1856
- .transition-colors {
1857
- transition-property:
1858
- color,
1859
- background-color,
1860
- border-color,
1861
- outline-color,
1862
- text-decoration-color,
1863
- fill,
1864
- stroke,
1865
- --tw-gradient-from,
1866
- --tw-gradient-via,
1867
- --tw-gradient-to;
1868
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1869
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1870
- }
1871
- .transition-opacity {
1872
- transition-property: opacity;
1873
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1874
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1875
- }
1876
- .transition-transform {
1877
- transition-property:
1878
- transform,
1879
- translate,
1880
- scale,
1881
- rotate;
1882
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1883
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1884
- }
1885
- .duration-150 {
1886
- --tw-duration: 150ms;
1887
- transition-duration: 150ms;
1888
- }
1889
- .duration-200 {
1890
- --tw-duration: 200ms;
1891
- transition-duration: 200ms;
1892
- }
1893
- .duration-300 {
1894
- --tw-duration: 300ms;
1895
- transition-duration: 300ms;
1896
- }
1897
- .duration-1000 {
1898
- --tw-duration: 1000ms;
1899
- transition-duration: 1000ms;
1900
- }
1901
- .ease-in-out {
1902
- --tw-ease: var(--ease-in-out);
1903
- transition-timing-function: var(--ease-in-out);
1904
- }
1905
- .outline-none {
1906
- --tw-outline-style: none;
1907
- outline-style: none;
1908
- }
1909
- .select-none {
1910
- -webkit-user-select: none;
1911
- user-select: none;
1912
- }
1913
- @media (hover: hover) {
1914
- .group-hover\:translate-x-\[250\%\]:is(:where(.group):hover *) {
1915
- --tw-translate-x: 250%;
1916
- translate: var(--tw-translate-x) var(--tw-translate-y);
1917
- }
1918
- .group-hover\:rotate-90:is(:where(.group):hover *) {
1919
- rotate: 90deg;
1920
- }
1921
- }
1922
- .peer-checked\:bg-indigo-600:is(:where(.peer):checked ~ *) {
1923
- background-color: var(--color-indigo-600);
1924
- }
1925
- .peer-focus\:outline-none:is(:where(.peer):focus ~ *) {
1926
- --tw-outline-style: none;
1927
- outline-style: none;
1928
- }
1929
- .after\:absolute::after {
1930
- content: var(--tw-content);
1931
- position: absolute;
1932
- }
1933
- .after\:top-\[2px\]::after {
1934
- content: var(--tw-content);
1935
- top: 2px;
1936
- }
1937
- .after\:left-\[2px\]::after {
1938
- content: var(--tw-content);
1939
- left: 2px;
1940
- }
1941
- .after\:h-3\.5::after {
1942
- content: var(--tw-content);
1943
- height: calc(var(--spacing) * 3.5);
1944
- }
1945
- .after\:w-3\.5::after {
1946
- content: var(--tw-content);
1947
- width: calc(var(--spacing) * 3.5);
1948
- }
1949
- .after\:rounded-full::after {
1950
- content: var(--tw-content);
1951
- border-radius: calc(infinity * 1px);
1952
- }
1953
- .after\:border::after {
1954
- content: var(--tw-content);
1955
- border-style: var(--tw-border-style);
1956
- border-width: 1px;
1957
- }
1958
- .after\:border-slate-300::after {
1959
- content: var(--tw-content);
1960
- border-color: var(--color-slate-300);
1961
- }
1962
- .after\:bg-white::after {
1963
- content: var(--tw-content);
1964
- background-color: var(--color-white);
1965
- }
1966
- .after\:transition-all::after {
1967
- content: var(--tw-content);
1968
- transition-property: all;
1969
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1970
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1971
- }
1972
- .after\:content-\[\'\'\]::after {
1973
- --tw-content: "";
1974
- content: var(--tw-content);
1975
- }
1976
- .peer-checked\:after\:translate-x-full:is(:where(.peer):checked ~ *)::after {
1977
- content: var(--tw-content);
1978
- --tw-translate-x: 100%;
1979
- translate: var(--tw-translate-x) var(--tw-translate-y);
1980
- }
1981
- .peer-checked\:after\:border-white:is(:where(.peer):checked ~ *)::after {
1982
- content: var(--tw-content);
1983
- border-color: var(--color-white);
1984
- }
1985
- .last\:border-0:last-child {
1986
- border-style: var(--tw-border-style);
1987
- border-width: 0px;
1988
- }
1989
- @media (hover: hover) {
1990
- .hover\:-translate-y-0\.5:hover {
1991
- --tw-translate-y: calc(var(--spacing) * -0.5);
1992
- translate: var(--tw-translate-x) var(--tw-translate-y);
1993
- }
1994
- .hover\:scale-110:hover {
1995
- --tw-scale-x: 110%;
1996
- --tw-scale-y: 110%;
1997
- --tw-scale-z: 110%;
1998
- scale: var(--tw-scale-x) var(--tw-scale-y);
1999
- }
2000
- .hover\:rotate-6:hover {
2001
- rotate: 6deg;
2002
- }
2003
- .hover\:border-blue-600:hover {
2004
- border-color: var(--color-blue-600);
2005
- }
2006
- .hover\:border-transparent:hover {
2007
- border-color: transparent;
2008
- }
2009
- .hover\:bg-\[\#1d4ed8\]:hover {
2010
- background-color: #1d4ed8;
2011
- }
2012
- .hover\:bg-\[\#383838\]:hover {
2013
- background-color: #383838;
2014
- }
2015
- .hover\:bg-\[\#F3F5F9\]:hover {
2016
- background-color: #F3F5F9;
2017
- }
2018
- .hover\:bg-\[\#F6F8FC\]:hover {
2019
- background-color: #F6F8FC;
2020
- }
2021
- .hover\:bg-\[\#F7F8FC\]:hover {
2022
- background-color: #F7F8FC;
2023
- }
2024
- .hover\:bg-black\/\[\.04\]:hover {
2025
- background-color: color-mix(in srgb, #000 4%, transparent);
2026
- }
2027
- @supports (color: color-mix(in lab, red, red)) {
2028
- .hover\:bg-black\/\[\.04\]:hover {
2029
- background-color: color-mix(in oklab, var(--color-black) 4%, transparent);
2030
- }
2031
- }
2032
- .hover\:bg-blue-50:hover {
2033
- background-color: var(--color-blue-50);
2034
- }
2035
- .hover\:bg-blue-100:hover {
2036
- background-color: var(--color-blue-100);
2037
- }
2038
- .hover\:bg-blue-200\/80:hover {
2039
- background-color: color-mix(in srgb, oklch(88.2% 0.059 254.128) 80%, transparent);
2040
- }
2041
- @supports (color: color-mix(in lab, red, red)) {
2042
- .hover\:bg-blue-200\/80:hover {
2043
- background-color: color-mix(in oklab, var(--color-blue-200) 80%, transparent);
2044
- }
2045
- }
2046
- .hover\:bg-blue-600:hover {
2047
- background-color: var(--color-blue-600);
2048
- }
2049
- .hover\:bg-blue-700:hover {
2050
- background-color: var(--color-blue-700);
2051
- }
2052
- .hover\:bg-gray-100:hover {
2053
- background-color: var(--color-gray-100);
2054
- }
2055
- .hover\:bg-gray-200:hover {
2056
- background-color: var(--color-gray-200);
2057
- }
2058
- .hover\:bg-indigo-700:hover {
2059
- background-color: var(--color-indigo-700);
2060
- }
2061
- .hover\:bg-red-100:hover {
2062
- background-color: var(--color-red-100);
2063
- }
2064
- .hover\:bg-red-700:hover {
2065
- background-color: var(--color-red-700);
2066
- }
2067
- .hover\:bg-rose-100:hover {
2068
- background-color: var(--color-rose-100);
2069
- }
2070
- .hover\:bg-rose-200\/80:hover {
2071
- background-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 80%, transparent);
2072
- }
2073
- @supports (color: color-mix(in lab, red, red)) {
2074
- .hover\:bg-rose-200\/80:hover {
2075
- background-color: color-mix(in oklab, var(--color-rose-200) 80%, transparent);
2076
- }
2077
- }
2078
- .hover\:bg-rose-700:hover {
2079
- background-color: var(--color-rose-700);
2080
- }
2081
- .hover\:bg-slate-50:hover {
2082
- background-color: var(--color-slate-50);
2083
- }
2084
- .hover\:bg-slate-50\/50:hover {
2085
- background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
2086
- }
2087
- @supports (color: color-mix(in lab, red, red)) {
2088
- .hover\:bg-slate-50\/50:hover {
2089
- background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
2090
- }
2091
- }
2092
- .hover\:bg-slate-50\/80:hover {
2093
- background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
2094
- }
2095
- @supports (color: color-mix(in lab, red, red)) {
2096
- .hover\:bg-slate-50\/80:hover {
2097
- background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
2098
- }
2099
- }
2100
- .hover\:bg-slate-100:hover {
2101
- background-color: var(--color-slate-100);
2102
- }
2103
- .hover\:text-blue-600:hover {
2104
- color: var(--color-blue-600);
2105
- }
2106
- .hover\:text-gray-600:hover {
2107
- color: var(--color-gray-600);
2108
- }
2109
- .hover\:text-slate-600:hover {
2110
- color: var(--color-slate-600);
2111
- }
2112
- .hover\:text-slate-700:hover {
2113
- color: var(--color-slate-700);
2114
- }
2115
- .hover\:text-slate-900:hover {
2116
- color: var(--color-slate-900);
2117
- }
2118
- .hover\:text-white:hover {
2119
- color: var(--color-white);
2120
- }
2121
- .hover\:underline:hover {
2122
- text-decoration-line: underline;
2123
- }
2124
- .hover\:shadow-lg:hover {
2125
- --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2126
- box-shadow:
2127
- var(--tw-inset-shadow),
2128
- var(--tw-inset-ring-shadow),
2129
- var(--tw-ring-offset-shadow),
2130
- var(--tw-ring-shadow),
2131
- var(--tw-shadow);
2132
- }
2133
- .hover\:shadow-xl:hover {
2134
- --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2135
- box-shadow:
2136
- var(--tw-inset-shadow),
2137
- var(--tw-inset-ring-shadow),
2138
- var(--tw-ring-offset-shadow),
2139
- var(--tw-ring-shadow),
2140
- var(--tw-shadow);
2141
- }
2142
- .hover\:shadow-blue-500\/30:hover {
2143
- --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
2144
- }
2145
- @supports (color: color-mix(in lab, red, red)) {
2146
- .hover\:shadow-blue-500\/30:hover {
2147
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
2148
- }
2149
- }
2150
- }
2151
- .focus\:border-\[\#2563eb\]:focus {
2152
- border-color: #2563eb;
2153
- }
2154
- .focus\:border-blue-500:focus {
2155
- border-color: var(--color-blue-500);
2156
- }
2157
- .focus\:border-indigo-500:focus {
2158
- border-color: var(--color-indigo-500);
2159
- }
2160
- .focus\:bg-white:focus {
2161
- background-color: var(--color-white);
2162
- }
2163
- .focus\:ring-1:focus {
2164
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2165
- box-shadow:
2166
- var(--tw-inset-shadow),
2167
- var(--tw-inset-ring-shadow),
2168
- var(--tw-ring-offset-shadow),
2169
- var(--tw-ring-shadow),
2170
- var(--tw-shadow);
2171
- }
2172
- .focus\:ring-2:focus {
2173
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2174
- box-shadow:
2175
- var(--tw-inset-shadow),
2176
- var(--tw-inset-ring-shadow),
2177
- var(--tw-ring-offset-shadow),
2178
- var(--tw-ring-shadow),
2179
- var(--tw-shadow);
2180
- }
2181
- .focus\:ring-4:focus {
2182
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2183
- box-shadow:
2184
- var(--tw-inset-shadow),
2185
- var(--tw-inset-ring-shadow),
2186
- var(--tw-ring-offset-shadow),
2187
- var(--tw-ring-shadow),
2188
- var(--tw-shadow);
2189
- }
2190
- .focus\:ring-\[\#2563eb\]:focus {
2191
- --tw-ring-color: #2563eb;
2192
- }
2193
- .focus\:ring-blue-500:focus {
2194
- --tw-ring-color: var(--color-blue-500);
2195
- }
2196
- .focus\:ring-blue-500\/10:focus {
2197
- --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
2198
- @supports (color: color-mix(in lab, red, red)) {
2199
- --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
2200
- }
2201
- }
2202
- .focus\:ring-blue-500\/20:focus {
2203
- --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
2204
- @supports (color: color-mix(in lab, red, red)) {
2205
- --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
2206
- }
2207
- }
2208
- .focus\:ring-gray-300:focus {
2209
- --tw-ring-color: var(--color-gray-300);
2210
- }
2211
- .focus\:ring-indigo-500:focus {
2212
- --tw-ring-color: var(--color-indigo-500);
2213
- }
2214
- .focus\:ring-indigo-500\/10:focus {
2215
- --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
2216
- @supports (color: color-mix(in lab, red, red)) {
2217
- --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
2218
- }
2219
- }
2220
- .focus\:ring-red-500:focus {
2221
- --tw-ring-color: var(--color-red-500);
2222
- }
2223
- .focus\:ring-offset-2:focus {
2224
- --tw-ring-offset-width: 2px;
2225
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2226
- }
2227
- .focus\:outline-none:focus {
2228
- --tw-outline-style: none;
2229
- outline-style: none;
2230
- }
2231
- .active\:scale-95:active {
2232
- --tw-scale-x: 95%;
2233
- --tw-scale-y: 95%;
2234
- --tw-scale-z: 95%;
2235
- scale: var(--tw-scale-x) var(--tw-scale-y);
2236
- }
2237
- .active\:bg-gray-300:active {
2238
- background-color: var(--color-gray-300);
2239
- }
2240
- .active\:bg-red-800:active {
2241
- background-color: var(--color-red-800);
2242
- }
2243
- .disabled\:opacity-40:disabled {
2244
- opacity: 40%;
2245
- }
2246
- .disabled\:opacity-50:disabled {
2247
- opacity: 50%;
2248
- }
2249
- @media (width >= 40rem) {
2250
- .sm\:flex-row {
2251
- flex-direction: row;
2252
- }
2253
- .sm\:items-start {
2254
- align-items: flex-start;
2255
- }
2256
- .sm\:text-left {
2257
- text-align: left;
2258
- }
2259
- }
2260
- @media (width >= 48rem) {
2261
- .md\:col-span-2 {
2262
- grid-column: span 2 / span 2;
2263
- }
2264
- .md\:w-\[158px\] {
2265
- width: 158px;
2266
- }
2267
- .md\:grid-cols-2 {
2268
- grid-template-columns: repeat(2, minmax(0, 1fr));
2269
- }
2270
- .md\:grid-cols-3 {
2271
- grid-template-columns: repeat(3, minmax(0, 1fr));
2272
- }
2273
- .md\:p-6 {
2274
- padding: calc(var(--spacing) * 6);
2275
- }
2276
- }
2277
- @media (width >= 64rem) {
2278
- .lg\:grid-cols-4 {
2279
- grid-template-columns: repeat(4, minmax(0, 1fr));
2280
- }
2281
- }
2282
- @media (prefers-color-scheme: dark) {
2283
- .dark\:border-white\/\[\.145\] {
2284
- border-color: color-mix(in srgb, #fff 14.499999999999998%, transparent);
2285
- }
2286
- @supports (color: color-mix(in lab, red, red)) {
2287
- .dark\:border-white\/\[\.145\] {
2288
- border-color: color-mix(in oklab, var(--color-white) 14.499999999999998%, transparent);
2289
- }
2290
- }
2291
- .dark\:bg-black {
2292
- background-color: var(--color-black);
2293
- }
2294
- .dark\:text-zinc-50 {
2295
- color: var(--color-zinc-50);
2296
- }
2297
- .dark\:text-zinc-400 {
2298
- color: var(--color-zinc-400);
2299
- }
2300
- .dark\:invert {
2301
- --tw-invert: invert(100%);
2302
- 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,);
2303
- }
2304
- @media (hover: hover) {
2305
- .dark\:hover\:bg-\[\#1a1a1a\]:hover {
2306
- background-color: #1a1a1a;
2307
- }
2308
- .dark\:hover\:bg-\[\#ccc\]:hover {
2309
- background-color: #ccc;
2310
- }
2311
- }
2312
- }
2313
- }
2314
- @layer flowcore-isolate {
2315
- .flowcore-root,
2316
- .flowcore-root * {
2317
- font-family: inherit;
2318
- line-height: normal;
2319
- }
2320
- .flowcore-root table {
2321
- border-collapse: collapse;
2322
- width: 100%;
2323
- }
2324
- .flowcore-root th,
2325
- .flowcore-root td {
2326
- padding: initial;
2327
- text-align: initial;
2328
- }
2329
- .flowcore-root input,
2330
- .flowcore-root button,
2331
- .flowcore-root select {
2332
- margin: 0;
2333
- font-family: inherit;
2334
- font-size: 100%;
2335
- }
2336
- }
2337
- .flowcore-ui {
2338
- isolation: isolate;
2339
- }
2340
- @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
2341
- @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
2342
- @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
2343
- @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
2344
- @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
2345
- @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
2346
- @property --tw-rotate-x { syntax: "*"; inherits: false; }
2347
- @property --tw-rotate-y { syntax: "*"; inherits: false; }
2348
- @property --tw-rotate-z { syntax: "*"; inherits: false; }
2349
- @property --tw-skew-x { syntax: "*"; inherits: false; }
2350
- @property --tw-skew-y { syntax: "*"; inherits: false; }
2351
- @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
2352
- @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
2353
- @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
2354
- @property --tw-gradient-position { syntax: "*"; inherits: false; }
2355
- @property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
2356
- @property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
2357
- @property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
2358
- @property --tw-gradient-stops { syntax: "*"; inherits: false; }
2359
- @property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
2360
- @property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
2361
- @property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
2362
- @property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
2363
- @property --tw-leading { syntax: "*"; inherits: false; }
2364
- @property --tw-font-weight { syntax: "*"; inherits: false; }
2365
- @property --tw-tracking { syntax: "*"; inherits: false; }
2366
- @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2367
- @property --tw-shadow-color { syntax: "*"; inherits: false; }
2368
- @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
2369
- @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2370
- @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
2371
- @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
2372
- @property --tw-ring-color { syntax: "*"; inherits: false; }
2373
- @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2374
- @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
2375
- @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2376
- @property --tw-ring-inset { syntax: "*"; inherits: false; }
2377
- @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
2378
- @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
2379
- @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2380
- @property --tw-blur { syntax: "*"; inherits: false; }
2381
- @property --tw-brightness { syntax: "*"; inherits: false; }
2382
- @property --tw-contrast { syntax: "*"; inherits: false; }
2383
- @property --tw-grayscale { syntax: "*"; inherits: false; }
2384
- @property --tw-hue-rotate { syntax: "*"; inherits: false; }
2385
- @property --tw-invert { syntax: "*"; inherits: false; }
2386
- @property --tw-opacity { syntax: "*"; inherits: false; }
2387
- @property --tw-saturate { syntax: "*"; inherits: false; }
2388
- @property --tw-sepia { syntax: "*"; inherits: false; }
2389
- @property --tw-drop-shadow { syntax: "*"; inherits: false; }
2390
- @property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
2391
- @property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
2392
- @property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
2393
- @property --tw-backdrop-blur { syntax: "*"; inherits: false; }
2394
- @property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
2395
- @property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
2396
- @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
2397
- @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
2398
- @property --tw-backdrop-invert { syntax: "*"; inherits: false; }
2399
- @property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
2400
- @property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
2401
- @property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
2402
- @property --tw-duration { syntax: "*"; inherits: false; }
2403
- @property --tw-ease { syntax: "*"; inherits: false; }
2404
- @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
2405
- @layer properties {
2406
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2407
- *,
2408
- ::before,
2409
- ::after,
2410
- ::backdrop {
2411
- --tw-translate-x: 0;
2412
- --tw-translate-y: 0;
2413
- --tw-translate-z: 0;
2414
- --tw-scale-x: 1;
2415
- --tw-scale-y: 1;
2416
- --tw-scale-z: 1;
2417
- --tw-rotate-x: initial;
2418
- --tw-rotate-y: initial;
2419
- --tw-rotate-z: initial;
2420
- --tw-skew-x: initial;
2421
- --tw-skew-y: initial;
2422
- --tw-space-y-reverse: 0;
2423
- --tw-divide-y-reverse: 0;
2424
- --tw-border-style: solid;
2425
- --tw-gradient-position: initial;
2426
- --tw-gradient-from: #0000;
2427
- --tw-gradient-via: #0000;
2428
- --tw-gradient-to: #0000;
2429
- --tw-gradient-stops: initial;
2430
- --tw-gradient-via-stops: initial;
2431
- --tw-gradient-from-position: 0%;
2432
- --tw-gradient-via-position: 50%;
2433
- --tw-gradient-to-position: 100%;
2434
- --tw-leading: initial;
2435
- --tw-font-weight: initial;
2436
- --tw-tracking: initial;
2437
- --tw-shadow: 0 0 #0000;
2438
- --tw-shadow-color: initial;
2439
- --tw-shadow-alpha: 100%;
2440
- --tw-inset-shadow: 0 0 #0000;
2441
- --tw-inset-shadow-color: initial;
2442
- --tw-inset-shadow-alpha: 100%;
2443
- --tw-ring-color: initial;
2444
- --tw-ring-shadow: 0 0 #0000;
2445
- --tw-inset-ring-color: initial;
2446
- --tw-inset-ring-shadow: 0 0 #0000;
2447
- --tw-ring-inset: initial;
2448
- --tw-ring-offset-width: 0px;
2449
- --tw-ring-offset-color: #fff;
2450
- --tw-ring-offset-shadow: 0 0 #0000;
2451
- --tw-blur: initial;
2452
- --tw-brightness: initial;
2453
- --tw-contrast: initial;
2454
- --tw-grayscale: initial;
2455
- --tw-hue-rotate: initial;
2456
- --tw-invert: initial;
2457
- --tw-opacity: initial;
2458
- --tw-saturate: initial;
2459
- --tw-sepia: initial;
2460
- --tw-drop-shadow: initial;
2461
- --tw-drop-shadow-color: initial;
2462
- --tw-drop-shadow-alpha: 100%;
2463
- --tw-drop-shadow-size: initial;
2464
- --tw-backdrop-blur: initial;
2465
- --tw-backdrop-brightness: initial;
2466
- --tw-backdrop-contrast: initial;
2467
- --tw-backdrop-grayscale: initial;
2468
- --tw-backdrop-hue-rotate: initial;
2469
- --tw-backdrop-invert: initial;
2470
- --tw-backdrop-opacity: initial;
2471
- --tw-backdrop-saturate: initial;
2472
- --tw-backdrop-sepia: initial;
2473
- --tw-duration: initial;
2474
- --tw-ease: initial;
2475
- --tw-content: "";
2476
- }
2477
- }
2478
- }
2479
- /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
216
+ @layer utilities;
217
+ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */