@shape-digital-env/shape-ui 0.0.1 → 0.0.2

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/styles.css CHANGED
@@ -10,36 +10,21 @@
10
10
  "Courier New", monospace;
11
11
  --color-red-100: #e43030;
12
12
  --color-red-200: #a02020;
13
- --color-red-500: oklch(63.7% 0.237 25.331);
14
- --color-red-600: oklch(57.7% 0.245 27.325);
15
13
  --color-yellow-100: #ffa000;
16
- --color-yellow-200: #ba7000;
17
- --color-green-50: #b0ebad;
18
14
  --color-green-100: #099000;
19
15
  --color-green-200: #207010;
20
- --color-green-400: oklch(79.2% 0.209 151.711);
21
- --color-green-500: oklch(72.3% 0.219 149.579);
22
- --color-emerald-600: oklch(59.6% 0.145 163.225);
23
- --color-blue-50: #e5f5ff;
24
16
  --color-blue-100: #4999f5;
25
17
  --color-blue-200: #0f55af;
26
18
  --color-blue-300: #002d50;
27
- --color-blue-500: oklch(62.3% 0.214 259.815);
28
- --color-blue-900: oklch(37.9% 0.146 265.522);
29
- --color-purple-100: #be68ec;
30
19
  --color-pink-100: #ff8080;
31
20
  --color-gray-100: #1a1a1a;
32
21
  --color-gray-200: #202020;
33
22
  --color-gray-300: #303030;
34
23
  --color-gray-400: #606060;
35
24
  --color-gray-500: #909090;
36
- --color-gray-600: oklch(44.6% 0.03 256.802);
37
- --color-gray-950: oklch(13% 0.028 261.692);
38
25
  --color-black: #000000;
39
26
  --color-white: #f0f0f0;
40
27
  --spacing: 0.25rem;
41
- --container-3xl: 48rem;
42
- --container-5xl: 64rem;
43
28
  --text-xs: 0.625rem;
44
29
  --text-xs--line-height: var(--leading-xs);
45
30
  --text-sm: 0.75rem;
@@ -48,25 +33,15 @@
48
33
  --text-base--line-height: calc(1.5 / 1);
49
34
  --text-lg: 1rem;
50
35
  --text-lg--line-height: var(--leading-lg);
51
- --text-xl: 1.25rem;
52
- --text-xl--line-height: calc(1.75 / 1.25);
53
- --text-2xl: 1.5rem;
54
- --text-2xl--line-height: calc(2 / 1.5);
55
- --font-weight-light: 300;
56
36
  --font-weight-normal: 400;
57
37
  --font-weight-medium: 500;
58
38
  --font-weight-semibold: 600;
59
39
  --font-weight-bold: 700;
60
- --leading-tight: 1.25;
61
- --leading-normal: 1.5;
62
40
  --radius-xs: 0.125rem;
63
41
  --radius-sm: 0.25rem;
64
42
  --radius-md: 0.375rem;
65
43
  --radius-lg: 0.5rem;
66
44
  --radius-xl: 1rem;
67
- --radius-2xl: 1rem;
68
- --shadow-md: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
69
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
70
45
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
71
46
  --animate-spin: spin 1s linear infinite;
72
47
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
@@ -85,7 +60,6 @@
85
60
  --size-icon-lg: 1.25rem;
86
61
  --size-icon-md: 1rem;
87
62
  --size-icon-sm: 0.75rem;
88
- --size-container-max-w: 98vw;
89
63
  --size-button-lg: 2.5rem;
90
64
  --stroke-width-sm: 0.0625rem;
91
65
  --stroke-width-xs: 0.1875rem;
@@ -93,7 +67,6 @@
93
67
  --opacity-70: 0.7;
94
68
  --opacity-50: 0.5;
95
69
  --opacity-0: 0;
96
- --spacing-1-5: 0.375rem;
97
70
  --spacing-12: 3rem;
98
71
  --spacing-10: 2.5rem;
99
72
  --spacing-8: 2rem;
@@ -117,8 +90,6 @@
117
90
  --color-gray-f20: rgba(255, 255, 255, 0.2);
118
91
  --color-gray-f10: rgba(255, 255, 255, 0.1);
119
92
  --color-gray-f7: rgba(255, 255, 255, 0.07);
120
- --color-gray-350: #444444;
121
- --color-gray-250: #222222;
122
93
  --size-indicator-h: var(--stroke-width-xs);
123
94
  --size-tabs-h: var(--spacing-12);
124
95
  --spacing-lg: var(--spacing-6);
@@ -126,16 +97,10 @@
126
97
  --spacing-sm: var(--spacing-2);
127
98
  --spacing-xs: var(--spacing-1);
128
99
  --color-border-strong: var(--color-gray-300);
129
- --color-border-default: var(--color-gray-200);
130
- --color-text-disabled: var(--color-gray-400);
131
100
  --color-text-secondary: var(--color-gray-500);
132
101
  --color-text-primary: var(--color-white);
133
102
  --color-surface-muted: var(--color-gray-300);
134
103
  --color-surface-subtle: var(--color-gray-200);
135
- --color-surface-tooltip: var(--color-gray-350);
136
- --color-surface-header: var(--color-gray-250);
137
- --color-surface-overlay: var(--color-gray-f7);
138
- --color-surface-raised: var(--color-gray-100);
139
104
  --color-feedback-empty: var(--color-gray-300);
140
105
  --color-feedback-neutral: var(--color-gray-500);
141
106
  --color-feedback-error-dark: var(--color-red-200);
@@ -300,9 +265,6 @@
300
265
  .pointer-events-none {
301
266
  pointer-events: none;
302
267
  }
303
- .collapse {
304
- visibility: collapse;
305
- }
306
268
  .invisible {
307
269
  visibility: hidden;
308
270
  }
@@ -329,9 +291,6 @@
329
291
  .relative {
330
292
  position: relative;
331
293
  }
332
- .static {
333
- position: static;
334
- }
335
294
  .sticky {
336
295
  position: sticky;
337
296
  }
@@ -347,33 +306,12 @@
347
306
  .inset-y-0 {
348
307
  inset-block: 0px;
349
308
  }
350
- .start-180 {
351
- inset-inline-start: calc(var(--spacing) * 180);
352
- }
353
- .end-180 {
354
- inset-inline-end: calc(var(--spacing) * 180);
355
- }
356
- .-top-0\.5 {
357
- top: calc(var(--spacing) * -0.5);
358
- }
359
- .-top-\[9999px\] {
360
- top: calc(9999px * -1);
361
- }
362
309
  .top-0 {
363
310
  top: 0px;
364
311
  }
365
312
  .top-1\/2 {
366
313
  top: calc(1 / 2 * 100%);
367
314
  }
368
- .top-\[-9999px\] {
369
- top: -9999px;
370
- }
371
- .top-\[calc\(100\%\+8px\)\] {
372
- top: calc(100% + 8px);
373
- }
374
- .-right-0\.5 {
375
- right: calc(var(--spacing) * -0.5);
376
- }
377
315
  .right-0 {
378
316
  right: 0px;
379
317
  }
@@ -386,48 +324,21 @@
386
324
  .bottom-0 {
387
325
  bottom: 0px;
388
326
  }
389
- .bottom-\[-14px\] {
390
- bottom: -14px;
391
- }
392
327
  .bottom-full {
393
328
  bottom: 100%;
394
329
  }
395
- .-left-\[3000px\] {
396
- left: calc(3000px * -1);
397
- }
398
- .-left-\[9999px\] {
399
- left: calc(9999px * -1);
400
- }
401
330
  .left-0 {
402
331
  left: 0px;
403
332
  }
404
- .left-0\.5 {
405
- left: calc(var(--spacing) * 0.5);
406
- }
407
333
  .left-1\/2 {
408
334
  left: calc(1 / 2 * 100%);
409
335
  }
410
- .left-8 {
411
- left: var(--spacing-8);
412
- }
413
- .left-\[-9999px\] {
414
- left: -9999px;
415
- }
416
- .isolate {
417
- isolation: isolate;
418
- }
419
- .-z-10 {
420
- z-index: calc(10 * -1);
421
- }
422
336
  .z-10 {
423
337
  z-index: 10;
424
338
  }
425
339
  .z-20 {
426
340
  z-index: 20;
427
341
  }
428
- .z-40 {
429
- z-index: 40;
430
- }
431
342
  .z-50 {
432
343
  z-index: 50;
433
344
  }
@@ -437,69 +348,9 @@
437
348
  .z-12010 {
438
349
  z-index: 12010;
439
350
  }
440
- .z-12020 {
441
- z-index: 12020;
442
- }
443
351
  .z-\[1\] {
444
352
  z-index: 1;
445
353
  }
446
- .z-\[2\] {
447
- z-index: 2;
448
- }
449
- .z-\[3\] {
450
- z-index: 3;
451
- }
452
- .z-\[999\] {
453
- z-index: 999;
454
- }
455
- .order-1 {
456
- order: 1;
457
- }
458
- .col-1 {
459
- grid-column: 1;
460
- }
461
- .col-span-1 {
462
- grid-column: span 1 / span 1;
463
- }
464
- .col-span-2 {
465
- grid-column: span 2 / span 2;
466
- }
467
- .col-span-3 {
468
- grid-column: span 3 / span 3;
469
- }
470
- .col-span-4 {
471
- grid-column: span 4 / span 4;
472
- }
473
- .col-span-5 {
474
- grid-column: span 5 / span 5;
475
- }
476
- .col-span-6 {
477
- grid-column: span 6 / span 6;
478
- }
479
- .col-span-7 {
480
- grid-column: span 7 / span 7;
481
- }
482
- .col-span-8 {
483
- grid-column: span 8 / span 8;
484
- }
485
- .col-span-9 {
486
- grid-column: span 9 / span 9;
487
- }
488
- .col-span-10 {
489
- grid-column: span 10 / span 10;
490
- }
491
- .col-span-11 {
492
- grid-column: span 11 / span 11;
493
- }
494
- .col-span-12 {
495
- grid-column: span 12 / span 12;
496
- }
497
- .row-1 {
498
- grid-row: 1;
499
- }
500
- .row-2 {
501
- grid-row: 2;
502
- }
503
354
  .container {
504
355
  width: 100%;
505
356
  @media (width >= 40rem) {
@@ -521,69 +372,21 @@
521
372
  .m-0 {
522
373
  margin: 0px;
523
374
  }
524
- .m-4 {
525
- margin: var(--spacing-4);
526
- }
527
375
  .m-auto {
528
376
  margin: auto;
529
377
  }
530
378
  .-mx-1 {
531
379
  margin-inline: calc(var(--spacing-1) * -1);
532
380
  }
533
- .mx-0 {
534
- margin-inline: 0px;
535
- }
536
381
  .mx-0\.5 {
537
382
  margin-inline: calc(var(--spacing) * 0.5);
538
383
  }
539
- .mx-2 {
540
- margin-inline: var(--spacing-2);
541
- }
542
- .mx-3 {
543
- margin-inline: var(--spacing-3);
544
- }
545
- .mx-4 {
546
- margin-inline: var(--spacing-4);
547
- }
548
- .mx-6 {
549
- margin-inline: var(--spacing-6);
550
- }
551
- .mx-auto {
552
- margin-inline: auto;
553
- }
554
384
  .my-0 {
555
385
  margin-block: 0px;
556
386
  }
557
387
  .my-1 {
558
388
  margin-block: var(--spacing-1);
559
389
  }
560
- .my-2 {
561
- margin-block: var(--spacing-2);
562
- }
563
- .my-4 {
564
- margin-block: var(--spacing-4);
565
- }
566
- .my-sm {
567
- margin-block: var(--spacing-sm);
568
- }
569
- .-mt-3 {
570
- margin-top: calc(var(--spacing-3) * -1);
571
- }
572
- .-mt-5 {
573
- margin-top: calc(var(--spacing) * -5);
574
- }
575
- .-mt-8 {
576
- margin-top: calc(var(--spacing-8) * -1);
577
- }
578
- .mt-0\.5 {
579
- margin-top: calc(var(--spacing) * 0.5);
580
- }
581
- .mt-1 {
582
- margin-top: var(--spacing-1);
583
- }
584
- .mt-1-5 {
585
- margin-top: var(--spacing-1-5);
586
- }
587
390
  .mt-2 {
588
391
  margin-top: var(--spacing-2);
589
392
  }
@@ -593,120 +396,18 @@
593
396
  .mt-4 {
594
397
  margin-top: var(--spacing-4);
595
398
  }
596
- .mt-5 {
597
- margin-top: calc(var(--spacing) * 5);
598
- }
599
- .mt-6 {
600
- margin-top: var(--spacing-6);
601
- }
602
- .mt-8 {
603
- margin-top: var(--spacing-8);
604
- }
605
- .mt-10 {
606
- margin-top: var(--spacing-10);
607
- }
608
- .mt-\[3px\] {
609
- margin-top: 3px;
610
- }
611
- .mt-\[10px\] {
612
- margin-top: 10px;
613
- }
614
- .mt-\[13px\] {
615
- margin-top: 13px;
616
- }
617
- .mt-\[29px\] {
618
- margin-top: 29px;
619
- }
620
- .mt-\[35px\] {
621
- margin-top: 35px;
622
- }
623
- .mt-auto {
624
- margin-top: auto;
625
- }
626
- .mt-sm {
627
- margin-top: var(--spacing-sm);
628
- }
629
- .-mr-4 {
630
- margin-right: calc(var(--spacing-4) * -1);
631
- }
632
- .-mr-\[20px\] {
633
- margin-right: calc(20px * -1);
634
- }
635
- .mr-0 {
636
- margin-right: 0px;
637
- }
638
- .mr-0\.5 {
639
- margin-right: calc(var(--spacing) * 0.5);
640
- }
641
- .mr-1 {
642
- margin-right: var(--spacing-1);
643
- }
644
- .mr-1\.5 {
645
- margin-right: calc(var(--spacing) * 1.5);
646
- }
647
- .mr-2 {
648
- margin-right: var(--spacing-2);
649
- }
650
- .mr-4 {
651
- margin-right: var(--spacing-4);
652
- }
653
- .mr-8 {
654
- margin-right: var(--spacing-8);
655
- }
656
- .mr-auto {
657
- margin-right: auto;
658
- }
659
- .-mb-3 {
660
- margin-bottom: calc(var(--spacing-3) * -1);
661
- }
662
- .-mb-px {
663
- margin-bottom: -1px;
664
- }
665
- .mb-0 {
666
- margin-bottom: 0px;
667
- }
668
- .mb-1 {
669
- margin-bottom: var(--spacing-1);
670
- }
671
399
  .mb-2 {
672
400
  margin-bottom: var(--spacing-2);
673
401
  }
674
- .mb-3 {
675
- margin-bottom: var(--spacing-3);
676
- }
677
- .mb-4 {
678
- margin-bottom: var(--spacing-4);
679
- }
680
- .mb-5 {
681
- margin-bottom: calc(var(--spacing) * 5);
682
- }
683
402
  .mb-6 {
684
403
  margin-bottom: var(--spacing-6);
685
404
  }
686
- .mb-8 {
687
- margin-bottom: var(--spacing-8);
688
- }
689
405
  .mb-\[3px\] {
690
406
  margin-bottom: 3px;
691
407
  }
692
- .mb-sm {
693
- margin-bottom: var(--spacing-sm);
694
- }
695
- .ml-0 {
696
- margin-left: 0px;
697
- }
698
408
  .ml-0\.5 {
699
409
  margin-left: calc(var(--spacing) * 0.5);
700
410
  }
701
- .ml-1 {
702
- margin-left: var(--spacing-1);
703
- }
704
- .ml-2 {
705
- margin-left: var(--spacing-2);
706
- }
707
- .ml-4 {
708
- margin-left: var(--spacing-4);
709
- }
710
411
  .ml-auto {
711
412
  margin-left: auto;
712
413
  }
@@ -716,15 +417,9 @@
716
417
  .box-border {
717
418
  box-sizing: border-box;
718
419
  }
719
- .box-content {
720
- box-sizing: content-box;
721
- }
722
420
  .block {
723
421
  display: block;
724
422
  }
725
- .contents {
726
- display: contents;
727
- }
728
423
  .flex {
729
424
  display: flex;
730
425
  }
@@ -746,28 +441,14 @@
746
441
  .table {
747
442
  display: table;
748
443
  }
749
- .table-cell {
750
- display: table-cell;
751
- }
752
- .table-row {
753
- display: table-row;
754
- }
755
444
  .size-1\.5 {
756
445
  width: calc(var(--spacing) * 1.5);
757
446
  height: calc(var(--spacing) * 1.5);
758
447
  }
759
- .size-4 {
760
- width: var(--spacing-4);
761
- height: var(--spacing-4);
762
- }
763
448
  .size-5 {
764
449
  width: calc(var(--spacing) * 5);
765
450
  height: calc(var(--spacing) * 5);
766
451
  }
767
- .size-6 {
768
- width: var(--spacing-6);
769
- height: var(--spacing-6);
770
- }
771
452
  .size-8 {
772
453
  width: var(--spacing-8);
773
454
  height: var(--spacing-8);
@@ -776,14 +457,6 @@
776
457
  width: var(--spacing-10);
777
458
  height: var(--spacing-10);
778
459
  }
779
- .size-14 {
780
- width: calc(var(--spacing) * 14);
781
- height: calc(var(--spacing) * 14);
782
- }
783
- .size-auto {
784
- width: auto;
785
- height: auto;
786
- }
787
460
  .size-full {
788
461
  width: 100%;
789
462
  height: 100%;
@@ -800,15 +473,6 @@
800
473
  .h-0\.5 {
801
474
  height: calc(var(--spacing) * 0.5);
802
475
  }
803
- .h-1 {
804
- height: var(--spacing-1);
805
- }
806
- .h-1\.5 {
807
- height: calc(var(--spacing) * 1.5);
808
- }
809
- .h-1\.75 {
810
- height: calc(var(--spacing) * 1.75);
811
- }
812
476
  .h-2 {
813
477
  height: var(--spacing-2);
814
478
  }
@@ -836,18 +500,9 @@
836
500
  .h-9 {
837
501
  height: calc(var(--spacing) * 9);
838
502
  }
839
- .h-9\/10 {
840
- height: calc(9 / 10 * 100%);
841
- }
842
- .h-10 {
843
- height: var(--spacing-10);
844
- }
845
503
  .h-12 {
846
504
  height: var(--spacing-12);
847
505
  }
848
- .h-14 {
849
- height: calc(var(--spacing) * 14);
850
- }
851
506
  .h-20 {
852
507
  height: calc(var(--spacing) * 20);
853
508
  }
@@ -863,87 +518,12 @@
863
518
  .h-64 {
864
519
  height: calc(var(--spacing) * 64);
865
520
  }
866
- .h-72 {
867
- height: calc(var(--spacing) * 72);
868
- }
869
- .h-\[2px\] {
870
- height: 2px;
871
- }
872
- .h-\[14px\] {
873
- height: 14px;
874
- }
875
- .h-\[21px\] {
876
- height: 21px;
877
- }
878
- .h-\[22px\] {
879
- height: 22px;
880
- }
881
- .h-\[50vh\] {
882
- height: 50vh;
883
- }
884
- .h-\[88px\] {
885
- height: 88px;
886
- }
887
- .h-\[90\%\] {
888
- height: 90%;
889
- }
890
- .h-\[98\.5dvh\] {
891
- height: 98.5dvh;
892
- }
893
- .h-\[220px\] {
894
- height: 220px;
895
- }
896
- .h-\[400px\] {
897
- height: 400px;
898
- }
899
- .h-\[calc\(100\%-8px\)\] {
900
- height: calc(100% - 8px);
901
- }
902
- .h-\[calc\(100\%-24px\)\] {
903
- height: calc(100% - 24px);
904
- }
905
- .h-\[calc\(100\%-56px\)\] {
906
- height: calc(100% - 56px);
907
- }
908
- .h-\[calc\(100\%-70px\)\] {
909
- height: calc(100% - 70px);
910
- }
911
- .h-\[calc\(100\%-148px\)\] {
912
- height: calc(100% - 148px);
913
- }
914
- .h-\[calc\(100\%-165px\)\] {
915
- height: calc(100% - 165px);
916
- }
917
- .h-\[calc\(100vh-var\(--header-height\)\)\] {
918
- height: calc(100vh - var(--header-height));
919
- }
920
- .h-\[var\(--header-height\)\] {
921
- height: var(--header-height);
922
- }
923
- .h-auto {
924
- height: auto;
925
- }
926
- .h-fit {
927
- height: fit-content;
928
- }
929
521
  .h-full {
930
522
  height: 100%;
931
523
  }
932
- .h-max {
933
- height: max-content;
934
- }
935
524
  .h-px {
936
525
  height: 1px;
937
526
  }
938
- .h-screen {
939
- height: 100vh;
940
- }
941
- .max-h-9\/10 {
942
- max-height: calc(9 / 10 * 100%);
943
- }
944
- .max-h-40 {
945
- max-height: calc(var(--spacing) * 40);
946
- }
947
527
  .max-h-48 {
948
528
  max-height: calc(var(--spacing) * 48);
949
529
  }
@@ -962,15 +542,9 @@
962
542
  .max-h-\[var\(--radix-popover-content-available-height\)\] {
963
543
  max-height: var(--radix-popover-content-available-height);
964
544
  }
965
- .max-h-full {
966
- max-height: 100%;
967
- }
968
545
  .min-h-0 {
969
546
  min-height: 0px;
970
547
  }
971
- .min-h-6 {
972
- min-height: var(--spacing-6);
973
- }
974
548
  .min-h-8 {
975
549
  min-height: var(--spacing-8);
976
550
  }
@@ -980,27 +554,9 @@
980
554
  .min-h-13\.25 {
981
555
  min-height: calc(var(--spacing) * 13.25);
982
556
  }
983
- .min-h-24 {
984
- min-height: calc(var(--spacing) * 24);
985
- }
986
- .min-h-48 {
987
- min-height: calc(var(--spacing) * 48);
988
- }
989
557
  .min-h-96 {
990
558
  min-height: calc(var(--spacing) * 96);
991
559
  }
992
- .min-h-\[95px\] {
993
- min-height: 95px;
994
- }
995
- .min-h-\[330px\] {
996
- min-height: 330px;
997
- }
998
- .min-h-\[400px\] {
999
- min-height: 400px;
1000
- }
1001
- .min-h-\[430px\] {
1002
- min-height: 430px;
1003
- }
1004
560
  .min-h-screen {
1005
561
  min-height: 100vh;
1006
562
  }
@@ -1016,9 +572,6 @@
1016
572
  .w-1 {
1017
573
  width: var(--spacing-1);
1018
574
  }
1019
- .w-1\.5 {
1020
- width: calc(var(--spacing) * 1.5);
1021
- }
1022
575
  .w-1\/2 {
1023
576
  width: calc(1 / 2 * 100%);
1024
577
  }
@@ -1043,12 +596,6 @@
1043
596
  .w-4 {
1044
597
  width: var(--spacing-4);
1045
598
  }
1046
- .w-5 {
1047
- width: calc(var(--spacing) * 5);
1048
- }
1049
- .w-5\/12 {
1050
- width: calc(5 / 12 * 100%);
1051
- }
1052
599
  .w-6 {
1053
600
  width: var(--spacing-6);
1054
601
  }
@@ -1058,51 +605,24 @@
1058
605
  .w-8 {
1059
606
  width: var(--spacing-8);
1060
607
  }
1061
- .w-10 {
1062
- width: var(--spacing-10);
1063
- }
1064
- .w-12 {
1065
- width: var(--spacing-12);
1066
- }
1067
608
  .w-20 {
1068
609
  width: calc(var(--spacing) * 20);
1069
610
  }
1070
611
  .w-24 {
1071
612
  width: calc(var(--spacing) * 24);
1072
613
  }
1073
- .w-32 {
1074
- width: calc(var(--spacing) * 32);
1075
- }
1076
- .w-36 {
1077
- width: calc(var(--spacing) * 36);
1078
- }
1079
614
  .w-40 {
1080
615
  width: calc(var(--spacing) * 40);
1081
616
  }
1082
- .w-43 {
1083
- width: calc(var(--spacing) * 43);
1084
- }
1085
617
  .w-56 {
1086
618
  width: calc(var(--spacing) * 56);
1087
619
  }
1088
- .w-56\.5 {
1089
- width: calc(var(--spacing) * 56.5);
1090
- }
1091
- .w-60 {
1092
- width: calc(var(--spacing) * 60);
1093
- }
1094
620
  .w-64 {
1095
621
  width: calc(var(--spacing) * 64);
1096
622
  }
1097
623
  .w-72 {
1098
624
  width: calc(var(--spacing) * 72);
1099
625
  }
1100
- .w-72\.5 {
1101
- width: calc(var(--spacing) * 72.5);
1102
- }
1103
- .w-75 {
1104
- width: calc(var(--spacing) * 75);
1105
- }
1106
626
  .w-80 {
1107
627
  width: calc(var(--spacing) * 80);
1108
628
  }
@@ -1112,9 +632,6 @@
1112
632
  .w-120 {
1113
633
  width: calc(var(--spacing) * 120);
1114
634
  }
1115
- .w-143 {
1116
- width: calc(var(--spacing) * 143);
1117
- }
1118
635
  .w-210 {
1119
636
  width: calc(var(--spacing) * 210);
1120
637
  }
@@ -1124,105 +641,15 @@
1124
641
  .w-320 {
1125
642
  width: calc(var(--spacing) * 320);
1126
643
  }
1127
- .w-\[2px\] {
1128
- width: 2px;
1129
- }
1130
- .w-\[8\%\] {
1131
- width: 8%;
1132
- }
1133
- .w-\[9\.2\%\] {
1134
- width: 9.2%;
1135
- }
1136
- .w-\[21\.7\%\] {
1137
- width: 21.7%;
1138
- }
1139
- .w-\[21px\] {
1140
- width: 21px;
1141
- }
1142
- .w-\[36\.7\%\] {
1143
- width: 36.7%;
1144
- }
1145
- .w-\[37\.5rem\] {
1146
- width: 37.5rem;
1147
- }
1148
- .w-\[41\%\] {
1149
- width: 41%;
1150
- }
1151
- .w-\[59\%\] {
1152
- width: 59%;
1153
- }
1154
- .w-\[78\.3\%\] {
1155
- width: 78.3%;
1156
- }
1157
644
  .w-\[80px\] {
1158
645
  width: 80px;
1159
646
  }
1160
- .w-\[90vw\] {
1161
- width: 90vw;
1162
- }
1163
- .w-\[100px\] {
1164
- width: 100px;
1165
- }
1166
- .w-\[110px\] {
1167
- width: 110px;
1168
- }
1169
- .w-\[120px\] {
1170
- width: 120px;
1171
- }
1172
- .w-\[140px\] {
1173
- width: 140px;
1174
- }
1175
- .w-\[150px\] {
1176
- width: 150px;
1177
- }
1178
- .w-\[155px\] {
1179
- width: 155px;
1180
- }
1181
- .w-\[160px\] {
1182
- width: 160px;
1183
- }
1184
- .w-\[170px\] {
1185
- width: 170px;
1186
- }
1187
- .w-\[190px\] {
1188
- width: 190px;
1189
- }
1190
- .w-\[200px\] {
1191
- width: 200px;
1192
- }
1193
- .w-\[220px\] {
1194
- width: 220px;
1195
- }
1196
- .w-\[377px\] {
1197
- width: 377px;
1198
- }
1199
- .w-\[560px\] {
1200
- width: 560px;
1201
- }
1202
- .w-\[580px\] {
1203
- width: 580px;
1204
- }
1205
- .w-\[600px\] {
1206
- width: 600px;
1207
- }
1208
647
  .w-\[680px\] {
1209
648
  width: 680px;
1210
649
  }
1211
- .w-\[1366px\] {
1212
- width: 1366px;
1213
- }
1214
- .w-\[calc\(100\%-5px\)\] {
1215
- width: calc(100% - 5px);
1216
- }
1217
- .w-\[calc\(100\%-32px\)\] {
1218
- width: calc(100% - 32px);
1219
- }
1220
650
  .w-auto {
1221
651
  width: auto;
1222
652
  }
1223
- .w-auto\! {
1224
- width: auto !important;
1225
- }
1226
653
  .w-fit {
1227
654
  width: fit-content;
1228
655
  }
@@ -1232,48 +659,12 @@
1232
659
  .w-max {
1233
660
  width: max-content;
1234
661
  }
1235
- .max-w-3xl {
1236
- max-width: var(--container-3xl);
1237
- }
1238
- .max-w-5xl {
1239
- max-width: var(--container-5xl);
1240
- }
1241
- .max-w-16 {
1242
- max-width: calc(var(--spacing) * 16);
1243
- }
1244
- .max-w-20 {
1245
- max-width: calc(var(--spacing) * 20);
1246
- }
1247
- .max-w-24 {
1248
- max-width: calc(var(--spacing) * 24);
1249
- }
1250
- .max-w-28 {
1251
- max-width: calc(var(--spacing) * 28);
1252
- }
1253
662
  .max-w-50 {
1254
663
  max-width: calc(var(--spacing) * 50);
1255
664
  }
1256
665
  .max-w-56 {
1257
666
  max-width: calc(var(--spacing) * 56);
1258
667
  }
1259
- .max-w-80 {
1260
- max-width: calc(var(--spacing) * 80);
1261
- }
1262
- .max-w-96 {
1263
- max-width: calc(var(--spacing) * 96);
1264
- }
1265
- .max-w-\[16ch\] {
1266
- max-width: 16ch;
1267
- }
1268
- .max-w-\[50\%\] {
1269
- max-width: 50%;
1270
- }
1271
- .max-w-\[80\%\] {
1272
- max-width: 80%;
1273
- }
1274
- .max-w-\[98vw\] {
1275
- max-width: 98vw;
1276
- }
1277
668
  .max-w-\[100vw\] {
1278
669
  max-width: 100vw;
1279
670
  }
@@ -1283,15 +674,9 @@
1283
674
  .max-w-full {
1284
675
  max-width: 100%;
1285
676
  }
1286
- .max-w-md {
1287
- max-width: var(--spacing-md);
1288
- }
1289
677
  .max-w-none {
1290
678
  max-width: none;
1291
679
  }
1292
- .max-w-prose {
1293
- max-width: 65ch;
1294
- }
1295
680
  .min-w-\(--radix-select-trigger-width\) {
1296
681
  min-width: var(--radix-select-trigger-width);
1297
682
  }
@@ -1301,12 +686,6 @@
1301
686
  .min-w-0 {
1302
687
  min-width: 0px;
1303
688
  }
1304
- .min-w-1\.5 {
1305
- min-width: calc(var(--spacing) * 1.5);
1306
- }
1307
- .min-w-9\/10 {
1308
- min-width: calc(9 / 10 * 100%);
1309
- }
1310
689
  .min-w-25 {
1311
690
  min-width: calc(var(--spacing) * 25);
1312
691
  }
@@ -1316,27 +695,9 @@
1316
695
  .min-w-56 {
1317
696
  min-width: calc(var(--spacing) * 56);
1318
697
  }
1319
- .min-w-82\.5 {
1320
- min-width: calc(var(--spacing) * 82.5);
1321
- }
1322
698
  .min-w-92\.75 {
1323
699
  min-width: calc(var(--spacing) * 92.75);
1324
700
  }
1325
- .min-w-113 {
1326
- min-width: calc(var(--spacing) * 113);
1327
- }
1328
- .min-w-\[35px\] {
1329
- min-width: 35px;
1330
- }
1331
- .min-w-\[160px\] {
1332
- min-width: 160px;
1333
- }
1334
- .min-w-\[230px\] {
1335
- min-width: 230px;
1336
- }
1337
- .min-w-\[1200px\] {
1338
- min-width: 1200px;
1339
- }
1340
701
  .min-w-fit {
1341
702
  min-width: fit-content;
1342
703
  }
@@ -1346,54 +707,15 @@
1346
707
  .flex-1 {
1347
708
  flex: 1;
1348
709
  }
1349
- .flex-2 {
1350
- flex: 2;
1351
- }
1352
- .flex-5 {
1353
- flex: 5;
1354
- }
1355
- .flex-7 {
1356
- flex: 7;
1357
- }
1358
710
  .flex-\[1_1_40\%\] {
1359
711
  flex: 1 1 40%;
1360
712
  }
1361
713
  .flex-\[1_1_70\%\] {
1362
714
  flex: 1 1 70%;
1363
715
  }
1364
- .flex-\[2\] {
1365
- flex: 2;
1366
- }
1367
- .flex-none {
1368
- flex: none;
1369
- }
1370
- .flex-shrink {
1371
- flex-shrink: 1;
1372
- }
1373
- .shrink {
1374
- flex-shrink: 1;
1375
- }
1376
716
  .shrink-0 {
1377
717
  flex-shrink: 0;
1378
718
  }
1379
- .flex-grow {
1380
- flex-grow: 1;
1381
- }
1382
- .grow {
1383
- flex-grow: 1;
1384
- }
1385
- .basis-1 {
1386
- flex-basis: var(--spacing-1);
1387
- }
1388
- .basis-1\/3 {
1389
- flex-basis: calc(1 / 3 * 100%);
1390
- }
1391
- .basis-1\/4 {
1392
- flex-basis: calc(1 / 4 * 100%);
1393
- }
1394
- .table-fixed {
1395
- table-layout: fixed;
1396
- }
1397
719
  .caption-bottom {
1398
720
  caption-side: bottom;
1399
721
  }
@@ -1419,12 +741,6 @@
1419
741
  --tw-translate-y: -4px;
1420
742
  translate: var(--tw-translate-x) var(--tw-translate-y);
1421
743
  }
1422
- .-rotate-90 {
1423
- rotate: calc(90deg * -1);
1424
- }
1425
- .rotate-90 {
1426
- rotate: 90deg;
1427
- }
1428
744
  .rotate-180 {
1429
745
  rotate: 180deg;
1430
746
  }
@@ -1446,9 +762,6 @@
1446
762
  .cursor-grab {
1447
763
  cursor: grab;
1448
764
  }
1449
- .cursor-help {
1450
- cursor: help;
1451
- }
1452
765
  .cursor-not-allowed {
1453
766
  cursor: not-allowed;
1454
767
  }
@@ -1464,12 +777,6 @@
1464
777
  .resize-none {
1465
778
  resize: none;
1466
779
  }
1467
- .resize-y {
1468
- resize: vertical;
1469
- }
1470
- .scrollbar-none {
1471
- scrollbar-width: none;
1472
- }
1473
780
  .\[scrollbar-gutter\:stable\] {
1474
781
  scrollbar-gutter: stable;
1475
782
  }
@@ -1479,45 +786,12 @@
1479
786
  .appearance-none {
1480
787
  appearance: none;
1481
788
  }
1482
- .grid-cols-1 {
1483
- grid-template-columns: repeat(1, minmax(0, 1fr));
1484
- }
1485
- .grid-cols-2 {
1486
- grid-template-columns: repeat(2, minmax(0, 1fr));
1487
- }
1488
- .grid-cols-3 {
1489
- grid-template-columns: repeat(3, minmax(0, 1fr));
1490
- }
1491
- .grid-cols-12 {
1492
- grid-template-columns: repeat(12, minmax(0, 1fr));
1493
- }
1494
- .grid-cols-\[1fr_25\%\] {
1495
- grid-template-columns: 1fr 25%;
1496
- }
1497
- .grid-cols-\[1fr_auto\] {
1498
- grid-template-columns: 1fr auto;
1499
- }
1500
- .grid-cols-\[repeat\(3\,max-content\)\] {
1501
- grid-template-columns: repeat(3,max-content);
1502
- }
1503
- .grid-rows-\[1fr\] {
1504
- grid-template-rows: 1fr;
1505
- }
1506
- .grid-rows-\[auto_auto\] {
1507
- grid-template-rows: auto auto;
1508
- }
1509
- .grid-rows-\[auto_auto_auto\] {
1510
- grid-template-rows: auto auto auto;
1511
- }
1512
789
  .flex-col {
1513
790
  flex-direction: column;
1514
791
  }
1515
792
  .flex-row {
1516
793
  flex-direction: row;
1517
794
  }
1518
- .flex-nowrap {
1519
- flex-wrap: nowrap;
1520
- }
1521
795
  .flex-wrap {
1522
796
  flex-wrap: wrap;
1523
797
  }
@@ -1530,9 +804,6 @@
1530
804
  .items-start {
1531
805
  align-items: flex-start;
1532
806
  }
1533
- .items-stretch {
1534
- align-items: stretch;
1535
- }
1536
807
  .justify-between {
1537
808
  justify-content: space-between;
1538
809
  }
@@ -1542,39 +813,21 @@
1542
813
  .justify-end {
1543
814
  justify-content: flex-end;
1544
815
  }
1545
- .justify-evenly {
1546
- justify-content: space-evenly;
1547
- }
1548
816
  .justify-start {
1549
817
  justify-content: flex-start;
1550
818
  }
1551
- .gap-0 {
1552
- gap: 0px;
1553
- }
1554
- .gap-0\.5 {
1555
- gap: calc(var(--spacing) * 0.5);
1556
- }
1557
819
  .gap-1 {
1558
820
  gap: var(--spacing-1);
1559
821
  }
1560
- .gap-1\! {
1561
- gap: var(--spacing-1) !important;
1562
- }
1563
822
  .gap-1\.5 {
1564
823
  gap: calc(var(--spacing) * 1.5);
1565
824
  }
1566
825
  .gap-2 {
1567
826
  gap: var(--spacing-2);
1568
827
  }
1569
- .gap-2\.5 {
1570
- gap: calc(var(--spacing) * 2.5);
1571
- }
1572
828
  .gap-3 {
1573
829
  gap: var(--spacing-3);
1574
830
  }
1575
- .gap-3\.5 {
1576
- gap: calc(var(--spacing) * 3.5);
1577
- }
1578
831
  .gap-4 {
1579
832
  gap: var(--spacing-4);
1580
833
  }
@@ -1584,12 +837,6 @@
1584
837
  .gap-8 {
1585
838
  gap: var(--spacing-8);
1586
839
  }
1587
- .gap-\[10px\] {
1588
- gap: 10px;
1589
- }
1590
- .gap-\[16px\] {
1591
- gap: 16px;
1592
- }
1593
840
  .gap-lg {
1594
841
  gap: var(--spacing-lg);
1595
842
  }
@@ -1610,50 +857,6 @@
1610
857
  margin-block-start: calc(var(--spacing-4) * var(--tw-space-y-reverse));
1611
858
  margin-block-end: calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)));
1612
859
  }
1613
- .gap-x-4 {
1614
- column-gap: var(--spacing-4);
1615
- }
1616
- .gap-x-6 {
1617
- column-gap: var(--spacing-6);
1618
- }
1619
- :where(.space-x-2 > :not(:last-child)) {
1620
- --tw-space-x-reverse: 0;
1621
- margin-inline-start: calc(var(--spacing-2) * var(--tw-space-x-reverse));
1622
- margin-inline-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)));
1623
- }
1624
- .gap-y-0 {
1625
- row-gap: 0px;
1626
- }
1627
- .gap-y-0\.5 {
1628
- row-gap: calc(var(--spacing) * 0.5);
1629
- }
1630
- .gap-y-2 {
1631
- row-gap: var(--spacing-2);
1632
- }
1633
- .gap-y-4 {
1634
- row-gap: var(--spacing-4);
1635
- }
1636
- :where(.divide-x > :not(:last-child)) {
1637
- --tw-divide-x-reverse: 0;
1638
- border-inline-style: var(--tw-border-style);
1639
- border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
1640
- border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
1641
- }
1642
- :where(.divide-gray-500 > :not(:last-child)) {
1643
- border-color: var(--color-gray-500);
1644
- }
1645
- .self-center {
1646
- align-self: center;
1647
- }
1648
- .self-end {
1649
- align-self: flex-end;
1650
- }
1651
- .self-start {
1652
- align-self: flex-start;
1653
- }
1654
- .self-stretch {
1655
- align-self: stretch;
1656
- }
1657
860
  .truncate {
1658
861
  overflow: hidden;
1659
862
  text-overflow: ellipsis;
@@ -1668,30 +871,12 @@
1668
871
  .overflow-visible {
1669
872
  overflow: visible;
1670
873
  }
1671
- .overflow-x-auto {
1672
- overflow-x: auto;
1673
- }
1674
- .overflow-x-hidden {
1675
- overflow-x: hidden;
1676
- }
1677
874
  .overflow-y-auto {
1678
875
  overflow-y: auto;
1679
876
  }
1680
- .overflow-y-hidden {
1681
- overflow-y: hidden;
1682
- }
1683
- .overflow-y-scroll {
1684
- overflow-y: scroll;
1685
- }
1686
877
  .rounded {
1687
878
  border-radius: 0.25rem;
1688
879
  }
1689
- .rounded-2xl {
1690
- border-radius: var(--radius-2xl);
1691
- }
1692
- .rounded-\[4px\] {
1693
- border-radius: 4px;
1694
- }
1695
880
  .rounded-\[9\.3\%\] {
1696
881
  border-radius: 9.3%;
1697
882
  }
@@ -1704,9 +889,6 @@
1704
889
  .rounded-md {
1705
890
  border-radius: var(--radius-md);
1706
891
  }
1707
- .rounded-none {
1708
- border-radius: 0;
1709
- }
1710
892
  .rounded-sm {
1711
893
  border-radius: var(--radius-sm);
1712
894
  }
@@ -1716,18 +898,10 @@
1716
898
  .rounded-xs {
1717
899
  border-radius: var(--radius-xs);
1718
900
  }
1719
- .rounded-t-lg {
1720
- border-top-left-radius: var(--radius-lg);
1721
- border-top-right-radius: var(--radius-lg);
1722
- }
1723
901
  .rounded-l-lg {
1724
902
  border-top-left-radius: var(--radius-lg);
1725
903
  border-bottom-left-radius: var(--radius-lg);
1726
904
  }
1727
- .rounded-b-lg {
1728
- border-bottom-right-radius: var(--radius-lg);
1729
- border-bottom-left-radius: var(--radius-lg);
1730
- }
1731
905
  .border {
1732
906
  border-style: var(--tw-border-style);
1733
907
  border-width: 1px;
@@ -1744,68 +918,21 @@
1744
918
  border-style: var(--tw-border-style);
1745
919
  border-width: 4px;
1746
920
  }
1747
- .border-x-0 {
1748
- border-inline-style: var(--tw-border-style);
1749
- border-inline-width: 0px;
1750
- }
1751
- .border-y {
1752
- border-block-style: var(--tw-border-style);
1753
- border-block-width: 1px;
1754
- }
1755
921
  .border-t {
1756
922
  border-top-style: var(--tw-border-style);
1757
923
  border-top-width: 1px;
1758
924
  }
1759
- .border-t-0 {
1760
- border-top-style: var(--tw-border-style);
1761
- border-top-width: 0px;
1762
- }
1763
- .border-r {
1764
- border-right-style: var(--tw-border-style);
1765
- border-right-width: 1px;
1766
- }
1767
925
  .border-b {
1768
926
  border-bottom-style: var(--tw-border-style);
1769
927
  border-bottom-width: 1px;
1770
928
  }
1771
- .border-b-0 {
1772
- border-bottom-style: var(--tw-border-style);
1773
- border-bottom-width: 0px;
1774
- }
1775
- .border-l {
1776
- border-left-style: var(--tw-border-style);
1777
- border-left-width: 1px;
1778
- }
1779
- .border-l-4 {
1780
- border-left-style: var(--tw-border-style);
1781
- border-left-width: 4px;
1782
- }
1783
- .border-dashed {
1784
- --tw-border-style: dashed;
1785
- border-style: dashed;
1786
- }
1787
929
  .border-none {
1788
930
  --tw-border-style: none;
1789
931
  border-style: none;
1790
932
  }
1791
- .border-\[var\(--gray-44\)\] {
1792
- border-color: var(--gray-44);
1793
- }
1794
933
  .border-blue-100 {
1795
934
  border-color: var(--color-blue-100);
1796
935
  }
1797
- .border-blue-200 {
1798
- border-color: var(--color-blue-200);
1799
- }
1800
- .border-blue-200\/30 {
1801
- border-color: color-mix(in srgb, #0f55af 30%, transparent);
1802
- @supports (color: color-mix(in lab, red, red)) {
1803
- border-color: color-mix(in oklab, var(--color-blue-200) 30%, transparent);
1804
- }
1805
- }
1806
- .border-border-default {
1807
- border-color: var(--color-border-default);
1808
- }
1809
936
  .border-border-strong {
1810
937
  border-color: var(--color-border-strong);
1811
938
  }
@@ -1818,9 +945,6 @@
1818
945
  .border-gray-400 {
1819
946
  border-color: var(--color-gray-400);
1820
947
  }
1821
- .border-gray-500 {
1822
- border-color: var(--color-gray-500);
1823
- }
1824
948
  .border-gray-f10 {
1825
949
  border-color: var(--color-gray-f10);
1826
950
  }
@@ -1830,72 +954,24 @@
1830
954
  .border-red-100 {
1831
955
  border-color: var(--color-red-100);
1832
956
  }
1833
- .border-text-disabled {
1834
- border-color: var(--color-text-disabled);
1835
- }
1836
- .border-white {
1837
- border-color: var(--color-white);
1838
- }
1839
- .border-yellow-100\/30 {
1840
- border-color: color-mix(in srgb, #ffa000 30%, transparent);
1841
- @supports (color: color-mix(in lab, red, red)) {
1842
- border-color: color-mix(in oklab, var(--color-yellow-100) 30%, transparent);
1843
- }
1844
- }
1845
957
  .border-t-white {
1846
958
  border-top-color: var(--color-white);
1847
959
  }
1848
960
  .\!bg-transparent {
1849
961
  background-color: transparent !important;
1850
962
  }
1851
- .bg-\(--color-surface-raised\) {
1852
- background-color: var(--color-surface-raised);
1853
- }
1854
- .bg-\[\#222\] {
1855
- background-color: #222;
1856
- }
1857
- .bg-\[var\(--blue-99\)\] {
1858
- background-color: var(--blue-99);
1859
- }
1860
- .bg-\[var\(--color-surface-raised\)\] {
1861
- background-color: var(--color-surface-raised);
1862
- }
1863
- .bg-\[var\(--gray-22\)\] {
1864
- background-color: var(--gray-22);
1865
- }
1866
- .bg-\[var\(--gray-44\)\] {
1867
- background-color: var(--gray-44);
1868
- }
1869
- .bg-\[var\(--white\)\] {
1870
- background-color: var(--white);
1871
- }
1872
963
  .bg-black {
1873
964
  background-color: var(--color-black);
1874
965
  }
1875
966
  .bg-blue-100 {
1876
967
  background-color: var(--color-blue-100);
1877
968
  }
1878
- .bg-blue-100\/5 {
1879
- background-color: color-mix(in srgb, #4999f5 5%, transparent);
1880
- @supports (color: color-mix(in lab, red, red)) {
1881
- background-color: color-mix(in oklab, var(--color-blue-100) 5%, transparent);
1882
- }
1883
- }
1884
969
  .bg-blue-200 {
1885
970
  background-color: var(--color-blue-200);
1886
971
  }
1887
- .bg-blue-200\/5 {
1888
- background-color: color-mix(in srgb, #0f55af 5%, transparent);
1889
- @supports (color: color-mix(in lab, red, red)) {
1890
- background-color: color-mix(in oklab, var(--color-blue-200) 5%, transparent);
1891
- }
1892
- }
1893
972
  .bg-blue-300 {
1894
973
  background-color: var(--color-blue-300);
1895
974
  }
1896
- .bg-blue-500 {
1897
- background-color: var(--color-blue-500);
1898
- }
1899
975
  .bg-brand {
1900
976
  background-color: var(--color-brand);
1901
977
  }
@@ -1923,12 +999,6 @@
1923
999
  .bg-gray-200 {
1924
1000
  background-color: var(--color-gray-200);
1925
1001
  }
1926
- .bg-gray-200\/40 {
1927
- background-color: color-mix(in srgb, #202020 40%, transparent);
1928
- @supports (color: color-mix(in lab, red, red)) {
1929
- background-color: color-mix(in oklab, var(--color-gray-200) 40%, transparent);
1930
- }
1931
- }
1932
1002
  .bg-gray-300 {
1933
1003
  background-color: var(--color-gray-300);
1934
1004
  }
@@ -1950,12 +1020,6 @@
1950
1020
  background-color: color-mix(in oklab, var(--color-green-200) 40%, transparent);
1951
1021
  }
1952
1022
  }
1953
- .bg-green-500 {
1954
- background-color: var(--color-green-500);
1955
- }
1956
- .bg-pink-100 {
1957
- background-color: var(--color-pink-100);
1958
- }
1959
1023
  .bg-red-100 {
1960
1024
  background-color: var(--color-red-100);
1961
1025
  }
@@ -1965,18 +1029,9 @@
1965
1029
  background-color: color-mix(in oklab, var(--color-red-200) 40%, transparent);
1966
1030
  }
1967
1031
  }
1968
- .bg-red-500 {
1969
- background-color: var(--color-red-500);
1970
- }
1971
- .bg-surface-header {
1972
- background-color: var(--color-surface-header);
1973
- }
1974
1032
  .bg-surface-muted {
1975
1033
  background-color: var(--color-surface-muted);
1976
1034
  }
1977
- .bg-surface-raised {
1978
- background-color: var(--color-surface-raised);
1979
- }
1980
1035
  .bg-surface-subtle {
1981
1036
  background-color: var(--color-surface-subtle);
1982
1037
  }
@@ -1986,24 +1041,9 @@
1986
1041
  .bg-white {
1987
1042
  background-color: var(--color-white);
1988
1043
  }
1989
- .bg-yellow-100 {
1990
- background-color: var(--color-yellow-100);
1991
- }
1992
- .bg-yellow-100\/5 {
1993
- background-color: color-mix(in srgb, #ffa000 5%, transparent);
1994
- @supports (color: color-mix(in lab, red, red)) {
1995
- background-color: color-mix(in oklab, var(--color-yellow-100) 5%, transparent);
1996
- }
1997
- }
1998
1044
  .fill-gray-300 {
1999
1045
  fill: var(--color-gray-300);
2000
1046
  }
2001
- .object-contain {
2002
- object-fit: contain;
2003
- }
2004
- .object-cover {
2005
- object-fit: cover;
2006
- }
2007
1047
  .\!p-0 {
2008
1048
  padding: 0px !important;
2009
1049
  }
@@ -2025,12 +1065,6 @@
2025
1065
  .p-4 {
2026
1066
  padding: var(--spacing-4);
2027
1067
  }
2028
- .p-4\! {
2029
- padding: var(--spacing-4) !important;
2030
- }
2031
- .p-5 {
2032
- padding: calc(var(--spacing) * 5);
2033
- }
2034
1068
  .p-6 {
2035
1069
  padding: var(--spacing-6);
2036
1070
  }
@@ -2040,9 +1074,6 @@
2040
1074
  .p-10 {
2041
1075
  padding: var(--spacing-10);
2042
1076
  }
2043
- .p-\[24px\] {
2044
- padding: 24px;
2045
- }
2046
1077
  .p-lg {
2047
1078
  padding: var(--spacing-lg);
2048
1079
  }
@@ -2061,9 +1092,6 @@
2061
1092
  .px-2 {
2062
1093
  padding-inline: var(--spacing-2);
2063
1094
  }
2064
- .px-2\.5 {
2065
- padding-inline: calc(var(--spacing) * 2.5);
2066
- }
2067
1095
  .px-3 {
2068
1096
  padding-inline: var(--spacing-3);
2069
1097
  }
@@ -2073,12 +1101,6 @@
2073
1101
  .px-5 {
2074
1102
  padding-inline: calc(var(--spacing) * 5);
2075
1103
  }
2076
- .px-6 {
2077
- padding-inline: var(--spacing-6);
2078
- }
2079
- .px-8 {
2080
- padding-inline: var(--spacing-8);
2081
- }
2082
1104
  .px-md {
2083
1105
  padding-inline: var(--spacing-md);
2084
1106
  }
@@ -2088,12 +1110,6 @@
2088
1110
  .px-xs {
2089
1111
  padding-inline: var(--spacing-xs);
2090
1112
  }
2091
- .py-0 {
2092
- padding-block: 0px;
2093
- }
2094
- .py-0\.5 {
2095
- padding-block: calc(var(--spacing) * 0.5);
2096
- }
2097
1113
  .py-1 {
2098
1114
  padding-block: var(--spacing-1);
2099
1115
  }
@@ -2103,27 +1119,15 @@
2103
1119
  .py-2 {
2104
1120
  padding-block: var(--spacing-2);
2105
1121
  }
2106
- .py-2\.5 {
2107
- padding-block: calc(var(--spacing) * 2.5);
2108
- }
2109
1122
  .py-3 {
2110
1123
  padding-block: var(--spacing-3);
2111
1124
  }
2112
1125
  .py-4 {
2113
- padding-block: var(--spacing-4);
2114
- }
2115
- .py-5 {
2116
- padding-block: calc(var(--spacing) * 5);
2117
- }
2118
- .py-6 {
2119
- padding-block: var(--spacing-6);
1126
+ padding-block: var(--spacing-4);
2120
1127
  }
2121
1128
  .py-8 {
2122
1129
  padding-block: var(--spacing-8);
2123
1130
  }
2124
- .py-12 {
2125
- padding-block: var(--spacing-12);
2126
- }
2127
1131
  .py-md {
2128
1132
  padding-block: var(--spacing-md);
2129
1133
  }
@@ -2136,42 +1140,9 @@
2136
1140
  .pt-0 {
2137
1141
  padding-top: 0px;
2138
1142
  }
2139
- .pt-1 {
2140
- padding-top: var(--spacing-1);
2141
- }
2142
- .pt-2 {
2143
- padding-top: var(--spacing-2);
2144
- }
2145
- .pt-3 {
2146
- padding-top: var(--spacing-3);
2147
- }
2148
1143
  .pt-4 {
2149
1144
  padding-top: var(--spacing-4);
2150
1145
  }
2151
- .pt-5 {
2152
- padding-top: calc(var(--spacing) * 5);
2153
- }
2154
- .pt-6 {
2155
- padding-top: var(--spacing-6);
2156
- }
2157
- .pt-8 {
2158
- padding-top: var(--spacing-8);
2159
- }
2160
- .pr-0 {
2161
- padding-right: 0px;
2162
- }
2163
- .pr-1 {
2164
- padding-right: var(--spacing-1);
2165
- }
2166
- .pr-1\.5 {
2167
- padding-right: calc(var(--spacing) * 1.5);
2168
- }
2169
- .pr-2 {
2170
- padding-right: var(--spacing-2);
2171
- }
2172
- .pr-3 {
2173
- padding-right: var(--spacing-3);
2174
- }
2175
1146
  .pr-4 {
2176
1147
  padding-right: var(--spacing-4);
2177
1148
  }
@@ -2184,21 +1155,6 @@
2184
1155
  .pr-10 {
2185
1156
  padding-right: var(--spacing-10);
2186
1157
  }
2187
- .pr-px {
2188
- padding-right: 1px;
2189
- }
2190
- .pr-sm {
2191
- padding-right: var(--spacing-sm);
2192
- }
2193
- .pb-0 {
2194
- padding-bottom: 0px;
2195
- }
2196
- .pb-1 {
2197
- padding-bottom: var(--spacing-1);
2198
- }
2199
- .pb-1\.5 {
2200
- padding-bottom: calc(var(--spacing) * 1.5);
2201
- }
2202
1158
  .pb-2 {
2203
1159
  padding-bottom: var(--spacing-2);
2204
1160
  }
@@ -2208,39 +1164,12 @@
2208
1164
  .pb-4 {
2209
1165
  padding-bottom: var(--spacing-4);
2210
1166
  }
2211
- .pb-5 {
2212
- padding-bottom: calc(var(--spacing) * 5);
2213
- }
2214
- .pb-6 {
2215
- padding-bottom: var(--spacing-6);
2216
- }
2217
- .pb-8 {
2218
- padding-bottom: var(--spacing-8);
2219
- }
2220
- .pb-sm {
2221
- padding-bottom: var(--spacing-sm);
2222
- }
2223
1167
  .pb-xs {
2224
1168
  padding-bottom: var(--spacing-xs);
2225
1169
  }
2226
- .pl-0 {
2227
- padding-left: 0px;
2228
- }
2229
- .pl-1 {
2230
- padding-left: var(--spacing-1);
2231
- }
2232
- .pl-2 {
2233
- padding-left: var(--spacing-2);
2234
- }
2235
1170
  .pl-4 {
2236
1171
  padding-left: var(--spacing-4);
2237
1172
  }
2238
- .pl-6 {
2239
- padding-left: var(--spacing-6);
2240
- }
2241
- .pl-md {
2242
- padding-left: var(--spacing-md);
2243
- }
2244
1173
  .pl-sm {
2245
1174
  padding-left: var(--spacing-sm);
2246
1175
  }
@@ -2268,10 +1197,6 @@
2268
1197
  .font-head {
2269
1198
  font-family: var(--font-head);
2270
1199
  }
2271
- .text-2xl {
2272
- font-size: var(--text-2xl);
2273
- line-height: var(--tw-leading, var(--text-2xl--line-height));
2274
- }
2275
1200
  .text-base {
2276
1201
  font-size: var(--text-base);
2277
1202
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -2288,28 +1213,10 @@
2288
1213
  font-size: var(--text-sm);
2289
1214
  line-height: var(--tw-leading, var(--text-sm--line-height));
2290
1215
  }
2291
- .text-xl {
2292
- font-size: var(--text-xl);
2293
- line-height: var(--tw-leading, var(--text-xl--line-height));
2294
- }
2295
1216
  .text-xs {
2296
1217
  font-size: var(--text-xs);
2297
1218
  line-height: var(--tw-leading, var(--text-xs--line-height));
2298
1219
  }
2299
- .text-\[10px\] {
2300
- font-size: 10px;
2301
- }
2302
- .text-\[20px\] {
2303
- font-size: 20px;
2304
- }
2305
- .leading-\[20px\] {
2306
- --tw-leading: 20px;
2307
- line-height: 20px;
2308
- }
2309
- .leading-\[22px\] {
2310
- --tw-leading: 22px;
2311
- line-height: 22px;
2312
- }
2313
1220
  .leading-lg {
2314
1221
  --tw-leading: var(--leading-lg);
2315
1222
  line-height: var(--leading-lg);
@@ -2322,30 +1229,14 @@
2322
1229
  --tw-leading: 1;
2323
1230
  line-height: 1;
2324
1231
  }
2325
- .leading-normal {
2326
- --tw-leading: var(--leading-normal);
2327
- line-height: var(--leading-normal);
2328
- }
2329
1232
  .leading-sm {
2330
1233
  --tw-leading: var(--leading-sm);
2331
1234
  line-height: var(--leading-sm);
2332
1235
  }
2333
- .leading-tight {
2334
- --tw-leading: var(--leading-tight);
2335
- line-height: var(--leading-tight);
2336
- }
2337
- .leading-xs {
2338
- --tw-leading: var(--leading-xs);
2339
- line-height: var(--leading-xs);
2340
- }
2341
1236
  .font-bold {
2342
1237
  --tw-font-weight: var(--font-weight-bold);
2343
1238
  font-weight: var(--font-weight-bold);
2344
1239
  }
2345
- .font-light {
2346
- --tw-font-weight: var(--font-weight-light);
2347
- font-weight: var(--font-weight-light);
2348
- }
2349
1240
  .font-medium {
2350
1241
  --tw-font-weight: var(--font-weight-medium);
2351
1242
  font-weight: var(--font-weight-medium);
@@ -2362,93 +1253,27 @@
2362
1253
  --tw-font-weight: var(--font-weight-semibold);
2363
1254
  font-weight: var(--font-weight-semibold);
2364
1255
  }
2365
- .text-wrap {
2366
- text-wrap: wrap;
2367
- }
2368
1256
  .break-words {
2369
1257
  overflow-wrap: break-word;
2370
1258
  }
2371
- .wrap-anywhere {
2372
- overflow-wrap: anywhere;
2373
- }
2374
1259
  .wrap-break-word {
2375
1260
  overflow-wrap: break-word;
2376
1261
  }
2377
- .text-ellipsis {
2378
- text-overflow: ellipsis;
2379
- }
2380
1262
  .whitespace-normal {
2381
1263
  white-space: normal;
2382
1264
  }
2383
1265
  .whitespace-nowrap {
2384
1266
  white-space: nowrap;
2385
1267
  }
2386
- .whitespace-pre-line {
2387
- white-space: pre-line;
2388
- }
2389
- .whitespace-pre-wrap {
2390
- white-space: pre-wrap;
2391
- }
2392
- .tab-0 {
2393
- tab-size: 0;
2394
- }
2395
- .tab-1 {
2396
- tab-size: 1;
2397
- }
2398
- .tab-2 {
2399
- tab-size: 2;
2400
- }
2401
- .tab-3 {
2402
- tab-size: 3;
2403
- }
2404
- .tab-123 {
2405
- tab-size: 123;
2406
- }
2407
- .text-\(--color-red-100\) {
2408
- color: var(--color-red-100);
2409
- }
2410
- .text-\(--color-text-disabled\) {
2411
- color: var(--color-text-disabled);
2412
- }
2413
1268
  .text-\(--color-text-primary\) {
2414
1269
  color: var(--color-text-primary);
2415
1270
  }
2416
1271
  .text-\(--color-text-secondary\) {
2417
1272
  color: var(--color-text-secondary);
2418
1273
  }
2419
- .text-\(--color-yellow-200\) {
2420
- color: var(--color-yellow-200);
2421
- }
2422
- .text-\(--gray-25\) {
2423
- color: var(--gray-25);
2424
- }
2425
- .text-\[var\(--color-text-primary\)\] {
2426
- color: var(--color-text-primary);
2427
- }
2428
- .text-\[var\(--color-yellow-200\)\] {
2429
- color: var(--color-yellow-200);
2430
- }
2431
- .text-\[var\(--gray-25\)\] {
2432
- color: var(--gray-25);
2433
- }
2434
- .text-\[var\(--gray-99\)\] {
2435
- color: var(--gray-99);
2436
- }
2437
1274
  .text-blue-100 {
2438
1275
  color: var(--color-blue-100);
2439
1276
  }
2440
- .text-blue-200 {
2441
- color: var(--color-blue-200);
2442
- }
2443
- .text-blue-900 {
2444
- color: var(--color-blue-900);
2445
- }
2446
- .text-current {
2447
- color: currentcolor;
2448
- }
2449
- .text-emerald-600 {
2450
- color: var(--color-emerald-600);
2451
- }
2452
1277
  .text-feedback-error {
2453
1278
  color: var(--color-feedback-error);
2454
1279
  }
@@ -2461,30 +1286,12 @@
2461
1286
  .text-gray-300 {
2462
1287
  color: var(--color-gray-300);
2463
1288
  }
2464
- .text-gray-400 {
2465
- color: var(--color-gray-400);
2466
- }
2467
1289
  .text-gray-500 {
2468
1290
  color: var(--color-gray-500);
2469
1291
  }
2470
- .text-gray-600 {
2471
- color: var(--color-gray-600);
2472
- }
2473
- .text-green-400 {
2474
- color: var(--color-green-400);
2475
- }
2476
- .text-green-500 {
2477
- color: var(--color-green-500);
2478
- }
2479
1292
  .text-red-100 {
2480
1293
  color: var(--color-red-100);
2481
1294
  }
2482
- .text-red-600 {
2483
- color: var(--color-red-600);
2484
- }
2485
- .text-text-disabled {
2486
- color: var(--color-text-disabled);
2487
- }
2488
1295
  .text-text-primary {
2489
1296
  color: var(--color-text-primary);
2490
1297
  }
@@ -2494,31 +1301,12 @@
2494
1301
  .text-white {
2495
1302
  color: var(--color-white);
2496
1303
  }
2497
- .text-yellow-100 {
2498
- color: var(--color-yellow-100);
2499
- }
2500
1304
  .capitalize {
2501
1305
  text-transform: capitalize;
2502
1306
  }
2503
- .lowercase {
2504
- text-transform: lowercase;
2505
- }
2506
- .uppercase {
2507
- text-transform: uppercase;
2508
- }
2509
- .italic {
2510
- font-style: italic;
2511
- }
2512
1307
  .underline {
2513
1308
  text-decoration-line: underline;
2514
1309
  }
2515
- .antialiased {
2516
- -webkit-font-smoothing: antialiased;
2517
- -moz-osx-font-smoothing: grayscale;
2518
- }
2519
- .placeholder-gray-500::placeholder {
2520
- color: var(--color-gray-500);
2521
- }
2522
1310
  .\[color-scheme\:dark\] {
2523
1311
  color-scheme: dark;
2524
1312
  }
@@ -2546,37 +1334,10 @@
2546
1334
  --tw-shadow: 0px 8px 8px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.25));
2547
1335
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2548
1336
  }
2549
- .shadow-none {
2550
- --tw-shadow: 0 0 #0000;
2551
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2552
- }
2553
- .ring {
2554
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2555
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2556
- }
2557
- .ring-1 {
2558
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2559
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2560
- }
2561
- .ring-gray-300 {
2562
- --tw-ring-color: var(--color-gray-300);
2563
- }
2564
- .outline-hidden {
2565
- --tw-outline-style: none;
2566
- outline-style: none;
2567
- @media (forced-colors: active) {
2568
- outline: 2px solid transparent;
2569
- outline-offset: 2px;
2570
- }
2571
- }
2572
1337
  .outline {
2573
1338
  outline-style: var(--tw-outline-style);
2574
1339
  outline-width: 1px;
2575
1340
  }
2576
- .blur {
2577
- --tw-blur: blur(8px);
2578
- 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,);
2579
- }
2580
1341
  .grayscale {
2581
1342
  --tw-grayscale: grayscale(100%);
2582
1343
  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,);
@@ -2594,11 +1355,6 @@
2594
1355
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2595
1356
  transition-duration: var(--tw-duration, var(--default-transition-duration));
2596
1357
  }
2597
- .transition-\[width\] {
2598
- transition-property: width;
2599
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2600
- transition-duration: var(--tw-duration, var(--default-transition-duration));
2601
- }
2602
1358
  .transition-all {
2603
1359
  transition-property: all;
2604
1360
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2631,18 +1387,10 @@
2631
1387
  --tw-duration: 300ms;
2632
1388
  transition-duration: 300ms;
2633
1389
  }
2634
- .duration-500 {
2635
- --tw-duration: 500ms;
2636
- transition-duration: 500ms;
2637
- }
2638
1390
  .ease-in-out {
2639
1391
  --tw-ease: var(--ease-in-out);
2640
1392
  transition-timing-function: var(--ease-in-out);
2641
1393
  }
2642
- .ease-out {
2643
- --tw-ease: var(--ease-out);
2644
- transition-timing-function: var(--ease-out);
2645
- }
2646
1394
  .outline-none {
2647
1395
  --tw-outline-style: none;
2648
1396
  outline-style: none;
@@ -2651,9 +1399,6 @@
2651
1399
  -webkit-user-select: none;
2652
1400
  user-select: none;
2653
1401
  }
2654
- .\[-ms-overflow-style\:none\] {
2655
- -ms-overflow-style: none;
2656
- }
2657
1402
  .\[animation-play-state\:running\] {
2658
1403
  animation-play-state: running;
2659
1404
  }
@@ -2661,9 +1406,6 @@
2661
1406
  .group-hover\:bg-brand:is(:where(.group):hover *) {
2662
1407
  background-color: var(--color-brand);
2663
1408
  }
2664
- .group-hover\:text-white:is(:where(.group):hover *) {
2665
- color: var(--color-white);
2666
- }
2667
1409
  .group-hover\:opacity-100:is(:where(.group):hover *) {
2668
1410
  opacity: var(--opacity-100);
2669
1411
  }
@@ -2680,77 +1422,17 @@
2680
1422
  .group-data-invalid\/field\:text-red-100:is(:where(.group\/field)[data-invalid] *) {
2681
1423
  color: var(--color-red-100);
2682
1424
  }
2683
- .group-data-\[active\=true\]\:text-white:is(:where(.group)[data-active="true"] *) {
2684
- color: var(--color-white);
2685
- }
2686
1425
  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
2687
1426
  rotate: 180deg;
2688
1427
  }
2689
1428
  .placeholder\:text-gray-500::placeholder {
2690
1429
  color: var(--color-gray-500);
2691
1430
  }
2692
- .before\:absolute::before {
2693
- content: var(--tw-content);
2694
- position: absolute;
2695
- }
2696
- .before\:top-1\/2::before {
2697
- content: var(--tw-content);
2698
- top: calc(1 / 2 * 100%);
2699
- }
2700
- .before\:left-0::before {
2701
- content: var(--tw-content);
2702
- left: 0px;
2703
- }
2704
- .before\:h-5::before {
2705
- content: var(--tw-content);
2706
- height: calc(var(--spacing) * 5);
2707
- }
2708
- .before\:h-6::before {
2709
- content: var(--tw-content);
2710
- height: var(--spacing-6);
2711
- }
2712
- .before\:w-0\.5::before {
2713
- content: var(--tw-content);
2714
- width: calc(var(--spacing) * 0.5);
2715
- }
2716
- .before\:w-1::before {
2717
- content: var(--tw-content);
2718
- width: var(--spacing-1);
2719
- }
2720
- .before\:-translate-y-1\/2::before {
2721
- content: var(--tw-content);
2722
- --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
2723
- translate: var(--tw-translate-x) var(--tw-translate-y);
2724
- }
2725
- .before\:rounded-full::before {
2726
- content: var(--tw-content);
2727
- border-radius: calc(infinity * 1px);
2728
- }
2729
- .before\:bg-blue-100::before {
2730
- content: var(--tw-content);
2731
- background-color: var(--color-blue-100);
2732
- }
2733
- .first\:pl-0:first-child {
2734
- padding-left: 0px;
2735
- }
2736
- .last\:pr-0:last-child {
2737
- padding-right: 0px;
2738
- }
2739
1431
  :is(.\*\:last\:border-b-0 > *):last-child {
2740
1432
  border-bottom-style: var(--tw-border-style);
2741
1433
  border-bottom-width: 0px;
2742
1434
  }
2743
- .focus-within\:ring-1:focus-within {
2744
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2745
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2746
- }
2747
- .focus-within\:ring-blue-100:focus-within {
2748
- --tw-ring-color: var(--color-blue-100);
2749
- }
2750
1435
  @media (hover: hover) {
2751
- .hover\:border-blue-100:hover {
2752
- border-color: var(--color-blue-100);
2753
- }
2754
1436
  .hover\:border-blue-150:hover {
2755
1437
  border-color: var(--color-blue-150);
2756
1438
  }
@@ -2763,9 +1445,6 @@
2763
1445
  .hover\:border-red-100:hover {
2764
1446
  border-color: var(--color-red-100);
2765
1447
  }
2766
- .hover\:\!bg-gray-f7:hover {
2767
- background-color: var(--color-gray-f7) !important;
2768
- }
2769
1448
  .hover\:\!bg-transparent:hover {
2770
1449
  background-color: transparent !important;
2771
1450
  }
@@ -2784,48 +1463,18 @@
2784
1463
  .hover\:bg-surface-muted:hover {
2785
1464
  background-color: var(--color-surface-muted);
2786
1465
  }
2787
- .hover\:bg-surface-overlay:hover {
2788
- background-color: var(--color-surface-overlay);
2789
- }
2790
- .hover\:bg-transparent:hover {
2791
- background-color: transparent;
2792
- }
2793
- .hover\:text-\(--color-text-primary\):hover {
2794
- color: var(--color-text-primary);
2795
- }
2796
- .hover\:text-blue-100:hover {
2797
- color: var(--color-blue-100);
2798
- }
2799
1466
  .hover\:text-blue-150:hover {
2800
1467
  color: var(--color-blue-150);
2801
1468
  }
2802
- .hover\:text-blue-200:hover {
2803
- color: var(--color-blue-200);
2804
- }
2805
- .hover\:text-feedback-error:hover {
2806
- color: var(--color-feedback-error);
2807
- }
2808
- .hover\:text-gray-500:hover {
2809
- color: var(--color-gray-500);
2810
- }
2811
1469
  .hover\:text-red-100:hover {
2812
1470
  color: var(--color-red-100);
2813
1471
  }
2814
1472
  .hover\:text-white:hover {
2815
1473
  color: var(--color-white);
2816
1474
  }
2817
- .hover\:opacity-60:hover {
2818
- opacity: 60%;
2819
- }
2820
1475
  .hover\:opacity-70:hover {
2821
1476
  opacity: var(--opacity-70);
2822
1477
  }
2823
- .hover\:opacity-80:hover {
2824
- opacity: 80%;
2825
- }
2826
- }
2827
- .focus\:\!bg-gray-f7:focus {
2828
- background-color: var(--color-gray-f7) !important;
2829
1478
  }
2830
1479
  .focus-visible\:rounded-full:focus-visible {
2831
1480
  border-radius: calc(infinity * 1px);
@@ -2842,10 +1491,6 @@
2842
1491
  .focus-visible\:opacity-100:focus-visible {
2843
1492
  opacity: var(--opacity-100);
2844
1493
  }
2845
- .focus-visible\:ring-0:focus-visible {
2846
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2847
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2848
- }
2849
1494
  .focus-visible\:ring-1:focus-visible {
2850
1495
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2851
1496
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2854,19 +1499,12 @@
2854
1499
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2855
1500
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2856
1501
  }
2857
- .focus-visible\:ring-\[--color-blue-150\]:focus-visible {
2858
- --tw-ring-color: --color-blue-150;
2859
- }
2860
1502
  .focus-visible\:ring-blue-100:focus-visible {
2861
1503
  --tw-ring-color: var(--color-blue-100);
2862
1504
  }
2863
1505
  .focus-visible\:ring-red-100:focus-visible {
2864
1506
  --tw-ring-color: var(--color-red-100);
2865
1507
  }
2866
- .focus-visible\:ring-offset-0:focus-visible {
2867
- --tw-ring-offset-width: 0px;
2868
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2869
- }
2870
1508
  .focus-visible\:ring-offset-1:focus-visible {
2871
1509
  --tw-ring-offset-width: 1px;
2872
1510
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -2878,16 +1516,6 @@
2878
1516
  .focus-visible\:ring-offset-black:focus-visible {
2879
1517
  --tw-ring-offset-color: var(--color-black);
2880
1518
  }
2881
- .focus-visible\:outline-2:focus-visible {
2882
- outline-style: var(--tw-outline-style);
2883
- outline-width: 2px;
2884
- }
2885
- .focus-visible\:outline-offset-2:focus-visible {
2886
- outline-offset: 2px;
2887
- }
2888
- .focus-visible\:outline-blue-100:focus-visible {
2889
- outline-color: var(--color-blue-100);
2890
- }
2891
1519
  .focus-visible\:outline-none:focus-visible {
2892
1520
  --tw-outline-style: none;
2893
1521
  outline-style: none;
@@ -2919,9 +1547,6 @@
2919
1547
  .disabled\:pointer-events-none:disabled {
2920
1548
  pointer-events: none;
2921
1549
  }
2922
- .disabled\:cursor-default:disabled {
2923
- cursor: default;
2924
- }
2925
1550
  .disabled\:cursor-not-allowed:disabled {
2926
1551
  cursor: not-allowed;
2927
1552
  }
@@ -2952,6 +1577,9 @@
2952
1577
  .disabled\:opacity-50:disabled {
2953
1578
  opacity: var(--opacity-50);
2954
1579
  }
1580
+ .has-\[\:disabled\]\:cursor-not-allowed:has(:is(:disabled)) {
1581
+ cursor: not-allowed;
1582
+ }
2955
1583
  .aria-selected\:rounded-full[aria-selected="true"] {
2956
1584
  border-radius: calc(infinity * 1px);
2957
1585
  }
@@ -2967,9 +1595,6 @@
2967
1595
  .data-disabled\:text-gray-500[data-disabled] {
2968
1596
  color: var(--color-gray-500);
2969
1597
  }
2970
- .data-highlighted\:\!bg-gray-f7[data-highlighted] {
2971
- background-color: var(--color-gray-f7) !important;
2972
- }
2973
1598
  .data-highlighted\:bg-gray-f7[data-highlighted] {
2974
1599
  background-color: var(--color-gray-f7);
2975
1600
  }
@@ -3006,9 +1631,6 @@
3006
1631
  --tw-translate-y: var(--spacing-1);
3007
1632
  translate: var(--tw-translate-x) var(--tw-translate-y);
3008
1633
  }
3009
- .data-\[state\=active\]\:text-green-400[data-state="active"] {
3010
- color: var(--color-green-400);
3011
- }
3012
1634
  .data-\[state\=active\]\:text-white[data-state="active"] {
3013
1635
  color: var(--color-white);
3014
1636
  }
@@ -3019,18 +1641,9 @@
3019
1641
  .data-\[state\=checked\]\:border-blue-100[data-state="checked"] {
3020
1642
  border-color: var(--color-blue-100);
3021
1643
  }
3022
- .data-\[state\=checked\]\:border-blue-150[data-state="checked"] {
3023
- border-color: var(--color-blue-150);
3024
- }
3025
- .data-\[state\=checked\]\:\!bg-gray-f7[data-state="checked"] {
3026
- background-color: var(--color-gray-f7) !important;
3027
- }
3028
1644
  .data-\[state\=checked\]\:bg-blue-100[data-state="checked"] {
3029
1645
  background-color: var(--color-blue-100);
3030
1646
  }
3031
- .data-\[state\=checked\]\:bg-blue-150[data-state="checked"] {
3032
- background-color: var(--color-blue-150);
3033
- }
3034
1647
  .data-\[state\=checked\]\:bg-blue-300[data-state="checked"] {
3035
1648
  background-color: var(--color-blue-300);
3036
1649
  }
@@ -3085,182 +1698,13 @@
3085
1698
  .data-\[state\=unchecked\]\:data-highlighted\:bg-gray-f7[data-state="unchecked"][data-highlighted] {
3086
1699
  background-color: var(--color-gray-f7);
3087
1700
  }
3088
- @media (width >= 40rem) {
3089
- .sm\:grid-cols-3 {
3090
- grid-template-columns: repeat(3, minmax(0, 1fr));
3091
- }
3092
- }
3093
- @media (width >= 48rem) {
3094
- .md\:w-\[160px\] {
3095
- width: 160px;
3096
- }
3097
- .md\:grid-cols-2 {
3098
- grid-template-columns: repeat(2, minmax(0, 1fr));
3099
- }
3100
- .md\:flex-row {
3101
- flex-direction: row;
3102
- }
3103
- .md\:items-center {
3104
- align-items: center;
3105
- }
3106
- .md\:items-stretch {
3107
- align-items: stretch;
3108
- }
3109
- .md\:gap-2 {
3110
- gap: var(--spacing-2);
3111
- }
3112
- .md\:gap-6 {
3113
- gap: var(--spacing-6);
3114
- }
3115
- .md\:p-3 {
3116
- padding: var(--spacing-3);
3117
- }
3118
- .md\:p-4 {
3119
- padding: var(--spacing-4);
3120
- }
3121
- .md\:text-lg {
3122
- font-size: var(--text-lg);
3123
- line-height: var(--tw-leading, var(--text-lg--line-height));
3124
- }
3125
- }
3126
- @media (width >= 64rem) {
3127
- .lg\:h-9 {
3128
- height: calc(var(--spacing) * 9);
3129
- }
3130
- .lg\:px-2 {
3131
- padding-inline: var(--spacing-2);
3132
- }
3133
- .lg\:pl-5 {
3134
- padding-left: calc(var(--spacing) * 5);
3135
- }
3136
- }
3137
1701
  @media (width >= 80rem) {
3138
- .xl\:mx-4 {
3139
- margin-inline: var(--spacing-4);
3140
- }
3141
- .xl\:mt-6 {
3142
- margin-top: var(--spacing-6);
3143
- }
3144
- .xl\:-mr-6 {
3145
- margin-right: calc(var(--spacing-6) * -1);
3146
- }
3147
- .xl\:mb-6 {
3148
- margin-bottom: var(--spacing-6);
3149
- }
3150
- .xl\:h-8 {
3151
- height: var(--spacing-8);
3152
- }
3153
1702
  .xl\:h-9 {
3154
1703
  height: calc(var(--spacing) * 9);
3155
1704
  }
3156
- .xl\:h-\[calc\(100\%-16px\)\] {
3157
- height: calc(100% - 16px);
3158
- }
3159
- .xl\:h-\[calc\(100\%-64px\)\] {
3160
- height: calc(100% - 64px);
3161
- }
3162
- .xl\:h-dvh {
3163
- height: 100dvh;
3164
- }
3165
- .xl\:w-\[80vw\] {
3166
- width: 80vw;
3167
- }
3168
- .xl\:w-full {
3169
- width: 100%;
3170
- }
3171
- .xl\:grid-cols-\[2fr_1fr\] {
3172
- grid-template-columns: 2fr 1fr;
3173
- }
3174
- .xl\:gap-4 {
3175
- gap: var(--spacing-4);
3176
- }
3177
- .xl\:gap-6 {
3178
- gap: var(--spacing-6);
3179
- }
3180
1705
  .xl\:p-6 {
3181
1706
  padding: var(--spacing-6);
3182
1707
  }
3183
- .xl\:px-4 {
3184
- padding-inline: var(--spacing-4);
3185
- }
3186
- .xl\:px-6 {
3187
- padding-inline: var(--spacing-6);
3188
- }
3189
- .xl\:py-4 {
3190
- padding-block: var(--spacing-4);
3191
- }
3192
- .xl\:py-6 {
3193
- padding-block: var(--spacing-6);
3194
- }
3195
- .xl\:pt-2 {
3196
- padding-top: var(--spacing-2);
3197
- }
3198
- .xl\:text-base {
3199
- font-size: var(--text-base);
3200
- line-height: var(--tw-leading, var(--text-base--line-height));
3201
- }
3202
- .xl\:text-lg {
3203
- font-size: var(--text-lg);
3204
- line-height: var(--tw-leading, var(--text-lg--line-height));
3205
- }
3206
- .xl\:text-sm {
3207
- font-size: var(--text-sm);
3208
- line-height: var(--tw-leading, var(--text-sm--line-height));
3209
- }
3210
- .xl\:text-xs {
3211
- font-size: var(--text-xs);
3212
- line-height: var(--tw-leading, var(--text-xs--line-height));
3213
- }
3214
- }
3215
- @media (width >= 96rem) {
3216
- .\32 xl\:col-span-2 {
3217
- grid-column: span 2 / span 2;
3218
- }
3219
- .\32 xl\:h-12 {
3220
- height: var(--spacing-12);
3221
- }
3222
- .\32 xl\:w-87\.5 {
3223
- width: calc(var(--spacing) * 87.5);
3224
- }
3225
- .\32 xl\:flex-6 {
3226
- flex: 6;
3227
- }
3228
- .\32 xl\:p-4\.5 {
3229
- padding: calc(var(--spacing) * 4.5);
3230
- }
3231
- .\32 xl\:px-4 {
3232
- padding-inline: var(--spacing-4);
3233
- }
3234
- .\32 xl\:px-6 {
3235
- padding-inline: var(--spacing-6);
3236
- }
3237
- .\32 xl\:py-4 {
3238
- padding-block: var(--spacing-4);
3239
- }
3240
- .\32 xl\:py-6 {
3241
- padding-block: var(--spacing-6);
3242
- }
3243
- .\32 xl\:pt-6 {
3244
- padding-top: var(--spacing-6);
3245
- }
3246
- .\32 xl\:pr-6 {
3247
- padding-right: var(--spacing-6);
3248
- }
3249
- .\32 xl\:pb-0 {
3250
- padding-bottom: 0px;
3251
- }
3252
- .\32 xl\:pl-8 {
3253
- padding-left: var(--spacing-8);
3254
- }
3255
- .\32 xl\:text-lg {
3256
- font-size: var(--text-lg);
3257
- line-height: var(--tw-leading, var(--text-lg--line-height));
3258
- }
3259
- }
3260
- @media (prefers-color-scheme: dark) {
3261
- .dark\:bg-gray-950 {
3262
- background-color: var(--color-gray-950);
3263
- }
3264
1708
  }
3265
1709
  .\[\&_span\]\:text-md span {
3266
1710
  font-size: var(--text-md);
@@ -3282,27 +1726,12 @@
3282
1726
  .\[\&_svg\]\:stroke-gray-500 svg {
3283
1727
  stroke: var(--color-gray-500);
3284
1728
  }
3285
- .\[\&_td\]\:\!px-1 td {
3286
- padding-inline: var(--spacing-1) !important;
3287
- }
3288
- .\[\&_td\]\:\!py-3 td {
3289
- padding-block: var(--spacing-3) !important;
3290
- }
3291
- .\[\&_th\]\:\!px-1 th {
3292
- padding-inline: var(--spacing-1) !important;
3293
- }
3294
- .\[\&_th\]\:\!py-3 th {
3295
- padding-block: var(--spacing-3) !important;
3296
- }
3297
1729
  .\[\&\:-webkit-autofill\]\:\[box-shadow\:inset_0_0_0_1000px_var\(--color-gray-100\)\]:-webkit-autofill {
3298
1730
  box-shadow: inset 0 0 0 1000px var(--color-gray-100);
3299
1731
  }
3300
1732
  .\[\&\:-webkit-autofill\]\:\[-webkit-text-fill-color\:var\(--color-white\)\]:-webkit-autofill {
3301
1733
  -webkit-text-fill-color: var(--color-white);
3302
1734
  }
3303
- .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
3304
- display: none;
3305
- }
3306
1735
  .\[\&\:has\(\[aria-selected\]\)\]\:bg-blue-300:has([aria-selected]) {
3307
1736
  background-color: var(--color-blue-300);
3308
1737
  }
@@ -3368,9 +1797,6 @@
3368
1797
  .\[\&\>span\]\:items-end > span {
3369
1798
  align-items: flex-end;
3370
1799
  }
3371
- .\[\&\>span\]\:text-gray-200 > span {
3372
- color: var(--color-gray-200);
3373
- }
3374
1800
  .\[\&\>span\]\:text-gray-500 > span {
3375
1801
  color: var(--color-gray-500);
3376
1802
  }
@@ -3388,42 +1814,10 @@
3388
1814
  .data-\[disabled\=true\]\:\[\&\>span\]\:text-gray-300[data-disabled="true"] > span {
3389
1815
  color: var(--color-gray-300);
3390
1816
  }
3391
- .\[\&\>svg\]\:h-full > svg {
3392
- height: 100%;
3393
- }
3394
- .\[\&\>svg\]\:w-full > svg {
3395
- width: 100%;
3396
- }
3397
1817
  .\[\&\>tr\:last-child\]\:border-b-0 > tr:last-child {
3398
1818
  border-bottom-style: var(--tw-border-style);
3399
1819
  border-bottom-width: 0px;
3400
1820
  }
3401
- @media (max-height:768px) {
3402
- .\[\@media\(max-height\:768px\)\]\:block {
3403
- display: block;
3404
- }
3405
- .\[\@media\(max-height\:768px\)\]\:gap-3 {
3406
- gap: var(--spacing-3);
3407
- }
3408
- .\[\@media\(max-height\:768px\)\]\:overflow-auto {
3409
- overflow: auto;
3410
- }
3411
- .\[\@media\(max-height\:768px\)\]\:p-3 {
3412
- padding: var(--spacing-3);
3413
- }
3414
- .\[\@media\(max-height\:768px\)\]\:\[\&_td\]\:\!px-0\.5 td {
3415
- padding-inline: calc(var(--spacing) * 0.5) !important;
3416
- }
3417
- .\[\@media\(max-height\:768px\)\]\:\[\&_td\]\:\!py-1\.75 td {
3418
- padding-block: calc(var(--spacing) * 1.75) !important;
3419
- }
3420
- .\[\@media\(max-height\:768px\)\]\:\[\&_th\]\:\!px-0\.5 th {
3421
- padding-inline: calc(var(--spacing) * 0.5) !important;
3422
- }
3423
- .\[\@media\(max-height\:768px\)\]\:\[\&_th\]\:\!py-1\.75 th {
3424
- padding-block: calc(var(--spacing) * 1.75) !important;
3425
- }
3426
- }
3427
1821
  }
3428
1822
  @font-face {
3429
1823
  font-family: "Nunito";
@@ -3511,16 +1905,6 @@
3511
1905
  inherits: false;
3512
1906
  initial-value: 0;
3513
1907
  }
3514
- @property --tw-space-x-reverse {
3515
- syntax: "*";
3516
- inherits: false;
3517
- initial-value: 0;
3518
- }
3519
- @property --tw-divide-x-reverse {
3520
- syntax: "*";
3521
- inherits: false;
3522
- initial-value: 0;
3523
- }
3524
1908
  @property --tw-border-style {
3525
1909
  syntax: "*";
3526
1910
  inherits: false;
@@ -3728,8 +2112,6 @@
3728
2112
  --tw-skew-x: initial;
3729
2113
  --tw-skew-y: initial;
3730
2114
  --tw-space-y-reverse: 0;
3731
- --tw-space-x-reverse: 0;
3732
- --tw-divide-x-reverse: 0;
3733
2115
  --tw-border-style: solid;
3734
2116
  --tw-leading: initial;
3735
2117
  --tw-font-weight: initial;