@norskvideo/norsk-studio-alpha 1.27.0-2025-12-23-0e829bed → 1.27.0-2026-01-08-2828c8f7

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.
Files changed (53) hide show
  1. package/client/info.js +19236 -42372
  2. package/client/style.css +351 -241
  3. package/lib/info.js +13 -9
  4. package/lib/info.js.map +1 -1
  5. package/lib/output.fileMp4/_gen/schema.d.ts +13 -0
  6. package/lib/output.fileMp4/_gen/schema.js +17 -0
  7. package/lib/output.fileMp4/_gen/schema.js.map +1 -0
  8. package/lib/output.fileMp4/_gen/types.d.ts +75 -0
  9. package/lib/output.fileMp4/_gen/types.js +3 -0
  10. package/lib/output.fileMp4/_gen/types.js.map +1 -0
  11. package/lib/output.fileMp4/_gen/zod.d.ts +2 -0
  12. package/lib/output.fileMp4/_gen/zod.js +34 -0
  13. package/lib/output.fileMp4/_gen/zod.js.map +1 -0
  14. package/lib/output.fileMp4/info.d.ts +27 -0
  15. package/lib/output.fileMp4/info.js +73 -0
  16. package/lib/output.fileMp4/info.js.map +1 -0
  17. package/lib/output.fileMp4/inline-view.d.ts +7 -0
  18. package/lib/output.fileMp4/inline-view.js +8 -0
  19. package/lib/output.fileMp4/inline-view.js.map +1 -0
  20. package/lib/output.fileMp4/runtime.d.ts +42 -0
  21. package/lib/output.fileMp4/runtime.js +109 -0
  22. package/lib/output.fileMp4/runtime.js.map +1 -0
  23. package/lib/output.fileMp4/summary-view.d.ts +4 -0
  24. package/lib/output.fileMp4/summary-view.js +16 -0
  25. package/lib/output.fileMp4/summary-view.js.map +1 -0
  26. package/lib/output.fileMp4/types.yaml +75 -0
  27. package/lib/processor.hardSourceSwitch/_gen/schema.d.ts +16 -0
  28. package/lib/processor.hardSourceSwitch/_gen/schema.js +20 -0
  29. package/lib/processor.hardSourceSwitch/_gen/schema.js.map +1 -0
  30. package/lib/processor.hardSourceSwitch/_gen/types.d.ts +224 -0
  31. package/lib/processor.hardSourceSwitch/_gen/types.js +3 -0
  32. package/lib/processor.hardSourceSwitch/_gen/types.js.map +1 -0
  33. package/lib/processor.hardSourceSwitch/_gen/zod.d.ts +2 -0
  34. package/lib/processor.hardSourceSwitch/_gen/zod.js +147 -0
  35. package/lib/processor.hardSourceSwitch/_gen/zod.js.map +1 -0
  36. package/lib/processor.hardSourceSwitch/fullscreen.d.ts +3 -0
  37. package/lib/processor.hardSourceSwitch/fullscreen.js +23 -0
  38. package/lib/processor.hardSourceSwitch/fullscreen.js.map +1 -0
  39. package/lib/processor.hardSourceSwitch/info.d.ts +69 -0
  40. package/lib/processor.hardSourceSwitch/info.js +170 -0
  41. package/lib/processor.hardSourceSwitch/info.js.map +1 -0
  42. package/lib/processor.hardSourceSwitch/inline-view.d.ts +3 -0
  43. package/lib/processor.hardSourceSwitch/inline-view.js +8 -0
  44. package/lib/processor.hardSourceSwitch/inline-view.js.map +1 -0
  45. package/lib/processor.hardSourceSwitch/runtime.d.ts +77 -0
  46. package/lib/processor.hardSourceSwitch/runtime.js +430 -0
  47. package/lib/processor.hardSourceSwitch/runtime.js.map +1 -0
  48. package/lib/processor.hardSourceSwitch/types.yaml +255 -0
  49. package/lib/test/output.tams.js +17 -7
  50. package/lib/test/output.tams.js.map +1 -1
  51. package/lib/util.agent/fullscreen-view.js +17 -7
  52. package/lib/util.agent/fullscreen-view.js.map +1 -1
  53. package/package.json +12 -12
package/client/style.css CHANGED
@@ -1,5 +1,113 @@
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style: ;
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }
108
+
1
109
  /*
2
- ! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
110
+ ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
3
111
  */
4
112
 
5
113
  /*
@@ -442,122 +550,18 @@ video {
442
550
 
443
551
  /* Make elements with the HTML hidden attribute stay hidden by default */
444
552
 
445
- [hidden] {
553
+ [hidden]:where(:not([hidden="until-found"])) {
446
554
  display: none;
447
555
  }
448
556
 
449
- *, ::before, ::after {
450
- --tw-border-spacing-x: 0;
451
- --tw-border-spacing-y: 0;
452
- --tw-translate-x: 0;
453
- --tw-translate-y: 0;
454
- --tw-rotate: 0;
455
- --tw-skew-x: 0;
456
- --tw-skew-y: 0;
457
- --tw-scale-x: 1;
458
- --tw-scale-y: 1;
459
- --tw-pan-x: ;
460
- --tw-pan-y: ;
461
- --tw-pinch-zoom: ;
462
- --tw-scroll-snap-strictness: proximity;
463
- --tw-gradient-from-position: ;
464
- --tw-gradient-via-position: ;
465
- --tw-gradient-to-position: ;
466
- --tw-ordinal: ;
467
- --tw-slashed-zero: ;
468
- --tw-numeric-figure: ;
469
- --tw-numeric-spacing: ;
470
- --tw-numeric-fraction: ;
471
- --tw-ring-inset: ;
472
- --tw-ring-offset-width: 0px;
473
- --tw-ring-offset-color: #fff;
474
- --tw-ring-color: rgb(59 130 246 / 0.5);
475
- --tw-ring-offset-shadow: 0 0 #0000;
476
- --tw-ring-shadow: 0 0 #0000;
477
- --tw-shadow: 0 0 #0000;
478
- --tw-shadow-colored: 0 0 #0000;
479
- --tw-blur: ;
480
- --tw-brightness: ;
481
- --tw-contrast: ;
482
- --tw-grayscale: ;
483
- --tw-hue-rotate: ;
484
- --tw-invert: ;
485
- --tw-saturate: ;
486
- --tw-sepia: ;
487
- --tw-drop-shadow: ;
488
- --tw-backdrop-blur: ;
489
- --tw-backdrop-brightness: ;
490
- --tw-backdrop-contrast: ;
491
- --tw-backdrop-grayscale: ;
492
- --tw-backdrop-hue-rotate: ;
493
- --tw-backdrop-invert: ;
494
- --tw-backdrop-opacity: ;
495
- --tw-backdrop-saturate: ;
496
- --tw-backdrop-sepia: ;
497
- --tw-contain-size: ;
498
- --tw-contain-layout: ;
499
- --tw-contain-paint: ;
500
- --tw-contain-style: ;
501
- }
502
-
503
- ::backdrop {
504
- --tw-border-spacing-x: 0;
505
- --tw-border-spacing-y: 0;
506
- --tw-translate-x: 0;
507
- --tw-translate-y: 0;
508
- --tw-rotate: 0;
509
- --tw-skew-x: 0;
510
- --tw-skew-y: 0;
511
- --tw-scale-x: 1;
512
- --tw-scale-y: 1;
513
- --tw-pan-x: ;
514
- --tw-pan-y: ;
515
- --tw-pinch-zoom: ;
516
- --tw-scroll-snap-strictness: proximity;
517
- --tw-gradient-from-position: ;
518
- --tw-gradient-via-position: ;
519
- --tw-gradient-to-position: ;
520
- --tw-ordinal: ;
521
- --tw-slashed-zero: ;
522
- --tw-numeric-figure: ;
523
- --tw-numeric-spacing: ;
524
- --tw-numeric-fraction: ;
525
- --tw-ring-inset: ;
526
- --tw-ring-offset-width: 0px;
527
- --tw-ring-offset-color: #fff;
528
- --tw-ring-color: rgb(59 130 246 / 0.5);
529
- --tw-ring-offset-shadow: 0 0 #0000;
530
- --tw-ring-shadow: 0 0 #0000;
531
- --tw-shadow: 0 0 #0000;
532
- --tw-shadow-colored: 0 0 #0000;
533
- --tw-blur: ;
534
- --tw-brightness: ;
535
- --tw-contrast: ;
536
- --tw-grayscale: ;
537
- --tw-hue-rotate: ;
538
- --tw-invert: ;
539
- --tw-saturate: ;
540
- --tw-sepia: ;
541
- --tw-drop-shadow: ;
542
- --tw-backdrop-blur: ;
543
- --tw-backdrop-brightness: ;
544
- --tw-backdrop-contrast: ;
545
- --tw-backdrop-grayscale: ;
546
- --tw-backdrop-hue-rotate: ;
547
- --tw-backdrop-invert: ;
548
- --tw-backdrop-opacity: ;
549
- --tw-backdrop-saturate: ;
550
- --tw-backdrop-sepia: ;
551
- --tw-contain-size: ;
552
- --tw-contain-layout: ;
553
- --tw-contain-paint: ;
554
- --tw-contain-style: ;
555
- }
556
-
557
557
  .pointer-events-auto {
558
558
  pointer-events: auto;
559
559
  }
560
560
 
561
+ .static {
562
+ position: static;
563
+ }
564
+
561
565
  .fixed {
562
566
  position: fixed;
563
567
  }
@@ -582,6 +586,10 @@ video {
582
586
  right: 0.25rem;
583
587
  }
584
588
 
589
+ .right-2 {
590
+ right: 0.5rem;
591
+ }
592
+
585
593
  .top-1 {
586
594
  top: 0.25rem;
587
595
  }
@@ -590,6 +598,10 @@ video {
590
598
  top: 3.5rem;
591
599
  }
592
600
 
601
+ .top-2 {
602
+ top: 0.5rem;
603
+ }
604
+
593
605
  .z-50 {
594
606
  z-index: 50;
595
607
  }
@@ -704,6 +716,10 @@ video {
704
716
  aspect-ratio: 1 / 1;
705
717
  }
706
718
 
719
+ .aspect-video {
720
+ aspect-ratio: 16 / 9;
721
+ }
722
+
707
723
  .h-2 {
708
724
  height: 0.5rem;
709
725
  }
@@ -724,6 +740,10 @@ video {
724
740
  height: 100%;
725
741
  }
726
742
 
743
+ .max-h-32 {
744
+ max-height: 8rem;
745
+ }
746
+
727
747
  .max-h-60 {
728
748
  max-height: 15rem;
729
749
  }
@@ -748,6 +768,10 @@ video {
748
768
  width: 20rem;
749
769
  }
750
770
 
771
+ .w-96 {
772
+ width: 24rem;
773
+ }
774
+
751
775
  .w-full {
752
776
  width: 100%;
753
777
  }
@@ -815,6 +839,10 @@ video {
815
839
  align-items: center;
816
840
  }
817
841
 
842
+ .justify-end {
843
+ justify-content: flex-end;
844
+ }
845
+
818
846
  .justify-center {
819
847
  justify-content: center;
820
848
  }
@@ -862,6 +890,12 @@ video {
862
890
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
863
891
  }
864
892
 
893
+ .space-y-1 > :not([hidden]) ~ :not([hidden]) {
894
+ --tw-space-y-reverse: 0;
895
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
896
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
897
+ }
898
+
865
899
  .space-y-2 > :not([hidden]) ~ :not([hidden]) {
866
900
  --tw-space-y-reverse: 0;
867
901
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -932,6 +966,10 @@ video {
932
966
  border-width: 1px;
933
967
  }
934
968
 
969
+ .border-2 {
970
+ border-width: 2px;
971
+ }
972
+
935
973
  .border-b {
936
974
  border-bottom-width: 1px;
937
975
  }
@@ -950,22 +988,32 @@ video {
950
988
 
951
989
  .border-blue-500 {
952
990
  --tw-border-opacity: 1;
953
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
991
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
954
992
  }
955
993
 
956
994
  .border-gray-200 {
957
995
  --tw-border-opacity: 1;
958
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
996
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
959
997
  }
960
998
 
961
999
  .border-gray-300 {
962
1000
  --tw-border-opacity: 1;
963
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1001
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1002
+ }
1003
+
1004
+ .border-gray-600 {
1005
+ --tw-border-opacity: 1;
1006
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1007
+ }
1008
+
1009
+ .border-green-500 {
1010
+ --tw-border-opacity: 1;
1011
+ border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
964
1012
  }
965
1013
 
966
1014
  .border-red-200 {
967
1015
  --tw-border-opacity: 1;
968
- border-color: rgb(254 202 202 / var(--tw-border-opacity));
1016
+ border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
969
1017
  }
970
1018
 
971
1019
  .border-transparent {
@@ -974,97 +1022,126 @@ video {
974
1022
 
975
1023
  .border-white {
976
1024
  --tw-border-opacity: 1;
977
- border-color: rgb(255 255 255 / var(--tw-border-opacity));
1025
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1026
+ }
1027
+
1028
+ .border-yellow-600 {
1029
+ --tw-border-opacity: 1;
1030
+ border-color: rgb(202 138 4 / var(--tw-border-opacity, 1));
978
1031
  }
979
1032
 
980
1033
  .border-l-blue-500 {
981
1034
  --tw-border-opacity: 1;
982
- border-left-color: rgb(59 130 246 / var(--tw-border-opacity));
1035
+ border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
983
1036
  }
984
1037
 
985
1038
  .bg-blue-100 {
986
1039
  --tw-bg-opacity: 1;
987
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
1040
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
988
1041
  }
989
1042
 
990
1043
  .bg-blue-600 {
991
1044
  --tw-bg-opacity: 1;
992
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
1045
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
993
1046
  }
994
1047
 
995
1048
  .bg-gray-100 {
996
1049
  --tw-bg-opacity: 1;
997
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1050
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
998
1051
  }
999
1052
 
1000
1053
  .bg-gray-200 {
1001
1054
  --tw-bg-opacity: 1;
1002
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
1055
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1003
1056
  }
1004
1057
 
1005
1058
  .bg-gray-50 {
1006
1059
  --tw-bg-opacity: 1;
1007
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1060
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1061
+ }
1062
+
1063
+ .bg-gray-800 {
1064
+ --tw-bg-opacity: 1;
1065
+ background-color: rgb(30 37 48 / var(--tw-bg-opacity, 1));
1066
+ }
1067
+
1068
+ .bg-gray-900 {
1069
+ --tw-bg-opacity: 1;
1070
+ background-color: rgb(14 21 32 / var(--tw-bg-opacity, 1));
1008
1071
  }
1009
1072
 
1010
1073
  .bg-green-100 {
1011
1074
  --tw-bg-opacity: 1;
1012
- background-color: rgb(220 252 231 / var(--tw-bg-opacity));
1075
+ background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
1076
+ }
1077
+
1078
+ .bg-green-500 {
1079
+ --tw-bg-opacity: 1;
1080
+ background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
1013
1081
  }
1014
1082
 
1015
1083
  .bg-green-600 {
1016
1084
  --tw-bg-opacity: 1;
1017
- background-color: rgb(22 163 74 / var(--tw-bg-opacity));
1085
+ background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
1018
1086
  }
1019
1087
 
1020
1088
  .bg-primary-700 {
1021
1089
  --tw-bg-opacity: 1;
1022
- background-color: rgb(29 78 216 / var(--tw-bg-opacity));
1090
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
1023
1091
  }
1024
1092
 
1025
1093
  .bg-red-100 {
1026
1094
  --tw-bg-opacity: 1;
1027
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
1095
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
1028
1096
  }
1029
1097
 
1030
1098
  .bg-red-50 {
1031
1099
  --tw-bg-opacity: 1;
1032
- background-color: rgb(254 242 242 / var(--tw-bg-opacity));
1100
+ background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
1033
1101
  }
1034
1102
 
1035
1103
  .bg-red-600 {
1036
1104
  --tw-bg-opacity: 1;
1037
- background-color: rgb(220 38 38 / var(--tw-bg-opacity));
1105
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
1038
1106
  }
1039
1107
 
1040
1108
  .bg-slate-100 {
1041
1109
  --tw-bg-opacity: 1;
1042
- background-color: rgb(241 245 249 / var(--tw-bg-opacity));
1110
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
1043
1111
  }
1044
1112
 
1045
1113
  .bg-slate-800 {
1046
1114
  --tw-bg-opacity: 1;
1047
- background-color: rgb(30 41 59 / var(--tw-bg-opacity));
1115
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
1048
1116
  }
1049
1117
 
1050
1118
  .bg-slate-950 {
1051
1119
  --tw-bg-opacity: 1;
1052
- background-color: rgb(2 6 23 / var(--tw-bg-opacity));
1120
+ background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
1053
1121
  }
1054
1122
 
1055
1123
  .bg-white {
1056
1124
  --tw-bg-opacity: 1;
1057
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1125
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1058
1126
  }
1059
1127
 
1060
1128
  .bg-yellow-100 {
1061
1129
  --tw-bg-opacity: 1;
1062
- background-color: rgb(254 249 195 / var(--tw-bg-opacity));
1130
+ background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
1063
1131
  }
1064
1132
 
1065
1133
  .bg-yellow-600 {
1066
1134
  --tw-bg-opacity: 1;
1067
- background-color: rgb(202 138 4 / var(--tw-bg-opacity));
1135
+ background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
1136
+ }
1137
+
1138
+ .bg-yellow-900\/50 {
1139
+ background-color: rgb(113 63 18 / 0.5);
1140
+ }
1141
+
1142
+ .object-cover {
1143
+ -o-object-fit: cover;
1144
+ object-fit: cover;
1068
1145
  }
1069
1146
 
1070
1147
  .\!p-0 {
@@ -1097,6 +1174,11 @@ video {
1097
1174
  padding-right: 0.5rem;
1098
1175
  }
1099
1176
 
1177
+ .px-3 {
1178
+ padding-left: 0.75rem;
1179
+ padding-right: 0.75rem;
1180
+ }
1181
+
1100
1182
  .px-4 {
1101
1183
  padding-left: 1rem;
1102
1184
  padding-right: 1rem;
@@ -1186,6 +1268,10 @@ video {
1186
1268
  font-weight: 500;
1187
1269
  }
1188
1270
 
1271
+ .font-normal {
1272
+ font-weight: 400;
1273
+ }
1274
+
1189
1275
  .font-semibold {
1190
1276
  font-weight: 600;
1191
1277
  }
@@ -1200,122 +1286,132 @@ video {
1200
1286
 
1201
1287
  .text-blue-600 {
1202
1288
  --tw-text-opacity: 1;
1203
- color: rgb(37 99 235 / var(--tw-text-opacity));
1289
+ color: rgb(37 99 235 / var(--tw-text-opacity, 1));
1204
1290
  }
1205
1291
 
1206
1292
  .text-blue-700 {
1207
1293
  --tw-text-opacity: 1;
1208
- color: rgb(29 78 216 / var(--tw-text-opacity));
1294
+ color: rgb(29 78 216 / var(--tw-text-opacity, 1));
1209
1295
  }
1210
1296
 
1211
1297
  .text-blue-800 {
1212
1298
  --tw-text-opacity: 1;
1213
- color: rgb(30 64 175 / var(--tw-text-opacity));
1299
+ color: rgb(30 64 175 / var(--tw-text-opacity, 1));
1214
1300
  }
1215
1301
 
1216
1302
  .text-gray-400 {
1217
1303
  --tw-text-opacity: 1;
1218
- color: rgb(156 163 175 / var(--tw-text-opacity));
1304
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1219
1305
  }
1220
1306
 
1221
1307
  .text-gray-500 {
1222
1308
  --tw-text-opacity: 1;
1223
- color: rgb(107 114 128 / var(--tw-text-opacity));
1309
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1224
1310
  }
1225
1311
 
1226
1312
  .text-gray-600 {
1227
1313
  --tw-text-opacity: 1;
1228
- color: rgb(75 85 99 / var(--tw-text-opacity));
1314
+ color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1229
1315
  }
1230
1316
 
1231
1317
  .text-gray-700 {
1232
1318
  --tw-text-opacity: 1;
1233
- color: rgb(55 65 81 / var(--tw-text-opacity));
1319
+ color: rgb(55 65 81 / var(--tw-text-opacity, 1));
1234
1320
  }
1235
1321
 
1236
1322
  .text-gray-800 {
1237
1323
  --tw-text-opacity: 1;
1238
- color: rgb(30 37 48 / var(--tw-text-opacity));
1324
+ color: rgb(30 37 48 / var(--tw-text-opacity, 1));
1239
1325
  }
1240
1326
 
1241
1327
  .text-gray-900 {
1242
1328
  --tw-text-opacity: 1;
1243
- color: rgb(14 21 32 / var(--tw-text-opacity));
1329
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
1244
1330
  }
1245
1331
 
1246
1332
  .text-green-600 {
1247
1333
  --tw-text-opacity: 1;
1248
- color: rgb(22 163 74 / var(--tw-text-opacity));
1334
+ color: rgb(22 163 74 / var(--tw-text-opacity, 1));
1249
1335
  }
1250
1336
 
1251
1337
  .text-green-700 {
1252
1338
  --tw-text-opacity: 1;
1253
- color: rgb(21 128 61 / var(--tw-text-opacity));
1339
+ color: rgb(21 128 61 / var(--tw-text-opacity, 1));
1254
1340
  }
1255
1341
 
1256
1342
  .text-green-800 {
1257
1343
  --tw-text-opacity: 1;
1258
- color: rgb(22 101 52 / var(--tw-text-opacity));
1344
+ color: rgb(22 101 52 / var(--tw-text-opacity, 1));
1259
1345
  }
1260
1346
 
1261
1347
  .text-red-200 {
1262
1348
  --tw-text-opacity: 1;
1263
- color: rgb(254 202 202 / var(--tw-text-opacity));
1349
+ color: rgb(254 202 202 / var(--tw-text-opacity, 1));
1264
1350
  }
1265
1351
 
1266
1352
  .text-red-600 {
1267
1353
  --tw-text-opacity: 1;
1268
- color: rgb(220 38 38 / var(--tw-text-opacity));
1354
+ color: rgb(220 38 38 / var(--tw-text-opacity, 1));
1269
1355
  }
1270
1356
 
1271
1357
  .text-red-700 {
1272
1358
  --tw-text-opacity: 1;
1273
- color: rgb(185 28 28 / var(--tw-text-opacity));
1359
+ color: rgb(185 28 28 / var(--tw-text-opacity, 1));
1274
1360
  }
1275
1361
 
1276
1362
  .text-red-800 {
1277
1363
  --tw-text-opacity: 1;
1278
- color: rgb(153 27 27 / var(--tw-text-opacity));
1364
+ color: rgb(153 27 27 / var(--tw-text-opacity, 1));
1279
1365
  }
1280
1366
 
1281
1367
  .text-slate-200 {
1282
1368
  --tw-text-opacity: 1;
1283
- color: rgb(226 232 240 / var(--tw-text-opacity));
1369
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
1284
1370
  }
1285
1371
 
1286
1372
  .text-slate-300 {
1287
1373
  --tw-text-opacity: 1;
1288
- color: rgb(203 213 225 / var(--tw-text-opacity));
1374
+ color: rgb(203 213 225 / var(--tw-text-opacity, 1));
1289
1375
  }
1290
1376
 
1291
1377
  .text-slate-400 {
1292
1378
  --tw-text-opacity: 1;
1293
- color: rgb(148 163 184 / var(--tw-text-opacity));
1379
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
1294
1380
  }
1295
1381
 
1296
1382
  .text-slate-600 {
1297
1383
  --tw-text-opacity: 1;
1298
- color: rgb(71 85 105 / var(--tw-text-opacity));
1384
+ color: rgb(71 85 105 / var(--tw-text-opacity, 1));
1299
1385
  }
1300
1386
 
1301
1387
  .text-slate-700 {
1302
1388
  --tw-text-opacity: 1;
1303
- color: rgb(51 65 85 / var(--tw-text-opacity));
1389
+ color: rgb(51 65 85 / var(--tw-text-opacity, 1));
1304
1390
  }
1305
1391
 
1306
1392
  .text-white {
1307
1393
  --tw-text-opacity: 1;
1308
- color: rgb(255 255 255 / var(--tw-text-opacity));
1394
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1395
+ }
1396
+
1397
+ .text-yellow-200 {
1398
+ --tw-text-opacity: 1;
1399
+ color: rgb(254 240 138 / var(--tw-text-opacity, 1));
1400
+ }
1401
+
1402
+ .text-yellow-400 {
1403
+ --tw-text-opacity: 1;
1404
+ color: rgb(250 204 21 / var(--tw-text-opacity, 1));
1309
1405
  }
1310
1406
 
1311
1407
  .text-yellow-600 {
1312
1408
  --tw-text-opacity: 1;
1313
- color: rgb(202 138 4 / var(--tw-text-opacity));
1409
+ color: rgb(202 138 4 / var(--tw-text-opacity, 1));
1314
1410
  }
1315
1411
 
1316
1412
  .text-yellow-700 {
1317
1413
  --tw-text-opacity: 1;
1318
- color: rgb(161 98 7 / var(--tw-text-opacity));
1414
+ color: rgb(161 98 7 / var(--tw-text-opacity, 1));
1319
1415
  }
1320
1416
 
1321
1417
  .opacity-20 {
@@ -1356,6 +1452,14 @@ video {
1356
1452
  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);
1357
1453
  }
1358
1454
 
1455
+ .transition {
1456
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1457
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1458
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1459
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1460
+ transition-duration: 150ms;
1461
+ }
1462
+
1359
1463
  .transition-colors {
1360
1464
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1361
1465
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1383,12 +1487,12 @@ video {
1383
1487
  line-height: 1.25rem;
1384
1488
  font-weight: 500;
1385
1489
  --tw-text-opacity: 1;
1386
- color: rgb(14 21 32 / var(--tw-text-opacity));
1490
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
1387
1491
  }
1388
1492
 
1389
1493
  .node-editor-label:is(.dark *) {
1390
1494
  --tw-text-opacity: 1;
1391
- color: rgb(255 255 255 / var(--tw-text-opacity));
1495
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1392
1496
  }
1393
1497
 
1394
1498
  .node-editor-text-input {
@@ -1397,49 +1501,49 @@ video {
1397
1501
  border-radius: 0.25rem;
1398
1502
  border-width: 1px;
1399
1503
  --tw-border-opacity: 1;
1400
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1504
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1401
1505
  --tw-bg-opacity: 1;
1402
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1506
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1403
1507
  padding: 0.25rem;
1404
1508
  font-size: 0.875rem;
1405
1509
  line-height: 1.25rem;
1406
1510
  --tw-text-opacity: 1;
1407
- color: rgb(14 21 32 / var(--tw-text-opacity));
1511
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
1408
1512
  }
1409
1513
 
1410
1514
  .node-editor-text-input:focus {
1411
1515
  --tw-border-opacity: 1;
1412
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1516
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1413
1517
  outline: 2px solid transparent;
1414
1518
  outline-offset: 2px;
1415
1519
  --tw-ring-opacity: 1;
1416
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1520
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
1417
1521
  }
1418
1522
 
1419
1523
  .node-editor-text-input:is(.dark *) {
1420
1524
  --tw-border-opacity: 1;
1421
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1525
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1422
1526
  --tw-bg-opacity: 1;
1423
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1527
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1424
1528
  --tw-text-opacity: 1;
1425
- color: rgb(255 255 255 / var(--tw-text-opacity));
1529
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1426
1530
  }
1427
1531
 
1428
1532
  .node-editor-text-input:is(.dark *)::-moz-placeholder {
1429
1533
  --tw-placeholder-opacity: 1;
1430
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1534
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1431
1535
  }
1432
1536
 
1433
1537
  .node-editor-text-input:is(.dark *)::placeholder {
1434
1538
  --tw-placeholder-opacity: 1;
1435
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1539
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1436
1540
  }
1437
1541
 
1438
1542
  .node-editor-text-input:focus:is(.dark *) {
1439
1543
  --tw-border-opacity: 1;
1440
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1544
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1441
1545
  --tw-ring-opacity: 1;
1442
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1546
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
1443
1547
  }
1444
1548
 
1445
1549
  .node-editor-numeric-input {
@@ -1448,47 +1552,47 @@ video {
1448
1552
  border-radius: 0.25rem;
1449
1553
  border-width: 1px;
1450
1554
  --tw-border-opacity: 1;
1451
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1555
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1452
1556
  --tw-bg-opacity: 1;
1453
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1557
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1454
1558
  padding: 0.125rem;
1455
1559
  font-size: 0.875rem;
1456
1560
  line-height: 1.25rem;
1457
1561
  --tw-text-opacity: 1;
1458
- color: rgb(14 21 32 / var(--tw-text-opacity));
1562
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
1459
1563
  }
1460
1564
 
1461
1565
  .node-editor-numeric-input:focus {
1462
1566
  --tw-border-opacity: 1;
1463
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1567
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1464
1568
  --tw-ring-opacity: 1;
1465
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1569
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
1466
1570
  }
1467
1571
 
1468
1572
  .node-editor-numeric-input:is(.dark *) {
1469
1573
  --tw-border-opacity: 1;
1470
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1574
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1471
1575
  --tw-bg-opacity: 1;
1472
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1576
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1473
1577
  --tw-text-opacity: 1;
1474
- color: rgb(255 255 255 / var(--tw-text-opacity));
1578
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1475
1579
  }
1476
1580
 
1477
1581
  .node-editor-numeric-input:is(.dark *)::-moz-placeholder {
1478
1582
  --tw-placeholder-opacity: 1;
1479
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1583
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1480
1584
  }
1481
1585
 
1482
1586
  .node-editor-numeric-input:is(.dark *)::placeholder {
1483
1587
  --tw-placeholder-opacity: 1;
1484
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1588
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1485
1589
  }
1486
1590
 
1487
1591
  .node-editor-numeric-input:focus:is(.dark *) {
1488
1592
  --tw-border-opacity: 1;
1489
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1593
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1490
1594
  --tw-ring-opacity: 1;
1491
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1595
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
1492
1596
  }
1493
1597
 
1494
1598
  .node-editor-select-input {
@@ -1497,47 +1601,47 @@ video {
1497
1601
  border-radius: 0.25rem;
1498
1602
  border-width: 1px;
1499
1603
  --tw-border-opacity: 1;
1500
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1604
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1501
1605
  --tw-bg-opacity: 1;
1502
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1606
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1503
1607
  padding: 0.25rem;
1504
1608
  font-size: 0.875rem;
1505
1609
  line-height: 1.25rem;
1506
1610
  --tw-text-opacity: 1;
1507
- color: rgb(14 21 32 / var(--tw-text-opacity));
1611
+ color: rgb(14 21 32 / var(--tw-text-opacity, 1));
1508
1612
  }
1509
1613
 
1510
1614
  .node-editor-select-input:focus {
1511
1615
  --tw-border-opacity: 1;
1512
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1616
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1513
1617
  --tw-ring-opacity: 1;
1514
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1618
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
1515
1619
  }
1516
1620
 
1517
1621
  .node-editor-select-input:is(.dark *) {
1518
1622
  --tw-border-opacity: 1;
1519
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1623
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1520
1624
  --tw-bg-opacity: 1;
1521
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1625
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1522
1626
  --tw-text-opacity: 1;
1523
- color: rgb(255 255 255 / var(--tw-text-opacity));
1627
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1524
1628
  }
1525
1629
 
1526
1630
  .node-editor-select-input:is(.dark *)::-moz-placeholder {
1527
1631
  --tw-placeholder-opacity: 1;
1528
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1632
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1529
1633
  }
1530
1634
 
1531
1635
  .node-editor-select-input:is(.dark *)::placeholder {
1532
1636
  --tw-placeholder-opacity: 1;
1533
- color: rgb(156 163 175 / var(--tw-placeholder-opacity));
1637
+ color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
1534
1638
  }
1535
1639
 
1536
1640
  .node-editor-select-input:focus:is(.dark *) {
1537
1641
  --tw-border-opacity: 1;
1538
- border-color: rgb(59 130 246 / var(--tw-border-opacity));
1642
+ border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
1539
1643
  --tw-ring-opacity: 1;
1540
- --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
1644
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
1541
1645
  }
1542
1646
 
1543
1647
  .node-editor-helper-text {
@@ -1546,12 +1650,12 @@ video {
1546
1650
  font-size: 0.75rem;
1547
1651
  line-height: 1rem;
1548
1652
  --tw-text-opacity: 1;
1549
- color: rgb(107 114 128 / var(--tw-text-opacity));
1653
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1550
1654
  }
1551
1655
 
1552
1656
  .node-editor-helper-text:is(.dark *) {
1553
1657
  --tw-text-opacity: 1;
1554
- color: rgb(156 163 175 / var(--tw-text-opacity));
1658
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1555
1659
  }
1556
1660
 
1557
1661
  .output-socket {
@@ -1564,42 +1668,42 @@ video {
1564
1668
 
1565
1669
  .hover\:bg-blue-700:hover {
1566
1670
  --tw-bg-opacity: 1;
1567
- background-color: rgb(29 78 216 / var(--tw-bg-opacity));
1671
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
1568
1672
  }
1569
1673
 
1570
1674
  .hover\:bg-gray-100:hover {
1571
1675
  --tw-bg-opacity: 1;
1572
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1676
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1573
1677
  }
1574
1678
 
1575
1679
  .hover\:bg-green-700:hover {
1576
1680
  --tw-bg-opacity: 1;
1577
- background-color: rgb(21 128 61 / var(--tw-bg-opacity));
1681
+ background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
1578
1682
  }
1579
1683
 
1580
1684
  .hover\:bg-primary-800:hover {
1581
1685
  --tw-bg-opacity: 1;
1582
- background-color: rgb(30 64 175 / var(--tw-bg-opacity));
1686
+ background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
1583
1687
  }
1584
1688
 
1585
1689
  .hover\:bg-red-700:hover {
1586
1690
  --tw-bg-opacity: 1;
1587
- background-color: rgb(185 28 28 / var(--tw-bg-opacity));
1691
+ background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
1588
1692
  }
1589
1693
 
1590
1694
  .hover\:bg-slate-700:hover {
1591
1695
  --tw-bg-opacity: 1;
1592
- background-color: rgb(51 65 85 / var(--tw-bg-opacity));
1696
+ background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
1593
1697
  }
1594
1698
 
1595
1699
  .hover\:bg-yellow-700:hover {
1596
1700
  --tw-bg-opacity: 1;
1597
- background-color: rgb(161 98 7 / var(--tw-bg-opacity));
1701
+ background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
1598
1702
  }
1599
1703
 
1600
1704
  .hover\:text-gray-700:hover {
1601
1705
  --tw-text-opacity: 1;
1602
- color: rgb(55 65 81 / var(--tw-text-opacity));
1706
+ color: rgb(55 65 81 / var(--tw-text-opacity, 1));
1603
1707
  }
1604
1708
 
1605
1709
  .hover\:underline:hover {
@@ -1619,12 +1723,12 @@ video {
1619
1723
 
1620
1724
  .focus\:ring-gray-100:focus {
1621
1725
  --tw-ring-opacity: 1;
1622
- --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity));
1726
+ --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity, 1));
1623
1727
  }
1624
1728
 
1625
1729
  .focus\:ring-primary-300:focus {
1626
1730
  --tw-ring-opacity: 1;
1627
- --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
1731
+ --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
1628
1732
  }
1629
1733
 
1630
1734
  .disabled\:opacity-50:disabled {
@@ -1633,27 +1737,27 @@ video {
1633
1737
 
1634
1738
  .dark\:border-gray-600:is(.dark *) {
1635
1739
  --tw-border-opacity: 1;
1636
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1740
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1637
1741
  }
1638
1742
 
1639
1743
  .dark\:border-gray-700:is(.dark *) {
1640
1744
  --tw-border-opacity: 1;
1641
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
1745
+ border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
1642
1746
  }
1643
1747
 
1644
1748
  .dark\:border-red-800:is(.dark *) {
1645
1749
  --tw-border-opacity: 1;
1646
- border-color: rgb(153 27 27 / var(--tw-border-opacity));
1750
+ border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
1647
1751
  }
1648
1752
 
1649
1753
  .dark\:border-l-blue-400:is(.dark *) {
1650
1754
  --tw-border-opacity: 1;
1651
- border-left-color: rgb(96 165 250 / var(--tw-border-opacity));
1755
+ border-left-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
1652
1756
  }
1653
1757
 
1654
1758
  .dark\:bg-blue-900:is(.dark *) {
1655
1759
  --tw-bg-opacity: 1;
1656
- background-color: rgb(30 58 138 / var(--tw-bg-opacity));
1760
+ background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
1657
1761
  }
1658
1762
 
1659
1763
  .dark\:bg-blue-900\/20:is(.dark *) {
@@ -1662,17 +1766,17 @@ video {
1662
1766
 
1663
1767
  .dark\:bg-gray-700:is(.dark *) {
1664
1768
  --tw-bg-opacity: 1;
1665
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1769
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1666
1770
  }
1667
1771
 
1668
1772
  .dark\:bg-gray-800:is(.dark *) {
1669
1773
  --tw-bg-opacity: 1;
1670
- background-color: rgb(30 37 48 / var(--tw-bg-opacity));
1774
+ background-color: rgb(30 37 48 / var(--tw-bg-opacity, 1));
1671
1775
  }
1672
1776
 
1673
1777
  .dark\:bg-gray-900:is(.dark *) {
1674
1778
  --tw-bg-opacity: 1;
1675
- background-color: rgb(14 21 32 / var(--tw-bg-opacity));
1779
+ background-color: rgb(14 21 32 / var(--tw-bg-opacity, 1));
1676
1780
  }
1677
1781
 
1678
1782
  .dark\:bg-gray-900\/20:is(.dark *) {
@@ -1681,7 +1785,7 @@ video {
1681
1785
 
1682
1786
  .dark\:bg-green-900:is(.dark *) {
1683
1787
  --tw-bg-opacity: 1;
1684
- background-color: rgb(20 83 45 / var(--tw-bg-opacity));
1788
+ background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
1685
1789
  }
1686
1790
 
1687
1791
  .dark\:bg-green-900\/20:is(.dark *) {
@@ -1690,12 +1794,12 @@ video {
1690
1794
 
1691
1795
  .dark\:bg-primary-600:is(.dark *) {
1692
1796
  --tw-bg-opacity: 1;
1693
- background-color: rgb(37 99 235 / var(--tw-bg-opacity));
1797
+ background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
1694
1798
  }
1695
1799
 
1696
1800
  .dark\:bg-red-900:is(.dark *) {
1697
1801
  --tw-bg-opacity: 1;
1698
- background-color: rgb(127 29 29 / var(--tw-bg-opacity));
1802
+ background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
1699
1803
  }
1700
1804
 
1701
1805
  .dark\:bg-red-900\/20:is(.dark *) {
@@ -1704,117 +1808,117 @@ video {
1704
1808
 
1705
1809
  .dark\:bg-slate-800:is(.dark *) {
1706
1810
  --tw-bg-opacity: 1;
1707
- background-color: rgb(30 41 59 / var(--tw-bg-opacity));
1811
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
1708
1812
  }
1709
1813
 
1710
1814
  .dark\:bg-yellow-900:is(.dark *) {
1711
1815
  --tw-bg-opacity: 1;
1712
- background-color: rgb(113 63 18 / var(--tw-bg-opacity));
1816
+ background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
1713
1817
  }
1714
1818
 
1715
1819
  .dark\:text-blue-300:is(.dark *) {
1716
1820
  --tw-text-opacity: 1;
1717
- color: rgb(147 197 253 / var(--tw-text-opacity));
1821
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
1718
1822
  }
1719
1823
 
1720
1824
  .dark\:text-blue-400:is(.dark *) {
1721
1825
  --tw-text-opacity: 1;
1722
- color: rgb(96 165 250 / var(--tw-text-opacity));
1826
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
1723
1827
  }
1724
1828
 
1725
1829
  .dark\:text-gray-100:is(.dark *) {
1726
1830
  --tw-text-opacity: 1;
1727
- color: rgb(243 244 246 / var(--tw-text-opacity));
1831
+ color: rgb(243 244 246 / var(--tw-text-opacity, 1));
1728
1832
  }
1729
1833
 
1730
1834
  .dark\:text-gray-300:is(.dark *) {
1731
1835
  --tw-text-opacity: 1;
1732
- color: rgb(209 213 219 / var(--tw-text-opacity));
1836
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1733
1837
  }
1734
1838
 
1735
1839
  .dark\:text-gray-400:is(.dark *) {
1736
1840
  --tw-text-opacity: 1;
1737
- color: rgb(156 163 175 / var(--tw-text-opacity));
1841
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1738
1842
  }
1739
1843
 
1740
1844
  .dark\:text-green-300:is(.dark *) {
1741
1845
  --tw-text-opacity: 1;
1742
- color: rgb(134 239 172 / var(--tw-text-opacity));
1846
+ color: rgb(134 239 172 / var(--tw-text-opacity, 1));
1743
1847
  }
1744
1848
 
1745
1849
  .dark\:text-green-400:is(.dark *) {
1746
1850
  --tw-text-opacity: 1;
1747
- color: rgb(74 222 128 / var(--tw-text-opacity));
1851
+ color: rgb(74 222 128 / var(--tw-text-opacity, 1));
1748
1852
  }
1749
1853
 
1750
1854
  .dark\:text-red-200:is(.dark *) {
1751
1855
  --tw-text-opacity: 1;
1752
- color: rgb(254 202 202 / var(--tw-text-opacity));
1856
+ color: rgb(254 202 202 / var(--tw-text-opacity, 1));
1753
1857
  }
1754
1858
 
1755
1859
  .dark\:text-red-300:is(.dark *) {
1756
1860
  --tw-text-opacity: 1;
1757
- color: rgb(252 165 165 / var(--tw-text-opacity));
1861
+ color: rgb(252 165 165 / var(--tw-text-opacity, 1));
1758
1862
  }
1759
1863
 
1760
1864
  .dark\:text-red-400:is(.dark *) {
1761
1865
  --tw-text-opacity: 1;
1762
- color: rgb(248 113 113 / var(--tw-text-opacity));
1866
+ color: rgb(248 113 113 / var(--tw-text-opacity, 1));
1763
1867
  }
1764
1868
 
1765
1869
  .dark\:text-slate-300:is(.dark *) {
1766
1870
  --tw-text-opacity: 1;
1767
- color: rgb(203 213 225 / var(--tw-text-opacity));
1871
+ color: rgb(203 213 225 / var(--tw-text-opacity, 1));
1768
1872
  }
1769
1873
 
1770
1874
  .dark\:text-slate-400:is(.dark *) {
1771
1875
  --tw-text-opacity: 1;
1772
- color: rgb(148 163 184 / var(--tw-text-opacity));
1876
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
1773
1877
  }
1774
1878
 
1775
1879
  .dark\:text-white:is(.dark *) {
1776
1880
  --tw-text-opacity: 1;
1777
- color: rgb(255 255 255 / var(--tw-text-opacity));
1881
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1778
1882
  }
1779
1883
 
1780
1884
  .dark\:text-yellow-300:is(.dark *) {
1781
1885
  --tw-text-opacity: 1;
1782
- color: rgb(253 224 71 / var(--tw-text-opacity));
1886
+ color: rgb(253 224 71 / var(--tw-text-opacity, 1));
1783
1887
  }
1784
1888
 
1785
1889
  .dark\:text-yellow-400:is(.dark *) {
1786
1890
  --tw-text-opacity: 1;
1787
- color: rgb(250 204 21 / var(--tw-text-opacity));
1891
+ color: rgb(250 204 21 / var(--tw-text-opacity, 1));
1788
1892
  }
1789
1893
 
1790
1894
  .dark\:hover\:border-gray-600:hover:is(.dark *) {
1791
1895
  --tw-border-opacity: 1;
1792
- border-color: rgb(75 85 99 / var(--tw-border-opacity));
1896
+ border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
1793
1897
  }
1794
1898
 
1795
1899
  .dark\:hover\:bg-gray-700:hover:is(.dark *) {
1796
1900
  --tw-bg-opacity: 1;
1797
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1901
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1798
1902
  }
1799
1903
 
1800
1904
  .dark\:hover\:bg-primary-700:hover:is(.dark *) {
1801
1905
  --tw-bg-opacity: 1;
1802
- background-color: rgb(29 78 216 / var(--tw-bg-opacity));
1906
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
1803
1907
  }
1804
1908
 
1805
1909
  .dark\:hover\:text-gray-300:hover:is(.dark *) {
1806
1910
  --tw-text-opacity: 1;
1807
- color: rgb(209 213 219 / var(--tw-text-opacity));
1911
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1808
1912
  }
1809
1913
 
1810
1914
  .dark\:focus\:ring-gray-700:focus:is(.dark *) {
1811
1915
  --tw-ring-opacity: 1;
1812
- --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
1916
+ --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1));
1813
1917
  }
1814
1918
 
1815
1919
  .dark\:focus\:ring-primary-800:focus:is(.dark *) {
1816
1920
  --tw-ring-opacity: 1;
1817
- --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
1921
+ --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
1818
1922
  }
1819
1923
 
1820
1924
  @media (min-width: 768px) {
@@ -1832,3 +1936,9 @@ video {
1832
1936
  grid-template-columns: repeat(3, minmax(0, 1fr));
1833
1937
  }
1834
1938
  }
1939
+
1940
+ @media (min-width: 1280px) {
1941
+ .xl\:grid-cols-4 {
1942
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1943
+ }
1944
+ }