coveragebook_components 0.19.8 → 0.19.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/build/coco/coco.css +323 -325
  3. data/app/assets/build/coco/coco.js +2 -2
  4. data/app/components/coco/buttons/button_to/button_to.rb +3 -3
  5. data/lib/coco.rb +1 -1
  6. metadata +4 -4
data/app/assets/build/coco/coco.css CHANGED
@@ -1,5 +1,111 @@
1
- /*
2
- ! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
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(14 165 233 / 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(14 165 233 / 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
+ ! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com
3
109
  *//*
4
110
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
5
111
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -390,7 +496,7 @@ video {
390
496
  }
391
497
 
392
498
  /* Make elements with the HTML hidden attribute stay hidden by default */
393
- [hidden] {
499
+ [hidden]:where(:not([hidden="until-found"])) {
394
500
  display: none;
395
501
  }
396
502
 
@@ -758,7 +864,7 @@ select{
758
864
  scroll-behavior: smooth;
759
865
  font-family: proxima-nova, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
760
866
  --tw-text-opacity: 1;
761
- color: rgb(17 24 39 / var(--tw-text-opacity))
867
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
762
868
  }
763
869
 
764
870
  @media (prefers-reduced-motion: no-preference){
@@ -781,114 +887,6 @@ select{
781
887
  display: none
782
888
  }
783
889
 
784
- *, ::before, ::after{
785
- --tw-border-spacing-x: 0;
786
- --tw-border-spacing-y: 0;
787
- --tw-translate-x: 0;
788
- --tw-translate-y: 0;
789
- --tw-rotate: 0;
790
- --tw-skew-x: 0;
791
- --tw-skew-y: 0;
792
- --tw-scale-x: 1;
793
- --tw-scale-y: 1;
794
- --tw-pan-x: ;
795
- --tw-pan-y: ;
796
- --tw-pinch-zoom: ;
797
- --tw-scroll-snap-strictness: proximity;
798
- --tw-gradient-from-position: ;
799
- --tw-gradient-via-position: ;
800
- --tw-gradient-to-position: ;
801
- --tw-ordinal: ;
802
- --tw-slashed-zero: ;
803
- --tw-numeric-figure: ;
804
- --tw-numeric-spacing: ;
805
- --tw-numeric-fraction: ;
806
- --tw-ring-inset: ;
807
- --tw-ring-offset-width: 0px;
808
- --tw-ring-offset-color: #fff;
809
- --tw-ring-color: rgb(14 165 233 / 0.5);
810
- --tw-ring-offset-shadow: 0 0 #0000;
811
- --tw-ring-shadow: 0 0 #0000;
812
- --tw-shadow: 0 0 #0000;
813
- --tw-shadow-colored: 0 0 #0000;
814
- --tw-blur: ;
815
- --tw-brightness: ;
816
- --tw-contrast: ;
817
- --tw-grayscale: ;
818
- --tw-hue-rotate: ;
819
- --tw-invert: ;
820
- --tw-saturate: ;
821
- --tw-sepia: ;
822
- --tw-drop-shadow: ;
823
- --tw-backdrop-blur: ;
824
- --tw-backdrop-brightness: ;
825
- --tw-backdrop-contrast: ;
826
- --tw-backdrop-grayscale: ;
827
- --tw-backdrop-hue-rotate: ;
828
- --tw-backdrop-invert: ;
829
- --tw-backdrop-opacity: ;
830
- --tw-backdrop-saturate: ;
831
- --tw-backdrop-sepia: ;
832
- --tw-contain-size: ;
833
- --tw-contain-layout: ;
834
- --tw-contain-paint: ;
835
- --tw-contain-style:
836
- }
837
-
838
- ::backdrop{
839
- --tw-border-spacing-x: 0;
840
- --tw-border-spacing-y: 0;
841
- --tw-translate-x: 0;
842
- --tw-translate-y: 0;
843
- --tw-rotate: 0;
844
- --tw-skew-x: 0;
845
- --tw-skew-y: 0;
846
- --tw-scale-x: 1;
847
- --tw-scale-y: 1;
848
- --tw-pan-x: ;
849
- --tw-pan-y: ;
850
- --tw-pinch-zoom: ;
851
- --tw-scroll-snap-strictness: proximity;
852
- --tw-gradient-from-position: ;
853
- --tw-gradient-via-position: ;
854
- --tw-gradient-to-position: ;
855
- --tw-ordinal: ;
856
- --tw-slashed-zero: ;
857
- --tw-numeric-figure: ;
858
- --tw-numeric-spacing: ;
859
- --tw-numeric-fraction: ;
860
- --tw-ring-inset: ;
861
- --tw-ring-offset-width: 0px;
862
- --tw-ring-offset-color: #fff;
863
- --tw-ring-color: rgb(14 165 233 / 0.5);
864
- --tw-ring-offset-shadow: 0 0 #0000;
865
- --tw-ring-shadow: 0 0 #0000;
866
- --tw-shadow: 0 0 #0000;
867
- --tw-shadow-colored: 0 0 #0000;
868
- --tw-blur: ;
869
- --tw-brightness: ;
870
- --tw-contrast: ;
871
- --tw-grayscale: ;
872
- --tw-hue-rotate: ;
873
- --tw-invert: ;
874
- --tw-saturate: ;
875
- --tw-sepia: ;
876
- --tw-drop-shadow: ;
877
- --tw-backdrop-blur: ;
878
- --tw-backdrop-brightness: ;
879
- --tw-backdrop-contrast: ;
880
- --tw-backdrop-grayscale: ;
881
- --tw-backdrop-hue-rotate: ;
882
- --tw-backdrop-invert: ;
883
- --tw-backdrop-opacity: ;
884
- --tw-backdrop-saturate: ;
885
- --tw-backdrop-sepia: ;
886
- --tw-contain-size: ;
887
- --tw-contain-layout: ;
888
- --tw-contain-paint: ;
889
- --tw-contain-style:
890
- }
891
-
892
890
  :root {
893
891
  --button-border-radius: 44px;
894
892
  }
@@ -1036,9 +1034,9 @@ select{
1036
1034
  [data-coco].coco-button[data-theme="primary"],
1037
1035
  [data-coco].coco-button[data-theme="positive"]{
1038
1036
  --tw-bg-opacity: 1;
1039
- background-color: rgb(26 136 113 / var(--tw-bg-opacity));
1037
+ background-color: rgb(26 136 113 / var(--tw-bg-opacity, 1));
1040
1038
  --tw-text-opacity: 1;
1041
- color: rgb(255 255 255 / var(--tw-text-opacity));
1039
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1042
1040
  -webkit-font-smoothing: antialiased;
1043
1041
  -moz-osx-font-smoothing: grayscale
1044
1042
  }
@@ -1046,40 +1044,40 @@ select{
1046
1044
  [data-coco].coco-button[data-theme="primary"]:hover,
1047
1045
  [data-coco].coco-button[data-theme="positive"]:hover{
1048
1046
  --tw-bg-opacity: 1;
1049
- background-color: rgb(19 116 100 / var(--tw-bg-opacity))
1047
+ background-color: rgb(19 116 100 / var(--tw-bg-opacity, 1))
1050
1048
  }
1051
1049
 
1052
1050
  [data-coco].coco-button[data-theme="primary"]:active,
1053
1051
  [data-coco].coco-button[data-theme="positive"]:active{
1054
1052
  --tw-bg-opacity: 1;
1055
- background-color: rgb(13 97 89 / var(--tw-bg-opacity))
1053
+ background-color: rgb(13 97 89 / var(--tw-bg-opacity, 1))
1056
1054
  }
1057
1055
 
1058
1056
  [data-coco].coco-button[data-theme="primary"][data-state="loading"], [data-coco].coco-button[data-theme="positive"][data-state="loading"]{
1059
1057
  --tw-bg-opacity: 1;
1060
- background-color: rgb(26 136 113 / var(--tw-bg-opacity))
1058
+ background-color: rgb(26 136 113 / var(--tw-bg-opacity, 1))
1061
1059
  }
1062
1060
 
1063
1061
  [data-coco].coco-button[data-theme="primary"][data-state="active"], [data-coco].coco-button[data-theme="positive"][data-state="active"]{
1064
1062
  --tw-bg-opacity: 1;
1065
- background-color: rgb(13 97 89 / var(--tw-bg-opacity))
1063
+ background-color: rgb(13 97 89 / var(--tw-bg-opacity, 1))
1066
1064
  }
1067
1065
 
1068
1066
  [data-coco].coco-button[data-theme="primary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="positive"][data-state="loading"] .button-icon{
1069
1067
  --tw-text-opacity: 1;
1070
- color: rgb(118 184 170 / var(--tw-text-opacity))
1068
+ color: rgb(118 184 170 / var(--tw-text-opacity, 1))
1071
1069
  }
1072
1070
 
1073
1071
  [data-coco].coco-button[data-theme="primary"][data-disabled="true"], [data-coco].coco-button[data-theme="positive"][data-disabled="true"]{
1074
1072
  --tw-bg-opacity: 1;
1075
- background-color: rgb(163 207 197 / var(--tw-bg-opacity))
1073
+ background-color: rgb(163 207 197 / var(--tw-bg-opacity, 1))
1076
1074
  }
1077
1075
 
1078
1076
  [data-coco].coco-button[data-theme="text-primary"],
1079
1077
  [data-coco].coco-button[data-theme="text-positive"]{
1080
1078
  background-color: transparent;
1081
1079
  --tw-text-opacity: 1;
1082
- color: rgb(26 136 113 / var(--tw-text-opacity))
1080
+ color: rgb(26 136 113 / var(--tw-text-opacity, 1))
1083
1081
  }
1084
1082
 
1085
1083
  [data-coco].coco-button[data-theme="text-primary"]:hover,
@@ -1105,7 +1103,7 @@ select{
1105
1103
 
1106
1104
  [data-coco].coco-button[data-theme="text-primary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="text-positive"][data-state="loading"] .button-icon{
1107
1105
  --tw-text-opacity: 1;
1108
- color: rgb(118 184 170 / var(--tw-text-opacity))
1106
+ color: rgb(118 184 170 / var(--tw-text-opacity, 1))
1109
1107
  }
1110
1108
 
1111
1109
  [data-coco].coco-button[data-theme="text-primary"][data-disabled="true"], [data-coco].coco-button[data-theme="text-positive"][data-disabled="true"]{
@@ -1119,7 +1117,7 @@ select{
1119
1117
  border-color: rgba(0, 12, 39, 0.18);
1120
1118
  background-color: transparent;
1121
1119
  --tw-text-opacity: 1;
1122
- color: rgb(17 24 39 / var(--tw-text-opacity))
1120
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
1123
1121
  }
1124
1122
 
1125
1123
  [data-coco].coco-button[data-theme="secondary"]:hover,
@@ -1147,7 +1145,7 @@ select{
1147
1145
 
1148
1146
  [data-coco].coco-button[data-theme="secondary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="toolbar"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="toolbar-floating"][data-state="loading"] .button-icon{
1149
1147
  --tw-text-opacity: 1;
1150
- color: rgb(118 184 170 / var(--tw-text-opacity))
1148
+ color: rgb(118 184 170 / var(--tw-text-opacity, 1))
1151
1149
  }
1152
1150
 
1153
1151
  [data-coco].coco-button[data-theme="secondary"][data-disabled="true"], [data-coco].coco-button[data-theme="toolbar"][data-disabled="true"], [data-coco].coco-button[data-theme="toolbar-floating"][data-disabled="true"]{
@@ -1157,31 +1155,31 @@ select{
1157
1155
 
1158
1156
  [data-coco].coco-button[data-theme="toolbar-floating"]{
1159
1157
  --tw-border-opacity: 1;
1160
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
1158
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1161
1159
  --tw-bg-opacity: 1;
1162
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
1160
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
1163
1161
  }
1164
1162
 
1165
1163
  [data-coco].coco-button[data-theme="toolbar-floating"]:hover{
1166
1164
  --tw-bg-opacity: 1;
1167
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
1165
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
1168
1166
  }
1169
1167
 
1170
1168
  [data-coco].coco-button[data-theme="toolbar-floating"]:active{
1171
1169
  --tw-bg-opacity: 1;
1172
- background-color: rgb(229 231 235 / var(--tw-bg-opacity))
1170
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
1173
1171
  }
1174
1172
 
1175
1173
  [data-coco].coco-button[data-theme="toolbar-floating"][data-state="active"]{
1176
1174
  --tw-bg-opacity: 1;
1177
- background-color: rgb(229 231 235 / var(--tw-bg-opacity))
1175
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
1178
1176
  }
1179
1177
 
1180
1178
  [data-coco].coco-button[data-theme="text-secondary"],
1181
1179
  [data-coco].coco-button[data-theme="text-toolbar"]{
1182
1180
  background-color: transparent;
1183
1181
  --tw-text-opacity: 1;
1184
- color: rgb(17 24 39 / var(--tw-text-opacity))
1182
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
1185
1183
  }
1186
1184
 
1187
1185
  [data-coco].coco-button[data-theme="text-secondary"]:hover,
@@ -1207,7 +1205,7 @@ select{
1207
1205
 
1208
1206
  [data-coco].coco-button[data-theme="text-secondary"][data-state="loading"] .button-icon, [data-coco].coco-button[data-theme="text-toolbar"][data-state="loading"] .button-icon{
1209
1207
  --tw-text-opacity: 1;
1210
- color: rgb(118 184 170 / var(--tw-text-opacity))
1208
+ color: rgb(118 184 170 / var(--tw-text-opacity, 1))
1211
1209
  }
1212
1210
 
1213
1211
  [data-coco].coco-button[data-theme="text-secondary"][data-disabled="true"], [data-coco].coco-button[data-theme="text-toolbar"][data-disabled="true"]{
@@ -1217,47 +1215,47 @@ select{
1217
1215
 
1218
1216
  [data-coco].coco-button[data-theme="negative"]{
1219
1217
  --tw-bg-opacity: 1;
1220
- background-color: rgb(220 38 38 / var(--tw-bg-opacity));
1218
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
1221
1219
  --tw-text-opacity: 1;
1222
- color: rgb(255 255 255 / var(--tw-text-opacity));
1220
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1223
1221
  -webkit-font-smoothing: antialiased;
1224
1222
  -moz-osx-font-smoothing: grayscale
1225
1223
  }
1226
1224
 
1227
1225
  [data-coco].coco-button[data-theme="negative"]:hover{
1228
1226
  --tw-bg-opacity: 1;
1229
- background-color: rgb(185 28 28 / var(--tw-bg-opacity))
1227
+ background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1))
1230
1228
  }
1231
1229
 
1232
1230
  [data-coco].coco-button[data-theme="negative"]:active{
1233
1231
  --tw-bg-opacity: 1;
1234
- background-color: rgb(153 27 27 / var(--tw-bg-opacity))
1232
+ background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1))
1235
1233
  }
1236
1234
 
1237
1235
  [data-coco].coco-button[data-theme="negative"][data-state="loading"]{
1238
1236
  --tw-bg-opacity: 1;
1239
- background-color: rgb(220 38 38 / var(--tw-bg-opacity))
1237
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
1240
1238
  }
1241
1239
 
1242
1240
  [data-coco].coco-button[data-theme="negative"][data-state="active"]{
1243
1241
  --tw-bg-opacity: 1;
1244
- background-color: rgb(153 27 27 / var(--tw-bg-opacity))
1242
+ background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1))
1245
1243
  }
1246
1244
 
1247
1245
  [data-coco].coco-button[data-theme="negative"][data-state="loading"] .button-icon{
1248
1246
  --tw-text-opacity: 1;
1249
- color: rgb(252 165 165 / var(--tw-text-opacity))
1247
+ color: rgb(252 165 165 / var(--tw-text-opacity, 1))
1250
1248
  }
1251
1249
 
1252
1250
  [data-coco].coco-button[data-theme="negative"][data-disabled="true"]{
1253
1251
  --tw-bg-opacity: 1;
1254
- background-color: rgb(254 202 202 / var(--tw-bg-opacity))
1252
+ background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1))
1255
1253
  }
1256
1254
 
1257
1255
  [data-coco].coco-button[data-theme="text-negative"]{
1258
1256
  background-color: transparent;
1259
1257
  --tw-text-opacity: 1;
1260
- color: rgb(220 38 38 / var(--tw-text-opacity))
1258
+ color: rgb(220 38 38 / var(--tw-text-opacity, 1))
1261
1259
  }
1262
1260
 
1263
1261
  [data-coco].coco-button[data-theme="text-negative"]:hover{
@@ -1281,7 +1279,7 @@ select{
1281
1279
 
1282
1280
  [data-coco].coco-button[data-theme="text-negative"][data-state="loading"] .button-icon{
1283
1281
  --tw-text-opacity: 1;
1284
- color: rgb(252 165 165 / var(--tw-text-opacity))
1282
+ color: rgb(252 165 165 / var(--tw-text-opacity, 1))
1285
1283
  }
1286
1284
 
1287
1285
  [data-coco].coco-button[data-theme="text-negative"][data-disabled="true"]{
@@ -1291,47 +1289,47 @@ select{
1291
1289
 
1292
1290
  [data-coco].coco-button[data-theme="warning"]{
1293
1291
  --tw-bg-opacity: 1;
1294
- background-color: rgb(245 158 11 / var(--tw-bg-opacity));
1292
+ background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
1295
1293
  --tw-text-opacity: 1;
1296
- color: rgb(255 255 255 / var(--tw-text-opacity));
1294
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1297
1295
  -webkit-font-smoothing: antialiased;
1298
1296
  -moz-osx-font-smoothing: grayscale
1299
1297
  }
1300
1298
 
1301
1299
  [data-coco].coco-button[data-theme="warning"]:hover{
1302
1300
  --tw-bg-opacity: 1;
1303
- background-color: rgb(180 83 9 / var(--tw-bg-opacity))
1301
+ background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1))
1304
1302
  }
1305
1303
 
1306
1304
  [data-coco].coco-button[data-theme="warning"]:active{
1307
1305
  --tw-bg-opacity: 1;
1308
- background-color: rgb(146 64 14 / var(--tw-bg-opacity))
1306
+ background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1))
1309
1307
  }
1310
1308
 
1311
1309
  [data-coco].coco-button[data-theme="warning"][data-state="loading"]{
1312
1310
  --tw-bg-opacity: 1;
1313
- background-color: rgb(245 158 11 / var(--tw-bg-opacity))
1311
+ background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1))
1314
1312
  }
1315
1313
 
1316
1314
  [data-coco].coco-button[data-theme="warning"][data-state="active"]{
1317
1315
  --tw-bg-opacity: 1;
1318
- background-color: rgb(146 64 14 / var(--tw-bg-opacity))
1316
+ background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1))
1319
1317
  }
1320
1318
 
1321
1319
  [data-coco].coco-button[data-theme="warning"][data-state="loading"] .button-icon{
1322
1320
  --tw-text-opacity: 1;
1323
- color: rgb(252 211 77 / var(--tw-text-opacity))
1321
+ color: rgb(252 211 77 / var(--tw-text-opacity, 1))
1324
1322
  }
1325
1323
 
1326
1324
  [data-coco].coco-button[data-theme="warning"][data-disabled="true"]{
1327
1325
  --tw-bg-opacity: 1;
1328
- background-color: rgb(253 230 138 / var(--tw-bg-opacity))
1326
+ background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1))
1329
1327
  }
1330
1328
 
1331
1329
  [data-coco].coco-button[data-theme="text-warning"]{
1332
1330
  background-color: transparent;
1333
1331
  --tw-text-opacity: 1;
1334
- color: rgb(217 119 6 / var(--tw-text-opacity))
1332
+ color: rgb(217 119 6 / var(--tw-text-opacity, 1))
1335
1333
  }
1336
1334
 
1337
1335
  [data-coco].coco-button[data-theme="text-warning"]:hover{
@@ -1355,7 +1353,7 @@ select{
1355
1353
 
1356
1354
  [data-coco].coco-button[data-theme="text-warning"][data-state="loading"] .button-icon{
1357
1355
  --tw-text-opacity: 1;
1358
- color: rgb(252 211 77 / var(--tw-text-opacity))
1356
+ color: rgb(252 211 77 / var(--tw-text-opacity, 1))
1359
1357
  }
1360
1358
 
1361
1359
  [data-coco].coco-button[data-theme="text-warning"][data-disabled="true"]{
@@ -1365,47 +1363,47 @@ select{
1365
1363
 
1366
1364
  [data-coco].coco-button[data-theme="info"]{
1367
1365
  --tw-bg-opacity: 1;
1368
- background-color: rgb(2 132 199 / var(--tw-bg-opacity));
1366
+ background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
1369
1367
  --tw-text-opacity: 1;
1370
- color: rgb(255 255 255 / var(--tw-text-opacity));
1368
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1371
1369
  -webkit-font-smoothing: antialiased;
1372
1370
  -moz-osx-font-smoothing: grayscale
1373
1371
  }
1374
1372
 
1375
1373
  [data-coco].coco-button[data-theme="info"]:hover{
1376
1374
  --tw-bg-opacity: 1;
1377
- background-color: rgb(3 105 161 / var(--tw-bg-opacity))
1375
+ background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1))
1378
1376
  }
1379
1377
 
1380
1378
  [data-coco].coco-button[data-theme="info"]:active{
1381
1379
  --tw-bg-opacity: 1;
1382
- background-color: rgb(7 89 133 / var(--tw-bg-opacity))
1380
+ background-color: rgb(7 89 133 / var(--tw-bg-opacity, 1))
1383
1381
  }
1384
1382
 
1385
1383
  [data-coco].coco-button[data-theme="info"][data-state="loading"]{
1386
1384
  --tw-bg-opacity: 1;
1387
- background-color: rgb(2 132 199 / var(--tw-bg-opacity))
1385
+ background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1))
1388
1386
  }
1389
1387
 
1390
1388
  [data-coco].coco-button[data-theme="info"][data-state="active"]{
1391
1389
  --tw-bg-opacity: 1;
1392
- background-color: rgb(7 89 133 / var(--tw-bg-opacity))
1390
+ background-color: rgb(7 89 133 / var(--tw-bg-opacity, 1))
1393
1391
  }
1394
1392
 
1395
1393
  [data-coco].coco-button[data-theme="info"][data-state="loading"] .button-icon{
1396
1394
  --tw-text-opacity: 1;
1397
- color: rgb(125 211 252 / var(--tw-text-opacity))
1395
+ color: rgb(125 211 252 / var(--tw-text-opacity, 1))
1398
1396
  }
1399
1397
 
1400
1398
  [data-coco].coco-button[data-theme="info"][data-disabled="true"]{
1401
1399
  --tw-bg-opacity: 1;
1402
- background-color: rgb(186 230 253 / var(--tw-bg-opacity))
1400
+ background-color: rgb(186 230 253 / var(--tw-bg-opacity, 1))
1403
1401
  }
1404
1402
 
1405
1403
  [data-coco].coco-button[data-theme="text-info"]{
1406
1404
  background-color: transparent;
1407
1405
  --tw-text-opacity: 1;
1408
- color: rgb(2 132 199 / var(--tw-text-opacity))
1406
+ color: rgb(2 132 199 / var(--tw-text-opacity, 1))
1409
1407
  }
1410
1408
 
1411
1409
  [data-coco].coco-button[data-theme="text-info"]:hover{
@@ -1429,7 +1427,7 @@ select{
1429
1427
 
1430
1428
  [data-coco].coco-button[data-theme="text-info"][data-state="loading"] .button-icon{
1431
1429
  --tw-text-opacity: 1;
1432
- color: rgb(125 211 252 / var(--tw-text-opacity))
1430
+ color: rgb(125 211 252 / var(--tw-text-opacity, 1))
1433
1431
  }
1434
1432
 
1435
1433
  [data-coco].coco-button[data-theme="text-info"][data-disabled="true"]{
@@ -1439,70 +1437,70 @@ select{
1439
1437
 
1440
1438
  [data-coco].coco-button[data-theme="neutral-dark"]{
1441
1439
  --tw-bg-opacity: 1;
1442
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
1440
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1443
1441
  --tw-text-opacity: 1;
1444
- color: rgb(255 255 255 / var(--tw-text-opacity));
1442
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1445
1443
  -webkit-font-smoothing: antialiased;
1446
1444
  -moz-osx-font-smoothing: grayscale
1447
1445
  }
1448
1446
 
1449
1447
  [data-coco].coco-button[data-theme="neutral-dark"]:hover{
1450
1448
  --tw-bg-opacity: 1;
1451
- background-color: rgb(55 65 81 / var(--tw-bg-opacity))
1449
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1))
1452
1450
  }
1453
1451
 
1454
1452
  [data-coco].coco-button[data-theme="neutral-dark"]:active{
1455
1453
  --tw-bg-opacity: 1;
1456
- background-color: rgb(75 85 99 / var(--tw-bg-opacity))
1454
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1))
1457
1455
  }
1458
1456
 
1459
1457
  [data-coco].coco-button[data-theme="neutral-dark"][data-state="loading"]{
1460
1458
  --tw-bg-opacity: 1;
1461
- background-color: rgb(17 24 39 / var(--tw-bg-opacity))
1459
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))
1462
1460
  }
1463
1461
 
1464
1462
  [data-coco].coco-button[data-theme="neutral-dark"][data-state="active"]{
1465
1463
  --tw-bg-opacity: 1;
1466
- background-color: rgb(75 85 99 / var(--tw-bg-opacity))
1464
+ background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1))
1467
1465
  }
1468
1466
 
1469
1467
  [data-coco].coco-button[data-theme="neutral-dark"][data-disabled="true"]{
1470
1468
  --tw-bg-opacity: 1;
1471
- background-color: rgb(209 213 219 / var(--tw-bg-opacity))
1469
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1))
1472
1470
  }
1473
1471
 
1474
1472
  [data-coco].coco-button[data-theme="neutral-light"]{
1475
1473
  border-width: 1px;
1476
1474
  border-color: transparent;
1477
1475
  --tw-bg-opacity: 1;
1478
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1476
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1479
1477
  --tw-text-opacity: 1;
1480
- color: rgb(17 24 39 / var(--tw-text-opacity))
1478
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
1481
1479
  }
1482
1480
 
1483
1481
  [data-coco].coco-button[data-theme="neutral-light"]:hover{
1484
1482
  --tw-bg-opacity: 1;
1485
- background-color: rgb(249 250 251 / var(--tw-bg-opacity))
1483
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
1486
1484
  }
1487
1485
 
1488
1486
  [data-coco].coco-button[data-theme="neutral-light"]:active{
1489
1487
  --tw-bg-opacity: 1;
1490
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
1488
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
1491
1489
  }
1492
1490
 
1493
1491
  [data-coco].coco-button[data-theme="neutral-light"][data-state="loading"]{
1494
1492
  --tw-bg-opacity: 1;
1495
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
1493
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
1496
1494
  }
1497
1495
 
1498
1496
  [data-coco].coco-button[data-theme="neutral-light"][data-state="active"]{
1499
1497
  --tw-bg-opacity: 1;
1500
- background-color: rgb(243 244 246 / var(--tw-bg-opacity))
1498
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
1501
1499
  }
1502
1500
 
1503
1501
  [data-coco].coco-button[data-theme="neutral-light"][data-disabled="true"]{
1504
1502
  --tw-bg-opacity: 1;
1505
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
1503
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
1506
1504
  }
1507
1505
 
1508
1506
  [data-coco].coco-button[data-theme="neutral-light"][data-disabled="true"] .button-inner{
@@ -1512,7 +1510,7 @@ select{
1512
1510
  [data-coco].coco-button[data-theme="text-neutral-light"]{
1513
1511
  background-color: transparent;
1514
1512
  --tw-text-opacity: 1;
1515
- color: rgb(255 255 255 / var(--tw-text-opacity));
1513
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1516
1514
  -webkit-font-smoothing: antialiased;
1517
1515
  -moz-osx-font-smoothing: grayscale
1518
1516
  }
@@ -1532,7 +1530,7 @@ select{
1532
1530
  [data-coco].coco-button[data-theme="text-neutral-dark"]{
1533
1531
  background-color: transparent;
1534
1532
  --tw-text-opacity: 1;
1535
- color: rgb(17 24 39 / var(--tw-text-opacity))
1533
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
1536
1534
  }
1537
1535
 
1538
1536
  [data-coco].coco-button[data-theme="text-neutral-dark"]:hover{
@@ -2412,7 +2410,7 @@ select{
2412
2410
  align-self: stretch;
2413
2411
  border-left-width: 1px;
2414
2412
  --tw-border-opacity: 1;
2415
- border-color: rgb(209 213 219 / var(--tw-border-opacity))
2413
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
2416
2414
  }
2417
2415
 
2418
2416
  [data-coco][data-component="button-group"][data-reversed="true"] .button-group-buttons{
@@ -2471,9 +2469,9 @@ select{
2471
2469
  border-radius: 9999px;
2472
2470
  border-width: 1px;
2473
2471
  --tw-border-opacity: 1;
2474
- border-color: rgb(17 24 39 / var(--tw-border-opacity));
2472
+ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
2475
2473
  --tw-bg-opacity: 1;
2476
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
2474
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
2477
2475
  }
2478
2476
 
2479
2477
  [data-coco][data-component="color-picker-button"] [data-component="color-picker"]{
@@ -2548,12 +2546,12 @@ select{
2548
2546
 
2549
2547
  [data-coco][data-component="layout-picker-button"] .layout-picker-option-current{
2550
2548
  --tw-border-opacity: 1;
2551
- border-color: rgb(26 136 113 / var(--tw-border-opacity))
2549
+ border-color: rgb(26 136 113 / var(--tw-border-opacity, 1))
2552
2550
  }
2553
2551
 
2554
2552
  [data-coco][data-component="layout-picker-button"] .layout-picker-option-current:hover{
2555
2553
  --tw-border-opacity: 1;
2556
- border-color: rgb(26 136 113 / var(--tw-border-opacity))
2554
+ border-color: rgb(26 136 113 / var(--tw-border-opacity, 1))
2557
2555
  }
2558
2556
 
2559
2557
  /* Sizes */
@@ -2707,7 +2705,7 @@ select{
2707
2705
  height: 0px;
2708
2706
  border-top-width: 1px;
2709
2707
  --tw-border-opacity: 1;
2710
- border-color: rgb(209 213 219 / var(--tw-border-opacity))
2708
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
2711
2709
  }
2712
2710
 
2713
2711
  [data-coco][data-component="menu-button"]{
@@ -2777,7 +2775,7 @@ select{
2777
2775
  white-space: nowrap;
2778
2776
  font-style: italic;
2779
2777
  --tw-text-opacity: 1;
2780
- color: rgb(107 114 128 / var(--tw-text-opacity));
2778
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
2781
2779
  font-family: proxima-nova, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
2782
2780
  font-weight: 600;
2783
2781
  font-size: 14px;
@@ -3063,92 +3061,92 @@ select{
3063
3061
 
3064
3062
  [data-coco][data-component="badge"][data-theme="neutral-dark"]{
3065
3063
  --tw-bg-opacity: 1;
3066
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
3064
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
3067
3065
  --tw-text-opacity: 1;
3068
- color: rgb(255 255 255 / var(--tw-text-opacity))
3066
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3069
3067
  }
3070
3068
 
3071
3069
  [data-coco][data-component="badge"][data-theme="neutral-light"]{
3072
3070
  --tw-bg-opacity: 1;
3073
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3071
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
3074
3072
  --tw-text-opacity: 1;
3075
- color: rgb(17 24 39 / var(--tw-text-opacity))
3073
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
3076
3074
  }
3077
3075
 
3078
3076
  [data-coco][data-component="badge"][data-theme="neutral-muted"]{
3079
3077
  background-color: rgba(0, 12, 39, 0.06);
3080
3078
  --tw-text-opacity: 1;
3081
- color: rgb(17 24 39 / var(--tw-text-opacity))
3079
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
3082
3080
  }
3083
3081
 
3084
3082
  [data-coco][data-component="badge"][data-theme="primary"]{
3085
3083
  --tw-bg-opacity: 1;
3086
- background-color: rgb(26 136 113 / var(--tw-bg-opacity));
3084
+ background-color: rgb(26 136 113 / var(--tw-bg-opacity, 1));
3087
3085
  --tw-text-opacity: 1;
3088
- color: rgb(255 255 255 / var(--tw-text-opacity))
3086
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3089
3087
  }
3090
3088
 
3091
3089
  [data-coco][data-component="badge"][data-theme="positive"]{
3092
3090
  --tw-bg-opacity: 1;
3093
- background-color: rgb(26 136 113 / var(--tw-bg-opacity));
3091
+ background-color: rgb(26 136 113 / var(--tw-bg-opacity, 1));
3094
3092
  --tw-text-opacity: 1;
3095
- color: rgb(255 255 255 / var(--tw-text-opacity))
3093
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3096
3094
  }
3097
3095
 
3098
3096
  [data-coco][data-component="badge"][data-theme="negative"]{
3099
3097
  --tw-bg-opacity: 1;
3100
- background-color: rgb(220 38 38 / var(--tw-bg-opacity));
3098
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
3101
3099
  --tw-text-opacity: 1;
3102
- color: rgb(255 255 255 / var(--tw-text-opacity))
3100
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3103
3101
  }
3104
3102
 
3105
3103
  [data-coco][data-component="badge"][data-theme="warning"]{
3106
3104
  --tw-bg-opacity: 1;
3107
- background-color: rgb(245 158 11 / var(--tw-bg-opacity));
3105
+ background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
3108
3106
  --tw-text-opacity: 1;
3109
- color: rgb(255 255 255 / var(--tw-text-opacity))
3107
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3110
3108
  }
3111
3109
 
3112
3110
  [data-coco][data-component="badge"][data-theme="info"]{
3113
3111
  --tw-bg-opacity: 1;
3114
- background-color: rgb(2 132 199 / var(--tw-bg-opacity));
3112
+ background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
3115
3113
  --tw-text-opacity: 1;
3116
- color: rgb(255 255 255 / var(--tw-text-opacity))
3114
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3117
3115
  }
3118
3116
 
3119
3117
  [data-coco][data-component="badge"][data-theme="primary-light"]{
3120
3118
  --tw-bg-opacity: 1;
3121
- background-color: rgb(209 231 226 / var(--tw-bg-opacity));
3119
+ background-color: rgb(209 231 226 / var(--tw-bg-opacity, 1));
3122
3120
  --tw-text-opacity: 1;
3123
- color: rgb(17 24 39 / var(--tw-text-opacity))
3121
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
3124
3122
  }
3125
3123
 
3126
3124
  [data-coco][data-component="badge"][data-theme="positive-light"]{
3127
3125
  --tw-bg-opacity: 1;
3128
- background-color: rgb(209 231 226 / var(--tw-bg-opacity));
3126
+ background-color: rgb(209 231 226 / var(--tw-bg-opacity, 1));
3129
3127
  --tw-text-opacity: 1;
3130
- color: rgb(17 24 39 / var(--tw-text-opacity))
3128
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
3131
3129
  }
3132
3130
 
3133
3131
  [data-coco][data-component="badge"][data-theme="negative-light"]{
3134
3132
  --tw-bg-opacity: 1;
3135
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
3133
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
3136
3134
  --tw-text-opacity: 1;
3137
- color: rgb(17 24 39 / var(--tw-text-opacity))
3135
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
3138
3136
  }
3139
3137
 
3140
3138
  [data-coco][data-component="badge"][data-theme="warning-light"]{
3141
3139
  --tw-bg-opacity: 1;
3142
- background-color: rgb(255 251 235 / var(--tw-bg-opacity));
3140
+ background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
3143
3141
  --tw-text-opacity: 1;
3144
- color: rgb(17 24 39 / var(--tw-text-opacity))
3142
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
3145
3143
  }
3146
3144
 
3147
3145
  [data-coco][data-component="badge"][data-theme="info-light"]{
3148
3146
  --tw-bg-opacity: 1;
3149
- background-color: rgb(224 242 254 / var(--tw-bg-opacity));
3147
+ background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
3150
3148
  --tw-text-opacity: 1;
3151
- color: rgb(17 24 39 / var(--tw-text-opacity))
3149
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
3152
3150
  }
3153
3151
 
3154
3152
  [data-coco][data-component="stamp"]:not([data-style="compact"]){
@@ -3191,106 +3189,106 @@ select{
3191
3189
 
3192
3190
  [data-coco][data-component="stamp"][data-theme="positive"][data-style="subtle"]{
3193
3191
  --tw-bg-opacity: 1;
3194
- background-color: rgb(163 207 197 / var(--tw-bg-opacity));
3192
+ background-color: rgb(163 207 197 / var(--tw-bg-opacity, 1));
3195
3193
  --tw-text-opacity: 1;
3196
- color: rgb(26 136 113 / var(--tw-text-opacity))
3194
+ color: rgb(26 136 113 / var(--tw-text-opacity, 1))
3197
3195
  }
3198
3196
 
3199
3197
  [data-coco][data-component="stamp"][data-theme="positive"][data-style="vivid"]{
3200
3198
  --tw-bg-opacity: 1;
3201
- background-color: rgb(26 136 113 / var(--tw-bg-opacity));
3199
+ background-color: rgb(26 136 113 / var(--tw-bg-opacity, 1));
3202
3200
  --tw-text-opacity: 1;
3203
- color: rgb(255 255 255 / var(--tw-text-opacity))
3201
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3204
3202
  }
3205
3203
 
3206
3204
  [data-coco][data-component="stamp"][data-theme="positive"][data-style="inverse"]{
3207
3205
  --tw-bg-opacity: 1;
3208
- background-color: rgb(13 97 89 / var(--tw-bg-opacity));
3206
+ background-color: rgb(13 97 89 / var(--tw-bg-opacity, 1));
3209
3207
  --tw-text-opacity: 1;
3210
- color: rgb(255 255 255 / var(--tw-text-opacity))
3208
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3211
3209
  }
3212
3210
 
3213
3211
  [data-coco][data-component="stamp"][data-theme="positive"][data-style="compact"]{
3214
3212
  --tw-text-opacity: 1;
3215
- color: rgb(26 136 113 / var(--tw-text-opacity))
3213
+ color: rgb(26 136 113 / var(--tw-text-opacity, 1))
3216
3214
  }
3217
3215
 
3218
3216
  [data-coco][data-component="stamp"][data-theme="negative"][data-style="subtle"]{
3219
3217
  --tw-bg-opacity: 1;
3220
- background-color: rgb(254 202 202 / var(--tw-bg-opacity));
3218
+ background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
3221
3219
  --tw-text-opacity: 1;
3222
- color: rgb(220 38 38 / var(--tw-text-opacity))
3220
+ color: rgb(220 38 38 / var(--tw-text-opacity, 1))
3223
3221
  }
3224
3222
 
3225
3223
  [data-coco][data-component="stamp"][data-theme="negative"][data-style="vivid"]{
3226
3224
  --tw-bg-opacity: 1;
3227
- background-color: rgb(220 38 38 / var(--tw-bg-opacity));
3225
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
3228
3226
  --tw-text-opacity: 1;
3229
- color: rgb(255 255 255 / var(--tw-text-opacity))
3227
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3230
3228
  }
3231
3229
 
3232
3230
  [data-coco][data-component="stamp"][data-theme="negative"][data-style="inverse"]{
3233
3231
  --tw-bg-opacity: 1;
3234
- background-color: rgb(185 28 28 / var(--tw-bg-opacity));
3232
+ background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
3235
3233
  --tw-text-opacity: 1;
3236
- color: rgb(255 255 255 / var(--tw-text-opacity))
3234
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3237
3235
  }
3238
3236
 
3239
3237
  [data-coco][data-component="stamp"][data-theme="negative"][data-style="compact"]{
3240
3238
  --tw-text-opacity: 1;
3241
- color: rgb(220 38 38 / var(--tw-text-opacity))
3239
+ color: rgb(220 38 38 / var(--tw-text-opacity, 1))
3242
3240
  }
3243
3241
 
3244
3242
  [data-coco][data-component="stamp"][data-theme="warning"][data-style="subtle"]{
3245
3243
  --tw-bg-opacity: 1;
3246
- background-color: rgb(254 243 199 / var(--tw-bg-opacity));
3244
+ background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
3247
3245
  --tw-text-opacity: 1;
3248
- color: rgb(217 119 6 / var(--tw-text-opacity))
3246
+ color: rgb(217 119 6 / var(--tw-text-opacity, 1))
3249
3247
  }
3250
3248
 
3251
3249
  [data-coco][data-component="stamp"][data-theme="warning"][data-style="vivid"]{
3252
3250
  --tw-bg-opacity: 1;
3253
- background-color: rgb(245 158 11 / var(--tw-bg-opacity));
3251
+ background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
3254
3252
  --tw-text-opacity: 1;
3255
- color: rgb(255 255 255 / var(--tw-text-opacity))
3253
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3256
3254
  }
3257
3255
 
3258
3256
  [data-coco][data-component="stamp"][data-theme="warning"][data-style="inverse"]{
3259
3257
  --tw-bg-opacity: 1;
3260
- background-color: rgb(217 119 6 / var(--tw-bg-opacity));
3258
+ background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
3261
3259
  --tw-text-opacity: 1;
3262
- color: rgb(255 255 255 / var(--tw-text-opacity))
3260
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3263
3261
  }
3264
3262
 
3265
3263
  [data-coco][data-component="stamp"][data-theme="warning"][data-style="compact"]{
3266
3264
  --tw-text-opacity: 1;
3267
- color: rgb(217 119 6 / var(--tw-text-opacity))
3265
+ color: rgb(217 119 6 / var(--tw-text-opacity, 1))
3268
3266
  }
3269
3267
 
3270
3268
  [data-coco][data-component="stamp"][data-theme="info"][data-style="subtle"]{
3271
3269
  --tw-bg-opacity: 1;
3272
- background-color: rgb(186 230 253 / var(--tw-bg-opacity));
3270
+ background-color: rgb(186 230 253 / var(--tw-bg-opacity, 1));
3273
3271
  --tw-text-opacity: 1;
3274
- color: rgb(2 132 199 / var(--tw-text-opacity))
3272
+ color: rgb(2 132 199 / var(--tw-text-opacity, 1))
3275
3273
  }
3276
3274
 
3277
3275
  [data-coco][data-component="stamp"][data-theme="info"][data-style="vivid"]{
3278
3276
  --tw-bg-opacity: 1;
3279
- background-color: rgb(2 132 199 / var(--tw-bg-opacity));
3277
+ background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
3280
3278
  --tw-text-opacity: 1;
3281
- color: rgb(255 255 255 / var(--tw-text-opacity))
3279
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3282
3280
  }
3283
3281
 
3284
3282
  [data-coco][data-component="stamp"][data-theme="info"][data-style="inverse"]{
3285
3283
  --tw-bg-opacity: 1;
3286
- background-color: rgb(3 105 161 / var(--tw-bg-opacity));
3284
+ background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
3287
3285
  --tw-text-opacity: 1;
3288
- color: rgb(255 255 255 / var(--tw-text-opacity))
3286
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3289
3287
  }
3290
3288
 
3291
3289
  [data-coco][data-component="stamp"][data-theme="info"][data-style="compact"]{
3292
3290
  --tw-text-opacity: 1;
3293
- color: rgb(2 132 199 / var(--tw-text-opacity))
3291
+ color: rgb(2 132 199 / var(--tw-text-opacity, 1))
3294
3292
  }
3295
3293
 
3296
3294
  [data-coco][data-component="page-layout"] .page-body{
@@ -3399,9 +3397,9 @@ select{
3399
3397
  border-radius: 0.75rem;
3400
3398
  border-width: 1px;
3401
3399
  --tw-border-opacity: 1;
3402
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
3400
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
3403
3401
  --tw-bg-opacity: 1;
3404
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3402
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
3405
3403
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
3406
3404
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
3407
3405
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
@@ -3835,7 +3833,7 @@ select{
3835
3833
  [data-coco][data-component="alert"] .alert-content{
3836
3834
  width: 100%;
3837
3835
  --tw-text-opacity: 1;
3838
- color: rgb(17 24 39 / var(--tw-text-opacity))
3836
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
3839
3837
  }
3840
3838
 
3841
3839
  [data-coco][data-component="alert"] .alert-title{
@@ -3959,12 +3957,12 @@ select{
3959
3957
 
3960
3958
  [data-coco][data-component="alert"][data-banner="true"] .alert-stamp .coco-icon{
3961
3959
  --tw-text-opacity: 1;
3962
- color: rgb(255 255 255 / var(--tw-text-opacity))
3960
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
3963
3961
  }
3964
3962
 
3965
3963
  [data-coco][data-component="alert"][data-banner="true"][data-theme="warning-vivid"] .alert-stamp .coco-icon{
3966
3964
  --tw-text-opacity: 1;
3967
- color: rgb(17 24 39 / var(--tw-text-opacity))
3965
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
3968
3966
  }
3969
3967
 
3970
3968
  /* Dismissable */
@@ -3976,7 +3974,7 @@ select{
3976
3974
  [data-coco][data-component="alert"][data-dismissable="true"] .alert-dismiss .coco-button{
3977
3975
  background-color: transparent;
3978
3976
  --tw-text-opacity: 1;
3979
- color: rgb(31 41 55 / var(--tw-text-opacity));
3977
+ color: rgb(31 41 55 / var(--tw-text-opacity, 1));
3980
3978
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
3981
3979
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3982
3980
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
@@ -3987,7 +3985,7 @@ select{
3987
3985
  [data-coco][data-component="alert"][data-dismissable="true"] .alert-dismiss .coco-button:hover{
3988
3986
  background-color: rgb(255 255 255 / 0.1);
3989
3987
  --tw-text-opacity: 1;
3990
- color: rgb(17 24 39 / var(--tw-text-opacity))
3988
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
3991
3989
  }
3992
3990
 
3993
3991
  /* Condensed */
@@ -4280,90 +4278,90 @@ select{
4280
4278
 
4281
4279
  [data-coco][data-component="alert"][data-theme*="vivid"] .alert-content{
4282
4280
  --tw-text-opacity: 1;
4283
- color: rgb(255 255 255 / var(--tw-text-opacity))
4281
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
4284
4282
  }
4285
4283
 
4286
4284
  [data-coco][data-component="alert"][data-theme*="vivid"] .coco-link:not([data-theme]){
4287
4285
  --tw-text-opacity: 1;
4288
- color: rgb(255 255 255 / var(--tw-text-opacity))
4286
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
4289
4287
  }
4290
4288
 
4291
4289
  [data-coco][data-component="alert"][data-theme="positive"]{
4292
4290
  --tw-border-opacity: 1;
4293
- border-color: rgb(118 184 170 / var(--tw-border-opacity));
4291
+ border-color: rgb(118 184 170 / var(--tw-border-opacity, 1));
4294
4292
  --tw-bg-opacity: 1;
4295
- background-color: rgb(209 231 226 / var(--tw-bg-opacity))
4293
+ background-color: rgb(209 231 226 / var(--tw-bg-opacity, 1))
4296
4294
  }
4297
4295
 
4298
4296
  [data-coco][data-component="alert"][data-theme="positive"]:hover{
4299
4297
  --tw-border-opacity: 1;
4300
- border-color: rgb(72 160 141 / var(--tw-border-opacity))
4298
+ border-color: rgb(72 160 141 / var(--tw-border-opacity, 1))
4301
4299
  }
4302
4300
 
4303
4301
  [data-coco][data-component="alert"][data-theme="positive-vivid"]{
4304
4302
  --tw-bg-opacity: 1;
4305
- background-color: rgb(26 136 113 / var(--tw-bg-opacity))
4303
+ background-color: rgb(26 136 113 / var(--tw-bg-opacity, 1))
4306
4304
  }
4307
4305
 
4308
4306
  [data-coco][data-component="alert"][data-theme="warning"]{
4309
4307
  --tw-border-opacity: 1;
4310
- border-color: rgb(252 211 77 / var(--tw-border-opacity));
4308
+ border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
4311
4309
  --tw-bg-opacity: 1;
4312
- background-color: rgb(255 251 235 / var(--tw-bg-opacity))
4310
+ background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1))
4313
4311
  }
4314
4312
 
4315
4313
  [data-coco][data-component="alert"][data-theme="warning"]:hover{
4316
4314
  --tw-border-opacity: 1;
4317
- border-color: rgb(251 191 36 / var(--tw-border-opacity))
4315
+ border-color: rgb(251 191 36 / var(--tw-border-opacity, 1))
4318
4316
  }
4319
4317
 
4320
4318
  [data-coco][data-component="alert"][data-theme="warning-vivid"]{
4321
4319
  --tw-bg-opacity: 1;
4322
- background-color: rgb(245 158 11 / var(--tw-bg-opacity))
4320
+ background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1))
4323
4321
  }
4324
4322
 
4325
4323
  [data-coco][data-component="alert"][data-theme="warning-vivid"] .alert-content{
4326
4324
  --tw-text-opacity: 1;
4327
- color: rgb(17 24 39 / var(--tw-text-opacity))
4325
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
4328
4326
  }
4329
4327
 
4330
4328
  [data-coco][data-component="alert"][data-theme="warning-vivid"] .coco-link:not([data-theme]){
4331
4329
  --tw-text-opacity: 1;
4332
- color: rgb(17 24 39 / var(--tw-text-opacity))
4330
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
4333
4331
  }
4334
4332
 
4335
4333
  [data-coco][data-component="alert"][data-theme="negative"]{
4336
4334
  --tw-border-opacity: 1;
4337
- border-color: rgb(252 165 165 / var(--tw-border-opacity));
4335
+ border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
4338
4336
  --tw-bg-opacity: 1;
4339
- background-color: rgb(254 226 226 / var(--tw-bg-opacity))
4337
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1))
4340
4338
  }
4341
4339
 
4342
4340
  [data-coco][data-component="alert"][data-theme="negative"]:hover{
4343
4341
  --tw-border-opacity: 1;
4344
- border-color: rgb(248 113 113 / var(--tw-border-opacity))
4342
+ border-color: rgb(248 113 113 / var(--tw-border-opacity, 1))
4345
4343
  }
4346
4344
 
4347
4345
  [data-coco][data-component="alert"][data-theme="negative-vivid"]{
4348
4346
  --tw-bg-opacity: 1;
4349
- background-color: rgb(220 38 38 / var(--tw-bg-opacity))
4347
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
4350
4348
  }
4351
4349
 
4352
4350
  [data-coco][data-component="alert"][data-theme="info"]{
4353
4351
  --tw-border-opacity: 1;
4354
- border-color: rgb(125 211 252 / var(--tw-border-opacity));
4352
+ border-color: rgb(125 211 252 / var(--tw-border-opacity, 1));
4355
4353
  --tw-bg-opacity: 1;
4356
- background-color: rgb(224 242 254 / var(--tw-bg-opacity))
4354
+ background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1))
4357
4355
  }
4358
4356
 
4359
4357
  [data-coco][data-component="alert"][data-theme="info"]:hover{
4360
4358
  --tw-border-opacity: 1;
4361
- border-color: rgb(56 189 248 / var(--tw-border-opacity))
4359
+ border-color: rgb(56 189 248 / var(--tw-border-opacity, 1))
4362
4360
  }
4363
4361
 
4364
4362
  [data-coco][data-component="alert"][data-theme="info-vivid"]{
4365
4363
  --tw-bg-opacity: 1;
4366
- background-color: rgb(2 132 199 / var(--tw-bg-opacity))
4364
+ background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1))
4367
4365
  }
4368
4366
 
4369
4367
  [data-coco][data-component="notice"]{
@@ -4386,7 +4384,7 @@ select{
4386
4384
  overflow: hidden;
4387
4385
  border-radius: 0.75rem;
4388
4386
  --tw-bg-opacity: 1;
4389
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
4387
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
4390
4388
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
4391
4389
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
4392
4390
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
@@ -4408,7 +4406,7 @@ select{
4408
4406
  flex: none;
4409
4407
  align-items: center;
4410
4408
  --tw-text-opacity: 1;
4411
- color: rgb(255 255 255 / var(--tw-text-opacity))
4409
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
4412
4410
  }
4413
4411
 
4414
4412
  [data-coco][data-component="snackbar"] .snackbar-icon .coco-icon{
@@ -4422,7 +4420,7 @@ select{
4422
4420
  margin-right: 0.5rem;
4423
4421
  flex-grow: 1;
4424
4422
  --tw-text-opacity: 1;
4425
- color: rgb(255 255 255 / var(--tw-text-opacity));
4423
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4426
4424
  font-family: proxima-nova, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4427
4425
  font-weight: 600;
4428
4426
  font-size: 16px;
@@ -4431,7 +4429,7 @@ select{
4431
4429
 
4432
4430
  [data-coco][data-component="snackbar"] .coco-button:hover{
4433
4431
  --tw-bg-opacity: 1;
4434
- background-color: rgb(55 65 81 / var(--tw-bg-opacity))
4432
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1))
4435
4433
  }
4436
4434
 
4437
4435
  [data-coco][data-component="snackbar"] .snackbar-action{
@@ -4443,7 +4441,7 @@ select{
4443
4441
  padding-left: 0.5rem;
4444
4442
  padding-right: 0.5rem;
4445
4443
  --tw-text-opacity: 1;
4446
- color: rgb(125 211 252 / var(--tw-text-opacity))
4444
+ color: rgb(125 211 252 / var(--tw-text-opacity, 1))
4447
4445
  }
4448
4446
 
4449
4447
  [data-coco][data-component="snackbar"] .snackbar-dismiss{
@@ -4453,12 +4451,12 @@ select{
4453
4451
 
4454
4452
  [data-coco][data-component="snackbar"] .snackbar-dismiss .coco-button{
4455
4453
  --tw-text-opacity: 1;
4456
- color: rgb(229 231 235 / var(--tw-text-opacity))
4454
+ color: rgb(229 231 235 / var(--tw-text-opacity, 1))
4457
4455
  }
4458
4456
 
4459
4457
  [data-coco][data-component="snackbar"] .snackbar-dismiss .coco-button:hover{
4460
4458
  --tw-text-opacity: 1;
4461
- color: rgb(255 255 255 / var(--tw-text-opacity))
4459
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
4462
4460
  }
4463
4461
 
4464
4462
  /* Positioning */
@@ -4480,22 +4478,22 @@ select{
4480
4478
 
4481
4479
  [data-coco][data-component="snackbar"][data-theme="positive"] .snackbar-icon{
4482
4480
  --tw-text-opacity: 1;
4483
- color: rgb(118 184 170 / var(--tw-text-opacity))
4481
+ color: rgb(118 184 170 / var(--tw-text-opacity, 1))
4484
4482
  }
4485
4483
 
4486
4484
  [data-coco][data-component="snackbar"][data-theme="warning"] .snackbar-icon{
4487
4485
  --tw-text-opacity: 1;
4488
- color: rgb(252 211 77 / var(--tw-text-opacity))
4486
+ color: rgb(252 211 77 / var(--tw-text-opacity, 1))
4489
4487
  }
4490
4488
 
4491
4489
  [data-coco][data-component="snackbar"][data-theme="negative"] .snackbar-icon{
4492
4490
  --tw-text-opacity: 1;
4493
- color: rgb(252 165 165 / var(--tw-text-opacity))
4491
+ color: rgb(252 165 165 / var(--tw-text-opacity, 1))
4494
4492
  }
4495
4493
 
4496
4494
  [data-coco][data-component="snackbar"][data-theme="pending"] .snackbar-icon{
4497
4495
  --tw-text-opacity: 1;
4498
- color: rgb(125 211 252 / var(--tw-text-opacity))
4496
+ color: rgb(125 211 252 / var(--tw-text-opacity, 1))
4499
4497
  }
4500
4498
 
4501
4499
  /* Transitions */
@@ -4645,7 +4643,7 @@ select{
4645
4643
  [data-coco][data-component="modal"] .modal-overlay{
4646
4644
  position: fixed;
4647
4645
  inset: 0px;
4648
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
4646
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
4649
4647
  --tw-bg-opacity: 0.6
4650
4648
  }
4651
4649
 
@@ -4789,7 +4787,7 @@ select{
4789
4787
  border-radius: 0.75rem;
4790
4788
  border-width: 1px;
4791
4789
  --tw-border-opacity: 1;
4792
- border-color: rgb(209 213 219 / var(--tw-border-opacity));
4790
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
4793
4791
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
4794
4792
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
4795
4793
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
@@ -4824,9 +4822,9 @@ select{
4824
4822
 
4825
4823
  [data-coco][data-component="modal-canvas"] .modal-canvas-close{
4826
4824
  --tw-bg-opacity: 1;
4827
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
4825
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
4828
4826
  --tw-text-opacity: 1;
4829
- color: rgb(255 255 255 / var(--tw-text-opacity));
4827
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4830
4828
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
4831
4829
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
4832
4830
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
@@ -4847,7 +4845,7 @@ select{
4847
4845
  overflow: hidden;
4848
4846
  border-radius: 0.75rem;
4849
4847
  --tw-bg-opacity: 1;
4850
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
4848
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
4851
4849
  width: -moz-fit-content;
4852
4850
  width: fit-content
4853
4851
  }
@@ -4856,7 +4854,7 @@ select{
4856
4854
  width: 100%;
4857
4855
  border-radius: 2rem;
4858
4856
  --tw-bg-opacity: 1;
4859
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
4857
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
4860
4858
  }
4861
4859
 
4862
4860
  .modal-frame [data-coco][data-component="modal-dialog"]{
@@ -4881,7 +4879,7 @@ select{
4881
4879
  border-top-left-radius: 2rem;
4882
4880
  border-top-right-radius: 2rem;
4883
4881
  --tw-bg-opacity: 1;
4884
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
4882
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
4885
4883
  padding-left: 1rem;
4886
4884
  padding-right: 1rem;
4887
4885
  padding-top: 1rem;
@@ -4937,7 +4935,7 @@ select{
4937
4935
  [data-coco][data-component="modal-dialog"] .modal-dialog-close{
4938
4936
  border-radius: 9999px;
4939
4937
  --tw-text-opacity: 1;
4940
- color: rgb(17 24 39 / var(--tw-text-opacity));
4938
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
4941
4939
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
4942
4940
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4943
4941
  transition-duration: 150ms
@@ -4945,9 +4943,9 @@ select{
4945
4943
 
4946
4944
  [data-coco][data-component="modal-dialog"] .modal-dialog-close:hover{
4947
4945
  --tw-bg-opacity: 1;
4948
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
4946
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
4949
4947
  --tw-text-opacity: 1;
4950
- color: rgb(17 24 39 / var(--tw-text-opacity))
4948
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
4951
4949
  }
4952
4950
 
4953
4951
  [data-coco][data-component="modal-dialog"] .modal-dialog-close:focus{
@@ -4977,7 +4975,7 @@ select{
4977
4975
  border-bottom-right-radius: 2rem;
4978
4976
  border-bottom-left-radius: 2rem;
4979
4977
  --tw-bg-opacity: 1;
4980
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
4978
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
4981
4979
  padding-left: 1rem;
4982
4980
  padding-right: 1rem;
4983
4981
  padding-bottom: 1.5rem
@@ -5026,9 +5024,9 @@ select{
5026
5024
 
5027
5025
  [data-coco][data-component="modal-lightbox"] .modal-lightbox-close{
5028
5026
  --tw-bg-opacity: 1;
5029
- background-color: rgb(17 24 39 / var(--tw-bg-opacity));
5027
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
5030
5028
  --tw-text-opacity: 1;
5031
- color: rgb(255 255 255 / var(--tw-text-opacity));
5029
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
5032
5030
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
5033
5031
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
5034
5032
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
@@ -5060,7 +5058,7 @@ select{
5060
5058
  justify-content: center;
5061
5059
  background-color: rgb(0 0 0 / 0.6);
5062
5060
  --tw-text-opacity: 1;
5063
- color: rgb(255 255 255 / var(--tw-text-opacity));
5061
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
5064
5062
  opacity: 0.7
5065
5063
  }
5066
5064
 
@@ -5127,62 +5125,62 @@ select{
5127
5125
 
5128
5126
  [data-coco].coco-link[data-theme="primary"]{
5129
5127
  --tw-text-opacity: 1;
5130
- color: rgb(26 136 113 / var(--tw-text-opacity))
5128
+ color: rgb(26 136 113 / var(--tw-text-opacity, 1))
5131
5129
  }
5132
5130
 
5133
5131
  [data-coco].coco-link[data-theme="primary"]:active{
5134
5132
  --tw-text-opacity: 1;
5135
- color: rgb(13 97 89 / var(--tw-text-opacity))
5133
+ color: rgb(13 97 89 / var(--tw-text-opacity, 1))
5136
5134
  }
5137
5135
 
5138
5136
  [data-coco].coco-link[data-theme="positive"]{
5139
5137
  --tw-text-opacity: 1;
5140
- color: rgb(26 136 113 / var(--tw-text-opacity))
5138
+ color: rgb(26 136 113 / var(--tw-text-opacity, 1))
5141
5139
  }
5142
5140
 
5143
5141
  [data-coco].coco-link[data-theme="positive"]:active{
5144
5142
  --tw-text-opacity: 1;
5145
- color: rgb(13 97 89 / var(--tw-text-opacity))
5143
+ color: rgb(13 97 89 / var(--tw-text-opacity, 1))
5146
5144
  }
5147
5145
 
5148
5146
  [data-coco].coco-link[data-theme="negative"]{
5149
5147
  --tw-text-opacity: 1;
5150
- color: rgb(220 38 38 / var(--tw-text-opacity))
5148
+ color: rgb(220 38 38 / var(--tw-text-opacity, 1))
5151
5149
  }
5152
5150
 
5153
5151
  [data-coco].coco-link[data-theme="negative"]:active{
5154
5152
  --tw-text-opacity: 1;
5155
- color: rgb(153 27 27 / var(--tw-text-opacity))
5153
+ color: rgb(153 27 27 / var(--tw-text-opacity, 1))
5156
5154
  }
5157
5155
 
5158
5156
  [data-coco].coco-link[data-theme="warning"]{
5159
5157
  --tw-text-opacity: 1;
5160
- color: rgb(217 119 6 / var(--tw-text-opacity))
5158
+ color: rgb(217 119 6 / var(--tw-text-opacity, 1))
5161
5159
  }
5162
5160
 
5163
5161
  [data-coco].coco-link[data-theme="warning"]:active{
5164
5162
  --tw-text-opacity: 1;
5165
- color: rgb(146 64 14 / var(--tw-text-opacity))
5163
+ color: rgb(146 64 14 / var(--tw-text-opacity, 1))
5166
5164
  }
5167
5165
 
5168
5166
  [data-coco].coco-link[data-theme="info"]{
5169
5167
  --tw-text-opacity: 1;
5170
- color: rgb(2 132 199 / var(--tw-text-opacity))
5168
+ color: rgb(2 132 199 / var(--tw-text-opacity, 1))
5171
5169
  }
5172
5170
 
5173
5171
  [data-coco].coco-link[data-theme="info"]:active{
5174
5172
  --tw-text-opacity: 1;
5175
- color: rgb(7 89 133 / var(--tw-text-opacity))
5173
+ color: rgb(7 89 133 / var(--tw-text-opacity, 1))
5176
5174
  }
5177
5175
 
5178
5176
  [data-coco].coco-link[data-theme="neutral-dark"]{
5179
5177
  --tw-text-opacity: 1;
5180
- color: rgb(17 24 39 / var(--tw-text-opacity))
5178
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
5181
5179
  }
5182
5180
 
5183
5181
  [data-coco].coco-link[data-theme="neutral-light"]{
5184
5182
  --tw-text-opacity: 1;
5185
- color: rgb(255 255 255 / var(--tw-text-opacity))
5183
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
5186
5184
  }
5187
5185
 
5188
5186
  [data-coco][data-component="pager-button"]{
@@ -5190,7 +5188,7 @@ select{
5190
5188
  --tw-scale-x: .75;
5191
5189
  --tw-scale-y: .75;
5192
5190
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
5193
- background-color: rgb(55 65 81 / var(--tw-bg-opacity));
5191
+ background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
5194
5192
  --tw-bg-opacity: 0.4;
5195
5193
  padding-top: 0.625rem;
5196
5194
  padding-bottom: 0.625rem;
@@ -5231,7 +5229,7 @@ select{
5231
5229
  [data-coco][data-component="pager-button"] .coco-icon{
5232
5230
  position: relative;
5233
5231
  --tw-text-opacity: 1;
5234
- color: rgb(255 255 255 / var(--tw-text-opacity))
5232
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1))
5235
5233
  }
5236
5234
 
5237
5235
  [data-coco][data-component="pager-button"][data-direction="previous"]{
@@ -5274,22 +5272,22 @@ select{
5274
5272
 
5275
5273
  [data-coco][data-component="tabs"] [role="tab"] .coco-button{
5276
5274
  --tw-text-opacity: 1;
5277
- color: rgb(156 163 175 / var(--tw-text-opacity))
5275
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1))
5278
5276
  }
5279
5277
 
5280
5278
  [data-coco][data-component="tabs"] [role="tab"] .coco-button:hover{
5281
5279
  --tw-text-opacity: 1;
5282
- color: rgb(31 41 55 / var(--tw-text-opacity))
5280
+ color: rgb(31 41 55 / var(--tw-text-opacity, 1))
5283
5281
  }
5284
5282
 
5285
5283
  [data-coco][data-component="tabs"] [role="tab"].active{
5286
5284
  --tw-border-opacity: 1;
5287
- border-color: rgb(17 24 39 / var(--tw-border-opacity))
5285
+ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1))
5288
5286
  }
5289
5287
 
5290
5288
  [data-coco][data-component="tabs"] [role="tab"].active .coco-button{
5291
5289
  --tw-text-opacity: 1;
5292
- color: rgb(17 24 39 / var(--tw-text-opacity))
5290
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1))
5293
5291
  }
5294
5292
 
5295
5293
  [data-coco][data-component="tabs"][data-fit="full"] [role="tab"] {
@@ -5298,7 +5296,7 @@ select{
5298
5296
 
5299
5297
  [data-coco][data-component="color-picker"]{
5300
5298
  --tw-bg-opacity: 1;
5301
- background-color: rgb(249 250 251 / var(--tw-bg-opacity))
5299
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
5302
5300
  }
5303
5301
 
5304
5302
  [data-coco][data-component="color-picker"] .picker-section:not(:first-child){
@@ -5322,16 +5320,16 @@ select{
5322
5320
  gap: 0.5rem;
5323
5321
  border-width: 1px;
5324
5322
  --tw-border-opacity: 1;
5325
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
5323
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
5326
5324
  --tw-bg-opacity: 1;
5327
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
5325
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
5328
5326
  padding-left: 0.5rem;
5329
5327
  padding-right: 0.5rem
5330
5328
  }
5331
5329
 
5332
5330
  [data-coco][data-component="color-picker"] .picker-display.picker-error{
5333
5331
  --tw-border-opacity: 1;
5334
- border-color: rgb(254 202 202 / var(--tw-border-opacity))
5332
+ border-color: rgb(254 202 202 / var(--tw-border-opacity, 1))
5335
5333
  }
5336
5334
 
5337
5335
  [data-coco][data-component="color-picker"] .picker-display-color{
@@ -5345,10 +5343,10 @@ select{
5345
5343
  width: 100%;
5346
5344
  border-style: none;
5347
5345
  --tw-bg-opacity: 1;
5348
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
5346
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
5349
5347
  padding: 0px;
5350
5348
  --tw-text-opacity: 1;
5351
- color: rgb(0 0 0 / var(--tw-text-opacity))
5349
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1))
5352
5350
  }
5353
5351
 
5354
5352
  [data-coco][data-component="color-picker"] .picker-display-input:focus{
@@ -5967,7 +5965,7 @@ select{
5967
5965
 
5968
5966
  [data-coco].coco-prose a[href]:not([data-theme]){
5969
5967
  --tw-text-opacity: 1;
5970
- color: rgb(26 136 113 / var(--tw-text-opacity))
5968
+ color: rgb(26 136 113 / var(--tw-text-opacity, 1))
5971
5969
  }
5972
5970
 
5973
5971
  [data-coco].coco-prose[data-centered="true"]{
@@ -6002,9 +6000,9 @@ select{
6002
6000
  border-width: 1px;
6003
6001
  border-style: dashed;
6004
6002
  --tw-border-opacity: 1;
6005
- border-color: rgb(156 163 175 / var(--tw-border-opacity));
6003
+ border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
6006
6004
  --tw-bg-opacity: 1;
6007
- background-color: rgb(249 250 251 / var(--tw-bg-opacity))
6005
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
6008
6006
  }
6009
6007
 
6010
6008
  [data-coco][data-component="placeholder"][data-prose="true"] .placeholder-content > :not([hidden]) ~ :not([hidden]){
@@ -7197,7 +7195,7 @@ select{
7197
7195
  white-space: normal;
7198
7196
  background-color: transparent;
7199
7197
  --tw-text-opacity: 1;
7200
- color: rgb(17 24 39 / var(--tw-text-opacity));
7198
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
7201
7199
  font-family: proxima-nova, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7202
7200
  font-weight: 600;
7203
7201
  font-size: 16px;
@@ -7225,9 +7223,9 @@ select{
7225
7223
  .tippy-box[data-theme~="coco-tooltip"]{
7226
7224
  border-radius: 0.5rem;
7227
7225
  --tw-bg-opacity: 1;
7228
- background-color: rgb(31 41 55 / var(--tw-bg-opacity));
7226
+ background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
7229
7227
  --tw-text-opacity: 1;
7230
- color: rgb(255 255 255 / var(--tw-text-opacity));
7228
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
7231
7229
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
7232
7230
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
7233
7231
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
@@ -7265,9 +7263,9 @@ select{
7265
7263
  border-width: 1px;
7266
7264
  border-style: solid;
7267
7265
  --tw-bg-opacity: 1;
7268
- background-color: rgb(249 250 251 / var(--tw-bg-opacity));
7266
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
7269
7267
  --tw-text-opacity: 1;
7270
- color: rgb(17 24 39 / var(--tw-text-opacity));
7268
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
7271
7269
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
7272
7270
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
7273
7271
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
@@ -7294,7 +7292,7 @@ select{
7294
7292
  line-height: 24px;
7295
7293
  font-weight: 400;
7296
7294
  --tw-text-opacity: 1;
7297
- color: rgb(255 255 255 / var(--tw-text-opacity));
7295
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
7298
7296
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
7299
7297
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
7300
7298
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
@@ -7310,9 +7308,9 @@ select{
7310
7308
  border-width: 1px;
7311
7309
  border-style: solid;
7312
7310
  --tw-bg-opacity: 1;
7313
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
7311
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
7314
7312
  --tw-text-opacity: 1;
7315
- color: rgb(17 24 39 / var(--tw-text-opacity));
7313
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
7316
7314
  background-blend-mode: hard-light;
7317
7315
  border-color: rgba(0, 12, 39, 0.1)
7318
7316
  }
@@ -7328,7 +7326,7 @@ select{
7328
7326
 
7329
7327
  .tippy-box[data-theme~="coco-popover-info"]{
7330
7328
  --tw-bg-opacity: 1;
7331
- background-color: rgb(2 132 199 / var(--tw-bg-opacity));
7329
+ background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
7332
7330
  -webkit-font-smoothing: antialiased;
7333
7331
  -moz-osx-font-smoothing: grayscale
7334
7332
  }