coveragebook_components 0.19.8 → 0.19.9

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 (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
  }