santycss 2.0.1 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,4579 @@
1
+ /* SantyCSS Extended Variants — xl, xxl, on-wide, peer, group, print, motion, RTL
2
+ Import this in addition to santy-core.css for advanced responsive/variant coverage.
3
+ https://santycss.santy.in */
4
+
5
+ @media (min-width: 1280px) {
6
+ .on-wide\:make-block { display:block; }
7
+ .on-wide\:make-inline { display:inline; }
8
+ .on-wide\:make-inline-block { display:inline-block; }
9
+ .on-wide\:make-flex { display:flex; }
10
+ .on-wide\:make-grid { display:grid; }
11
+ .on-wide\:make-hidden { display:none; }
12
+ .on-wide\:flex-row { flex-direction:row; }
13
+ .on-wide\:flex-column { flex-direction:column; }
14
+ .on-wide\:flex-wrap { flex-wrap:wrap; }
15
+ .on-wide\:flex-nowrap { flex-wrap:nowrap; }
16
+ .on-wide\:align-center { align-items:center; }
17
+ .on-wide\:align-start { align-items:flex-start; }
18
+ .on-wide\:align-end { align-items:flex-end; }
19
+ .on-wide\:justify-center { justify-content:center; }
20
+ .on-wide\:justify-between { justify-content:space-between; }
21
+ .on-wide\:justify-start { justify-content:flex-start; }
22
+ .on-wide\:justify-end { justify-content:flex-end; }
23
+ .on-wide\:text-left { text-align:left; }
24
+ .on-wide\:text-center { text-align:center; }
25
+ .on-wide\:text-right { text-align:right; }
26
+ .on-wide\:add-padding-0 { padding:0px; }
27
+ .on-wide\:add-padding-x-0 { padding-left:0px; padding-right:0px; }
28
+ .on-wide\:add-padding-y-0 { padding-top:0px; padding-bottom:0px; }
29
+ .on-wide\:add-margin-0 { margin:0px; }
30
+ .on-wide\:add-margin-x-0 { margin-left:0px; margin-right:0px; }
31
+ .on-wide\:add-margin-y-0 { margin-top:0px; margin-bottom:0px; }
32
+ .on-wide\:gap-0 { gap:0px; }
33
+ .on-wide\:add-padding-4 { padding:4px; }
34
+ .on-wide\:add-padding-x-4 { padding-left:4px; padding-right:4px; }
35
+ .on-wide\:add-padding-y-4 { padding-top:4px; padding-bottom:4px; }
36
+ .on-wide\:add-margin-4 { margin:4px; }
37
+ .on-wide\:add-margin-x-4 { margin-left:4px; margin-right:4px; }
38
+ .on-wide\:add-margin-y-4 { margin-top:4px; margin-bottom:4px; }
39
+ .on-wide\:gap-4 { gap:4px; }
40
+ .on-wide\:add-padding-8 { padding:8px; }
41
+ .on-wide\:add-padding-x-8 { padding-left:8px; padding-right:8px; }
42
+ .on-wide\:add-padding-y-8 { padding-top:8px; padding-bottom:8px; }
43
+ .on-wide\:add-margin-8 { margin:8px; }
44
+ .on-wide\:add-margin-x-8 { margin-left:8px; margin-right:8px; }
45
+ .on-wide\:add-margin-y-8 { margin-top:8px; margin-bottom:8px; }
46
+ .on-wide\:gap-8 { gap:8px; }
47
+ .on-wide\:add-padding-12 { padding:12px; }
48
+ .on-wide\:add-padding-x-12 { padding-left:12px; padding-right:12px; }
49
+ .on-wide\:add-padding-y-12 { padding-top:12px; padding-bottom:12px; }
50
+ .on-wide\:add-margin-12 { margin:12px; }
51
+ .on-wide\:add-margin-x-12 { margin-left:12px; margin-right:12px; }
52
+ .on-wide\:add-margin-y-12 { margin-top:12px; margin-bottom:12px; }
53
+ .on-wide\:gap-12 { gap:12px; }
54
+ .on-wide\:add-padding-16 { padding:16px; }
55
+ .on-wide\:add-padding-x-16 { padding-left:16px; padding-right:16px; }
56
+ .on-wide\:add-padding-y-16 { padding-top:16px; padding-bottom:16px; }
57
+ .on-wide\:add-margin-16 { margin:16px; }
58
+ .on-wide\:add-margin-x-16 { margin-left:16px; margin-right:16px; }
59
+ .on-wide\:add-margin-y-16 { margin-top:16px; margin-bottom:16px; }
60
+ .on-wide\:gap-16 { gap:16px; }
61
+ .on-wide\:add-padding-20 { padding:20px; }
62
+ .on-wide\:add-padding-x-20 { padding-left:20px; padding-right:20px; }
63
+ .on-wide\:add-padding-y-20 { padding-top:20px; padding-bottom:20px; }
64
+ .on-wide\:add-margin-20 { margin:20px; }
65
+ .on-wide\:add-margin-x-20 { margin-left:20px; margin-right:20px; }
66
+ .on-wide\:add-margin-y-20 { margin-top:20px; margin-bottom:20px; }
67
+ .on-wide\:gap-20 { gap:20px; }
68
+ .on-wide\:add-padding-24 { padding:24px; }
69
+ .on-wide\:add-padding-x-24 { padding-left:24px; padding-right:24px; }
70
+ .on-wide\:add-padding-y-24 { padding-top:24px; padding-bottom:24px; }
71
+ .on-wide\:add-margin-24 { margin:24px; }
72
+ .on-wide\:add-margin-x-24 { margin-left:24px; margin-right:24px; }
73
+ .on-wide\:add-margin-y-24 { margin-top:24px; margin-bottom:24px; }
74
+ .on-wide\:gap-24 { gap:24px; }
75
+ .on-wide\:add-padding-32 { padding:32px; }
76
+ .on-wide\:add-padding-x-32 { padding-left:32px; padding-right:32px; }
77
+ .on-wide\:add-padding-y-32 { padding-top:32px; padding-bottom:32px; }
78
+ .on-wide\:add-margin-32 { margin:32px; }
79
+ .on-wide\:add-margin-x-32 { margin-left:32px; margin-right:32px; }
80
+ .on-wide\:add-margin-y-32 { margin-top:32px; margin-bottom:32px; }
81
+ .on-wide\:gap-32 { gap:32px; }
82
+ .on-wide\:add-padding-40 { padding:40px; }
83
+ .on-wide\:add-padding-x-40 { padding-left:40px; padding-right:40px; }
84
+ .on-wide\:add-padding-y-40 { padding-top:40px; padding-bottom:40px; }
85
+ .on-wide\:add-margin-40 { margin:40px; }
86
+ .on-wide\:add-margin-x-40 { margin-left:40px; margin-right:40px; }
87
+ .on-wide\:add-margin-y-40 { margin-top:40px; margin-bottom:40px; }
88
+ .on-wide\:gap-40 { gap:40px; }
89
+ .on-wide\:add-padding-48 { padding:48px; }
90
+ .on-wide\:add-padding-x-48 { padding-left:48px; padding-right:48px; }
91
+ .on-wide\:add-padding-y-48 { padding-top:48px; padding-bottom:48px; }
92
+ .on-wide\:add-margin-48 { margin:48px; }
93
+ .on-wide\:add-margin-x-48 { margin-left:48px; margin-right:48px; }
94
+ .on-wide\:add-margin-y-48 { margin-top:48px; margin-bottom:48px; }
95
+ .on-wide\:gap-48 { gap:48px; }
96
+ .on-wide\:add-padding-64 { padding:64px; }
97
+ .on-wide\:add-padding-x-64 { padding-left:64px; padding-right:64px; }
98
+ .on-wide\:add-padding-y-64 { padding-top:64px; padding-bottom:64px; }
99
+ .on-wide\:add-margin-64 { margin:64px; }
100
+ .on-wide\:add-margin-x-64 { margin-left:64px; margin-right:64px; }
101
+ .on-wide\:add-margin-y-64 { margin-top:64px; margin-bottom:64px; }
102
+ .on-wide\:gap-64 { gap:64px; }
103
+ .on-wide\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
104
+ .on-wide\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
105
+ .on-wide\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
106
+ .on-wide\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
107
+ .on-wide\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
108
+ .on-wide\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
109
+ .on-wide\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
110
+ .on-wide\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
111
+ .on-wide\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
112
+ .on-wide\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
113
+ .on-wide\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
114
+ .on-wide\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
115
+ .on-wide\:set-text-12 { font-size:12px; }
116
+ .on-wide\:set-text-14 { font-size:14px; }
117
+ .on-wide\:set-text-16 { font-size:16px; }
118
+ .on-wide\:set-text-18 { font-size:18px; }
119
+ .on-wide\:set-text-20 { font-size:20px; }
120
+ .on-wide\:set-text-24 { font-size:24px; }
121
+ .on-wide\:set-text-28 { font-size:28px; }
122
+ .on-wide\:set-text-32 { font-size:32px; }
123
+ .on-wide\:set-text-36 { font-size:36px; }
124
+ .on-wide\:set-text-40 { font-size:40px; }
125
+ .on-wide\:set-text-48 { font-size:48px; }
126
+ .on-wide\:set-text-56 { font-size:56px; }
127
+ .on-wide\:set-text-64 { font-size:64px; }
128
+ .on-wide\:set-width-full { width:100%; }
129
+ .on-wide\:set-width-auto { width:auto; }
130
+ .on-wide\:set-width-screen { width:100vw; }
131
+ .on-wide\:set-width-0 { width:0px; }
132
+ .on-wide\:set-height-0 { height:0px; }
133
+ .on-wide\:set-width-4 { width:4px; }
134
+ .on-wide\:set-height-4 { height:4px; }
135
+ .on-wide\:set-width-8 { width:8px; }
136
+ .on-wide\:set-height-8 { height:8px; }
137
+ .on-wide\:set-width-12 { width:12px; }
138
+ .on-wide\:set-height-12 { height:12px; }
139
+ .on-wide\:set-width-16 { width:16px; }
140
+ .on-wide\:set-height-16 { height:16px; }
141
+ .on-wide\:set-width-20 { width:20px; }
142
+ .on-wide\:set-height-20 { height:20px; }
143
+ .on-wide\:set-width-24 { width:24px; }
144
+ .on-wide\:set-height-24 { height:24px; }
145
+ .on-wide\:set-width-32 { width:32px; }
146
+ .on-wide\:set-height-32 { height:32px; }
147
+ .on-wide\:set-width-40 { width:40px; }
148
+ .on-wide\:set-height-40 { height:40px; }
149
+ .on-wide\:set-width-48 { width:48px; }
150
+ .on-wide\:set-height-48 { height:48px; }
151
+ .on-wide\:set-width-64 { width:64px; }
152
+ .on-wide\:set-height-64 { height:64px; }
153
+ }
154
+
155
+ @media (min-width: 1536px) {
156
+ .on-ultra\:make-block { display:block; }
157
+ .on-ultra\:make-inline { display:inline; }
158
+ .on-ultra\:make-inline-block { display:inline-block; }
159
+ .on-ultra\:make-flex { display:flex; }
160
+ .on-ultra\:make-grid { display:grid; }
161
+ .on-ultra\:make-hidden { display:none; }
162
+ .on-ultra\:flex-row { flex-direction:row; }
163
+ .on-ultra\:flex-column { flex-direction:column; }
164
+ .on-ultra\:flex-wrap { flex-wrap:wrap; }
165
+ .on-ultra\:flex-nowrap { flex-wrap:nowrap; }
166
+ .on-ultra\:align-center { align-items:center; }
167
+ .on-ultra\:align-start { align-items:flex-start; }
168
+ .on-ultra\:align-end { align-items:flex-end; }
169
+ .on-ultra\:justify-center { justify-content:center; }
170
+ .on-ultra\:justify-between { justify-content:space-between; }
171
+ .on-ultra\:justify-start { justify-content:flex-start; }
172
+ .on-ultra\:justify-end { justify-content:flex-end; }
173
+ .on-ultra\:text-left { text-align:left; }
174
+ .on-ultra\:text-center { text-align:center; }
175
+ .on-ultra\:text-right { text-align:right; }
176
+ .on-ultra\:add-padding-0 { padding:0px; }
177
+ .on-ultra\:add-padding-x-0 { padding-left:0px; padding-right:0px; }
178
+ .on-ultra\:add-padding-y-0 { padding-top:0px; padding-bottom:0px; }
179
+ .on-ultra\:add-margin-0 { margin:0px; }
180
+ .on-ultra\:add-margin-x-0 { margin-left:0px; margin-right:0px; }
181
+ .on-ultra\:add-margin-y-0 { margin-top:0px; margin-bottom:0px; }
182
+ .on-ultra\:gap-0 { gap:0px; }
183
+ .on-ultra\:add-padding-4 { padding:4px; }
184
+ .on-ultra\:add-padding-x-4 { padding-left:4px; padding-right:4px; }
185
+ .on-ultra\:add-padding-y-4 { padding-top:4px; padding-bottom:4px; }
186
+ .on-ultra\:add-margin-4 { margin:4px; }
187
+ .on-ultra\:add-margin-x-4 { margin-left:4px; margin-right:4px; }
188
+ .on-ultra\:add-margin-y-4 { margin-top:4px; margin-bottom:4px; }
189
+ .on-ultra\:gap-4 { gap:4px; }
190
+ .on-ultra\:add-padding-8 { padding:8px; }
191
+ .on-ultra\:add-padding-x-8 { padding-left:8px; padding-right:8px; }
192
+ .on-ultra\:add-padding-y-8 { padding-top:8px; padding-bottom:8px; }
193
+ .on-ultra\:add-margin-8 { margin:8px; }
194
+ .on-ultra\:add-margin-x-8 { margin-left:8px; margin-right:8px; }
195
+ .on-ultra\:add-margin-y-8 { margin-top:8px; margin-bottom:8px; }
196
+ .on-ultra\:gap-8 { gap:8px; }
197
+ .on-ultra\:add-padding-12 { padding:12px; }
198
+ .on-ultra\:add-padding-x-12 { padding-left:12px; padding-right:12px; }
199
+ .on-ultra\:add-padding-y-12 { padding-top:12px; padding-bottom:12px; }
200
+ .on-ultra\:add-margin-12 { margin:12px; }
201
+ .on-ultra\:add-margin-x-12 { margin-left:12px; margin-right:12px; }
202
+ .on-ultra\:add-margin-y-12 { margin-top:12px; margin-bottom:12px; }
203
+ .on-ultra\:gap-12 { gap:12px; }
204
+ .on-ultra\:add-padding-16 { padding:16px; }
205
+ .on-ultra\:add-padding-x-16 { padding-left:16px; padding-right:16px; }
206
+ .on-ultra\:add-padding-y-16 { padding-top:16px; padding-bottom:16px; }
207
+ .on-ultra\:add-margin-16 { margin:16px; }
208
+ .on-ultra\:add-margin-x-16 { margin-left:16px; margin-right:16px; }
209
+ .on-ultra\:add-margin-y-16 { margin-top:16px; margin-bottom:16px; }
210
+ .on-ultra\:gap-16 { gap:16px; }
211
+ .on-ultra\:add-padding-20 { padding:20px; }
212
+ .on-ultra\:add-padding-x-20 { padding-left:20px; padding-right:20px; }
213
+ .on-ultra\:add-padding-y-20 { padding-top:20px; padding-bottom:20px; }
214
+ .on-ultra\:add-margin-20 { margin:20px; }
215
+ .on-ultra\:add-margin-x-20 { margin-left:20px; margin-right:20px; }
216
+ .on-ultra\:add-margin-y-20 { margin-top:20px; margin-bottom:20px; }
217
+ .on-ultra\:gap-20 { gap:20px; }
218
+ .on-ultra\:add-padding-24 { padding:24px; }
219
+ .on-ultra\:add-padding-x-24 { padding-left:24px; padding-right:24px; }
220
+ .on-ultra\:add-padding-y-24 { padding-top:24px; padding-bottom:24px; }
221
+ .on-ultra\:add-margin-24 { margin:24px; }
222
+ .on-ultra\:add-margin-x-24 { margin-left:24px; margin-right:24px; }
223
+ .on-ultra\:add-margin-y-24 { margin-top:24px; margin-bottom:24px; }
224
+ .on-ultra\:gap-24 { gap:24px; }
225
+ .on-ultra\:add-padding-32 { padding:32px; }
226
+ .on-ultra\:add-padding-x-32 { padding-left:32px; padding-right:32px; }
227
+ .on-ultra\:add-padding-y-32 { padding-top:32px; padding-bottom:32px; }
228
+ .on-ultra\:add-margin-32 { margin:32px; }
229
+ .on-ultra\:add-margin-x-32 { margin-left:32px; margin-right:32px; }
230
+ .on-ultra\:add-margin-y-32 { margin-top:32px; margin-bottom:32px; }
231
+ .on-ultra\:gap-32 { gap:32px; }
232
+ .on-ultra\:add-padding-40 { padding:40px; }
233
+ .on-ultra\:add-padding-x-40 { padding-left:40px; padding-right:40px; }
234
+ .on-ultra\:add-padding-y-40 { padding-top:40px; padding-bottom:40px; }
235
+ .on-ultra\:add-margin-40 { margin:40px; }
236
+ .on-ultra\:add-margin-x-40 { margin-left:40px; margin-right:40px; }
237
+ .on-ultra\:add-margin-y-40 { margin-top:40px; margin-bottom:40px; }
238
+ .on-ultra\:gap-40 { gap:40px; }
239
+ .on-ultra\:add-padding-48 { padding:48px; }
240
+ .on-ultra\:add-padding-x-48 { padding-left:48px; padding-right:48px; }
241
+ .on-ultra\:add-padding-y-48 { padding-top:48px; padding-bottom:48px; }
242
+ .on-ultra\:add-margin-48 { margin:48px; }
243
+ .on-ultra\:add-margin-x-48 { margin-left:48px; margin-right:48px; }
244
+ .on-ultra\:add-margin-y-48 { margin-top:48px; margin-bottom:48px; }
245
+ .on-ultra\:gap-48 { gap:48px; }
246
+ .on-ultra\:add-padding-64 { padding:64px; }
247
+ .on-ultra\:add-padding-x-64 { padding-left:64px; padding-right:64px; }
248
+ .on-ultra\:add-padding-y-64 { padding-top:64px; padding-bottom:64px; }
249
+ .on-ultra\:add-margin-64 { margin:64px; }
250
+ .on-ultra\:add-margin-x-64 { margin-left:64px; margin-right:64px; }
251
+ .on-ultra\:add-margin-y-64 { margin-top:64px; margin-bottom:64px; }
252
+ .on-ultra\:gap-64 { gap:64px; }
253
+ .on-ultra\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
254
+ .on-ultra\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
255
+ .on-ultra\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
256
+ .on-ultra\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
257
+ .on-ultra\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
258
+ .on-ultra\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
259
+ .on-ultra\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
260
+ .on-ultra\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
261
+ .on-ultra\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
262
+ .on-ultra\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
263
+ .on-ultra\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
264
+ .on-ultra\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
265
+ .on-ultra\:set-text-12 { font-size:12px; }
266
+ .on-ultra\:set-text-14 { font-size:14px; }
267
+ .on-ultra\:set-text-16 { font-size:16px; }
268
+ .on-ultra\:set-text-18 { font-size:18px; }
269
+ .on-ultra\:set-text-20 { font-size:20px; }
270
+ .on-ultra\:set-text-24 { font-size:24px; }
271
+ .on-ultra\:set-text-28 { font-size:28px; }
272
+ .on-ultra\:set-text-32 { font-size:32px; }
273
+ .on-ultra\:set-text-36 { font-size:36px; }
274
+ .on-ultra\:set-text-40 { font-size:40px; }
275
+ .on-ultra\:set-text-48 { font-size:48px; }
276
+ .on-ultra\:set-text-56 { font-size:56px; }
277
+ .on-ultra\:set-text-64 { font-size:64px; }
278
+ .on-ultra\:set-width-full { width:100%; }
279
+ .on-ultra\:set-width-auto { width:auto; }
280
+ .on-ultra\:set-width-screen { width:100vw; }
281
+ .on-ultra\:set-width-0 { width:0px; }
282
+ .on-ultra\:set-height-0 { height:0px; }
283
+ .on-ultra\:set-width-4 { width:4px; }
284
+ .on-ultra\:set-height-4 { height:4px; }
285
+ .on-ultra\:set-width-8 { width:8px; }
286
+ .on-ultra\:set-height-8 { height:8px; }
287
+ .on-ultra\:set-width-12 { width:12px; }
288
+ .on-ultra\:set-height-12 { height:12px; }
289
+ .on-ultra\:set-width-16 { width:16px; }
290
+ .on-ultra\:set-height-16 { height:16px; }
291
+ .on-ultra\:set-width-20 { width:20px; }
292
+ .on-ultra\:set-height-20 { height:20px; }
293
+ .on-ultra\:set-width-24 { width:24px; }
294
+ .on-ultra\:set-height-24 { height:24px; }
295
+ .on-ultra\:set-width-32 { width:32px; }
296
+ .on-ultra\:set-height-32 { height:32px; }
297
+ .on-ultra\:set-width-40 { width:40px; }
298
+ .on-ultra\:set-height-40 { height:40px; }
299
+ .on-ultra\:set-width-48 { width:48px; }
300
+ .on-ultra\:set-height-48 { height:48px; }
301
+ .on-ultra\:set-width-64 { width:64px; }
302
+ .on-ultra\:set-height-64 { height:64px; }
303
+ }
304
+
305
+ @media (min-width: 640px) {
306
+ .sm\:make-block { display:block; }
307
+ .sm\:make-inline { display:inline; }
308
+ .sm\:make-inline-block { display:inline-block; }
309
+ .sm\:make-flex { display:flex; }
310
+ .sm\:make-grid { display:grid; }
311
+ .sm\:make-hidden { display:none; }
312
+ .sm\:flex-row { flex-direction:row; }
313
+ .sm\:flex-column { flex-direction:column; }
314
+ .sm\:flex-wrap { flex-wrap:wrap; }
315
+ .sm\:flex-nowrap { flex-wrap:nowrap; }
316
+ .sm\:align-center { align-items:center; }
317
+ .sm\:align-start { align-items:flex-start; }
318
+ .sm\:align-end { align-items:flex-end; }
319
+ .sm\:justify-center { justify-content:center; }
320
+ .sm\:justify-between { justify-content:space-between; }
321
+ .sm\:justify-start { justify-content:flex-start; }
322
+ .sm\:justify-end { justify-content:flex-end; }
323
+ .sm\:text-left { text-align:left; }
324
+ .sm\:text-center { text-align:center; }
325
+ .sm\:text-right { text-align:right; }
326
+ .sm\:add-padding-0 { padding:0px; }
327
+ .sm\:add-padding-x-0 { padding-left:0px; padding-right:0px; }
328
+ .sm\:add-padding-y-0 { padding-top:0px; padding-bottom:0px; }
329
+ .sm\:add-margin-0 { margin:0px; }
330
+ .sm\:add-margin-x-0 { margin-left:0px; margin-right:0px; }
331
+ .sm\:add-margin-y-0 { margin-top:0px; margin-bottom:0px; }
332
+ .sm\:gap-0 { gap:0px; }
333
+ .sm\:add-padding-4 { padding:4px; }
334
+ .sm\:add-padding-x-4 { padding-left:4px; padding-right:4px; }
335
+ .sm\:add-padding-y-4 { padding-top:4px; padding-bottom:4px; }
336
+ .sm\:add-margin-4 { margin:4px; }
337
+ .sm\:add-margin-x-4 { margin-left:4px; margin-right:4px; }
338
+ .sm\:add-margin-y-4 { margin-top:4px; margin-bottom:4px; }
339
+ .sm\:gap-4 { gap:4px; }
340
+ .sm\:add-padding-8 { padding:8px; }
341
+ .sm\:add-padding-x-8 { padding-left:8px; padding-right:8px; }
342
+ .sm\:add-padding-y-8 { padding-top:8px; padding-bottom:8px; }
343
+ .sm\:add-margin-8 { margin:8px; }
344
+ .sm\:add-margin-x-8 { margin-left:8px; margin-right:8px; }
345
+ .sm\:add-margin-y-8 { margin-top:8px; margin-bottom:8px; }
346
+ .sm\:gap-8 { gap:8px; }
347
+ .sm\:add-padding-12 { padding:12px; }
348
+ .sm\:add-padding-x-12 { padding-left:12px; padding-right:12px; }
349
+ .sm\:add-padding-y-12 { padding-top:12px; padding-bottom:12px; }
350
+ .sm\:add-margin-12 { margin:12px; }
351
+ .sm\:add-margin-x-12 { margin-left:12px; margin-right:12px; }
352
+ .sm\:add-margin-y-12 { margin-top:12px; margin-bottom:12px; }
353
+ .sm\:gap-12 { gap:12px; }
354
+ .sm\:add-padding-16 { padding:16px; }
355
+ .sm\:add-padding-x-16 { padding-left:16px; padding-right:16px; }
356
+ .sm\:add-padding-y-16 { padding-top:16px; padding-bottom:16px; }
357
+ .sm\:add-margin-16 { margin:16px; }
358
+ .sm\:add-margin-x-16 { margin-left:16px; margin-right:16px; }
359
+ .sm\:add-margin-y-16 { margin-top:16px; margin-bottom:16px; }
360
+ .sm\:gap-16 { gap:16px; }
361
+ .sm\:add-padding-20 { padding:20px; }
362
+ .sm\:add-padding-x-20 { padding-left:20px; padding-right:20px; }
363
+ .sm\:add-padding-y-20 { padding-top:20px; padding-bottom:20px; }
364
+ .sm\:add-margin-20 { margin:20px; }
365
+ .sm\:add-margin-x-20 { margin-left:20px; margin-right:20px; }
366
+ .sm\:add-margin-y-20 { margin-top:20px; margin-bottom:20px; }
367
+ .sm\:gap-20 { gap:20px; }
368
+ .sm\:add-padding-24 { padding:24px; }
369
+ .sm\:add-padding-x-24 { padding-left:24px; padding-right:24px; }
370
+ .sm\:add-padding-y-24 { padding-top:24px; padding-bottom:24px; }
371
+ .sm\:add-margin-24 { margin:24px; }
372
+ .sm\:add-margin-x-24 { margin-left:24px; margin-right:24px; }
373
+ .sm\:add-margin-y-24 { margin-top:24px; margin-bottom:24px; }
374
+ .sm\:gap-24 { gap:24px; }
375
+ .sm\:add-padding-32 { padding:32px; }
376
+ .sm\:add-padding-x-32 { padding-left:32px; padding-right:32px; }
377
+ .sm\:add-padding-y-32 { padding-top:32px; padding-bottom:32px; }
378
+ .sm\:add-margin-32 { margin:32px; }
379
+ .sm\:add-margin-x-32 { margin-left:32px; margin-right:32px; }
380
+ .sm\:add-margin-y-32 { margin-top:32px; margin-bottom:32px; }
381
+ .sm\:gap-32 { gap:32px; }
382
+ .sm\:add-padding-40 { padding:40px; }
383
+ .sm\:add-padding-x-40 { padding-left:40px; padding-right:40px; }
384
+ .sm\:add-padding-y-40 { padding-top:40px; padding-bottom:40px; }
385
+ .sm\:add-margin-40 { margin:40px; }
386
+ .sm\:add-margin-x-40 { margin-left:40px; margin-right:40px; }
387
+ .sm\:add-margin-y-40 { margin-top:40px; margin-bottom:40px; }
388
+ .sm\:gap-40 { gap:40px; }
389
+ .sm\:add-padding-48 { padding:48px; }
390
+ .sm\:add-padding-x-48 { padding-left:48px; padding-right:48px; }
391
+ .sm\:add-padding-y-48 { padding-top:48px; padding-bottom:48px; }
392
+ .sm\:add-margin-48 { margin:48px; }
393
+ .sm\:add-margin-x-48 { margin-left:48px; margin-right:48px; }
394
+ .sm\:add-margin-y-48 { margin-top:48px; margin-bottom:48px; }
395
+ .sm\:gap-48 { gap:48px; }
396
+ .sm\:add-padding-64 { padding:64px; }
397
+ .sm\:add-padding-x-64 { padding-left:64px; padding-right:64px; }
398
+ .sm\:add-padding-y-64 { padding-top:64px; padding-bottom:64px; }
399
+ .sm\:add-margin-64 { margin:64px; }
400
+ .sm\:add-margin-x-64 { margin-left:64px; margin-right:64px; }
401
+ .sm\:add-margin-y-64 { margin-top:64px; margin-bottom:64px; }
402
+ .sm\:gap-64 { gap:64px; }
403
+ .sm\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
404
+ .sm\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
405
+ .sm\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
406
+ .sm\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
407
+ .sm\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
408
+ .sm\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
409
+ .sm\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
410
+ .sm\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
411
+ .sm\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
412
+ .sm\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
413
+ .sm\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
414
+ .sm\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
415
+ .sm\:set-text-12 { font-size:12px; }
416
+ .sm\:set-text-14 { font-size:14px; }
417
+ .sm\:set-text-16 { font-size:16px; }
418
+ .sm\:set-text-18 { font-size:18px; }
419
+ .sm\:set-text-20 { font-size:20px; }
420
+ .sm\:set-text-24 { font-size:24px; }
421
+ .sm\:set-text-28 { font-size:28px; }
422
+ .sm\:set-text-32 { font-size:32px; }
423
+ .sm\:set-text-36 { font-size:36px; }
424
+ .sm\:set-text-40 { font-size:40px; }
425
+ .sm\:set-text-48 { font-size:48px; }
426
+ .sm\:set-text-56 { font-size:56px; }
427
+ .sm\:set-text-64 { font-size:64px; }
428
+ .sm\:set-width-full { width:100%; }
429
+ .sm\:set-width-auto { width:auto; }
430
+ .sm\:set-width-screen { width:100vw; }
431
+ .sm\:set-width-0 { width:0px; }
432
+ .sm\:set-height-0 { height:0px; }
433
+ .sm\:set-width-4 { width:4px; }
434
+ .sm\:set-height-4 { height:4px; }
435
+ .sm\:set-width-8 { width:8px; }
436
+ .sm\:set-height-8 { height:8px; }
437
+ .sm\:set-width-12 { width:12px; }
438
+ .sm\:set-height-12 { height:12px; }
439
+ .sm\:set-width-16 { width:16px; }
440
+ .sm\:set-height-16 { height:16px; }
441
+ .sm\:set-width-20 { width:20px; }
442
+ .sm\:set-height-20 { height:20px; }
443
+ .sm\:set-width-24 { width:24px; }
444
+ .sm\:set-height-24 { height:24px; }
445
+ .sm\:set-width-32 { width:32px; }
446
+ .sm\:set-height-32 { height:32px; }
447
+ .sm\:set-width-40 { width:40px; }
448
+ .sm\:set-height-40 { height:40px; }
449
+ .sm\:set-width-48 { width:48px; }
450
+ .sm\:set-height-48 { height:48px; }
451
+ .sm\:set-width-64 { width:64px; }
452
+ .sm\:set-height-64 { height:64px; }
453
+ }
454
+
455
+ @media (min-width: 1024px) {
456
+ .lg\:make-block { display:block; }
457
+ .lg\:make-inline { display:inline; }
458
+ .lg\:make-inline-block { display:inline-block; }
459
+ .lg\:make-flex { display:flex; }
460
+ .lg\:make-grid { display:grid; }
461
+ .lg\:make-hidden { display:none; }
462
+ .lg\:flex-row { flex-direction:row; }
463
+ .lg\:flex-column { flex-direction:column; }
464
+ .lg\:flex-wrap { flex-wrap:wrap; }
465
+ .lg\:flex-nowrap { flex-wrap:nowrap; }
466
+ .lg\:align-center { align-items:center; }
467
+ .lg\:align-start { align-items:flex-start; }
468
+ .lg\:align-end { align-items:flex-end; }
469
+ .lg\:justify-center { justify-content:center; }
470
+ .lg\:justify-between { justify-content:space-between; }
471
+ .lg\:justify-start { justify-content:flex-start; }
472
+ .lg\:justify-end { justify-content:flex-end; }
473
+ .lg\:text-left { text-align:left; }
474
+ .lg\:text-center { text-align:center; }
475
+ .lg\:text-right { text-align:right; }
476
+ .lg\:add-padding-0 { padding:0px; }
477
+ .lg\:add-padding-x-0 { padding-left:0px; padding-right:0px; }
478
+ .lg\:add-padding-y-0 { padding-top:0px; padding-bottom:0px; }
479
+ .lg\:add-margin-0 { margin:0px; }
480
+ .lg\:add-margin-x-0 { margin-left:0px; margin-right:0px; }
481
+ .lg\:add-margin-y-0 { margin-top:0px; margin-bottom:0px; }
482
+ .lg\:gap-0 { gap:0px; }
483
+ .lg\:add-padding-4 { padding:4px; }
484
+ .lg\:add-padding-x-4 { padding-left:4px; padding-right:4px; }
485
+ .lg\:add-padding-y-4 { padding-top:4px; padding-bottom:4px; }
486
+ .lg\:add-margin-4 { margin:4px; }
487
+ .lg\:add-margin-x-4 { margin-left:4px; margin-right:4px; }
488
+ .lg\:add-margin-y-4 { margin-top:4px; margin-bottom:4px; }
489
+ .lg\:gap-4 { gap:4px; }
490
+ .lg\:add-padding-8 { padding:8px; }
491
+ .lg\:add-padding-x-8 { padding-left:8px; padding-right:8px; }
492
+ .lg\:add-padding-y-8 { padding-top:8px; padding-bottom:8px; }
493
+ .lg\:add-margin-8 { margin:8px; }
494
+ .lg\:add-margin-x-8 { margin-left:8px; margin-right:8px; }
495
+ .lg\:add-margin-y-8 { margin-top:8px; margin-bottom:8px; }
496
+ .lg\:gap-8 { gap:8px; }
497
+ .lg\:add-padding-12 { padding:12px; }
498
+ .lg\:add-padding-x-12 { padding-left:12px; padding-right:12px; }
499
+ .lg\:add-padding-y-12 { padding-top:12px; padding-bottom:12px; }
500
+ .lg\:add-margin-12 { margin:12px; }
501
+ .lg\:add-margin-x-12 { margin-left:12px; margin-right:12px; }
502
+ .lg\:add-margin-y-12 { margin-top:12px; margin-bottom:12px; }
503
+ .lg\:gap-12 { gap:12px; }
504
+ .lg\:add-padding-16 { padding:16px; }
505
+ .lg\:add-padding-x-16 { padding-left:16px; padding-right:16px; }
506
+ .lg\:add-padding-y-16 { padding-top:16px; padding-bottom:16px; }
507
+ .lg\:add-margin-16 { margin:16px; }
508
+ .lg\:add-margin-x-16 { margin-left:16px; margin-right:16px; }
509
+ .lg\:add-margin-y-16 { margin-top:16px; margin-bottom:16px; }
510
+ .lg\:gap-16 { gap:16px; }
511
+ .lg\:add-padding-20 { padding:20px; }
512
+ .lg\:add-padding-x-20 { padding-left:20px; padding-right:20px; }
513
+ .lg\:add-padding-y-20 { padding-top:20px; padding-bottom:20px; }
514
+ .lg\:add-margin-20 { margin:20px; }
515
+ .lg\:add-margin-x-20 { margin-left:20px; margin-right:20px; }
516
+ .lg\:add-margin-y-20 { margin-top:20px; margin-bottom:20px; }
517
+ .lg\:gap-20 { gap:20px; }
518
+ .lg\:add-padding-24 { padding:24px; }
519
+ .lg\:add-padding-x-24 { padding-left:24px; padding-right:24px; }
520
+ .lg\:add-padding-y-24 { padding-top:24px; padding-bottom:24px; }
521
+ .lg\:add-margin-24 { margin:24px; }
522
+ .lg\:add-margin-x-24 { margin-left:24px; margin-right:24px; }
523
+ .lg\:add-margin-y-24 { margin-top:24px; margin-bottom:24px; }
524
+ .lg\:gap-24 { gap:24px; }
525
+ .lg\:add-padding-32 { padding:32px; }
526
+ .lg\:add-padding-x-32 { padding-left:32px; padding-right:32px; }
527
+ .lg\:add-padding-y-32 { padding-top:32px; padding-bottom:32px; }
528
+ .lg\:add-margin-32 { margin:32px; }
529
+ .lg\:add-margin-x-32 { margin-left:32px; margin-right:32px; }
530
+ .lg\:add-margin-y-32 { margin-top:32px; margin-bottom:32px; }
531
+ .lg\:gap-32 { gap:32px; }
532
+ .lg\:add-padding-40 { padding:40px; }
533
+ .lg\:add-padding-x-40 { padding-left:40px; padding-right:40px; }
534
+ .lg\:add-padding-y-40 { padding-top:40px; padding-bottom:40px; }
535
+ .lg\:add-margin-40 { margin:40px; }
536
+ .lg\:add-margin-x-40 { margin-left:40px; margin-right:40px; }
537
+ .lg\:add-margin-y-40 { margin-top:40px; margin-bottom:40px; }
538
+ .lg\:gap-40 { gap:40px; }
539
+ .lg\:add-padding-48 { padding:48px; }
540
+ .lg\:add-padding-x-48 { padding-left:48px; padding-right:48px; }
541
+ .lg\:add-padding-y-48 { padding-top:48px; padding-bottom:48px; }
542
+ .lg\:add-margin-48 { margin:48px; }
543
+ .lg\:add-margin-x-48 { margin-left:48px; margin-right:48px; }
544
+ .lg\:add-margin-y-48 { margin-top:48px; margin-bottom:48px; }
545
+ .lg\:gap-48 { gap:48px; }
546
+ .lg\:add-padding-64 { padding:64px; }
547
+ .lg\:add-padding-x-64 { padding-left:64px; padding-right:64px; }
548
+ .lg\:add-padding-y-64 { padding-top:64px; padding-bottom:64px; }
549
+ .lg\:add-margin-64 { margin:64px; }
550
+ .lg\:add-margin-x-64 { margin-left:64px; margin-right:64px; }
551
+ .lg\:add-margin-y-64 { margin-top:64px; margin-bottom:64px; }
552
+ .lg\:gap-64 { gap:64px; }
553
+ .lg\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
554
+ .lg\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
555
+ .lg\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
556
+ .lg\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
557
+ .lg\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
558
+ .lg\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
559
+ .lg\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
560
+ .lg\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
561
+ .lg\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
562
+ .lg\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
563
+ .lg\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
564
+ .lg\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
565
+ .lg\:set-text-12 { font-size:12px; }
566
+ .lg\:set-text-14 { font-size:14px; }
567
+ .lg\:set-text-16 { font-size:16px; }
568
+ .lg\:set-text-18 { font-size:18px; }
569
+ .lg\:set-text-20 { font-size:20px; }
570
+ .lg\:set-text-24 { font-size:24px; }
571
+ .lg\:set-text-28 { font-size:28px; }
572
+ .lg\:set-text-32 { font-size:32px; }
573
+ .lg\:set-text-36 { font-size:36px; }
574
+ .lg\:set-text-40 { font-size:40px; }
575
+ .lg\:set-text-48 { font-size:48px; }
576
+ .lg\:set-text-56 { font-size:56px; }
577
+ .lg\:set-text-64 { font-size:64px; }
578
+ .lg\:set-width-full { width:100%; }
579
+ .lg\:set-width-auto { width:auto; }
580
+ .lg\:set-width-screen { width:100vw; }
581
+ .lg\:set-width-0 { width:0px; }
582
+ .lg\:set-height-0 { height:0px; }
583
+ .lg\:set-width-4 { width:4px; }
584
+ .lg\:set-height-4 { height:4px; }
585
+ .lg\:set-width-8 { width:8px; }
586
+ .lg\:set-height-8 { height:8px; }
587
+ .lg\:set-width-12 { width:12px; }
588
+ .lg\:set-height-12 { height:12px; }
589
+ .lg\:set-width-16 { width:16px; }
590
+ .lg\:set-height-16 { height:16px; }
591
+ .lg\:set-width-20 { width:20px; }
592
+ .lg\:set-height-20 { height:20px; }
593
+ .lg\:set-width-24 { width:24px; }
594
+ .lg\:set-height-24 { height:24px; }
595
+ .lg\:set-width-32 { width:32px; }
596
+ .lg\:set-height-32 { height:32px; }
597
+ .lg\:set-width-40 { width:40px; }
598
+ .lg\:set-height-40 { height:40px; }
599
+ .lg\:set-width-48 { width:48px; }
600
+ .lg\:set-height-48 { height:48px; }
601
+ .lg\:set-width-64 { width:64px; }
602
+ .lg\:set-height-64 { height:64px; }
603
+ }
604
+
605
+ @media (min-width: 1280px) {
606
+ .xl\:make-block { display:block; }
607
+ .xl\:make-inline { display:inline; }
608
+ .xl\:make-inline-block { display:inline-block; }
609
+ .xl\:make-flex { display:flex; }
610
+ .xl\:make-grid { display:grid; }
611
+ .xl\:make-hidden { display:none; }
612
+ .xl\:flex-row { flex-direction:row; }
613
+ .xl\:flex-column { flex-direction:column; }
614
+ .xl\:flex-wrap { flex-wrap:wrap; }
615
+ .xl\:flex-nowrap { flex-wrap:nowrap; }
616
+ .xl\:align-center { align-items:center; }
617
+ .xl\:align-start { align-items:flex-start; }
618
+ .xl\:align-end { align-items:flex-end; }
619
+ .xl\:justify-center { justify-content:center; }
620
+ .xl\:justify-between { justify-content:space-between; }
621
+ .xl\:justify-start { justify-content:flex-start; }
622
+ .xl\:justify-end { justify-content:flex-end; }
623
+ .xl\:text-left { text-align:left; }
624
+ .xl\:text-center { text-align:center; }
625
+ .xl\:text-right { text-align:right; }
626
+ .xl\:add-padding-0 { padding:0px; }
627
+ .xl\:add-padding-x-0 { padding-left:0px; padding-right:0px; }
628
+ .xl\:add-padding-y-0 { padding-top:0px; padding-bottom:0px; }
629
+ .xl\:add-margin-0 { margin:0px; }
630
+ .xl\:add-margin-x-0 { margin-left:0px; margin-right:0px; }
631
+ .xl\:add-margin-y-0 { margin-top:0px; margin-bottom:0px; }
632
+ .xl\:gap-0 { gap:0px; }
633
+ .xl\:add-padding-4 { padding:4px; }
634
+ .xl\:add-padding-x-4 { padding-left:4px; padding-right:4px; }
635
+ .xl\:add-padding-y-4 { padding-top:4px; padding-bottom:4px; }
636
+ .xl\:add-margin-4 { margin:4px; }
637
+ .xl\:add-margin-x-4 { margin-left:4px; margin-right:4px; }
638
+ .xl\:add-margin-y-4 { margin-top:4px; margin-bottom:4px; }
639
+ .xl\:gap-4 { gap:4px; }
640
+ .xl\:add-padding-8 { padding:8px; }
641
+ .xl\:add-padding-x-8 { padding-left:8px; padding-right:8px; }
642
+ .xl\:add-padding-y-8 { padding-top:8px; padding-bottom:8px; }
643
+ .xl\:add-margin-8 { margin:8px; }
644
+ .xl\:add-margin-x-8 { margin-left:8px; margin-right:8px; }
645
+ .xl\:add-margin-y-8 { margin-top:8px; margin-bottom:8px; }
646
+ .xl\:gap-8 { gap:8px; }
647
+ .xl\:add-padding-12 { padding:12px; }
648
+ .xl\:add-padding-x-12 { padding-left:12px; padding-right:12px; }
649
+ .xl\:add-padding-y-12 { padding-top:12px; padding-bottom:12px; }
650
+ .xl\:add-margin-12 { margin:12px; }
651
+ .xl\:add-margin-x-12 { margin-left:12px; margin-right:12px; }
652
+ .xl\:add-margin-y-12 { margin-top:12px; margin-bottom:12px; }
653
+ .xl\:gap-12 { gap:12px; }
654
+ .xl\:add-padding-16 { padding:16px; }
655
+ .xl\:add-padding-x-16 { padding-left:16px; padding-right:16px; }
656
+ .xl\:add-padding-y-16 { padding-top:16px; padding-bottom:16px; }
657
+ .xl\:add-margin-16 { margin:16px; }
658
+ .xl\:add-margin-x-16 { margin-left:16px; margin-right:16px; }
659
+ .xl\:add-margin-y-16 { margin-top:16px; margin-bottom:16px; }
660
+ .xl\:gap-16 { gap:16px; }
661
+ .xl\:add-padding-20 { padding:20px; }
662
+ .xl\:add-padding-x-20 { padding-left:20px; padding-right:20px; }
663
+ .xl\:add-padding-y-20 { padding-top:20px; padding-bottom:20px; }
664
+ .xl\:add-margin-20 { margin:20px; }
665
+ .xl\:add-margin-x-20 { margin-left:20px; margin-right:20px; }
666
+ .xl\:add-margin-y-20 { margin-top:20px; margin-bottom:20px; }
667
+ .xl\:gap-20 { gap:20px; }
668
+ .xl\:add-padding-24 { padding:24px; }
669
+ .xl\:add-padding-x-24 { padding-left:24px; padding-right:24px; }
670
+ .xl\:add-padding-y-24 { padding-top:24px; padding-bottom:24px; }
671
+ .xl\:add-margin-24 { margin:24px; }
672
+ .xl\:add-margin-x-24 { margin-left:24px; margin-right:24px; }
673
+ .xl\:add-margin-y-24 { margin-top:24px; margin-bottom:24px; }
674
+ .xl\:gap-24 { gap:24px; }
675
+ .xl\:add-padding-32 { padding:32px; }
676
+ .xl\:add-padding-x-32 { padding-left:32px; padding-right:32px; }
677
+ .xl\:add-padding-y-32 { padding-top:32px; padding-bottom:32px; }
678
+ .xl\:add-margin-32 { margin:32px; }
679
+ .xl\:add-margin-x-32 { margin-left:32px; margin-right:32px; }
680
+ .xl\:add-margin-y-32 { margin-top:32px; margin-bottom:32px; }
681
+ .xl\:gap-32 { gap:32px; }
682
+ .xl\:add-padding-40 { padding:40px; }
683
+ .xl\:add-padding-x-40 { padding-left:40px; padding-right:40px; }
684
+ .xl\:add-padding-y-40 { padding-top:40px; padding-bottom:40px; }
685
+ .xl\:add-margin-40 { margin:40px; }
686
+ .xl\:add-margin-x-40 { margin-left:40px; margin-right:40px; }
687
+ .xl\:add-margin-y-40 { margin-top:40px; margin-bottom:40px; }
688
+ .xl\:gap-40 { gap:40px; }
689
+ .xl\:add-padding-48 { padding:48px; }
690
+ .xl\:add-padding-x-48 { padding-left:48px; padding-right:48px; }
691
+ .xl\:add-padding-y-48 { padding-top:48px; padding-bottom:48px; }
692
+ .xl\:add-margin-48 { margin:48px; }
693
+ .xl\:add-margin-x-48 { margin-left:48px; margin-right:48px; }
694
+ .xl\:add-margin-y-48 { margin-top:48px; margin-bottom:48px; }
695
+ .xl\:gap-48 { gap:48px; }
696
+ .xl\:add-padding-64 { padding:64px; }
697
+ .xl\:add-padding-x-64 { padding-left:64px; padding-right:64px; }
698
+ .xl\:add-padding-y-64 { padding-top:64px; padding-bottom:64px; }
699
+ .xl\:add-margin-64 { margin:64px; }
700
+ .xl\:add-margin-x-64 { margin-left:64px; margin-right:64px; }
701
+ .xl\:add-margin-y-64 { margin-top:64px; margin-bottom:64px; }
702
+ .xl\:gap-64 { gap:64px; }
703
+ .xl\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
704
+ .xl\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
705
+ .xl\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
706
+ .xl\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
707
+ .xl\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
708
+ .xl\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
709
+ .xl\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
710
+ .xl\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
711
+ .xl\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
712
+ .xl\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
713
+ .xl\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
714
+ .xl\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
715
+ .xl\:set-text-12 { font-size:12px; }
716
+ .xl\:set-text-14 { font-size:14px; }
717
+ .xl\:set-text-16 { font-size:16px; }
718
+ .xl\:set-text-18 { font-size:18px; }
719
+ .xl\:set-text-20 { font-size:20px; }
720
+ .xl\:set-text-24 { font-size:24px; }
721
+ .xl\:set-text-28 { font-size:28px; }
722
+ .xl\:set-text-32 { font-size:32px; }
723
+ .xl\:set-text-36 { font-size:36px; }
724
+ .xl\:set-text-40 { font-size:40px; }
725
+ .xl\:set-text-48 { font-size:48px; }
726
+ .xl\:set-text-56 { font-size:56px; }
727
+ .xl\:set-text-64 { font-size:64px; }
728
+ .xl\:set-width-full { width:100%; }
729
+ .xl\:set-width-auto { width:auto; }
730
+ .xl\:set-width-screen { width:100vw; }
731
+ .xl\:set-width-0 { width:0px; }
732
+ .xl\:set-height-0 { height:0px; }
733
+ .xl\:set-width-4 { width:4px; }
734
+ .xl\:set-height-4 { height:4px; }
735
+ .xl\:set-width-8 { width:8px; }
736
+ .xl\:set-height-8 { height:8px; }
737
+ .xl\:set-width-12 { width:12px; }
738
+ .xl\:set-height-12 { height:12px; }
739
+ .xl\:set-width-16 { width:16px; }
740
+ .xl\:set-height-16 { height:16px; }
741
+ .xl\:set-width-20 { width:20px; }
742
+ .xl\:set-height-20 { height:20px; }
743
+ .xl\:set-width-24 { width:24px; }
744
+ .xl\:set-height-24 { height:24px; }
745
+ .xl\:set-width-32 { width:32px; }
746
+ .xl\:set-height-32 { height:32px; }
747
+ .xl\:set-width-40 { width:40px; }
748
+ .xl\:set-height-40 { height:40px; }
749
+ .xl\:set-width-48 { width:48px; }
750
+ .xl\:set-height-48 { height:48px; }
751
+ .xl\:set-width-64 { width:64px; }
752
+ .xl\:set-height-64 { height:64px; }
753
+ }
754
+
755
+ @media (min-width: 1536px) {
756
+ .xxl\:make-block { display:block; }
757
+ .xxl\:make-inline { display:inline; }
758
+ .xxl\:make-inline-block { display:inline-block; }
759
+ .xxl\:make-flex { display:flex; }
760
+ .xxl\:make-grid { display:grid; }
761
+ .xxl\:make-hidden { display:none; }
762
+ .xxl\:flex-row { flex-direction:row; }
763
+ .xxl\:flex-column { flex-direction:column; }
764
+ .xxl\:flex-wrap { flex-wrap:wrap; }
765
+ .xxl\:flex-nowrap { flex-wrap:nowrap; }
766
+ .xxl\:align-center { align-items:center; }
767
+ .xxl\:align-start { align-items:flex-start; }
768
+ .xxl\:align-end { align-items:flex-end; }
769
+ .xxl\:justify-center { justify-content:center; }
770
+ .xxl\:justify-between { justify-content:space-between; }
771
+ .xxl\:justify-start { justify-content:flex-start; }
772
+ .xxl\:justify-end { justify-content:flex-end; }
773
+ .xxl\:text-left { text-align:left; }
774
+ .xxl\:text-center { text-align:center; }
775
+ .xxl\:text-right { text-align:right; }
776
+ .xxl\:add-padding-0 { padding:0px; }
777
+ .xxl\:add-padding-x-0 { padding-left:0px; padding-right:0px; }
778
+ .xxl\:add-padding-y-0 { padding-top:0px; padding-bottom:0px; }
779
+ .xxl\:add-margin-0 { margin:0px; }
780
+ .xxl\:add-margin-x-0 { margin-left:0px; margin-right:0px; }
781
+ .xxl\:add-margin-y-0 { margin-top:0px; margin-bottom:0px; }
782
+ .xxl\:gap-0 { gap:0px; }
783
+ .xxl\:add-padding-4 { padding:4px; }
784
+ .xxl\:add-padding-x-4 { padding-left:4px; padding-right:4px; }
785
+ .xxl\:add-padding-y-4 { padding-top:4px; padding-bottom:4px; }
786
+ .xxl\:add-margin-4 { margin:4px; }
787
+ .xxl\:add-margin-x-4 { margin-left:4px; margin-right:4px; }
788
+ .xxl\:add-margin-y-4 { margin-top:4px; margin-bottom:4px; }
789
+ .xxl\:gap-4 { gap:4px; }
790
+ .xxl\:add-padding-8 { padding:8px; }
791
+ .xxl\:add-padding-x-8 { padding-left:8px; padding-right:8px; }
792
+ .xxl\:add-padding-y-8 { padding-top:8px; padding-bottom:8px; }
793
+ .xxl\:add-margin-8 { margin:8px; }
794
+ .xxl\:add-margin-x-8 { margin-left:8px; margin-right:8px; }
795
+ .xxl\:add-margin-y-8 { margin-top:8px; margin-bottom:8px; }
796
+ .xxl\:gap-8 { gap:8px; }
797
+ .xxl\:add-padding-12 { padding:12px; }
798
+ .xxl\:add-padding-x-12 { padding-left:12px; padding-right:12px; }
799
+ .xxl\:add-padding-y-12 { padding-top:12px; padding-bottom:12px; }
800
+ .xxl\:add-margin-12 { margin:12px; }
801
+ .xxl\:add-margin-x-12 { margin-left:12px; margin-right:12px; }
802
+ .xxl\:add-margin-y-12 { margin-top:12px; margin-bottom:12px; }
803
+ .xxl\:gap-12 { gap:12px; }
804
+ .xxl\:add-padding-16 { padding:16px; }
805
+ .xxl\:add-padding-x-16 { padding-left:16px; padding-right:16px; }
806
+ .xxl\:add-padding-y-16 { padding-top:16px; padding-bottom:16px; }
807
+ .xxl\:add-margin-16 { margin:16px; }
808
+ .xxl\:add-margin-x-16 { margin-left:16px; margin-right:16px; }
809
+ .xxl\:add-margin-y-16 { margin-top:16px; margin-bottom:16px; }
810
+ .xxl\:gap-16 { gap:16px; }
811
+ .xxl\:add-padding-20 { padding:20px; }
812
+ .xxl\:add-padding-x-20 { padding-left:20px; padding-right:20px; }
813
+ .xxl\:add-padding-y-20 { padding-top:20px; padding-bottom:20px; }
814
+ .xxl\:add-margin-20 { margin:20px; }
815
+ .xxl\:add-margin-x-20 { margin-left:20px; margin-right:20px; }
816
+ .xxl\:add-margin-y-20 { margin-top:20px; margin-bottom:20px; }
817
+ .xxl\:gap-20 { gap:20px; }
818
+ .xxl\:add-padding-24 { padding:24px; }
819
+ .xxl\:add-padding-x-24 { padding-left:24px; padding-right:24px; }
820
+ .xxl\:add-padding-y-24 { padding-top:24px; padding-bottom:24px; }
821
+ .xxl\:add-margin-24 { margin:24px; }
822
+ .xxl\:add-margin-x-24 { margin-left:24px; margin-right:24px; }
823
+ .xxl\:add-margin-y-24 { margin-top:24px; margin-bottom:24px; }
824
+ .xxl\:gap-24 { gap:24px; }
825
+ .xxl\:add-padding-32 { padding:32px; }
826
+ .xxl\:add-padding-x-32 { padding-left:32px; padding-right:32px; }
827
+ .xxl\:add-padding-y-32 { padding-top:32px; padding-bottom:32px; }
828
+ .xxl\:add-margin-32 { margin:32px; }
829
+ .xxl\:add-margin-x-32 { margin-left:32px; margin-right:32px; }
830
+ .xxl\:add-margin-y-32 { margin-top:32px; margin-bottom:32px; }
831
+ .xxl\:gap-32 { gap:32px; }
832
+ .xxl\:add-padding-40 { padding:40px; }
833
+ .xxl\:add-padding-x-40 { padding-left:40px; padding-right:40px; }
834
+ .xxl\:add-padding-y-40 { padding-top:40px; padding-bottom:40px; }
835
+ .xxl\:add-margin-40 { margin:40px; }
836
+ .xxl\:add-margin-x-40 { margin-left:40px; margin-right:40px; }
837
+ .xxl\:add-margin-y-40 { margin-top:40px; margin-bottom:40px; }
838
+ .xxl\:gap-40 { gap:40px; }
839
+ .xxl\:add-padding-48 { padding:48px; }
840
+ .xxl\:add-padding-x-48 { padding-left:48px; padding-right:48px; }
841
+ .xxl\:add-padding-y-48 { padding-top:48px; padding-bottom:48px; }
842
+ .xxl\:add-margin-48 { margin:48px; }
843
+ .xxl\:add-margin-x-48 { margin-left:48px; margin-right:48px; }
844
+ .xxl\:add-margin-y-48 { margin-top:48px; margin-bottom:48px; }
845
+ .xxl\:gap-48 { gap:48px; }
846
+ .xxl\:add-padding-64 { padding:64px; }
847
+ .xxl\:add-padding-x-64 { padding-left:64px; padding-right:64px; }
848
+ .xxl\:add-padding-y-64 { padding-top:64px; padding-bottom:64px; }
849
+ .xxl\:add-margin-64 { margin:64px; }
850
+ .xxl\:add-margin-x-64 { margin-left:64px; margin-right:64px; }
851
+ .xxl\:add-margin-y-64 { margin-top:64px; margin-bottom:64px; }
852
+ .xxl\:gap-64 { gap:64px; }
853
+ .xxl\:grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)); }
854
+ .xxl\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
855
+ .xxl\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
856
+ .xxl\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
857
+ .xxl\:grid-cols-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
858
+ .xxl\:grid-cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
859
+ .xxl\:grid-cols-7 { grid-template-columns:repeat(7,minmax(0,1fr)); }
860
+ .xxl\:grid-cols-8 { grid-template-columns:repeat(8,minmax(0,1fr)); }
861
+ .xxl\:grid-cols-9 { grid-template-columns:repeat(9,minmax(0,1fr)); }
862
+ .xxl\:grid-cols-10 { grid-template-columns:repeat(10,minmax(0,1fr)); }
863
+ .xxl\:grid-cols-11 { grid-template-columns:repeat(11,minmax(0,1fr)); }
864
+ .xxl\:grid-cols-12 { grid-template-columns:repeat(12,minmax(0,1fr)); }
865
+ .xxl\:set-text-12 { font-size:12px; }
866
+ .xxl\:set-text-14 { font-size:14px; }
867
+ .xxl\:set-text-16 { font-size:16px; }
868
+ .xxl\:set-text-18 { font-size:18px; }
869
+ .xxl\:set-text-20 { font-size:20px; }
870
+ .xxl\:set-text-24 { font-size:24px; }
871
+ .xxl\:set-text-28 { font-size:28px; }
872
+ .xxl\:set-text-32 { font-size:32px; }
873
+ .xxl\:set-text-36 { font-size:36px; }
874
+ .xxl\:set-text-40 { font-size:40px; }
875
+ .xxl\:set-text-48 { font-size:48px; }
876
+ .xxl\:set-text-56 { font-size:56px; }
877
+ .xxl\:set-text-64 { font-size:64px; }
878
+ .xxl\:set-width-full { width:100%; }
879
+ .xxl\:set-width-auto { width:auto; }
880
+ .xxl\:set-width-screen { width:100vw; }
881
+ .xxl\:set-width-0 { width:0px; }
882
+ .xxl\:set-height-0 { height:0px; }
883
+ .xxl\:set-width-4 { width:4px; }
884
+ .xxl\:set-height-4 { height:4px; }
885
+ .xxl\:set-width-8 { width:8px; }
886
+ .xxl\:set-height-8 { height:8px; }
887
+ .xxl\:set-width-12 { width:12px; }
888
+ .xxl\:set-height-12 { height:12px; }
889
+ .xxl\:set-width-16 { width:16px; }
890
+ .xxl\:set-height-16 { height:16px; }
891
+ .xxl\:set-width-20 { width:20px; }
892
+ .xxl\:set-height-20 { height:20px; }
893
+ .xxl\:set-width-24 { width:24px; }
894
+ .xxl\:set-height-24 { height:24px; }
895
+ .xxl\:set-width-32 { width:32px; }
896
+ .xxl\:set-height-32 { height:32px; }
897
+ .xxl\:set-width-40 { width:40px; }
898
+ .xxl\:set-height-40 { height:40px; }
899
+ .xxl\:set-width-48 { width:48px; }
900
+ .xxl\:set-height-48 { height:48px; }
901
+ .xxl\:set-width-64 { width:64px; }
902
+ .xxl\:set-height-64 { height:64px; }
903
+ }
904
+
905
+ /* on-active */
906
+ .on-active\:background-red-300:active { background-color:#fca5a5; }
907
+ .on-active\:color-red-300:active { color:#fca5a5; }
908
+ .on-active\:border-color-red-300:active { border-color:#fca5a5; }
909
+ .on-active\:background-red-400:active { background-color:#f87171; }
910
+ .on-active\:color-red-400:active { color:#f87171; }
911
+ .on-active\:border-color-red-400:active { border-color:#f87171; }
912
+ .on-active\:background-red-500:active { background-color:#ef4444; }
913
+ .on-active\:color-red-500:active { color:#ef4444; }
914
+ .on-active\:border-color-red-500:active { border-color:#ef4444; }
915
+ .on-active\:background-red-600:active { background-color:#dc2626; }
916
+ .on-active\:color-red-600:active { color:#dc2626; }
917
+ .on-active\:border-color-red-600:active { border-color:#dc2626; }
918
+ .on-active\:background-red-700:active { background-color:#b91c1c; }
919
+ .on-active\:color-red-700:active { color:#b91c1c; }
920
+ .on-active\:border-color-red-700:active { border-color:#b91c1c; }
921
+ .on-active\:background-orange-300:active { background-color:#fdba74; }
922
+ .on-active\:color-orange-300:active { color:#fdba74; }
923
+ .on-active\:border-color-orange-300:active { border-color:#fdba74; }
924
+ .on-active\:background-orange-400:active { background-color:#fb923c; }
925
+ .on-active\:color-orange-400:active { color:#fb923c; }
926
+ .on-active\:border-color-orange-400:active { border-color:#fb923c; }
927
+ .on-active\:background-orange-500:active { background-color:#f97316; }
928
+ .on-active\:color-orange-500:active { color:#f97316; }
929
+ .on-active\:border-color-orange-500:active { border-color:#f97316; }
930
+ .on-active\:background-orange-600:active { background-color:#ea580c; }
931
+ .on-active\:color-orange-600:active { color:#ea580c; }
932
+ .on-active\:border-color-orange-600:active { border-color:#ea580c; }
933
+ .on-active\:background-orange-700:active { background-color:#c2410c; }
934
+ .on-active\:color-orange-700:active { color:#c2410c; }
935
+ .on-active\:border-color-orange-700:active { border-color:#c2410c; }
936
+ .on-active\:background-amber-300:active { background-color:#fcd34d; }
937
+ .on-active\:color-amber-300:active { color:#fcd34d; }
938
+ .on-active\:border-color-amber-300:active { border-color:#fcd34d; }
939
+ .on-active\:background-amber-400:active { background-color:#fbbf24; }
940
+ .on-active\:color-amber-400:active { color:#fbbf24; }
941
+ .on-active\:border-color-amber-400:active { border-color:#fbbf24; }
942
+ .on-active\:background-amber-500:active { background-color:#f59e0b; }
943
+ .on-active\:color-amber-500:active { color:#f59e0b; }
944
+ .on-active\:border-color-amber-500:active { border-color:#f59e0b; }
945
+ .on-active\:background-amber-600:active { background-color:#d97706; }
946
+ .on-active\:color-amber-600:active { color:#d97706; }
947
+ .on-active\:border-color-amber-600:active { border-color:#d97706; }
948
+ .on-active\:background-amber-700:active { background-color:#b45309; }
949
+ .on-active\:color-amber-700:active { color:#b45309; }
950
+ .on-active\:border-color-amber-700:active { border-color:#b45309; }
951
+ .on-active\:background-yellow-300:active { background-color:#fde047; }
952
+ .on-active\:color-yellow-300:active { color:#fde047; }
953
+ .on-active\:border-color-yellow-300:active { border-color:#fde047; }
954
+ .on-active\:background-yellow-400:active { background-color:#facc15; }
955
+ .on-active\:color-yellow-400:active { color:#facc15; }
956
+ .on-active\:border-color-yellow-400:active { border-color:#facc15; }
957
+ .on-active\:background-yellow-500:active { background-color:#eab308; }
958
+ .on-active\:color-yellow-500:active { color:#eab308; }
959
+ .on-active\:border-color-yellow-500:active { border-color:#eab308; }
960
+ .on-active\:background-yellow-600:active { background-color:#ca8a04; }
961
+ .on-active\:color-yellow-600:active { color:#ca8a04; }
962
+ .on-active\:border-color-yellow-600:active { border-color:#ca8a04; }
963
+ .on-active\:background-yellow-700:active { background-color:#a16207; }
964
+ .on-active\:color-yellow-700:active { color:#a16207; }
965
+ .on-active\:border-color-yellow-700:active { border-color:#a16207; }
966
+ .on-active\:background-lime-300:active { background-color:#bef264; }
967
+ .on-active\:color-lime-300:active { color:#bef264; }
968
+ .on-active\:border-color-lime-300:active { border-color:#bef264; }
969
+ .on-active\:background-lime-400:active { background-color:#a3e635; }
970
+ .on-active\:color-lime-400:active { color:#a3e635; }
971
+ .on-active\:border-color-lime-400:active { border-color:#a3e635; }
972
+ .on-active\:background-lime-500:active { background-color:#84cc16; }
973
+ .on-active\:color-lime-500:active { color:#84cc16; }
974
+ .on-active\:border-color-lime-500:active { border-color:#84cc16; }
975
+ .on-active\:background-lime-600:active { background-color:#65a30d; }
976
+ .on-active\:color-lime-600:active { color:#65a30d; }
977
+ .on-active\:border-color-lime-600:active { border-color:#65a30d; }
978
+ .on-active\:background-lime-700:active { background-color:#4d7c0f; }
979
+ .on-active\:color-lime-700:active { color:#4d7c0f; }
980
+ .on-active\:border-color-lime-700:active { border-color:#4d7c0f; }
981
+ .on-active\:background-green-300:active { background-color:#86efac; }
982
+ .on-active\:color-green-300:active { color:#86efac; }
983
+ .on-active\:border-color-green-300:active { border-color:#86efac; }
984
+ .on-active\:background-green-400:active { background-color:#4ade80; }
985
+ .on-active\:color-green-400:active { color:#4ade80; }
986
+ .on-active\:border-color-green-400:active { border-color:#4ade80; }
987
+ .on-active\:background-green-500:active { background-color:#22c55e; }
988
+ .on-active\:color-green-500:active { color:#22c55e; }
989
+ .on-active\:border-color-green-500:active { border-color:#22c55e; }
990
+ .on-active\:background-green-600:active { background-color:#16a34a; }
991
+ .on-active\:color-green-600:active { color:#16a34a; }
992
+ .on-active\:border-color-green-600:active { border-color:#16a34a; }
993
+ .on-active\:background-green-700:active { background-color:#15803d; }
994
+ .on-active\:color-green-700:active { color:#15803d; }
995
+ .on-active\:border-color-green-700:active { border-color:#15803d; }
996
+ .on-active\:background-teal-300:active { background-color:#5eead4; }
997
+ .on-active\:color-teal-300:active { color:#5eead4; }
998
+ .on-active\:border-color-teal-300:active { border-color:#5eead4; }
999
+ .on-active\:background-teal-400:active { background-color:#2dd4bf; }
1000
+ .on-active\:color-teal-400:active { color:#2dd4bf; }
1001
+ .on-active\:border-color-teal-400:active { border-color:#2dd4bf; }
1002
+ .on-active\:background-teal-500:active { background-color:#14b8a6; }
1003
+ .on-active\:color-teal-500:active { color:#14b8a6; }
1004
+ .on-active\:border-color-teal-500:active { border-color:#14b8a6; }
1005
+ .on-active\:background-teal-600:active { background-color:#0d9488; }
1006
+ .on-active\:color-teal-600:active { color:#0d9488; }
1007
+ .on-active\:border-color-teal-600:active { border-color:#0d9488; }
1008
+ .on-active\:background-teal-700:active { background-color:#0f766e; }
1009
+ .on-active\:color-teal-700:active { color:#0f766e; }
1010
+ .on-active\:border-color-teal-700:active { border-color:#0f766e; }
1011
+ .on-active\:background-cyan-300:active { background-color:#67e8f9; }
1012
+ .on-active\:color-cyan-300:active { color:#67e8f9; }
1013
+ .on-active\:border-color-cyan-300:active { border-color:#67e8f9; }
1014
+ .on-active\:background-cyan-400:active { background-color:#22d3ee; }
1015
+ .on-active\:color-cyan-400:active { color:#22d3ee; }
1016
+ .on-active\:border-color-cyan-400:active { border-color:#22d3ee; }
1017
+ .on-active\:background-cyan-500:active { background-color:#06b6d4; }
1018
+ .on-active\:color-cyan-500:active { color:#06b6d4; }
1019
+ .on-active\:border-color-cyan-500:active { border-color:#06b6d4; }
1020
+ .on-active\:background-cyan-600:active { background-color:#0891b2; }
1021
+ .on-active\:color-cyan-600:active { color:#0891b2; }
1022
+ .on-active\:border-color-cyan-600:active { border-color:#0891b2; }
1023
+ .on-active\:background-cyan-700:active { background-color:#0e7490; }
1024
+ .on-active\:color-cyan-700:active { color:#0e7490; }
1025
+ .on-active\:border-color-cyan-700:active { border-color:#0e7490; }
1026
+ .on-active\:background-blue-300:active { background-color:#93c5fd; }
1027
+ .on-active\:color-blue-300:active { color:#93c5fd; }
1028
+ .on-active\:border-color-blue-300:active { border-color:#93c5fd; }
1029
+ .on-active\:background-blue-400:active { background-color:#60a5fa; }
1030
+ .on-active\:color-blue-400:active { color:#60a5fa; }
1031
+ .on-active\:border-color-blue-400:active { border-color:#60a5fa; }
1032
+ .on-active\:background-blue-500:active { background-color:#3b82f6; }
1033
+ .on-active\:color-blue-500:active { color:#3b82f6; }
1034
+ .on-active\:border-color-blue-500:active { border-color:#3b82f6; }
1035
+ .on-active\:background-blue-600:active { background-color:#2563eb; }
1036
+ .on-active\:color-blue-600:active { color:#2563eb; }
1037
+ .on-active\:border-color-blue-600:active { border-color:#2563eb; }
1038
+ .on-active\:background-blue-700:active { background-color:#1d4ed8; }
1039
+ .on-active\:color-blue-700:active { color:#1d4ed8; }
1040
+ .on-active\:border-color-blue-700:active { border-color:#1d4ed8; }
1041
+ .on-active\:background-indigo-300:active { background-color:#a5b4fc; }
1042
+ .on-active\:color-indigo-300:active { color:#a5b4fc; }
1043
+ .on-active\:border-color-indigo-300:active { border-color:#a5b4fc; }
1044
+ .on-active\:background-indigo-400:active { background-color:#818cf8; }
1045
+ .on-active\:color-indigo-400:active { color:#818cf8; }
1046
+ .on-active\:border-color-indigo-400:active { border-color:#818cf8; }
1047
+ .on-active\:background-indigo-500:active { background-color:#6366f1; }
1048
+ .on-active\:color-indigo-500:active { color:#6366f1; }
1049
+ .on-active\:border-color-indigo-500:active { border-color:#6366f1; }
1050
+ .on-active\:background-indigo-600:active { background-color:#4f46e5; }
1051
+ .on-active\:color-indigo-600:active { color:#4f46e5; }
1052
+ .on-active\:border-color-indigo-600:active { border-color:#4f46e5; }
1053
+ .on-active\:background-indigo-700:active { background-color:#4338ca; }
1054
+ .on-active\:color-indigo-700:active { color:#4338ca; }
1055
+ .on-active\:border-color-indigo-700:active { border-color:#4338ca; }
1056
+ .on-active\:background-violet-300:active { background-color:#c4b5fd; }
1057
+ .on-active\:color-violet-300:active { color:#c4b5fd; }
1058
+ .on-active\:border-color-violet-300:active { border-color:#c4b5fd; }
1059
+ .on-active\:background-violet-400:active { background-color:#a78bfa; }
1060
+ .on-active\:color-violet-400:active { color:#a78bfa; }
1061
+ .on-active\:border-color-violet-400:active { border-color:#a78bfa; }
1062
+ .on-active\:background-violet-500:active { background-color:#8b5cf6; }
1063
+ .on-active\:color-violet-500:active { color:#8b5cf6; }
1064
+ .on-active\:border-color-violet-500:active { border-color:#8b5cf6; }
1065
+ .on-active\:background-violet-600:active { background-color:#7c3aed; }
1066
+ .on-active\:color-violet-600:active { color:#7c3aed; }
1067
+ .on-active\:border-color-violet-600:active { border-color:#7c3aed; }
1068
+ .on-active\:background-violet-700:active { background-color:#6d28d9; }
1069
+ .on-active\:color-violet-700:active { color:#6d28d9; }
1070
+ .on-active\:border-color-violet-700:active { border-color:#6d28d9; }
1071
+ .on-active\:background-purple-300:active { background-color:#d8b4fe; }
1072
+ .on-active\:color-purple-300:active { color:#d8b4fe; }
1073
+ .on-active\:border-color-purple-300:active { border-color:#d8b4fe; }
1074
+ .on-active\:background-purple-400:active { background-color:#c084fc; }
1075
+ .on-active\:color-purple-400:active { color:#c084fc; }
1076
+ .on-active\:border-color-purple-400:active { border-color:#c084fc; }
1077
+ .on-active\:background-purple-500:active { background-color:#a855f7; }
1078
+ .on-active\:color-purple-500:active { color:#a855f7; }
1079
+ .on-active\:border-color-purple-500:active { border-color:#a855f7; }
1080
+ .on-active\:background-purple-600:active { background-color:#9333ea; }
1081
+ .on-active\:color-purple-600:active { color:#9333ea; }
1082
+ .on-active\:border-color-purple-600:active { border-color:#9333ea; }
1083
+ .on-active\:background-purple-700:active { background-color:#7e22ce; }
1084
+ .on-active\:color-purple-700:active { color:#7e22ce; }
1085
+ .on-active\:border-color-purple-700:active { border-color:#7e22ce; }
1086
+ .on-active\:background-pink-300:active { background-color:#f9a8d4; }
1087
+ .on-active\:color-pink-300:active { color:#f9a8d4; }
1088
+ .on-active\:border-color-pink-300:active { border-color:#f9a8d4; }
1089
+ .on-active\:background-pink-400:active { background-color:#f472b6; }
1090
+ .on-active\:color-pink-400:active { color:#f472b6; }
1091
+ .on-active\:border-color-pink-400:active { border-color:#f472b6; }
1092
+ .on-active\:background-pink-500:active { background-color:#ec4899; }
1093
+ .on-active\:color-pink-500:active { color:#ec4899; }
1094
+ .on-active\:border-color-pink-500:active { border-color:#ec4899; }
1095
+ .on-active\:background-pink-600:active { background-color:#db2777; }
1096
+ .on-active\:color-pink-600:active { color:#db2777; }
1097
+ .on-active\:border-color-pink-600:active { border-color:#db2777; }
1098
+ .on-active\:background-pink-700:active { background-color:#be185d; }
1099
+ .on-active\:color-pink-700:active { color:#be185d; }
1100
+ .on-active\:border-color-pink-700:active { border-color:#be185d; }
1101
+ .on-active\:background-rose-300:active { background-color:#fda4af; }
1102
+ .on-active\:color-rose-300:active { color:#fda4af; }
1103
+ .on-active\:border-color-rose-300:active { border-color:#fda4af; }
1104
+ .on-active\:background-rose-400:active { background-color:#fb7185; }
1105
+ .on-active\:color-rose-400:active { color:#fb7185; }
1106
+ .on-active\:border-color-rose-400:active { border-color:#fb7185; }
1107
+ .on-active\:background-rose-500:active { background-color:#f43f5e; }
1108
+ .on-active\:color-rose-500:active { color:#f43f5e; }
1109
+ .on-active\:border-color-rose-500:active { border-color:#f43f5e; }
1110
+ .on-active\:background-rose-600:active { background-color:#e11d48; }
1111
+ .on-active\:color-rose-600:active { color:#e11d48; }
1112
+ .on-active\:border-color-rose-600:active { border-color:#e11d48; }
1113
+ .on-active\:background-rose-700:active { background-color:#be123c; }
1114
+ .on-active\:color-rose-700:active { color:#be123c; }
1115
+ .on-active\:border-color-rose-700:active { border-color:#be123c; }
1116
+ .on-active\:background-slate-300:active { background-color:#cbd5e1; }
1117
+ .on-active\:color-slate-300:active { color:#cbd5e1; }
1118
+ .on-active\:border-color-slate-300:active { border-color:#cbd5e1; }
1119
+ .on-active\:background-slate-400:active { background-color:#94a3b8; }
1120
+ .on-active\:color-slate-400:active { color:#94a3b8; }
1121
+ .on-active\:border-color-slate-400:active { border-color:#94a3b8; }
1122
+ .on-active\:background-slate-500:active { background-color:#64748b; }
1123
+ .on-active\:color-slate-500:active { color:#64748b; }
1124
+ .on-active\:border-color-slate-500:active { border-color:#64748b; }
1125
+ .on-active\:background-slate-600:active { background-color:#475569; }
1126
+ .on-active\:color-slate-600:active { color:#475569; }
1127
+ .on-active\:border-color-slate-600:active { border-color:#475569; }
1128
+ .on-active\:background-slate-700:active { background-color:#334155; }
1129
+ .on-active\:color-slate-700:active { color:#334155; }
1130
+ .on-active\:border-color-slate-700:active { border-color:#334155; }
1131
+ .on-active\:background-gray-300:active { background-color:#d1d5db; }
1132
+ .on-active\:color-gray-300:active { color:#d1d5db; }
1133
+ .on-active\:border-color-gray-300:active { border-color:#d1d5db; }
1134
+ .on-active\:background-gray-400:active { background-color:#9ca3af; }
1135
+ .on-active\:color-gray-400:active { color:#9ca3af; }
1136
+ .on-active\:border-color-gray-400:active { border-color:#9ca3af; }
1137
+ .on-active\:background-gray-500:active { background-color:#6b7280; }
1138
+ .on-active\:color-gray-500:active { color:#6b7280; }
1139
+ .on-active\:border-color-gray-500:active { border-color:#6b7280; }
1140
+ .on-active\:background-gray-600:active { background-color:#4b5563; }
1141
+ .on-active\:color-gray-600:active { color:#4b5563; }
1142
+ .on-active\:border-color-gray-600:active { border-color:#4b5563; }
1143
+ .on-active\:background-gray-700:active { background-color:#374151; }
1144
+ .on-active\:color-gray-700:active { color:#374151; }
1145
+ .on-active\:border-color-gray-700:active { border-color:#374151; }
1146
+ .on-active\:background-zinc-300:active { background-color:#d4d4d8; }
1147
+ .on-active\:color-zinc-300:active { color:#d4d4d8; }
1148
+ .on-active\:border-color-zinc-300:active { border-color:#d4d4d8; }
1149
+ .on-active\:background-zinc-400:active { background-color:#a1a1aa; }
1150
+ .on-active\:color-zinc-400:active { color:#a1a1aa; }
1151
+ .on-active\:border-color-zinc-400:active { border-color:#a1a1aa; }
1152
+ .on-active\:background-zinc-500:active { background-color:#71717a; }
1153
+ .on-active\:color-zinc-500:active { color:#71717a; }
1154
+ .on-active\:border-color-zinc-500:active { border-color:#71717a; }
1155
+ .on-active\:background-zinc-600:active { background-color:#52525b; }
1156
+ .on-active\:color-zinc-600:active { color:#52525b; }
1157
+ .on-active\:border-color-zinc-600:active { border-color:#52525b; }
1158
+ .on-active\:background-zinc-700:active { background-color:#3f3f46; }
1159
+ .on-active\:color-zinc-700:active { color:#3f3f46; }
1160
+ .on-active\:border-color-zinc-700:active { border-color:#3f3f46; }
1161
+ .on-active\:background-stone-300:active { background-color:#d6d3d1; }
1162
+ .on-active\:color-stone-300:active { color:#d6d3d1; }
1163
+ .on-active\:border-color-stone-300:active { border-color:#d6d3d1; }
1164
+ .on-active\:background-stone-400:active { background-color:#a8a29e; }
1165
+ .on-active\:color-stone-400:active { color:#a8a29e; }
1166
+ .on-active\:border-color-stone-400:active { border-color:#a8a29e; }
1167
+ .on-active\:background-stone-500:active { background-color:#78716c; }
1168
+ .on-active\:color-stone-500:active { color:#78716c; }
1169
+ .on-active\:border-color-stone-500:active { border-color:#78716c; }
1170
+ .on-active\:background-stone-600:active { background-color:#57534e; }
1171
+ .on-active\:color-stone-600:active { color:#57534e; }
1172
+ .on-active\:border-color-stone-600:active { border-color:#57534e; }
1173
+ .on-active\:background-stone-700:active { background-color:#44403c; }
1174
+ .on-active\:color-stone-700:active { color:#44403c; }
1175
+ .on-active\:border-color-stone-700:active { border-color:#44403c; }
1176
+ .on-active\:add-shadow-sm:active { box-shadow:var(--santy-shadow-sm); }
1177
+ .on-active\:add-shadow:active { box-shadow:var(--santy-shadow); }
1178
+ .on-active\:add-shadow-md:active { box-shadow:var(--santy-shadow-md); }
1179
+ .on-active\:add-shadow-lg:active { box-shadow:var(--santy-shadow-lg); }
1180
+ .on-active\:no-shadow:active { box-shadow:none; }
1181
+ .on-active\:opacity-0:active { opacity:0; }
1182
+ .on-active\:opacity-25:active { opacity:0.25; }
1183
+ .on-active\:opacity-50:active { opacity:0.5; }
1184
+ .on-active\:opacity-75:active { opacity:0.75; }
1185
+ .on-active\:opacity-100:active { opacity:1; }
1186
+ .on-active\:scale-90:active { transform:scale(0.9); }
1187
+ .on-active\:scale-95:active { transform:scale(0.95); }
1188
+ .on-active\:scale-100:active { transform:scale(1); }
1189
+ .on-active\:scale-105:active { transform:scale(1.05); }
1190
+ .on-active\:scale-110:active { transform:scale(1.1); }
1191
+ .on-active\:make-hidden:active { display:none; }
1192
+ .on-active\:make-block:active { display:block; }
1193
+ .on-active\:make-flex:active { display:flex; }
1194
+ .on-active\:cursor-pointer:active { cursor:pointer; }
1195
+ .on-active\:cursor-not-allowed:active { cursor:not-allowed; }
1196
+ .on-active\:outline-none:active { outline:none; }
1197
+ .on-active\:text-underline:active { text-decoration:underline; }
1198
+ .on-active\:text-no-decoration:active { text-decoration:none; }
1199
+ .on-active\:text-bold:active { font-weight:700; }
1200
+ .on-active\:transition-fast:active { transition:var(--santy-transition-fast); }
1201
+ .on-active\:transition-normal:active { transition:var(--santy-transition-normal); }
1202
+ .on-active\:add-border-1:active { border:1px solid; }
1203
+ .on-active\:add-border-2:active { border:2px solid; }
1204
+ .on-active\:add-border-4:active { border:4px solid; }
1205
+
1206
+ /* on-disabled */
1207
+ .on-disabled\:background-red-300:disabled { background-color:#fca5a5; }
1208
+ .on-disabled\:color-red-300:disabled { color:#fca5a5; }
1209
+ .on-disabled\:border-color-red-300:disabled { border-color:#fca5a5; }
1210
+ .on-disabled\:background-red-400:disabled { background-color:#f87171; }
1211
+ .on-disabled\:color-red-400:disabled { color:#f87171; }
1212
+ .on-disabled\:border-color-red-400:disabled { border-color:#f87171; }
1213
+ .on-disabled\:background-red-500:disabled { background-color:#ef4444; }
1214
+ .on-disabled\:color-red-500:disabled { color:#ef4444; }
1215
+ .on-disabled\:border-color-red-500:disabled { border-color:#ef4444; }
1216
+ .on-disabled\:background-red-600:disabled { background-color:#dc2626; }
1217
+ .on-disabled\:color-red-600:disabled { color:#dc2626; }
1218
+ .on-disabled\:border-color-red-600:disabled { border-color:#dc2626; }
1219
+ .on-disabled\:background-red-700:disabled { background-color:#b91c1c; }
1220
+ .on-disabled\:color-red-700:disabled { color:#b91c1c; }
1221
+ .on-disabled\:border-color-red-700:disabled { border-color:#b91c1c; }
1222
+ .on-disabled\:background-orange-300:disabled { background-color:#fdba74; }
1223
+ .on-disabled\:color-orange-300:disabled { color:#fdba74; }
1224
+ .on-disabled\:border-color-orange-300:disabled { border-color:#fdba74; }
1225
+ .on-disabled\:background-orange-400:disabled { background-color:#fb923c; }
1226
+ .on-disabled\:color-orange-400:disabled { color:#fb923c; }
1227
+ .on-disabled\:border-color-orange-400:disabled { border-color:#fb923c; }
1228
+ .on-disabled\:background-orange-500:disabled { background-color:#f97316; }
1229
+ .on-disabled\:color-orange-500:disabled { color:#f97316; }
1230
+ .on-disabled\:border-color-orange-500:disabled { border-color:#f97316; }
1231
+ .on-disabled\:background-orange-600:disabled { background-color:#ea580c; }
1232
+ .on-disabled\:color-orange-600:disabled { color:#ea580c; }
1233
+ .on-disabled\:border-color-orange-600:disabled { border-color:#ea580c; }
1234
+ .on-disabled\:background-orange-700:disabled { background-color:#c2410c; }
1235
+ .on-disabled\:color-orange-700:disabled { color:#c2410c; }
1236
+ .on-disabled\:border-color-orange-700:disabled { border-color:#c2410c; }
1237
+ .on-disabled\:background-amber-300:disabled { background-color:#fcd34d; }
1238
+ .on-disabled\:color-amber-300:disabled { color:#fcd34d; }
1239
+ .on-disabled\:border-color-amber-300:disabled { border-color:#fcd34d; }
1240
+ .on-disabled\:background-amber-400:disabled { background-color:#fbbf24; }
1241
+ .on-disabled\:color-amber-400:disabled { color:#fbbf24; }
1242
+ .on-disabled\:border-color-amber-400:disabled { border-color:#fbbf24; }
1243
+ .on-disabled\:background-amber-500:disabled { background-color:#f59e0b; }
1244
+ .on-disabled\:color-amber-500:disabled { color:#f59e0b; }
1245
+ .on-disabled\:border-color-amber-500:disabled { border-color:#f59e0b; }
1246
+ .on-disabled\:background-amber-600:disabled { background-color:#d97706; }
1247
+ .on-disabled\:color-amber-600:disabled { color:#d97706; }
1248
+ .on-disabled\:border-color-amber-600:disabled { border-color:#d97706; }
1249
+ .on-disabled\:background-amber-700:disabled { background-color:#b45309; }
1250
+ .on-disabled\:color-amber-700:disabled { color:#b45309; }
1251
+ .on-disabled\:border-color-amber-700:disabled { border-color:#b45309; }
1252
+ .on-disabled\:background-yellow-300:disabled { background-color:#fde047; }
1253
+ .on-disabled\:color-yellow-300:disabled { color:#fde047; }
1254
+ .on-disabled\:border-color-yellow-300:disabled { border-color:#fde047; }
1255
+ .on-disabled\:background-yellow-400:disabled { background-color:#facc15; }
1256
+ .on-disabled\:color-yellow-400:disabled { color:#facc15; }
1257
+ .on-disabled\:border-color-yellow-400:disabled { border-color:#facc15; }
1258
+ .on-disabled\:background-yellow-500:disabled { background-color:#eab308; }
1259
+ .on-disabled\:color-yellow-500:disabled { color:#eab308; }
1260
+ .on-disabled\:border-color-yellow-500:disabled { border-color:#eab308; }
1261
+ .on-disabled\:background-yellow-600:disabled { background-color:#ca8a04; }
1262
+ .on-disabled\:color-yellow-600:disabled { color:#ca8a04; }
1263
+ .on-disabled\:border-color-yellow-600:disabled { border-color:#ca8a04; }
1264
+ .on-disabled\:background-yellow-700:disabled { background-color:#a16207; }
1265
+ .on-disabled\:color-yellow-700:disabled { color:#a16207; }
1266
+ .on-disabled\:border-color-yellow-700:disabled { border-color:#a16207; }
1267
+ .on-disabled\:background-lime-300:disabled { background-color:#bef264; }
1268
+ .on-disabled\:color-lime-300:disabled { color:#bef264; }
1269
+ .on-disabled\:border-color-lime-300:disabled { border-color:#bef264; }
1270
+ .on-disabled\:background-lime-400:disabled { background-color:#a3e635; }
1271
+ .on-disabled\:color-lime-400:disabled { color:#a3e635; }
1272
+ .on-disabled\:border-color-lime-400:disabled { border-color:#a3e635; }
1273
+ .on-disabled\:background-lime-500:disabled { background-color:#84cc16; }
1274
+ .on-disabled\:color-lime-500:disabled { color:#84cc16; }
1275
+ .on-disabled\:border-color-lime-500:disabled { border-color:#84cc16; }
1276
+ .on-disabled\:background-lime-600:disabled { background-color:#65a30d; }
1277
+ .on-disabled\:color-lime-600:disabled { color:#65a30d; }
1278
+ .on-disabled\:border-color-lime-600:disabled { border-color:#65a30d; }
1279
+ .on-disabled\:background-lime-700:disabled { background-color:#4d7c0f; }
1280
+ .on-disabled\:color-lime-700:disabled { color:#4d7c0f; }
1281
+ .on-disabled\:border-color-lime-700:disabled { border-color:#4d7c0f; }
1282
+ .on-disabled\:background-green-300:disabled { background-color:#86efac; }
1283
+ .on-disabled\:color-green-300:disabled { color:#86efac; }
1284
+ .on-disabled\:border-color-green-300:disabled { border-color:#86efac; }
1285
+ .on-disabled\:background-green-400:disabled { background-color:#4ade80; }
1286
+ .on-disabled\:color-green-400:disabled { color:#4ade80; }
1287
+ .on-disabled\:border-color-green-400:disabled { border-color:#4ade80; }
1288
+ .on-disabled\:background-green-500:disabled { background-color:#22c55e; }
1289
+ .on-disabled\:color-green-500:disabled { color:#22c55e; }
1290
+ .on-disabled\:border-color-green-500:disabled { border-color:#22c55e; }
1291
+ .on-disabled\:background-green-600:disabled { background-color:#16a34a; }
1292
+ .on-disabled\:color-green-600:disabled { color:#16a34a; }
1293
+ .on-disabled\:border-color-green-600:disabled { border-color:#16a34a; }
1294
+ .on-disabled\:background-green-700:disabled { background-color:#15803d; }
1295
+ .on-disabled\:color-green-700:disabled { color:#15803d; }
1296
+ .on-disabled\:border-color-green-700:disabled { border-color:#15803d; }
1297
+ .on-disabled\:background-teal-300:disabled { background-color:#5eead4; }
1298
+ .on-disabled\:color-teal-300:disabled { color:#5eead4; }
1299
+ .on-disabled\:border-color-teal-300:disabled { border-color:#5eead4; }
1300
+ .on-disabled\:background-teal-400:disabled { background-color:#2dd4bf; }
1301
+ .on-disabled\:color-teal-400:disabled { color:#2dd4bf; }
1302
+ .on-disabled\:border-color-teal-400:disabled { border-color:#2dd4bf; }
1303
+ .on-disabled\:background-teal-500:disabled { background-color:#14b8a6; }
1304
+ .on-disabled\:color-teal-500:disabled { color:#14b8a6; }
1305
+ .on-disabled\:border-color-teal-500:disabled { border-color:#14b8a6; }
1306
+ .on-disabled\:background-teal-600:disabled { background-color:#0d9488; }
1307
+ .on-disabled\:color-teal-600:disabled { color:#0d9488; }
1308
+ .on-disabled\:border-color-teal-600:disabled { border-color:#0d9488; }
1309
+ .on-disabled\:background-teal-700:disabled { background-color:#0f766e; }
1310
+ .on-disabled\:color-teal-700:disabled { color:#0f766e; }
1311
+ .on-disabled\:border-color-teal-700:disabled { border-color:#0f766e; }
1312
+ .on-disabled\:background-cyan-300:disabled { background-color:#67e8f9; }
1313
+ .on-disabled\:color-cyan-300:disabled { color:#67e8f9; }
1314
+ .on-disabled\:border-color-cyan-300:disabled { border-color:#67e8f9; }
1315
+ .on-disabled\:background-cyan-400:disabled { background-color:#22d3ee; }
1316
+ .on-disabled\:color-cyan-400:disabled { color:#22d3ee; }
1317
+ .on-disabled\:border-color-cyan-400:disabled { border-color:#22d3ee; }
1318
+ .on-disabled\:background-cyan-500:disabled { background-color:#06b6d4; }
1319
+ .on-disabled\:color-cyan-500:disabled { color:#06b6d4; }
1320
+ .on-disabled\:border-color-cyan-500:disabled { border-color:#06b6d4; }
1321
+ .on-disabled\:background-cyan-600:disabled { background-color:#0891b2; }
1322
+ .on-disabled\:color-cyan-600:disabled { color:#0891b2; }
1323
+ .on-disabled\:border-color-cyan-600:disabled { border-color:#0891b2; }
1324
+ .on-disabled\:background-cyan-700:disabled { background-color:#0e7490; }
1325
+ .on-disabled\:color-cyan-700:disabled { color:#0e7490; }
1326
+ .on-disabled\:border-color-cyan-700:disabled { border-color:#0e7490; }
1327
+ .on-disabled\:background-blue-300:disabled { background-color:#93c5fd; }
1328
+ .on-disabled\:color-blue-300:disabled { color:#93c5fd; }
1329
+ .on-disabled\:border-color-blue-300:disabled { border-color:#93c5fd; }
1330
+ .on-disabled\:background-blue-400:disabled { background-color:#60a5fa; }
1331
+ .on-disabled\:color-blue-400:disabled { color:#60a5fa; }
1332
+ .on-disabled\:border-color-blue-400:disabled { border-color:#60a5fa; }
1333
+ .on-disabled\:background-blue-500:disabled { background-color:#3b82f6; }
1334
+ .on-disabled\:color-blue-500:disabled { color:#3b82f6; }
1335
+ .on-disabled\:border-color-blue-500:disabled { border-color:#3b82f6; }
1336
+ .on-disabled\:background-blue-600:disabled { background-color:#2563eb; }
1337
+ .on-disabled\:color-blue-600:disabled { color:#2563eb; }
1338
+ .on-disabled\:border-color-blue-600:disabled { border-color:#2563eb; }
1339
+ .on-disabled\:background-blue-700:disabled { background-color:#1d4ed8; }
1340
+ .on-disabled\:color-blue-700:disabled { color:#1d4ed8; }
1341
+ .on-disabled\:border-color-blue-700:disabled { border-color:#1d4ed8; }
1342
+ .on-disabled\:background-indigo-300:disabled { background-color:#a5b4fc; }
1343
+ .on-disabled\:color-indigo-300:disabled { color:#a5b4fc; }
1344
+ .on-disabled\:border-color-indigo-300:disabled { border-color:#a5b4fc; }
1345
+ .on-disabled\:background-indigo-400:disabled { background-color:#818cf8; }
1346
+ .on-disabled\:color-indigo-400:disabled { color:#818cf8; }
1347
+ .on-disabled\:border-color-indigo-400:disabled { border-color:#818cf8; }
1348
+ .on-disabled\:background-indigo-500:disabled { background-color:#6366f1; }
1349
+ .on-disabled\:color-indigo-500:disabled { color:#6366f1; }
1350
+ .on-disabled\:border-color-indigo-500:disabled { border-color:#6366f1; }
1351
+ .on-disabled\:background-indigo-600:disabled { background-color:#4f46e5; }
1352
+ .on-disabled\:color-indigo-600:disabled { color:#4f46e5; }
1353
+ .on-disabled\:border-color-indigo-600:disabled { border-color:#4f46e5; }
1354
+ .on-disabled\:background-indigo-700:disabled { background-color:#4338ca; }
1355
+ .on-disabled\:color-indigo-700:disabled { color:#4338ca; }
1356
+ .on-disabled\:border-color-indigo-700:disabled { border-color:#4338ca; }
1357
+ .on-disabled\:background-violet-300:disabled { background-color:#c4b5fd; }
1358
+ .on-disabled\:color-violet-300:disabled { color:#c4b5fd; }
1359
+ .on-disabled\:border-color-violet-300:disabled { border-color:#c4b5fd; }
1360
+ .on-disabled\:background-violet-400:disabled { background-color:#a78bfa; }
1361
+ .on-disabled\:color-violet-400:disabled { color:#a78bfa; }
1362
+ .on-disabled\:border-color-violet-400:disabled { border-color:#a78bfa; }
1363
+ .on-disabled\:background-violet-500:disabled { background-color:#8b5cf6; }
1364
+ .on-disabled\:color-violet-500:disabled { color:#8b5cf6; }
1365
+ .on-disabled\:border-color-violet-500:disabled { border-color:#8b5cf6; }
1366
+ .on-disabled\:background-violet-600:disabled { background-color:#7c3aed; }
1367
+ .on-disabled\:color-violet-600:disabled { color:#7c3aed; }
1368
+ .on-disabled\:border-color-violet-600:disabled { border-color:#7c3aed; }
1369
+ .on-disabled\:background-violet-700:disabled { background-color:#6d28d9; }
1370
+ .on-disabled\:color-violet-700:disabled { color:#6d28d9; }
1371
+ .on-disabled\:border-color-violet-700:disabled { border-color:#6d28d9; }
1372
+ .on-disabled\:background-purple-300:disabled { background-color:#d8b4fe; }
1373
+ .on-disabled\:color-purple-300:disabled { color:#d8b4fe; }
1374
+ .on-disabled\:border-color-purple-300:disabled { border-color:#d8b4fe; }
1375
+ .on-disabled\:background-purple-400:disabled { background-color:#c084fc; }
1376
+ .on-disabled\:color-purple-400:disabled { color:#c084fc; }
1377
+ .on-disabled\:border-color-purple-400:disabled { border-color:#c084fc; }
1378
+ .on-disabled\:background-purple-500:disabled { background-color:#a855f7; }
1379
+ .on-disabled\:color-purple-500:disabled { color:#a855f7; }
1380
+ .on-disabled\:border-color-purple-500:disabled { border-color:#a855f7; }
1381
+ .on-disabled\:background-purple-600:disabled { background-color:#9333ea; }
1382
+ .on-disabled\:color-purple-600:disabled { color:#9333ea; }
1383
+ .on-disabled\:border-color-purple-600:disabled { border-color:#9333ea; }
1384
+ .on-disabled\:background-purple-700:disabled { background-color:#7e22ce; }
1385
+ .on-disabled\:color-purple-700:disabled { color:#7e22ce; }
1386
+ .on-disabled\:border-color-purple-700:disabled { border-color:#7e22ce; }
1387
+ .on-disabled\:background-pink-300:disabled { background-color:#f9a8d4; }
1388
+ .on-disabled\:color-pink-300:disabled { color:#f9a8d4; }
1389
+ .on-disabled\:border-color-pink-300:disabled { border-color:#f9a8d4; }
1390
+ .on-disabled\:background-pink-400:disabled { background-color:#f472b6; }
1391
+ .on-disabled\:color-pink-400:disabled { color:#f472b6; }
1392
+ .on-disabled\:border-color-pink-400:disabled { border-color:#f472b6; }
1393
+ .on-disabled\:background-pink-500:disabled { background-color:#ec4899; }
1394
+ .on-disabled\:color-pink-500:disabled { color:#ec4899; }
1395
+ .on-disabled\:border-color-pink-500:disabled { border-color:#ec4899; }
1396
+ .on-disabled\:background-pink-600:disabled { background-color:#db2777; }
1397
+ .on-disabled\:color-pink-600:disabled { color:#db2777; }
1398
+ .on-disabled\:border-color-pink-600:disabled { border-color:#db2777; }
1399
+ .on-disabled\:background-pink-700:disabled { background-color:#be185d; }
1400
+ .on-disabled\:color-pink-700:disabled { color:#be185d; }
1401
+ .on-disabled\:border-color-pink-700:disabled { border-color:#be185d; }
1402
+ .on-disabled\:background-rose-300:disabled { background-color:#fda4af; }
1403
+ .on-disabled\:color-rose-300:disabled { color:#fda4af; }
1404
+ .on-disabled\:border-color-rose-300:disabled { border-color:#fda4af; }
1405
+ .on-disabled\:background-rose-400:disabled { background-color:#fb7185; }
1406
+ .on-disabled\:color-rose-400:disabled { color:#fb7185; }
1407
+ .on-disabled\:border-color-rose-400:disabled { border-color:#fb7185; }
1408
+ .on-disabled\:background-rose-500:disabled { background-color:#f43f5e; }
1409
+ .on-disabled\:color-rose-500:disabled { color:#f43f5e; }
1410
+ .on-disabled\:border-color-rose-500:disabled { border-color:#f43f5e; }
1411
+ .on-disabled\:background-rose-600:disabled { background-color:#e11d48; }
1412
+ .on-disabled\:color-rose-600:disabled { color:#e11d48; }
1413
+ .on-disabled\:border-color-rose-600:disabled { border-color:#e11d48; }
1414
+ .on-disabled\:background-rose-700:disabled { background-color:#be123c; }
1415
+ .on-disabled\:color-rose-700:disabled { color:#be123c; }
1416
+ .on-disabled\:border-color-rose-700:disabled { border-color:#be123c; }
1417
+ .on-disabled\:background-slate-300:disabled { background-color:#cbd5e1; }
1418
+ .on-disabled\:color-slate-300:disabled { color:#cbd5e1; }
1419
+ .on-disabled\:border-color-slate-300:disabled { border-color:#cbd5e1; }
1420
+ .on-disabled\:background-slate-400:disabled { background-color:#94a3b8; }
1421
+ .on-disabled\:color-slate-400:disabled { color:#94a3b8; }
1422
+ .on-disabled\:border-color-slate-400:disabled { border-color:#94a3b8; }
1423
+ .on-disabled\:background-slate-500:disabled { background-color:#64748b; }
1424
+ .on-disabled\:color-slate-500:disabled { color:#64748b; }
1425
+ .on-disabled\:border-color-slate-500:disabled { border-color:#64748b; }
1426
+ .on-disabled\:background-slate-600:disabled { background-color:#475569; }
1427
+ .on-disabled\:color-slate-600:disabled { color:#475569; }
1428
+ .on-disabled\:border-color-slate-600:disabled { border-color:#475569; }
1429
+ .on-disabled\:background-slate-700:disabled { background-color:#334155; }
1430
+ .on-disabled\:color-slate-700:disabled { color:#334155; }
1431
+ .on-disabled\:border-color-slate-700:disabled { border-color:#334155; }
1432
+ .on-disabled\:background-gray-300:disabled { background-color:#d1d5db; }
1433
+ .on-disabled\:color-gray-300:disabled { color:#d1d5db; }
1434
+ .on-disabled\:border-color-gray-300:disabled { border-color:#d1d5db; }
1435
+ .on-disabled\:background-gray-400:disabled { background-color:#9ca3af; }
1436
+ .on-disabled\:color-gray-400:disabled { color:#9ca3af; }
1437
+ .on-disabled\:border-color-gray-400:disabled { border-color:#9ca3af; }
1438
+ .on-disabled\:background-gray-500:disabled { background-color:#6b7280; }
1439
+ .on-disabled\:color-gray-500:disabled { color:#6b7280; }
1440
+ .on-disabled\:border-color-gray-500:disabled { border-color:#6b7280; }
1441
+ .on-disabled\:background-gray-600:disabled { background-color:#4b5563; }
1442
+ .on-disabled\:color-gray-600:disabled { color:#4b5563; }
1443
+ .on-disabled\:border-color-gray-600:disabled { border-color:#4b5563; }
1444
+ .on-disabled\:background-gray-700:disabled { background-color:#374151; }
1445
+ .on-disabled\:color-gray-700:disabled { color:#374151; }
1446
+ .on-disabled\:border-color-gray-700:disabled { border-color:#374151; }
1447
+ .on-disabled\:background-zinc-300:disabled { background-color:#d4d4d8; }
1448
+ .on-disabled\:color-zinc-300:disabled { color:#d4d4d8; }
1449
+ .on-disabled\:border-color-zinc-300:disabled { border-color:#d4d4d8; }
1450
+ .on-disabled\:background-zinc-400:disabled { background-color:#a1a1aa; }
1451
+ .on-disabled\:color-zinc-400:disabled { color:#a1a1aa; }
1452
+ .on-disabled\:border-color-zinc-400:disabled { border-color:#a1a1aa; }
1453
+ .on-disabled\:background-zinc-500:disabled { background-color:#71717a; }
1454
+ .on-disabled\:color-zinc-500:disabled { color:#71717a; }
1455
+ .on-disabled\:border-color-zinc-500:disabled { border-color:#71717a; }
1456
+ .on-disabled\:background-zinc-600:disabled { background-color:#52525b; }
1457
+ .on-disabled\:color-zinc-600:disabled { color:#52525b; }
1458
+ .on-disabled\:border-color-zinc-600:disabled { border-color:#52525b; }
1459
+ .on-disabled\:background-zinc-700:disabled { background-color:#3f3f46; }
1460
+ .on-disabled\:color-zinc-700:disabled { color:#3f3f46; }
1461
+ .on-disabled\:border-color-zinc-700:disabled { border-color:#3f3f46; }
1462
+ .on-disabled\:background-stone-300:disabled { background-color:#d6d3d1; }
1463
+ .on-disabled\:color-stone-300:disabled { color:#d6d3d1; }
1464
+ .on-disabled\:border-color-stone-300:disabled { border-color:#d6d3d1; }
1465
+ .on-disabled\:background-stone-400:disabled { background-color:#a8a29e; }
1466
+ .on-disabled\:color-stone-400:disabled { color:#a8a29e; }
1467
+ .on-disabled\:border-color-stone-400:disabled { border-color:#a8a29e; }
1468
+ .on-disabled\:background-stone-500:disabled { background-color:#78716c; }
1469
+ .on-disabled\:color-stone-500:disabled { color:#78716c; }
1470
+ .on-disabled\:border-color-stone-500:disabled { border-color:#78716c; }
1471
+ .on-disabled\:background-stone-600:disabled { background-color:#57534e; }
1472
+ .on-disabled\:color-stone-600:disabled { color:#57534e; }
1473
+ .on-disabled\:border-color-stone-600:disabled { border-color:#57534e; }
1474
+ .on-disabled\:background-stone-700:disabled { background-color:#44403c; }
1475
+ .on-disabled\:color-stone-700:disabled { color:#44403c; }
1476
+ .on-disabled\:border-color-stone-700:disabled { border-color:#44403c; }
1477
+ .on-disabled\:add-shadow-sm:disabled { box-shadow:var(--santy-shadow-sm); }
1478
+ .on-disabled\:add-shadow:disabled { box-shadow:var(--santy-shadow); }
1479
+ .on-disabled\:add-shadow-md:disabled { box-shadow:var(--santy-shadow-md); }
1480
+ .on-disabled\:add-shadow-lg:disabled { box-shadow:var(--santy-shadow-lg); }
1481
+ .on-disabled\:no-shadow:disabled { box-shadow:none; }
1482
+ .on-disabled\:opacity-0:disabled { opacity:0; }
1483
+ .on-disabled\:opacity-25:disabled { opacity:0.25; }
1484
+ .on-disabled\:opacity-50:disabled { opacity:0.5; }
1485
+ .on-disabled\:opacity-75:disabled { opacity:0.75; }
1486
+ .on-disabled\:opacity-100:disabled { opacity:1; }
1487
+ .on-disabled\:scale-90:disabled { transform:scale(0.9); }
1488
+ .on-disabled\:scale-95:disabled { transform:scale(0.95); }
1489
+ .on-disabled\:scale-100:disabled { transform:scale(1); }
1490
+ .on-disabled\:scale-105:disabled { transform:scale(1.05); }
1491
+ .on-disabled\:scale-110:disabled { transform:scale(1.1); }
1492
+ .on-disabled\:make-hidden:disabled { display:none; }
1493
+ .on-disabled\:make-block:disabled { display:block; }
1494
+ .on-disabled\:make-flex:disabled { display:flex; }
1495
+ .on-disabled\:cursor-pointer:disabled { cursor:pointer; }
1496
+ .on-disabled\:cursor-not-allowed:disabled { cursor:not-allowed; }
1497
+ .on-disabled\:outline-none:disabled { outline:none; }
1498
+ .on-disabled\:text-underline:disabled { text-decoration:underline; }
1499
+ .on-disabled\:text-no-decoration:disabled { text-decoration:none; }
1500
+ .on-disabled\:text-bold:disabled { font-weight:700; }
1501
+ .on-disabled\:transition-fast:disabled { transition:var(--santy-transition-fast); }
1502
+ .on-disabled\:transition-normal:disabled { transition:var(--santy-transition-normal); }
1503
+ .on-disabled\:add-border-1:disabled { border:1px solid; }
1504
+ .on-disabled\:add-border-2:disabled { border:2px solid; }
1505
+ .on-disabled\:add-border-4:disabled { border:4px solid; }
1506
+
1507
+ /* on-checked */
1508
+ .on-checked\:background-red-300:checked { background-color:#fca5a5; }
1509
+ .on-checked\:color-red-300:checked { color:#fca5a5; }
1510
+ .on-checked\:border-color-red-300:checked { border-color:#fca5a5; }
1511
+ .on-checked\:background-red-400:checked { background-color:#f87171; }
1512
+ .on-checked\:color-red-400:checked { color:#f87171; }
1513
+ .on-checked\:border-color-red-400:checked { border-color:#f87171; }
1514
+ .on-checked\:background-red-500:checked { background-color:#ef4444; }
1515
+ .on-checked\:color-red-500:checked { color:#ef4444; }
1516
+ .on-checked\:border-color-red-500:checked { border-color:#ef4444; }
1517
+ .on-checked\:background-red-600:checked { background-color:#dc2626; }
1518
+ .on-checked\:color-red-600:checked { color:#dc2626; }
1519
+ .on-checked\:border-color-red-600:checked { border-color:#dc2626; }
1520
+ .on-checked\:background-red-700:checked { background-color:#b91c1c; }
1521
+ .on-checked\:color-red-700:checked { color:#b91c1c; }
1522
+ .on-checked\:border-color-red-700:checked { border-color:#b91c1c; }
1523
+ .on-checked\:background-orange-300:checked { background-color:#fdba74; }
1524
+ .on-checked\:color-orange-300:checked { color:#fdba74; }
1525
+ .on-checked\:border-color-orange-300:checked { border-color:#fdba74; }
1526
+ .on-checked\:background-orange-400:checked { background-color:#fb923c; }
1527
+ .on-checked\:color-orange-400:checked { color:#fb923c; }
1528
+ .on-checked\:border-color-orange-400:checked { border-color:#fb923c; }
1529
+ .on-checked\:background-orange-500:checked { background-color:#f97316; }
1530
+ .on-checked\:color-orange-500:checked { color:#f97316; }
1531
+ .on-checked\:border-color-orange-500:checked { border-color:#f97316; }
1532
+ .on-checked\:background-orange-600:checked { background-color:#ea580c; }
1533
+ .on-checked\:color-orange-600:checked { color:#ea580c; }
1534
+ .on-checked\:border-color-orange-600:checked { border-color:#ea580c; }
1535
+ .on-checked\:background-orange-700:checked { background-color:#c2410c; }
1536
+ .on-checked\:color-orange-700:checked { color:#c2410c; }
1537
+ .on-checked\:border-color-orange-700:checked { border-color:#c2410c; }
1538
+ .on-checked\:background-amber-300:checked { background-color:#fcd34d; }
1539
+ .on-checked\:color-amber-300:checked { color:#fcd34d; }
1540
+ .on-checked\:border-color-amber-300:checked { border-color:#fcd34d; }
1541
+ .on-checked\:background-amber-400:checked { background-color:#fbbf24; }
1542
+ .on-checked\:color-amber-400:checked { color:#fbbf24; }
1543
+ .on-checked\:border-color-amber-400:checked { border-color:#fbbf24; }
1544
+ .on-checked\:background-amber-500:checked { background-color:#f59e0b; }
1545
+ .on-checked\:color-amber-500:checked { color:#f59e0b; }
1546
+ .on-checked\:border-color-amber-500:checked { border-color:#f59e0b; }
1547
+ .on-checked\:background-amber-600:checked { background-color:#d97706; }
1548
+ .on-checked\:color-amber-600:checked { color:#d97706; }
1549
+ .on-checked\:border-color-amber-600:checked { border-color:#d97706; }
1550
+ .on-checked\:background-amber-700:checked { background-color:#b45309; }
1551
+ .on-checked\:color-amber-700:checked { color:#b45309; }
1552
+ .on-checked\:border-color-amber-700:checked { border-color:#b45309; }
1553
+ .on-checked\:background-yellow-300:checked { background-color:#fde047; }
1554
+ .on-checked\:color-yellow-300:checked { color:#fde047; }
1555
+ .on-checked\:border-color-yellow-300:checked { border-color:#fde047; }
1556
+ .on-checked\:background-yellow-400:checked { background-color:#facc15; }
1557
+ .on-checked\:color-yellow-400:checked { color:#facc15; }
1558
+ .on-checked\:border-color-yellow-400:checked { border-color:#facc15; }
1559
+ .on-checked\:background-yellow-500:checked { background-color:#eab308; }
1560
+ .on-checked\:color-yellow-500:checked { color:#eab308; }
1561
+ .on-checked\:border-color-yellow-500:checked { border-color:#eab308; }
1562
+ .on-checked\:background-yellow-600:checked { background-color:#ca8a04; }
1563
+ .on-checked\:color-yellow-600:checked { color:#ca8a04; }
1564
+ .on-checked\:border-color-yellow-600:checked { border-color:#ca8a04; }
1565
+ .on-checked\:background-yellow-700:checked { background-color:#a16207; }
1566
+ .on-checked\:color-yellow-700:checked { color:#a16207; }
1567
+ .on-checked\:border-color-yellow-700:checked { border-color:#a16207; }
1568
+ .on-checked\:background-lime-300:checked { background-color:#bef264; }
1569
+ .on-checked\:color-lime-300:checked { color:#bef264; }
1570
+ .on-checked\:border-color-lime-300:checked { border-color:#bef264; }
1571
+ .on-checked\:background-lime-400:checked { background-color:#a3e635; }
1572
+ .on-checked\:color-lime-400:checked { color:#a3e635; }
1573
+ .on-checked\:border-color-lime-400:checked { border-color:#a3e635; }
1574
+ .on-checked\:background-lime-500:checked { background-color:#84cc16; }
1575
+ .on-checked\:color-lime-500:checked { color:#84cc16; }
1576
+ .on-checked\:border-color-lime-500:checked { border-color:#84cc16; }
1577
+ .on-checked\:background-lime-600:checked { background-color:#65a30d; }
1578
+ .on-checked\:color-lime-600:checked { color:#65a30d; }
1579
+ .on-checked\:border-color-lime-600:checked { border-color:#65a30d; }
1580
+ .on-checked\:background-lime-700:checked { background-color:#4d7c0f; }
1581
+ .on-checked\:color-lime-700:checked { color:#4d7c0f; }
1582
+ .on-checked\:border-color-lime-700:checked { border-color:#4d7c0f; }
1583
+ .on-checked\:background-green-300:checked { background-color:#86efac; }
1584
+ .on-checked\:color-green-300:checked { color:#86efac; }
1585
+ .on-checked\:border-color-green-300:checked { border-color:#86efac; }
1586
+ .on-checked\:background-green-400:checked { background-color:#4ade80; }
1587
+ .on-checked\:color-green-400:checked { color:#4ade80; }
1588
+ .on-checked\:border-color-green-400:checked { border-color:#4ade80; }
1589
+ .on-checked\:background-green-500:checked { background-color:#22c55e; }
1590
+ .on-checked\:color-green-500:checked { color:#22c55e; }
1591
+ .on-checked\:border-color-green-500:checked { border-color:#22c55e; }
1592
+ .on-checked\:background-green-600:checked { background-color:#16a34a; }
1593
+ .on-checked\:color-green-600:checked { color:#16a34a; }
1594
+ .on-checked\:border-color-green-600:checked { border-color:#16a34a; }
1595
+ .on-checked\:background-green-700:checked { background-color:#15803d; }
1596
+ .on-checked\:color-green-700:checked { color:#15803d; }
1597
+ .on-checked\:border-color-green-700:checked { border-color:#15803d; }
1598
+ .on-checked\:background-teal-300:checked { background-color:#5eead4; }
1599
+ .on-checked\:color-teal-300:checked { color:#5eead4; }
1600
+ .on-checked\:border-color-teal-300:checked { border-color:#5eead4; }
1601
+ .on-checked\:background-teal-400:checked { background-color:#2dd4bf; }
1602
+ .on-checked\:color-teal-400:checked { color:#2dd4bf; }
1603
+ .on-checked\:border-color-teal-400:checked { border-color:#2dd4bf; }
1604
+ .on-checked\:background-teal-500:checked { background-color:#14b8a6; }
1605
+ .on-checked\:color-teal-500:checked { color:#14b8a6; }
1606
+ .on-checked\:border-color-teal-500:checked { border-color:#14b8a6; }
1607
+ .on-checked\:background-teal-600:checked { background-color:#0d9488; }
1608
+ .on-checked\:color-teal-600:checked { color:#0d9488; }
1609
+ .on-checked\:border-color-teal-600:checked { border-color:#0d9488; }
1610
+ .on-checked\:background-teal-700:checked { background-color:#0f766e; }
1611
+ .on-checked\:color-teal-700:checked { color:#0f766e; }
1612
+ .on-checked\:border-color-teal-700:checked { border-color:#0f766e; }
1613
+ .on-checked\:background-cyan-300:checked { background-color:#67e8f9; }
1614
+ .on-checked\:color-cyan-300:checked { color:#67e8f9; }
1615
+ .on-checked\:border-color-cyan-300:checked { border-color:#67e8f9; }
1616
+ .on-checked\:background-cyan-400:checked { background-color:#22d3ee; }
1617
+ .on-checked\:color-cyan-400:checked { color:#22d3ee; }
1618
+ .on-checked\:border-color-cyan-400:checked { border-color:#22d3ee; }
1619
+ .on-checked\:background-cyan-500:checked { background-color:#06b6d4; }
1620
+ .on-checked\:color-cyan-500:checked { color:#06b6d4; }
1621
+ .on-checked\:border-color-cyan-500:checked { border-color:#06b6d4; }
1622
+ .on-checked\:background-cyan-600:checked { background-color:#0891b2; }
1623
+ .on-checked\:color-cyan-600:checked { color:#0891b2; }
1624
+ .on-checked\:border-color-cyan-600:checked { border-color:#0891b2; }
1625
+ .on-checked\:background-cyan-700:checked { background-color:#0e7490; }
1626
+ .on-checked\:color-cyan-700:checked { color:#0e7490; }
1627
+ .on-checked\:border-color-cyan-700:checked { border-color:#0e7490; }
1628
+ .on-checked\:background-blue-300:checked { background-color:#93c5fd; }
1629
+ .on-checked\:color-blue-300:checked { color:#93c5fd; }
1630
+ .on-checked\:border-color-blue-300:checked { border-color:#93c5fd; }
1631
+ .on-checked\:background-blue-400:checked { background-color:#60a5fa; }
1632
+ .on-checked\:color-blue-400:checked { color:#60a5fa; }
1633
+ .on-checked\:border-color-blue-400:checked { border-color:#60a5fa; }
1634
+ .on-checked\:background-blue-500:checked { background-color:#3b82f6; }
1635
+ .on-checked\:color-blue-500:checked { color:#3b82f6; }
1636
+ .on-checked\:border-color-blue-500:checked { border-color:#3b82f6; }
1637
+ .on-checked\:background-blue-600:checked { background-color:#2563eb; }
1638
+ .on-checked\:color-blue-600:checked { color:#2563eb; }
1639
+ .on-checked\:border-color-blue-600:checked { border-color:#2563eb; }
1640
+ .on-checked\:background-blue-700:checked { background-color:#1d4ed8; }
1641
+ .on-checked\:color-blue-700:checked { color:#1d4ed8; }
1642
+ .on-checked\:border-color-blue-700:checked { border-color:#1d4ed8; }
1643
+ .on-checked\:background-indigo-300:checked { background-color:#a5b4fc; }
1644
+ .on-checked\:color-indigo-300:checked { color:#a5b4fc; }
1645
+ .on-checked\:border-color-indigo-300:checked { border-color:#a5b4fc; }
1646
+ .on-checked\:background-indigo-400:checked { background-color:#818cf8; }
1647
+ .on-checked\:color-indigo-400:checked { color:#818cf8; }
1648
+ .on-checked\:border-color-indigo-400:checked { border-color:#818cf8; }
1649
+ .on-checked\:background-indigo-500:checked { background-color:#6366f1; }
1650
+ .on-checked\:color-indigo-500:checked { color:#6366f1; }
1651
+ .on-checked\:border-color-indigo-500:checked { border-color:#6366f1; }
1652
+ .on-checked\:background-indigo-600:checked { background-color:#4f46e5; }
1653
+ .on-checked\:color-indigo-600:checked { color:#4f46e5; }
1654
+ .on-checked\:border-color-indigo-600:checked { border-color:#4f46e5; }
1655
+ .on-checked\:background-indigo-700:checked { background-color:#4338ca; }
1656
+ .on-checked\:color-indigo-700:checked { color:#4338ca; }
1657
+ .on-checked\:border-color-indigo-700:checked { border-color:#4338ca; }
1658
+ .on-checked\:background-violet-300:checked { background-color:#c4b5fd; }
1659
+ .on-checked\:color-violet-300:checked { color:#c4b5fd; }
1660
+ .on-checked\:border-color-violet-300:checked { border-color:#c4b5fd; }
1661
+ .on-checked\:background-violet-400:checked { background-color:#a78bfa; }
1662
+ .on-checked\:color-violet-400:checked { color:#a78bfa; }
1663
+ .on-checked\:border-color-violet-400:checked { border-color:#a78bfa; }
1664
+ .on-checked\:background-violet-500:checked { background-color:#8b5cf6; }
1665
+ .on-checked\:color-violet-500:checked { color:#8b5cf6; }
1666
+ .on-checked\:border-color-violet-500:checked { border-color:#8b5cf6; }
1667
+ .on-checked\:background-violet-600:checked { background-color:#7c3aed; }
1668
+ .on-checked\:color-violet-600:checked { color:#7c3aed; }
1669
+ .on-checked\:border-color-violet-600:checked { border-color:#7c3aed; }
1670
+ .on-checked\:background-violet-700:checked { background-color:#6d28d9; }
1671
+ .on-checked\:color-violet-700:checked { color:#6d28d9; }
1672
+ .on-checked\:border-color-violet-700:checked { border-color:#6d28d9; }
1673
+ .on-checked\:background-purple-300:checked { background-color:#d8b4fe; }
1674
+ .on-checked\:color-purple-300:checked { color:#d8b4fe; }
1675
+ .on-checked\:border-color-purple-300:checked { border-color:#d8b4fe; }
1676
+ .on-checked\:background-purple-400:checked { background-color:#c084fc; }
1677
+ .on-checked\:color-purple-400:checked { color:#c084fc; }
1678
+ .on-checked\:border-color-purple-400:checked { border-color:#c084fc; }
1679
+ .on-checked\:background-purple-500:checked { background-color:#a855f7; }
1680
+ .on-checked\:color-purple-500:checked { color:#a855f7; }
1681
+ .on-checked\:border-color-purple-500:checked { border-color:#a855f7; }
1682
+ .on-checked\:background-purple-600:checked { background-color:#9333ea; }
1683
+ .on-checked\:color-purple-600:checked { color:#9333ea; }
1684
+ .on-checked\:border-color-purple-600:checked { border-color:#9333ea; }
1685
+ .on-checked\:background-purple-700:checked { background-color:#7e22ce; }
1686
+ .on-checked\:color-purple-700:checked { color:#7e22ce; }
1687
+ .on-checked\:border-color-purple-700:checked { border-color:#7e22ce; }
1688
+ .on-checked\:background-pink-300:checked { background-color:#f9a8d4; }
1689
+ .on-checked\:color-pink-300:checked { color:#f9a8d4; }
1690
+ .on-checked\:border-color-pink-300:checked { border-color:#f9a8d4; }
1691
+ .on-checked\:background-pink-400:checked { background-color:#f472b6; }
1692
+ .on-checked\:color-pink-400:checked { color:#f472b6; }
1693
+ .on-checked\:border-color-pink-400:checked { border-color:#f472b6; }
1694
+ .on-checked\:background-pink-500:checked { background-color:#ec4899; }
1695
+ .on-checked\:color-pink-500:checked { color:#ec4899; }
1696
+ .on-checked\:border-color-pink-500:checked { border-color:#ec4899; }
1697
+ .on-checked\:background-pink-600:checked { background-color:#db2777; }
1698
+ .on-checked\:color-pink-600:checked { color:#db2777; }
1699
+ .on-checked\:border-color-pink-600:checked { border-color:#db2777; }
1700
+ .on-checked\:background-pink-700:checked { background-color:#be185d; }
1701
+ .on-checked\:color-pink-700:checked { color:#be185d; }
1702
+ .on-checked\:border-color-pink-700:checked { border-color:#be185d; }
1703
+ .on-checked\:background-rose-300:checked { background-color:#fda4af; }
1704
+ .on-checked\:color-rose-300:checked { color:#fda4af; }
1705
+ .on-checked\:border-color-rose-300:checked { border-color:#fda4af; }
1706
+ .on-checked\:background-rose-400:checked { background-color:#fb7185; }
1707
+ .on-checked\:color-rose-400:checked { color:#fb7185; }
1708
+ .on-checked\:border-color-rose-400:checked { border-color:#fb7185; }
1709
+ .on-checked\:background-rose-500:checked { background-color:#f43f5e; }
1710
+ .on-checked\:color-rose-500:checked { color:#f43f5e; }
1711
+ .on-checked\:border-color-rose-500:checked { border-color:#f43f5e; }
1712
+ .on-checked\:background-rose-600:checked { background-color:#e11d48; }
1713
+ .on-checked\:color-rose-600:checked { color:#e11d48; }
1714
+ .on-checked\:border-color-rose-600:checked { border-color:#e11d48; }
1715
+ .on-checked\:background-rose-700:checked { background-color:#be123c; }
1716
+ .on-checked\:color-rose-700:checked { color:#be123c; }
1717
+ .on-checked\:border-color-rose-700:checked { border-color:#be123c; }
1718
+ .on-checked\:background-slate-300:checked { background-color:#cbd5e1; }
1719
+ .on-checked\:color-slate-300:checked { color:#cbd5e1; }
1720
+ .on-checked\:border-color-slate-300:checked { border-color:#cbd5e1; }
1721
+ .on-checked\:background-slate-400:checked { background-color:#94a3b8; }
1722
+ .on-checked\:color-slate-400:checked { color:#94a3b8; }
1723
+ .on-checked\:border-color-slate-400:checked { border-color:#94a3b8; }
1724
+ .on-checked\:background-slate-500:checked { background-color:#64748b; }
1725
+ .on-checked\:color-slate-500:checked { color:#64748b; }
1726
+ .on-checked\:border-color-slate-500:checked { border-color:#64748b; }
1727
+ .on-checked\:background-slate-600:checked { background-color:#475569; }
1728
+ .on-checked\:color-slate-600:checked { color:#475569; }
1729
+ .on-checked\:border-color-slate-600:checked { border-color:#475569; }
1730
+ .on-checked\:background-slate-700:checked { background-color:#334155; }
1731
+ .on-checked\:color-slate-700:checked { color:#334155; }
1732
+ .on-checked\:border-color-slate-700:checked { border-color:#334155; }
1733
+ .on-checked\:background-gray-300:checked { background-color:#d1d5db; }
1734
+ .on-checked\:color-gray-300:checked { color:#d1d5db; }
1735
+ .on-checked\:border-color-gray-300:checked { border-color:#d1d5db; }
1736
+ .on-checked\:background-gray-400:checked { background-color:#9ca3af; }
1737
+ .on-checked\:color-gray-400:checked { color:#9ca3af; }
1738
+ .on-checked\:border-color-gray-400:checked { border-color:#9ca3af; }
1739
+ .on-checked\:background-gray-500:checked { background-color:#6b7280; }
1740
+ .on-checked\:color-gray-500:checked { color:#6b7280; }
1741
+ .on-checked\:border-color-gray-500:checked { border-color:#6b7280; }
1742
+ .on-checked\:background-gray-600:checked { background-color:#4b5563; }
1743
+ .on-checked\:color-gray-600:checked { color:#4b5563; }
1744
+ .on-checked\:border-color-gray-600:checked { border-color:#4b5563; }
1745
+ .on-checked\:background-gray-700:checked { background-color:#374151; }
1746
+ .on-checked\:color-gray-700:checked { color:#374151; }
1747
+ .on-checked\:border-color-gray-700:checked { border-color:#374151; }
1748
+ .on-checked\:background-zinc-300:checked { background-color:#d4d4d8; }
1749
+ .on-checked\:color-zinc-300:checked { color:#d4d4d8; }
1750
+ .on-checked\:border-color-zinc-300:checked { border-color:#d4d4d8; }
1751
+ .on-checked\:background-zinc-400:checked { background-color:#a1a1aa; }
1752
+ .on-checked\:color-zinc-400:checked { color:#a1a1aa; }
1753
+ .on-checked\:border-color-zinc-400:checked { border-color:#a1a1aa; }
1754
+ .on-checked\:background-zinc-500:checked { background-color:#71717a; }
1755
+ .on-checked\:color-zinc-500:checked { color:#71717a; }
1756
+ .on-checked\:border-color-zinc-500:checked { border-color:#71717a; }
1757
+ .on-checked\:background-zinc-600:checked { background-color:#52525b; }
1758
+ .on-checked\:color-zinc-600:checked { color:#52525b; }
1759
+ .on-checked\:border-color-zinc-600:checked { border-color:#52525b; }
1760
+ .on-checked\:background-zinc-700:checked { background-color:#3f3f46; }
1761
+ .on-checked\:color-zinc-700:checked { color:#3f3f46; }
1762
+ .on-checked\:border-color-zinc-700:checked { border-color:#3f3f46; }
1763
+ .on-checked\:background-stone-300:checked { background-color:#d6d3d1; }
1764
+ .on-checked\:color-stone-300:checked { color:#d6d3d1; }
1765
+ .on-checked\:border-color-stone-300:checked { border-color:#d6d3d1; }
1766
+ .on-checked\:background-stone-400:checked { background-color:#a8a29e; }
1767
+ .on-checked\:color-stone-400:checked { color:#a8a29e; }
1768
+ .on-checked\:border-color-stone-400:checked { border-color:#a8a29e; }
1769
+ .on-checked\:background-stone-500:checked { background-color:#78716c; }
1770
+ .on-checked\:color-stone-500:checked { color:#78716c; }
1771
+ .on-checked\:border-color-stone-500:checked { border-color:#78716c; }
1772
+ .on-checked\:background-stone-600:checked { background-color:#57534e; }
1773
+ .on-checked\:color-stone-600:checked { color:#57534e; }
1774
+ .on-checked\:border-color-stone-600:checked { border-color:#57534e; }
1775
+ .on-checked\:background-stone-700:checked { background-color:#44403c; }
1776
+ .on-checked\:color-stone-700:checked { color:#44403c; }
1777
+ .on-checked\:border-color-stone-700:checked { border-color:#44403c; }
1778
+ .on-checked\:add-shadow-sm:checked { box-shadow:var(--santy-shadow-sm); }
1779
+ .on-checked\:add-shadow:checked { box-shadow:var(--santy-shadow); }
1780
+ .on-checked\:add-shadow-md:checked { box-shadow:var(--santy-shadow-md); }
1781
+ .on-checked\:add-shadow-lg:checked { box-shadow:var(--santy-shadow-lg); }
1782
+ .on-checked\:no-shadow:checked { box-shadow:none; }
1783
+ .on-checked\:opacity-0:checked { opacity:0; }
1784
+ .on-checked\:opacity-25:checked { opacity:0.25; }
1785
+ .on-checked\:opacity-50:checked { opacity:0.5; }
1786
+ .on-checked\:opacity-75:checked { opacity:0.75; }
1787
+ .on-checked\:opacity-100:checked { opacity:1; }
1788
+ .on-checked\:scale-90:checked { transform:scale(0.9); }
1789
+ .on-checked\:scale-95:checked { transform:scale(0.95); }
1790
+ .on-checked\:scale-100:checked { transform:scale(1); }
1791
+ .on-checked\:scale-105:checked { transform:scale(1.05); }
1792
+ .on-checked\:scale-110:checked { transform:scale(1.1); }
1793
+ .on-checked\:make-hidden:checked { display:none; }
1794
+ .on-checked\:make-block:checked { display:block; }
1795
+ .on-checked\:make-flex:checked { display:flex; }
1796
+ .on-checked\:cursor-pointer:checked { cursor:pointer; }
1797
+ .on-checked\:cursor-not-allowed:checked { cursor:not-allowed; }
1798
+ .on-checked\:outline-none:checked { outline:none; }
1799
+ .on-checked\:text-underline:checked { text-decoration:underline; }
1800
+ .on-checked\:text-no-decoration:checked { text-decoration:none; }
1801
+ .on-checked\:text-bold:checked { font-weight:700; }
1802
+ .on-checked\:transition-fast:checked { transition:var(--santy-transition-fast); }
1803
+ .on-checked\:transition-normal:checked { transition:var(--santy-transition-normal); }
1804
+ .on-checked\:add-border-1:checked { border:1px solid; }
1805
+ .on-checked\:add-border-2:checked { border:2px solid; }
1806
+ .on-checked\:add-border-4:checked { border:4px solid; }
1807
+
1808
+ /* on-first */
1809
+ .on-first\:background-red-300:first-child { background-color:#fca5a5; }
1810
+ .on-first\:color-red-300:first-child { color:#fca5a5; }
1811
+ .on-first\:border-color-red-300:first-child { border-color:#fca5a5; }
1812
+ .on-first\:background-red-400:first-child { background-color:#f87171; }
1813
+ .on-first\:color-red-400:first-child { color:#f87171; }
1814
+ .on-first\:border-color-red-400:first-child { border-color:#f87171; }
1815
+ .on-first\:background-red-500:first-child { background-color:#ef4444; }
1816
+ .on-first\:color-red-500:first-child { color:#ef4444; }
1817
+ .on-first\:border-color-red-500:first-child { border-color:#ef4444; }
1818
+ .on-first\:background-red-600:first-child { background-color:#dc2626; }
1819
+ .on-first\:color-red-600:first-child { color:#dc2626; }
1820
+ .on-first\:border-color-red-600:first-child { border-color:#dc2626; }
1821
+ .on-first\:background-red-700:first-child { background-color:#b91c1c; }
1822
+ .on-first\:color-red-700:first-child { color:#b91c1c; }
1823
+ .on-first\:border-color-red-700:first-child { border-color:#b91c1c; }
1824
+ .on-first\:background-orange-300:first-child { background-color:#fdba74; }
1825
+ .on-first\:color-orange-300:first-child { color:#fdba74; }
1826
+ .on-first\:border-color-orange-300:first-child { border-color:#fdba74; }
1827
+ .on-first\:background-orange-400:first-child { background-color:#fb923c; }
1828
+ .on-first\:color-orange-400:first-child { color:#fb923c; }
1829
+ .on-first\:border-color-orange-400:first-child { border-color:#fb923c; }
1830
+ .on-first\:background-orange-500:first-child { background-color:#f97316; }
1831
+ .on-first\:color-orange-500:first-child { color:#f97316; }
1832
+ .on-first\:border-color-orange-500:first-child { border-color:#f97316; }
1833
+ .on-first\:background-orange-600:first-child { background-color:#ea580c; }
1834
+ .on-first\:color-orange-600:first-child { color:#ea580c; }
1835
+ .on-first\:border-color-orange-600:first-child { border-color:#ea580c; }
1836
+ .on-first\:background-orange-700:first-child { background-color:#c2410c; }
1837
+ .on-first\:color-orange-700:first-child { color:#c2410c; }
1838
+ .on-first\:border-color-orange-700:first-child { border-color:#c2410c; }
1839
+ .on-first\:background-amber-300:first-child { background-color:#fcd34d; }
1840
+ .on-first\:color-amber-300:first-child { color:#fcd34d; }
1841
+ .on-first\:border-color-amber-300:first-child { border-color:#fcd34d; }
1842
+ .on-first\:background-amber-400:first-child { background-color:#fbbf24; }
1843
+ .on-first\:color-amber-400:first-child { color:#fbbf24; }
1844
+ .on-first\:border-color-amber-400:first-child { border-color:#fbbf24; }
1845
+ .on-first\:background-amber-500:first-child { background-color:#f59e0b; }
1846
+ .on-first\:color-amber-500:first-child { color:#f59e0b; }
1847
+ .on-first\:border-color-amber-500:first-child { border-color:#f59e0b; }
1848
+ .on-first\:background-amber-600:first-child { background-color:#d97706; }
1849
+ .on-first\:color-amber-600:first-child { color:#d97706; }
1850
+ .on-first\:border-color-amber-600:first-child { border-color:#d97706; }
1851
+ .on-first\:background-amber-700:first-child { background-color:#b45309; }
1852
+ .on-first\:color-amber-700:first-child { color:#b45309; }
1853
+ .on-first\:border-color-amber-700:first-child { border-color:#b45309; }
1854
+ .on-first\:background-yellow-300:first-child { background-color:#fde047; }
1855
+ .on-first\:color-yellow-300:first-child { color:#fde047; }
1856
+ .on-first\:border-color-yellow-300:first-child { border-color:#fde047; }
1857
+ .on-first\:background-yellow-400:first-child { background-color:#facc15; }
1858
+ .on-first\:color-yellow-400:first-child { color:#facc15; }
1859
+ .on-first\:border-color-yellow-400:first-child { border-color:#facc15; }
1860
+ .on-first\:background-yellow-500:first-child { background-color:#eab308; }
1861
+ .on-first\:color-yellow-500:first-child { color:#eab308; }
1862
+ .on-first\:border-color-yellow-500:first-child { border-color:#eab308; }
1863
+ .on-first\:background-yellow-600:first-child { background-color:#ca8a04; }
1864
+ .on-first\:color-yellow-600:first-child { color:#ca8a04; }
1865
+ .on-first\:border-color-yellow-600:first-child { border-color:#ca8a04; }
1866
+ .on-first\:background-yellow-700:first-child { background-color:#a16207; }
1867
+ .on-first\:color-yellow-700:first-child { color:#a16207; }
1868
+ .on-first\:border-color-yellow-700:first-child { border-color:#a16207; }
1869
+ .on-first\:background-lime-300:first-child { background-color:#bef264; }
1870
+ .on-first\:color-lime-300:first-child { color:#bef264; }
1871
+ .on-first\:border-color-lime-300:first-child { border-color:#bef264; }
1872
+ .on-first\:background-lime-400:first-child { background-color:#a3e635; }
1873
+ .on-first\:color-lime-400:first-child { color:#a3e635; }
1874
+ .on-first\:border-color-lime-400:first-child { border-color:#a3e635; }
1875
+ .on-first\:background-lime-500:first-child { background-color:#84cc16; }
1876
+ .on-first\:color-lime-500:first-child { color:#84cc16; }
1877
+ .on-first\:border-color-lime-500:first-child { border-color:#84cc16; }
1878
+ .on-first\:background-lime-600:first-child { background-color:#65a30d; }
1879
+ .on-first\:color-lime-600:first-child { color:#65a30d; }
1880
+ .on-first\:border-color-lime-600:first-child { border-color:#65a30d; }
1881
+ .on-first\:background-lime-700:first-child { background-color:#4d7c0f; }
1882
+ .on-first\:color-lime-700:first-child { color:#4d7c0f; }
1883
+ .on-first\:border-color-lime-700:first-child { border-color:#4d7c0f; }
1884
+ .on-first\:background-green-300:first-child { background-color:#86efac; }
1885
+ .on-first\:color-green-300:first-child { color:#86efac; }
1886
+ .on-first\:border-color-green-300:first-child { border-color:#86efac; }
1887
+ .on-first\:background-green-400:first-child { background-color:#4ade80; }
1888
+ .on-first\:color-green-400:first-child { color:#4ade80; }
1889
+ .on-first\:border-color-green-400:first-child { border-color:#4ade80; }
1890
+ .on-first\:background-green-500:first-child { background-color:#22c55e; }
1891
+ .on-first\:color-green-500:first-child { color:#22c55e; }
1892
+ .on-first\:border-color-green-500:first-child { border-color:#22c55e; }
1893
+ .on-first\:background-green-600:first-child { background-color:#16a34a; }
1894
+ .on-first\:color-green-600:first-child { color:#16a34a; }
1895
+ .on-first\:border-color-green-600:first-child { border-color:#16a34a; }
1896
+ .on-first\:background-green-700:first-child { background-color:#15803d; }
1897
+ .on-first\:color-green-700:first-child { color:#15803d; }
1898
+ .on-first\:border-color-green-700:first-child { border-color:#15803d; }
1899
+ .on-first\:background-teal-300:first-child { background-color:#5eead4; }
1900
+ .on-first\:color-teal-300:first-child { color:#5eead4; }
1901
+ .on-first\:border-color-teal-300:first-child { border-color:#5eead4; }
1902
+ .on-first\:background-teal-400:first-child { background-color:#2dd4bf; }
1903
+ .on-first\:color-teal-400:first-child { color:#2dd4bf; }
1904
+ .on-first\:border-color-teal-400:first-child { border-color:#2dd4bf; }
1905
+ .on-first\:background-teal-500:first-child { background-color:#14b8a6; }
1906
+ .on-first\:color-teal-500:first-child { color:#14b8a6; }
1907
+ .on-first\:border-color-teal-500:first-child { border-color:#14b8a6; }
1908
+ .on-first\:background-teal-600:first-child { background-color:#0d9488; }
1909
+ .on-first\:color-teal-600:first-child { color:#0d9488; }
1910
+ .on-first\:border-color-teal-600:first-child { border-color:#0d9488; }
1911
+ .on-first\:background-teal-700:first-child { background-color:#0f766e; }
1912
+ .on-first\:color-teal-700:first-child { color:#0f766e; }
1913
+ .on-first\:border-color-teal-700:first-child { border-color:#0f766e; }
1914
+ .on-first\:background-cyan-300:first-child { background-color:#67e8f9; }
1915
+ .on-first\:color-cyan-300:first-child { color:#67e8f9; }
1916
+ .on-first\:border-color-cyan-300:first-child { border-color:#67e8f9; }
1917
+ .on-first\:background-cyan-400:first-child { background-color:#22d3ee; }
1918
+ .on-first\:color-cyan-400:first-child { color:#22d3ee; }
1919
+ .on-first\:border-color-cyan-400:first-child { border-color:#22d3ee; }
1920
+ .on-first\:background-cyan-500:first-child { background-color:#06b6d4; }
1921
+ .on-first\:color-cyan-500:first-child { color:#06b6d4; }
1922
+ .on-first\:border-color-cyan-500:first-child { border-color:#06b6d4; }
1923
+ .on-first\:background-cyan-600:first-child { background-color:#0891b2; }
1924
+ .on-first\:color-cyan-600:first-child { color:#0891b2; }
1925
+ .on-first\:border-color-cyan-600:first-child { border-color:#0891b2; }
1926
+ .on-first\:background-cyan-700:first-child { background-color:#0e7490; }
1927
+ .on-first\:color-cyan-700:first-child { color:#0e7490; }
1928
+ .on-first\:border-color-cyan-700:first-child { border-color:#0e7490; }
1929
+ .on-first\:background-blue-300:first-child { background-color:#93c5fd; }
1930
+ .on-first\:color-blue-300:first-child { color:#93c5fd; }
1931
+ .on-first\:border-color-blue-300:first-child { border-color:#93c5fd; }
1932
+ .on-first\:background-blue-400:first-child { background-color:#60a5fa; }
1933
+ .on-first\:color-blue-400:first-child { color:#60a5fa; }
1934
+ .on-first\:border-color-blue-400:first-child { border-color:#60a5fa; }
1935
+ .on-first\:background-blue-500:first-child { background-color:#3b82f6; }
1936
+ .on-first\:color-blue-500:first-child { color:#3b82f6; }
1937
+ .on-first\:border-color-blue-500:first-child { border-color:#3b82f6; }
1938
+ .on-first\:background-blue-600:first-child { background-color:#2563eb; }
1939
+ .on-first\:color-blue-600:first-child { color:#2563eb; }
1940
+ .on-first\:border-color-blue-600:first-child { border-color:#2563eb; }
1941
+ .on-first\:background-blue-700:first-child { background-color:#1d4ed8; }
1942
+ .on-first\:color-blue-700:first-child { color:#1d4ed8; }
1943
+ .on-first\:border-color-blue-700:first-child { border-color:#1d4ed8; }
1944
+ .on-first\:background-indigo-300:first-child { background-color:#a5b4fc; }
1945
+ .on-first\:color-indigo-300:first-child { color:#a5b4fc; }
1946
+ .on-first\:border-color-indigo-300:first-child { border-color:#a5b4fc; }
1947
+ .on-first\:background-indigo-400:first-child { background-color:#818cf8; }
1948
+ .on-first\:color-indigo-400:first-child { color:#818cf8; }
1949
+ .on-first\:border-color-indigo-400:first-child { border-color:#818cf8; }
1950
+ .on-first\:background-indigo-500:first-child { background-color:#6366f1; }
1951
+ .on-first\:color-indigo-500:first-child { color:#6366f1; }
1952
+ .on-first\:border-color-indigo-500:first-child { border-color:#6366f1; }
1953
+ .on-first\:background-indigo-600:first-child { background-color:#4f46e5; }
1954
+ .on-first\:color-indigo-600:first-child { color:#4f46e5; }
1955
+ .on-first\:border-color-indigo-600:first-child { border-color:#4f46e5; }
1956
+ .on-first\:background-indigo-700:first-child { background-color:#4338ca; }
1957
+ .on-first\:color-indigo-700:first-child { color:#4338ca; }
1958
+ .on-first\:border-color-indigo-700:first-child { border-color:#4338ca; }
1959
+ .on-first\:background-violet-300:first-child { background-color:#c4b5fd; }
1960
+ .on-first\:color-violet-300:first-child { color:#c4b5fd; }
1961
+ .on-first\:border-color-violet-300:first-child { border-color:#c4b5fd; }
1962
+ .on-first\:background-violet-400:first-child { background-color:#a78bfa; }
1963
+ .on-first\:color-violet-400:first-child { color:#a78bfa; }
1964
+ .on-first\:border-color-violet-400:first-child { border-color:#a78bfa; }
1965
+ .on-first\:background-violet-500:first-child { background-color:#8b5cf6; }
1966
+ .on-first\:color-violet-500:first-child { color:#8b5cf6; }
1967
+ .on-first\:border-color-violet-500:first-child { border-color:#8b5cf6; }
1968
+ .on-first\:background-violet-600:first-child { background-color:#7c3aed; }
1969
+ .on-first\:color-violet-600:first-child { color:#7c3aed; }
1970
+ .on-first\:border-color-violet-600:first-child { border-color:#7c3aed; }
1971
+ .on-first\:background-violet-700:first-child { background-color:#6d28d9; }
1972
+ .on-first\:color-violet-700:first-child { color:#6d28d9; }
1973
+ .on-first\:border-color-violet-700:first-child { border-color:#6d28d9; }
1974
+ .on-first\:background-purple-300:first-child { background-color:#d8b4fe; }
1975
+ .on-first\:color-purple-300:first-child { color:#d8b4fe; }
1976
+ .on-first\:border-color-purple-300:first-child { border-color:#d8b4fe; }
1977
+ .on-first\:background-purple-400:first-child { background-color:#c084fc; }
1978
+ .on-first\:color-purple-400:first-child { color:#c084fc; }
1979
+ .on-first\:border-color-purple-400:first-child { border-color:#c084fc; }
1980
+ .on-first\:background-purple-500:first-child { background-color:#a855f7; }
1981
+ .on-first\:color-purple-500:first-child { color:#a855f7; }
1982
+ .on-first\:border-color-purple-500:first-child { border-color:#a855f7; }
1983
+ .on-first\:background-purple-600:first-child { background-color:#9333ea; }
1984
+ .on-first\:color-purple-600:first-child { color:#9333ea; }
1985
+ .on-first\:border-color-purple-600:first-child { border-color:#9333ea; }
1986
+ .on-first\:background-purple-700:first-child { background-color:#7e22ce; }
1987
+ .on-first\:color-purple-700:first-child { color:#7e22ce; }
1988
+ .on-first\:border-color-purple-700:first-child { border-color:#7e22ce; }
1989
+ .on-first\:background-pink-300:first-child { background-color:#f9a8d4; }
1990
+ .on-first\:color-pink-300:first-child { color:#f9a8d4; }
1991
+ .on-first\:border-color-pink-300:first-child { border-color:#f9a8d4; }
1992
+ .on-first\:background-pink-400:first-child { background-color:#f472b6; }
1993
+ .on-first\:color-pink-400:first-child { color:#f472b6; }
1994
+ .on-first\:border-color-pink-400:first-child { border-color:#f472b6; }
1995
+ .on-first\:background-pink-500:first-child { background-color:#ec4899; }
1996
+ .on-first\:color-pink-500:first-child { color:#ec4899; }
1997
+ .on-first\:border-color-pink-500:first-child { border-color:#ec4899; }
1998
+ .on-first\:background-pink-600:first-child { background-color:#db2777; }
1999
+ .on-first\:color-pink-600:first-child { color:#db2777; }
2000
+ .on-first\:border-color-pink-600:first-child { border-color:#db2777; }
2001
+ .on-first\:background-pink-700:first-child { background-color:#be185d; }
2002
+ .on-first\:color-pink-700:first-child { color:#be185d; }
2003
+ .on-first\:border-color-pink-700:first-child { border-color:#be185d; }
2004
+ .on-first\:background-rose-300:first-child { background-color:#fda4af; }
2005
+ .on-first\:color-rose-300:first-child { color:#fda4af; }
2006
+ .on-first\:border-color-rose-300:first-child { border-color:#fda4af; }
2007
+ .on-first\:background-rose-400:first-child { background-color:#fb7185; }
2008
+ .on-first\:color-rose-400:first-child { color:#fb7185; }
2009
+ .on-first\:border-color-rose-400:first-child { border-color:#fb7185; }
2010
+ .on-first\:background-rose-500:first-child { background-color:#f43f5e; }
2011
+ .on-first\:color-rose-500:first-child { color:#f43f5e; }
2012
+ .on-first\:border-color-rose-500:first-child { border-color:#f43f5e; }
2013
+ .on-first\:background-rose-600:first-child { background-color:#e11d48; }
2014
+ .on-first\:color-rose-600:first-child { color:#e11d48; }
2015
+ .on-first\:border-color-rose-600:first-child { border-color:#e11d48; }
2016
+ .on-first\:background-rose-700:first-child { background-color:#be123c; }
2017
+ .on-first\:color-rose-700:first-child { color:#be123c; }
2018
+ .on-first\:border-color-rose-700:first-child { border-color:#be123c; }
2019
+ .on-first\:background-slate-300:first-child { background-color:#cbd5e1; }
2020
+ .on-first\:color-slate-300:first-child { color:#cbd5e1; }
2021
+ .on-first\:border-color-slate-300:first-child { border-color:#cbd5e1; }
2022
+ .on-first\:background-slate-400:first-child { background-color:#94a3b8; }
2023
+ .on-first\:color-slate-400:first-child { color:#94a3b8; }
2024
+ .on-first\:border-color-slate-400:first-child { border-color:#94a3b8; }
2025
+ .on-first\:background-slate-500:first-child { background-color:#64748b; }
2026
+ .on-first\:color-slate-500:first-child { color:#64748b; }
2027
+ .on-first\:border-color-slate-500:first-child { border-color:#64748b; }
2028
+ .on-first\:background-slate-600:first-child { background-color:#475569; }
2029
+ .on-first\:color-slate-600:first-child { color:#475569; }
2030
+ .on-first\:border-color-slate-600:first-child { border-color:#475569; }
2031
+ .on-first\:background-slate-700:first-child { background-color:#334155; }
2032
+ .on-first\:color-slate-700:first-child { color:#334155; }
2033
+ .on-first\:border-color-slate-700:first-child { border-color:#334155; }
2034
+ .on-first\:background-gray-300:first-child { background-color:#d1d5db; }
2035
+ .on-first\:color-gray-300:first-child { color:#d1d5db; }
2036
+ .on-first\:border-color-gray-300:first-child { border-color:#d1d5db; }
2037
+ .on-first\:background-gray-400:first-child { background-color:#9ca3af; }
2038
+ .on-first\:color-gray-400:first-child { color:#9ca3af; }
2039
+ .on-first\:border-color-gray-400:first-child { border-color:#9ca3af; }
2040
+ .on-first\:background-gray-500:first-child { background-color:#6b7280; }
2041
+ .on-first\:color-gray-500:first-child { color:#6b7280; }
2042
+ .on-first\:border-color-gray-500:first-child { border-color:#6b7280; }
2043
+ .on-first\:background-gray-600:first-child { background-color:#4b5563; }
2044
+ .on-first\:color-gray-600:first-child { color:#4b5563; }
2045
+ .on-first\:border-color-gray-600:first-child { border-color:#4b5563; }
2046
+ .on-first\:background-gray-700:first-child { background-color:#374151; }
2047
+ .on-first\:color-gray-700:first-child { color:#374151; }
2048
+ .on-first\:border-color-gray-700:first-child { border-color:#374151; }
2049
+ .on-first\:background-zinc-300:first-child { background-color:#d4d4d8; }
2050
+ .on-first\:color-zinc-300:first-child { color:#d4d4d8; }
2051
+ .on-first\:border-color-zinc-300:first-child { border-color:#d4d4d8; }
2052
+ .on-first\:background-zinc-400:first-child { background-color:#a1a1aa; }
2053
+ .on-first\:color-zinc-400:first-child { color:#a1a1aa; }
2054
+ .on-first\:border-color-zinc-400:first-child { border-color:#a1a1aa; }
2055
+ .on-first\:background-zinc-500:first-child { background-color:#71717a; }
2056
+ .on-first\:color-zinc-500:first-child { color:#71717a; }
2057
+ .on-first\:border-color-zinc-500:first-child { border-color:#71717a; }
2058
+ .on-first\:background-zinc-600:first-child { background-color:#52525b; }
2059
+ .on-first\:color-zinc-600:first-child { color:#52525b; }
2060
+ .on-first\:border-color-zinc-600:first-child { border-color:#52525b; }
2061
+ .on-first\:background-zinc-700:first-child { background-color:#3f3f46; }
2062
+ .on-first\:color-zinc-700:first-child { color:#3f3f46; }
2063
+ .on-first\:border-color-zinc-700:first-child { border-color:#3f3f46; }
2064
+ .on-first\:background-stone-300:first-child { background-color:#d6d3d1; }
2065
+ .on-first\:color-stone-300:first-child { color:#d6d3d1; }
2066
+ .on-first\:border-color-stone-300:first-child { border-color:#d6d3d1; }
2067
+ .on-first\:background-stone-400:first-child { background-color:#a8a29e; }
2068
+ .on-first\:color-stone-400:first-child { color:#a8a29e; }
2069
+ .on-first\:border-color-stone-400:first-child { border-color:#a8a29e; }
2070
+ .on-first\:background-stone-500:first-child { background-color:#78716c; }
2071
+ .on-first\:color-stone-500:first-child { color:#78716c; }
2072
+ .on-first\:border-color-stone-500:first-child { border-color:#78716c; }
2073
+ .on-first\:background-stone-600:first-child { background-color:#57534e; }
2074
+ .on-first\:color-stone-600:first-child { color:#57534e; }
2075
+ .on-first\:border-color-stone-600:first-child { border-color:#57534e; }
2076
+ .on-first\:background-stone-700:first-child { background-color:#44403c; }
2077
+ .on-first\:color-stone-700:first-child { color:#44403c; }
2078
+ .on-first\:border-color-stone-700:first-child { border-color:#44403c; }
2079
+ .on-first\:add-shadow-sm:first-child { box-shadow:var(--santy-shadow-sm); }
2080
+ .on-first\:add-shadow:first-child { box-shadow:var(--santy-shadow); }
2081
+ .on-first\:add-shadow-md:first-child { box-shadow:var(--santy-shadow-md); }
2082
+ .on-first\:add-shadow-lg:first-child { box-shadow:var(--santy-shadow-lg); }
2083
+ .on-first\:no-shadow:first-child { box-shadow:none; }
2084
+ .on-first\:opacity-0:first-child { opacity:0; }
2085
+ .on-first\:opacity-25:first-child { opacity:0.25; }
2086
+ .on-first\:opacity-50:first-child { opacity:0.5; }
2087
+ .on-first\:opacity-75:first-child { opacity:0.75; }
2088
+ .on-first\:opacity-100:first-child { opacity:1; }
2089
+ .on-first\:scale-90:first-child { transform:scale(0.9); }
2090
+ .on-first\:scale-95:first-child { transform:scale(0.95); }
2091
+ .on-first\:scale-100:first-child { transform:scale(1); }
2092
+ .on-first\:scale-105:first-child { transform:scale(1.05); }
2093
+ .on-first\:scale-110:first-child { transform:scale(1.1); }
2094
+ .on-first\:make-hidden:first-child { display:none; }
2095
+ .on-first\:make-block:first-child { display:block; }
2096
+ .on-first\:make-flex:first-child { display:flex; }
2097
+ .on-first\:cursor-pointer:first-child { cursor:pointer; }
2098
+ .on-first\:cursor-not-allowed:first-child { cursor:not-allowed; }
2099
+ .on-first\:outline-none:first-child { outline:none; }
2100
+ .on-first\:text-underline:first-child { text-decoration:underline; }
2101
+ .on-first\:text-no-decoration:first-child { text-decoration:none; }
2102
+ .on-first\:text-bold:first-child { font-weight:700; }
2103
+ .on-first\:transition-fast:first-child { transition:var(--santy-transition-fast); }
2104
+ .on-first\:transition-normal:first-child { transition:var(--santy-transition-normal); }
2105
+ .on-first\:add-border-1:first-child { border:1px solid; }
2106
+ .on-first\:add-border-2:first-child { border:2px solid; }
2107
+ .on-first\:add-border-4:first-child { border:4px solid; }
2108
+
2109
+ /* on-last */
2110
+ .on-last\:background-red-300:last-child { background-color:#fca5a5; }
2111
+ .on-last\:color-red-300:last-child { color:#fca5a5; }
2112
+ .on-last\:border-color-red-300:last-child { border-color:#fca5a5; }
2113
+ .on-last\:background-red-400:last-child { background-color:#f87171; }
2114
+ .on-last\:color-red-400:last-child { color:#f87171; }
2115
+ .on-last\:border-color-red-400:last-child { border-color:#f87171; }
2116
+ .on-last\:background-red-500:last-child { background-color:#ef4444; }
2117
+ .on-last\:color-red-500:last-child { color:#ef4444; }
2118
+ .on-last\:border-color-red-500:last-child { border-color:#ef4444; }
2119
+ .on-last\:background-red-600:last-child { background-color:#dc2626; }
2120
+ .on-last\:color-red-600:last-child { color:#dc2626; }
2121
+ .on-last\:border-color-red-600:last-child { border-color:#dc2626; }
2122
+ .on-last\:background-red-700:last-child { background-color:#b91c1c; }
2123
+ .on-last\:color-red-700:last-child { color:#b91c1c; }
2124
+ .on-last\:border-color-red-700:last-child { border-color:#b91c1c; }
2125
+ .on-last\:background-orange-300:last-child { background-color:#fdba74; }
2126
+ .on-last\:color-orange-300:last-child { color:#fdba74; }
2127
+ .on-last\:border-color-orange-300:last-child { border-color:#fdba74; }
2128
+ .on-last\:background-orange-400:last-child { background-color:#fb923c; }
2129
+ .on-last\:color-orange-400:last-child { color:#fb923c; }
2130
+ .on-last\:border-color-orange-400:last-child { border-color:#fb923c; }
2131
+ .on-last\:background-orange-500:last-child { background-color:#f97316; }
2132
+ .on-last\:color-orange-500:last-child { color:#f97316; }
2133
+ .on-last\:border-color-orange-500:last-child { border-color:#f97316; }
2134
+ .on-last\:background-orange-600:last-child { background-color:#ea580c; }
2135
+ .on-last\:color-orange-600:last-child { color:#ea580c; }
2136
+ .on-last\:border-color-orange-600:last-child { border-color:#ea580c; }
2137
+ .on-last\:background-orange-700:last-child { background-color:#c2410c; }
2138
+ .on-last\:color-orange-700:last-child { color:#c2410c; }
2139
+ .on-last\:border-color-orange-700:last-child { border-color:#c2410c; }
2140
+ .on-last\:background-amber-300:last-child { background-color:#fcd34d; }
2141
+ .on-last\:color-amber-300:last-child { color:#fcd34d; }
2142
+ .on-last\:border-color-amber-300:last-child { border-color:#fcd34d; }
2143
+ .on-last\:background-amber-400:last-child { background-color:#fbbf24; }
2144
+ .on-last\:color-amber-400:last-child { color:#fbbf24; }
2145
+ .on-last\:border-color-amber-400:last-child { border-color:#fbbf24; }
2146
+ .on-last\:background-amber-500:last-child { background-color:#f59e0b; }
2147
+ .on-last\:color-amber-500:last-child { color:#f59e0b; }
2148
+ .on-last\:border-color-amber-500:last-child { border-color:#f59e0b; }
2149
+ .on-last\:background-amber-600:last-child { background-color:#d97706; }
2150
+ .on-last\:color-amber-600:last-child { color:#d97706; }
2151
+ .on-last\:border-color-amber-600:last-child { border-color:#d97706; }
2152
+ .on-last\:background-amber-700:last-child { background-color:#b45309; }
2153
+ .on-last\:color-amber-700:last-child { color:#b45309; }
2154
+ .on-last\:border-color-amber-700:last-child { border-color:#b45309; }
2155
+ .on-last\:background-yellow-300:last-child { background-color:#fde047; }
2156
+ .on-last\:color-yellow-300:last-child { color:#fde047; }
2157
+ .on-last\:border-color-yellow-300:last-child { border-color:#fde047; }
2158
+ .on-last\:background-yellow-400:last-child { background-color:#facc15; }
2159
+ .on-last\:color-yellow-400:last-child { color:#facc15; }
2160
+ .on-last\:border-color-yellow-400:last-child { border-color:#facc15; }
2161
+ .on-last\:background-yellow-500:last-child { background-color:#eab308; }
2162
+ .on-last\:color-yellow-500:last-child { color:#eab308; }
2163
+ .on-last\:border-color-yellow-500:last-child { border-color:#eab308; }
2164
+ .on-last\:background-yellow-600:last-child { background-color:#ca8a04; }
2165
+ .on-last\:color-yellow-600:last-child { color:#ca8a04; }
2166
+ .on-last\:border-color-yellow-600:last-child { border-color:#ca8a04; }
2167
+ .on-last\:background-yellow-700:last-child { background-color:#a16207; }
2168
+ .on-last\:color-yellow-700:last-child { color:#a16207; }
2169
+ .on-last\:border-color-yellow-700:last-child { border-color:#a16207; }
2170
+ .on-last\:background-lime-300:last-child { background-color:#bef264; }
2171
+ .on-last\:color-lime-300:last-child { color:#bef264; }
2172
+ .on-last\:border-color-lime-300:last-child { border-color:#bef264; }
2173
+ .on-last\:background-lime-400:last-child { background-color:#a3e635; }
2174
+ .on-last\:color-lime-400:last-child { color:#a3e635; }
2175
+ .on-last\:border-color-lime-400:last-child { border-color:#a3e635; }
2176
+ .on-last\:background-lime-500:last-child { background-color:#84cc16; }
2177
+ .on-last\:color-lime-500:last-child { color:#84cc16; }
2178
+ .on-last\:border-color-lime-500:last-child { border-color:#84cc16; }
2179
+ .on-last\:background-lime-600:last-child { background-color:#65a30d; }
2180
+ .on-last\:color-lime-600:last-child { color:#65a30d; }
2181
+ .on-last\:border-color-lime-600:last-child { border-color:#65a30d; }
2182
+ .on-last\:background-lime-700:last-child { background-color:#4d7c0f; }
2183
+ .on-last\:color-lime-700:last-child { color:#4d7c0f; }
2184
+ .on-last\:border-color-lime-700:last-child { border-color:#4d7c0f; }
2185
+ .on-last\:background-green-300:last-child { background-color:#86efac; }
2186
+ .on-last\:color-green-300:last-child { color:#86efac; }
2187
+ .on-last\:border-color-green-300:last-child { border-color:#86efac; }
2188
+ .on-last\:background-green-400:last-child { background-color:#4ade80; }
2189
+ .on-last\:color-green-400:last-child { color:#4ade80; }
2190
+ .on-last\:border-color-green-400:last-child { border-color:#4ade80; }
2191
+ .on-last\:background-green-500:last-child { background-color:#22c55e; }
2192
+ .on-last\:color-green-500:last-child { color:#22c55e; }
2193
+ .on-last\:border-color-green-500:last-child { border-color:#22c55e; }
2194
+ .on-last\:background-green-600:last-child { background-color:#16a34a; }
2195
+ .on-last\:color-green-600:last-child { color:#16a34a; }
2196
+ .on-last\:border-color-green-600:last-child { border-color:#16a34a; }
2197
+ .on-last\:background-green-700:last-child { background-color:#15803d; }
2198
+ .on-last\:color-green-700:last-child { color:#15803d; }
2199
+ .on-last\:border-color-green-700:last-child { border-color:#15803d; }
2200
+ .on-last\:background-teal-300:last-child { background-color:#5eead4; }
2201
+ .on-last\:color-teal-300:last-child { color:#5eead4; }
2202
+ .on-last\:border-color-teal-300:last-child { border-color:#5eead4; }
2203
+ .on-last\:background-teal-400:last-child { background-color:#2dd4bf; }
2204
+ .on-last\:color-teal-400:last-child { color:#2dd4bf; }
2205
+ .on-last\:border-color-teal-400:last-child { border-color:#2dd4bf; }
2206
+ .on-last\:background-teal-500:last-child { background-color:#14b8a6; }
2207
+ .on-last\:color-teal-500:last-child { color:#14b8a6; }
2208
+ .on-last\:border-color-teal-500:last-child { border-color:#14b8a6; }
2209
+ .on-last\:background-teal-600:last-child { background-color:#0d9488; }
2210
+ .on-last\:color-teal-600:last-child { color:#0d9488; }
2211
+ .on-last\:border-color-teal-600:last-child { border-color:#0d9488; }
2212
+ .on-last\:background-teal-700:last-child { background-color:#0f766e; }
2213
+ .on-last\:color-teal-700:last-child { color:#0f766e; }
2214
+ .on-last\:border-color-teal-700:last-child { border-color:#0f766e; }
2215
+ .on-last\:background-cyan-300:last-child { background-color:#67e8f9; }
2216
+ .on-last\:color-cyan-300:last-child { color:#67e8f9; }
2217
+ .on-last\:border-color-cyan-300:last-child { border-color:#67e8f9; }
2218
+ .on-last\:background-cyan-400:last-child { background-color:#22d3ee; }
2219
+ .on-last\:color-cyan-400:last-child { color:#22d3ee; }
2220
+ .on-last\:border-color-cyan-400:last-child { border-color:#22d3ee; }
2221
+ .on-last\:background-cyan-500:last-child { background-color:#06b6d4; }
2222
+ .on-last\:color-cyan-500:last-child { color:#06b6d4; }
2223
+ .on-last\:border-color-cyan-500:last-child { border-color:#06b6d4; }
2224
+ .on-last\:background-cyan-600:last-child { background-color:#0891b2; }
2225
+ .on-last\:color-cyan-600:last-child { color:#0891b2; }
2226
+ .on-last\:border-color-cyan-600:last-child { border-color:#0891b2; }
2227
+ .on-last\:background-cyan-700:last-child { background-color:#0e7490; }
2228
+ .on-last\:color-cyan-700:last-child { color:#0e7490; }
2229
+ .on-last\:border-color-cyan-700:last-child { border-color:#0e7490; }
2230
+ .on-last\:background-blue-300:last-child { background-color:#93c5fd; }
2231
+ .on-last\:color-blue-300:last-child { color:#93c5fd; }
2232
+ .on-last\:border-color-blue-300:last-child { border-color:#93c5fd; }
2233
+ .on-last\:background-blue-400:last-child { background-color:#60a5fa; }
2234
+ .on-last\:color-blue-400:last-child { color:#60a5fa; }
2235
+ .on-last\:border-color-blue-400:last-child { border-color:#60a5fa; }
2236
+ .on-last\:background-blue-500:last-child { background-color:#3b82f6; }
2237
+ .on-last\:color-blue-500:last-child { color:#3b82f6; }
2238
+ .on-last\:border-color-blue-500:last-child { border-color:#3b82f6; }
2239
+ .on-last\:background-blue-600:last-child { background-color:#2563eb; }
2240
+ .on-last\:color-blue-600:last-child { color:#2563eb; }
2241
+ .on-last\:border-color-blue-600:last-child { border-color:#2563eb; }
2242
+ .on-last\:background-blue-700:last-child { background-color:#1d4ed8; }
2243
+ .on-last\:color-blue-700:last-child { color:#1d4ed8; }
2244
+ .on-last\:border-color-blue-700:last-child { border-color:#1d4ed8; }
2245
+ .on-last\:background-indigo-300:last-child { background-color:#a5b4fc; }
2246
+ .on-last\:color-indigo-300:last-child { color:#a5b4fc; }
2247
+ .on-last\:border-color-indigo-300:last-child { border-color:#a5b4fc; }
2248
+ .on-last\:background-indigo-400:last-child { background-color:#818cf8; }
2249
+ .on-last\:color-indigo-400:last-child { color:#818cf8; }
2250
+ .on-last\:border-color-indigo-400:last-child { border-color:#818cf8; }
2251
+ .on-last\:background-indigo-500:last-child { background-color:#6366f1; }
2252
+ .on-last\:color-indigo-500:last-child { color:#6366f1; }
2253
+ .on-last\:border-color-indigo-500:last-child { border-color:#6366f1; }
2254
+ .on-last\:background-indigo-600:last-child { background-color:#4f46e5; }
2255
+ .on-last\:color-indigo-600:last-child { color:#4f46e5; }
2256
+ .on-last\:border-color-indigo-600:last-child { border-color:#4f46e5; }
2257
+ .on-last\:background-indigo-700:last-child { background-color:#4338ca; }
2258
+ .on-last\:color-indigo-700:last-child { color:#4338ca; }
2259
+ .on-last\:border-color-indigo-700:last-child { border-color:#4338ca; }
2260
+ .on-last\:background-violet-300:last-child { background-color:#c4b5fd; }
2261
+ .on-last\:color-violet-300:last-child { color:#c4b5fd; }
2262
+ .on-last\:border-color-violet-300:last-child { border-color:#c4b5fd; }
2263
+ .on-last\:background-violet-400:last-child { background-color:#a78bfa; }
2264
+ .on-last\:color-violet-400:last-child { color:#a78bfa; }
2265
+ .on-last\:border-color-violet-400:last-child { border-color:#a78bfa; }
2266
+ .on-last\:background-violet-500:last-child { background-color:#8b5cf6; }
2267
+ .on-last\:color-violet-500:last-child { color:#8b5cf6; }
2268
+ .on-last\:border-color-violet-500:last-child { border-color:#8b5cf6; }
2269
+ .on-last\:background-violet-600:last-child { background-color:#7c3aed; }
2270
+ .on-last\:color-violet-600:last-child { color:#7c3aed; }
2271
+ .on-last\:border-color-violet-600:last-child { border-color:#7c3aed; }
2272
+ .on-last\:background-violet-700:last-child { background-color:#6d28d9; }
2273
+ .on-last\:color-violet-700:last-child { color:#6d28d9; }
2274
+ .on-last\:border-color-violet-700:last-child { border-color:#6d28d9; }
2275
+ .on-last\:background-purple-300:last-child { background-color:#d8b4fe; }
2276
+ .on-last\:color-purple-300:last-child { color:#d8b4fe; }
2277
+ .on-last\:border-color-purple-300:last-child { border-color:#d8b4fe; }
2278
+ .on-last\:background-purple-400:last-child { background-color:#c084fc; }
2279
+ .on-last\:color-purple-400:last-child { color:#c084fc; }
2280
+ .on-last\:border-color-purple-400:last-child { border-color:#c084fc; }
2281
+ .on-last\:background-purple-500:last-child { background-color:#a855f7; }
2282
+ .on-last\:color-purple-500:last-child { color:#a855f7; }
2283
+ .on-last\:border-color-purple-500:last-child { border-color:#a855f7; }
2284
+ .on-last\:background-purple-600:last-child { background-color:#9333ea; }
2285
+ .on-last\:color-purple-600:last-child { color:#9333ea; }
2286
+ .on-last\:border-color-purple-600:last-child { border-color:#9333ea; }
2287
+ .on-last\:background-purple-700:last-child { background-color:#7e22ce; }
2288
+ .on-last\:color-purple-700:last-child { color:#7e22ce; }
2289
+ .on-last\:border-color-purple-700:last-child { border-color:#7e22ce; }
2290
+ .on-last\:background-pink-300:last-child { background-color:#f9a8d4; }
2291
+ .on-last\:color-pink-300:last-child { color:#f9a8d4; }
2292
+ .on-last\:border-color-pink-300:last-child { border-color:#f9a8d4; }
2293
+ .on-last\:background-pink-400:last-child { background-color:#f472b6; }
2294
+ .on-last\:color-pink-400:last-child { color:#f472b6; }
2295
+ .on-last\:border-color-pink-400:last-child { border-color:#f472b6; }
2296
+ .on-last\:background-pink-500:last-child { background-color:#ec4899; }
2297
+ .on-last\:color-pink-500:last-child { color:#ec4899; }
2298
+ .on-last\:border-color-pink-500:last-child { border-color:#ec4899; }
2299
+ .on-last\:background-pink-600:last-child { background-color:#db2777; }
2300
+ .on-last\:color-pink-600:last-child { color:#db2777; }
2301
+ .on-last\:border-color-pink-600:last-child { border-color:#db2777; }
2302
+ .on-last\:background-pink-700:last-child { background-color:#be185d; }
2303
+ .on-last\:color-pink-700:last-child { color:#be185d; }
2304
+ .on-last\:border-color-pink-700:last-child { border-color:#be185d; }
2305
+ .on-last\:background-rose-300:last-child { background-color:#fda4af; }
2306
+ .on-last\:color-rose-300:last-child { color:#fda4af; }
2307
+ .on-last\:border-color-rose-300:last-child { border-color:#fda4af; }
2308
+ .on-last\:background-rose-400:last-child { background-color:#fb7185; }
2309
+ .on-last\:color-rose-400:last-child { color:#fb7185; }
2310
+ .on-last\:border-color-rose-400:last-child { border-color:#fb7185; }
2311
+ .on-last\:background-rose-500:last-child { background-color:#f43f5e; }
2312
+ .on-last\:color-rose-500:last-child { color:#f43f5e; }
2313
+ .on-last\:border-color-rose-500:last-child { border-color:#f43f5e; }
2314
+ .on-last\:background-rose-600:last-child { background-color:#e11d48; }
2315
+ .on-last\:color-rose-600:last-child { color:#e11d48; }
2316
+ .on-last\:border-color-rose-600:last-child { border-color:#e11d48; }
2317
+ .on-last\:background-rose-700:last-child { background-color:#be123c; }
2318
+ .on-last\:color-rose-700:last-child { color:#be123c; }
2319
+ .on-last\:border-color-rose-700:last-child { border-color:#be123c; }
2320
+ .on-last\:background-slate-300:last-child { background-color:#cbd5e1; }
2321
+ .on-last\:color-slate-300:last-child { color:#cbd5e1; }
2322
+ .on-last\:border-color-slate-300:last-child { border-color:#cbd5e1; }
2323
+ .on-last\:background-slate-400:last-child { background-color:#94a3b8; }
2324
+ .on-last\:color-slate-400:last-child { color:#94a3b8; }
2325
+ .on-last\:border-color-slate-400:last-child { border-color:#94a3b8; }
2326
+ .on-last\:background-slate-500:last-child { background-color:#64748b; }
2327
+ .on-last\:color-slate-500:last-child { color:#64748b; }
2328
+ .on-last\:border-color-slate-500:last-child { border-color:#64748b; }
2329
+ .on-last\:background-slate-600:last-child { background-color:#475569; }
2330
+ .on-last\:color-slate-600:last-child { color:#475569; }
2331
+ .on-last\:border-color-slate-600:last-child { border-color:#475569; }
2332
+ .on-last\:background-slate-700:last-child { background-color:#334155; }
2333
+ .on-last\:color-slate-700:last-child { color:#334155; }
2334
+ .on-last\:border-color-slate-700:last-child { border-color:#334155; }
2335
+ .on-last\:background-gray-300:last-child { background-color:#d1d5db; }
2336
+ .on-last\:color-gray-300:last-child { color:#d1d5db; }
2337
+ .on-last\:border-color-gray-300:last-child { border-color:#d1d5db; }
2338
+ .on-last\:background-gray-400:last-child { background-color:#9ca3af; }
2339
+ .on-last\:color-gray-400:last-child { color:#9ca3af; }
2340
+ .on-last\:border-color-gray-400:last-child { border-color:#9ca3af; }
2341
+ .on-last\:background-gray-500:last-child { background-color:#6b7280; }
2342
+ .on-last\:color-gray-500:last-child { color:#6b7280; }
2343
+ .on-last\:border-color-gray-500:last-child { border-color:#6b7280; }
2344
+ .on-last\:background-gray-600:last-child { background-color:#4b5563; }
2345
+ .on-last\:color-gray-600:last-child { color:#4b5563; }
2346
+ .on-last\:border-color-gray-600:last-child { border-color:#4b5563; }
2347
+ .on-last\:background-gray-700:last-child { background-color:#374151; }
2348
+ .on-last\:color-gray-700:last-child { color:#374151; }
2349
+ .on-last\:border-color-gray-700:last-child { border-color:#374151; }
2350
+ .on-last\:background-zinc-300:last-child { background-color:#d4d4d8; }
2351
+ .on-last\:color-zinc-300:last-child { color:#d4d4d8; }
2352
+ .on-last\:border-color-zinc-300:last-child { border-color:#d4d4d8; }
2353
+ .on-last\:background-zinc-400:last-child { background-color:#a1a1aa; }
2354
+ .on-last\:color-zinc-400:last-child { color:#a1a1aa; }
2355
+ .on-last\:border-color-zinc-400:last-child { border-color:#a1a1aa; }
2356
+ .on-last\:background-zinc-500:last-child { background-color:#71717a; }
2357
+ .on-last\:color-zinc-500:last-child { color:#71717a; }
2358
+ .on-last\:border-color-zinc-500:last-child { border-color:#71717a; }
2359
+ .on-last\:background-zinc-600:last-child { background-color:#52525b; }
2360
+ .on-last\:color-zinc-600:last-child { color:#52525b; }
2361
+ .on-last\:border-color-zinc-600:last-child { border-color:#52525b; }
2362
+ .on-last\:background-zinc-700:last-child { background-color:#3f3f46; }
2363
+ .on-last\:color-zinc-700:last-child { color:#3f3f46; }
2364
+ .on-last\:border-color-zinc-700:last-child { border-color:#3f3f46; }
2365
+ .on-last\:background-stone-300:last-child { background-color:#d6d3d1; }
2366
+ .on-last\:color-stone-300:last-child { color:#d6d3d1; }
2367
+ .on-last\:border-color-stone-300:last-child { border-color:#d6d3d1; }
2368
+ .on-last\:background-stone-400:last-child { background-color:#a8a29e; }
2369
+ .on-last\:color-stone-400:last-child { color:#a8a29e; }
2370
+ .on-last\:border-color-stone-400:last-child { border-color:#a8a29e; }
2371
+ .on-last\:background-stone-500:last-child { background-color:#78716c; }
2372
+ .on-last\:color-stone-500:last-child { color:#78716c; }
2373
+ .on-last\:border-color-stone-500:last-child { border-color:#78716c; }
2374
+ .on-last\:background-stone-600:last-child { background-color:#57534e; }
2375
+ .on-last\:color-stone-600:last-child { color:#57534e; }
2376
+ .on-last\:border-color-stone-600:last-child { border-color:#57534e; }
2377
+ .on-last\:background-stone-700:last-child { background-color:#44403c; }
2378
+ .on-last\:color-stone-700:last-child { color:#44403c; }
2379
+ .on-last\:border-color-stone-700:last-child { border-color:#44403c; }
2380
+ .on-last\:add-shadow-sm:last-child { box-shadow:var(--santy-shadow-sm); }
2381
+ .on-last\:add-shadow:last-child { box-shadow:var(--santy-shadow); }
2382
+ .on-last\:add-shadow-md:last-child { box-shadow:var(--santy-shadow-md); }
2383
+ .on-last\:add-shadow-lg:last-child { box-shadow:var(--santy-shadow-lg); }
2384
+ .on-last\:no-shadow:last-child { box-shadow:none; }
2385
+ .on-last\:opacity-0:last-child { opacity:0; }
2386
+ .on-last\:opacity-25:last-child { opacity:0.25; }
2387
+ .on-last\:opacity-50:last-child { opacity:0.5; }
2388
+ .on-last\:opacity-75:last-child { opacity:0.75; }
2389
+ .on-last\:opacity-100:last-child { opacity:1; }
2390
+ .on-last\:scale-90:last-child { transform:scale(0.9); }
2391
+ .on-last\:scale-95:last-child { transform:scale(0.95); }
2392
+ .on-last\:scale-100:last-child { transform:scale(1); }
2393
+ .on-last\:scale-105:last-child { transform:scale(1.05); }
2394
+ .on-last\:scale-110:last-child { transform:scale(1.1); }
2395
+ .on-last\:make-hidden:last-child { display:none; }
2396
+ .on-last\:make-block:last-child { display:block; }
2397
+ .on-last\:make-flex:last-child { display:flex; }
2398
+ .on-last\:cursor-pointer:last-child { cursor:pointer; }
2399
+ .on-last\:cursor-not-allowed:last-child { cursor:not-allowed; }
2400
+ .on-last\:outline-none:last-child { outline:none; }
2401
+ .on-last\:text-underline:last-child { text-decoration:underline; }
2402
+ .on-last\:text-no-decoration:last-child { text-decoration:none; }
2403
+ .on-last\:text-bold:last-child { font-weight:700; }
2404
+ .on-last\:transition-fast:last-child { transition:var(--santy-transition-fast); }
2405
+ .on-last\:transition-normal:last-child { transition:var(--santy-transition-normal); }
2406
+ .on-last\:add-border-1:last-child { border:1px solid; }
2407
+ .on-last\:add-border-2:last-child { border:2px solid; }
2408
+ .on-last\:add-border-4:last-child { border:4px solid; }
2409
+
2410
+ /* on-odd */
2411
+ .on-odd\:background-red-300:nth-child(odd) { background-color:#fca5a5; }
2412
+ .on-odd\:color-red-300:nth-child(odd) { color:#fca5a5; }
2413
+ .on-odd\:border-color-red-300:nth-child(odd) { border-color:#fca5a5; }
2414
+ .on-odd\:background-red-400:nth-child(odd) { background-color:#f87171; }
2415
+ .on-odd\:color-red-400:nth-child(odd) { color:#f87171; }
2416
+ .on-odd\:border-color-red-400:nth-child(odd) { border-color:#f87171; }
2417
+ .on-odd\:background-red-500:nth-child(odd) { background-color:#ef4444; }
2418
+ .on-odd\:color-red-500:nth-child(odd) { color:#ef4444; }
2419
+ .on-odd\:border-color-red-500:nth-child(odd) { border-color:#ef4444; }
2420
+ .on-odd\:background-red-600:nth-child(odd) { background-color:#dc2626; }
2421
+ .on-odd\:color-red-600:nth-child(odd) { color:#dc2626; }
2422
+ .on-odd\:border-color-red-600:nth-child(odd) { border-color:#dc2626; }
2423
+ .on-odd\:background-red-700:nth-child(odd) { background-color:#b91c1c; }
2424
+ .on-odd\:color-red-700:nth-child(odd) { color:#b91c1c; }
2425
+ .on-odd\:border-color-red-700:nth-child(odd) { border-color:#b91c1c; }
2426
+ .on-odd\:background-orange-300:nth-child(odd) { background-color:#fdba74; }
2427
+ .on-odd\:color-orange-300:nth-child(odd) { color:#fdba74; }
2428
+ .on-odd\:border-color-orange-300:nth-child(odd) { border-color:#fdba74; }
2429
+ .on-odd\:background-orange-400:nth-child(odd) { background-color:#fb923c; }
2430
+ .on-odd\:color-orange-400:nth-child(odd) { color:#fb923c; }
2431
+ .on-odd\:border-color-orange-400:nth-child(odd) { border-color:#fb923c; }
2432
+ .on-odd\:background-orange-500:nth-child(odd) { background-color:#f97316; }
2433
+ .on-odd\:color-orange-500:nth-child(odd) { color:#f97316; }
2434
+ .on-odd\:border-color-orange-500:nth-child(odd) { border-color:#f97316; }
2435
+ .on-odd\:background-orange-600:nth-child(odd) { background-color:#ea580c; }
2436
+ .on-odd\:color-orange-600:nth-child(odd) { color:#ea580c; }
2437
+ .on-odd\:border-color-orange-600:nth-child(odd) { border-color:#ea580c; }
2438
+ .on-odd\:background-orange-700:nth-child(odd) { background-color:#c2410c; }
2439
+ .on-odd\:color-orange-700:nth-child(odd) { color:#c2410c; }
2440
+ .on-odd\:border-color-orange-700:nth-child(odd) { border-color:#c2410c; }
2441
+ .on-odd\:background-amber-300:nth-child(odd) { background-color:#fcd34d; }
2442
+ .on-odd\:color-amber-300:nth-child(odd) { color:#fcd34d; }
2443
+ .on-odd\:border-color-amber-300:nth-child(odd) { border-color:#fcd34d; }
2444
+ .on-odd\:background-amber-400:nth-child(odd) { background-color:#fbbf24; }
2445
+ .on-odd\:color-amber-400:nth-child(odd) { color:#fbbf24; }
2446
+ .on-odd\:border-color-amber-400:nth-child(odd) { border-color:#fbbf24; }
2447
+ .on-odd\:background-amber-500:nth-child(odd) { background-color:#f59e0b; }
2448
+ .on-odd\:color-amber-500:nth-child(odd) { color:#f59e0b; }
2449
+ .on-odd\:border-color-amber-500:nth-child(odd) { border-color:#f59e0b; }
2450
+ .on-odd\:background-amber-600:nth-child(odd) { background-color:#d97706; }
2451
+ .on-odd\:color-amber-600:nth-child(odd) { color:#d97706; }
2452
+ .on-odd\:border-color-amber-600:nth-child(odd) { border-color:#d97706; }
2453
+ .on-odd\:background-amber-700:nth-child(odd) { background-color:#b45309; }
2454
+ .on-odd\:color-amber-700:nth-child(odd) { color:#b45309; }
2455
+ .on-odd\:border-color-amber-700:nth-child(odd) { border-color:#b45309; }
2456
+ .on-odd\:background-yellow-300:nth-child(odd) { background-color:#fde047; }
2457
+ .on-odd\:color-yellow-300:nth-child(odd) { color:#fde047; }
2458
+ .on-odd\:border-color-yellow-300:nth-child(odd) { border-color:#fde047; }
2459
+ .on-odd\:background-yellow-400:nth-child(odd) { background-color:#facc15; }
2460
+ .on-odd\:color-yellow-400:nth-child(odd) { color:#facc15; }
2461
+ .on-odd\:border-color-yellow-400:nth-child(odd) { border-color:#facc15; }
2462
+ .on-odd\:background-yellow-500:nth-child(odd) { background-color:#eab308; }
2463
+ .on-odd\:color-yellow-500:nth-child(odd) { color:#eab308; }
2464
+ .on-odd\:border-color-yellow-500:nth-child(odd) { border-color:#eab308; }
2465
+ .on-odd\:background-yellow-600:nth-child(odd) { background-color:#ca8a04; }
2466
+ .on-odd\:color-yellow-600:nth-child(odd) { color:#ca8a04; }
2467
+ .on-odd\:border-color-yellow-600:nth-child(odd) { border-color:#ca8a04; }
2468
+ .on-odd\:background-yellow-700:nth-child(odd) { background-color:#a16207; }
2469
+ .on-odd\:color-yellow-700:nth-child(odd) { color:#a16207; }
2470
+ .on-odd\:border-color-yellow-700:nth-child(odd) { border-color:#a16207; }
2471
+ .on-odd\:background-lime-300:nth-child(odd) { background-color:#bef264; }
2472
+ .on-odd\:color-lime-300:nth-child(odd) { color:#bef264; }
2473
+ .on-odd\:border-color-lime-300:nth-child(odd) { border-color:#bef264; }
2474
+ .on-odd\:background-lime-400:nth-child(odd) { background-color:#a3e635; }
2475
+ .on-odd\:color-lime-400:nth-child(odd) { color:#a3e635; }
2476
+ .on-odd\:border-color-lime-400:nth-child(odd) { border-color:#a3e635; }
2477
+ .on-odd\:background-lime-500:nth-child(odd) { background-color:#84cc16; }
2478
+ .on-odd\:color-lime-500:nth-child(odd) { color:#84cc16; }
2479
+ .on-odd\:border-color-lime-500:nth-child(odd) { border-color:#84cc16; }
2480
+ .on-odd\:background-lime-600:nth-child(odd) { background-color:#65a30d; }
2481
+ .on-odd\:color-lime-600:nth-child(odd) { color:#65a30d; }
2482
+ .on-odd\:border-color-lime-600:nth-child(odd) { border-color:#65a30d; }
2483
+ .on-odd\:background-lime-700:nth-child(odd) { background-color:#4d7c0f; }
2484
+ .on-odd\:color-lime-700:nth-child(odd) { color:#4d7c0f; }
2485
+ .on-odd\:border-color-lime-700:nth-child(odd) { border-color:#4d7c0f; }
2486
+ .on-odd\:background-green-300:nth-child(odd) { background-color:#86efac; }
2487
+ .on-odd\:color-green-300:nth-child(odd) { color:#86efac; }
2488
+ .on-odd\:border-color-green-300:nth-child(odd) { border-color:#86efac; }
2489
+ .on-odd\:background-green-400:nth-child(odd) { background-color:#4ade80; }
2490
+ .on-odd\:color-green-400:nth-child(odd) { color:#4ade80; }
2491
+ .on-odd\:border-color-green-400:nth-child(odd) { border-color:#4ade80; }
2492
+ .on-odd\:background-green-500:nth-child(odd) { background-color:#22c55e; }
2493
+ .on-odd\:color-green-500:nth-child(odd) { color:#22c55e; }
2494
+ .on-odd\:border-color-green-500:nth-child(odd) { border-color:#22c55e; }
2495
+ .on-odd\:background-green-600:nth-child(odd) { background-color:#16a34a; }
2496
+ .on-odd\:color-green-600:nth-child(odd) { color:#16a34a; }
2497
+ .on-odd\:border-color-green-600:nth-child(odd) { border-color:#16a34a; }
2498
+ .on-odd\:background-green-700:nth-child(odd) { background-color:#15803d; }
2499
+ .on-odd\:color-green-700:nth-child(odd) { color:#15803d; }
2500
+ .on-odd\:border-color-green-700:nth-child(odd) { border-color:#15803d; }
2501
+ .on-odd\:background-teal-300:nth-child(odd) { background-color:#5eead4; }
2502
+ .on-odd\:color-teal-300:nth-child(odd) { color:#5eead4; }
2503
+ .on-odd\:border-color-teal-300:nth-child(odd) { border-color:#5eead4; }
2504
+ .on-odd\:background-teal-400:nth-child(odd) { background-color:#2dd4bf; }
2505
+ .on-odd\:color-teal-400:nth-child(odd) { color:#2dd4bf; }
2506
+ .on-odd\:border-color-teal-400:nth-child(odd) { border-color:#2dd4bf; }
2507
+ .on-odd\:background-teal-500:nth-child(odd) { background-color:#14b8a6; }
2508
+ .on-odd\:color-teal-500:nth-child(odd) { color:#14b8a6; }
2509
+ .on-odd\:border-color-teal-500:nth-child(odd) { border-color:#14b8a6; }
2510
+ .on-odd\:background-teal-600:nth-child(odd) { background-color:#0d9488; }
2511
+ .on-odd\:color-teal-600:nth-child(odd) { color:#0d9488; }
2512
+ .on-odd\:border-color-teal-600:nth-child(odd) { border-color:#0d9488; }
2513
+ .on-odd\:background-teal-700:nth-child(odd) { background-color:#0f766e; }
2514
+ .on-odd\:color-teal-700:nth-child(odd) { color:#0f766e; }
2515
+ .on-odd\:border-color-teal-700:nth-child(odd) { border-color:#0f766e; }
2516
+ .on-odd\:background-cyan-300:nth-child(odd) { background-color:#67e8f9; }
2517
+ .on-odd\:color-cyan-300:nth-child(odd) { color:#67e8f9; }
2518
+ .on-odd\:border-color-cyan-300:nth-child(odd) { border-color:#67e8f9; }
2519
+ .on-odd\:background-cyan-400:nth-child(odd) { background-color:#22d3ee; }
2520
+ .on-odd\:color-cyan-400:nth-child(odd) { color:#22d3ee; }
2521
+ .on-odd\:border-color-cyan-400:nth-child(odd) { border-color:#22d3ee; }
2522
+ .on-odd\:background-cyan-500:nth-child(odd) { background-color:#06b6d4; }
2523
+ .on-odd\:color-cyan-500:nth-child(odd) { color:#06b6d4; }
2524
+ .on-odd\:border-color-cyan-500:nth-child(odd) { border-color:#06b6d4; }
2525
+ .on-odd\:background-cyan-600:nth-child(odd) { background-color:#0891b2; }
2526
+ .on-odd\:color-cyan-600:nth-child(odd) { color:#0891b2; }
2527
+ .on-odd\:border-color-cyan-600:nth-child(odd) { border-color:#0891b2; }
2528
+ .on-odd\:background-cyan-700:nth-child(odd) { background-color:#0e7490; }
2529
+ .on-odd\:color-cyan-700:nth-child(odd) { color:#0e7490; }
2530
+ .on-odd\:border-color-cyan-700:nth-child(odd) { border-color:#0e7490; }
2531
+ .on-odd\:background-blue-300:nth-child(odd) { background-color:#93c5fd; }
2532
+ .on-odd\:color-blue-300:nth-child(odd) { color:#93c5fd; }
2533
+ .on-odd\:border-color-blue-300:nth-child(odd) { border-color:#93c5fd; }
2534
+ .on-odd\:background-blue-400:nth-child(odd) { background-color:#60a5fa; }
2535
+ .on-odd\:color-blue-400:nth-child(odd) { color:#60a5fa; }
2536
+ .on-odd\:border-color-blue-400:nth-child(odd) { border-color:#60a5fa; }
2537
+ .on-odd\:background-blue-500:nth-child(odd) { background-color:#3b82f6; }
2538
+ .on-odd\:color-blue-500:nth-child(odd) { color:#3b82f6; }
2539
+ .on-odd\:border-color-blue-500:nth-child(odd) { border-color:#3b82f6; }
2540
+ .on-odd\:background-blue-600:nth-child(odd) { background-color:#2563eb; }
2541
+ .on-odd\:color-blue-600:nth-child(odd) { color:#2563eb; }
2542
+ .on-odd\:border-color-blue-600:nth-child(odd) { border-color:#2563eb; }
2543
+ .on-odd\:background-blue-700:nth-child(odd) { background-color:#1d4ed8; }
2544
+ .on-odd\:color-blue-700:nth-child(odd) { color:#1d4ed8; }
2545
+ .on-odd\:border-color-blue-700:nth-child(odd) { border-color:#1d4ed8; }
2546
+ .on-odd\:background-indigo-300:nth-child(odd) { background-color:#a5b4fc; }
2547
+ .on-odd\:color-indigo-300:nth-child(odd) { color:#a5b4fc; }
2548
+ .on-odd\:border-color-indigo-300:nth-child(odd) { border-color:#a5b4fc; }
2549
+ .on-odd\:background-indigo-400:nth-child(odd) { background-color:#818cf8; }
2550
+ .on-odd\:color-indigo-400:nth-child(odd) { color:#818cf8; }
2551
+ .on-odd\:border-color-indigo-400:nth-child(odd) { border-color:#818cf8; }
2552
+ .on-odd\:background-indigo-500:nth-child(odd) { background-color:#6366f1; }
2553
+ .on-odd\:color-indigo-500:nth-child(odd) { color:#6366f1; }
2554
+ .on-odd\:border-color-indigo-500:nth-child(odd) { border-color:#6366f1; }
2555
+ .on-odd\:background-indigo-600:nth-child(odd) { background-color:#4f46e5; }
2556
+ .on-odd\:color-indigo-600:nth-child(odd) { color:#4f46e5; }
2557
+ .on-odd\:border-color-indigo-600:nth-child(odd) { border-color:#4f46e5; }
2558
+ .on-odd\:background-indigo-700:nth-child(odd) { background-color:#4338ca; }
2559
+ .on-odd\:color-indigo-700:nth-child(odd) { color:#4338ca; }
2560
+ .on-odd\:border-color-indigo-700:nth-child(odd) { border-color:#4338ca; }
2561
+ .on-odd\:background-violet-300:nth-child(odd) { background-color:#c4b5fd; }
2562
+ .on-odd\:color-violet-300:nth-child(odd) { color:#c4b5fd; }
2563
+ .on-odd\:border-color-violet-300:nth-child(odd) { border-color:#c4b5fd; }
2564
+ .on-odd\:background-violet-400:nth-child(odd) { background-color:#a78bfa; }
2565
+ .on-odd\:color-violet-400:nth-child(odd) { color:#a78bfa; }
2566
+ .on-odd\:border-color-violet-400:nth-child(odd) { border-color:#a78bfa; }
2567
+ .on-odd\:background-violet-500:nth-child(odd) { background-color:#8b5cf6; }
2568
+ .on-odd\:color-violet-500:nth-child(odd) { color:#8b5cf6; }
2569
+ .on-odd\:border-color-violet-500:nth-child(odd) { border-color:#8b5cf6; }
2570
+ .on-odd\:background-violet-600:nth-child(odd) { background-color:#7c3aed; }
2571
+ .on-odd\:color-violet-600:nth-child(odd) { color:#7c3aed; }
2572
+ .on-odd\:border-color-violet-600:nth-child(odd) { border-color:#7c3aed; }
2573
+ .on-odd\:background-violet-700:nth-child(odd) { background-color:#6d28d9; }
2574
+ .on-odd\:color-violet-700:nth-child(odd) { color:#6d28d9; }
2575
+ .on-odd\:border-color-violet-700:nth-child(odd) { border-color:#6d28d9; }
2576
+ .on-odd\:background-purple-300:nth-child(odd) { background-color:#d8b4fe; }
2577
+ .on-odd\:color-purple-300:nth-child(odd) { color:#d8b4fe; }
2578
+ .on-odd\:border-color-purple-300:nth-child(odd) { border-color:#d8b4fe; }
2579
+ .on-odd\:background-purple-400:nth-child(odd) { background-color:#c084fc; }
2580
+ .on-odd\:color-purple-400:nth-child(odd) { color:#c084fc; }
2581
+ .on-odd\:border-color-purple-400:nth-child(odd) { border-color:#c084fc; }
2582
+ .on-odd\:background-purple-500:nth-child(odd) { background-color:#a855f7; }
2583
+ .on-odd\:color-purple-500:nth-child(odd) { color:#a855f7; }
2584
+ .on-odd\:border-color-purple-500:nth-child(odd) { border-color:#a855f7; }
2585
+ .on-odd\:background-purple-600:nth-child(odd) { background-color:#9333ea; }
2586
+ .on-odd\:color-purple-600:nth-child(odd) { color:#9333ea; }
2587
+ .on-odd\:border-color-purple-600:nth-child(odd) { border-color:#9333ea; }
2588
+ .on-odd\:background-purple-700:nth-child(odd) { background-color:#7e22ce; }
2589
+ .on-odd\:color-purple-700:nth-child(odd) { color:#7e22ce; }
2590
+ .on-odd\:border-color-purple-700:nth-child(odd) { border-color:#7e22ce; }
2591
+ .on-odd\:background-pink-300:nth-child(odd) { background-color:#f9a8d4; }
2592
+ .on-odd\:color-pink-300:nth-child(odd) { color:#f9a8d4; }
2593
+ .on-odd\:border-color-pink-300:nth-child(odd) { border-color:#f9a8d4; }
2594
+ .on-odd\:background-pink-400:nth-child(odd) { background-color:#f472b6; }
2595
+ .on-odd\:color-pink-400:nth-child(odd) { color:#f472b6; }
2596
+ .on-odd\:border-color-pink-400:nth-child(odd) { border-color:#f472b6; }
2597
+ .on-odd\:background-pink-500:nth-child(odd) { background-color:#ec4899; }
2598
+ .on-odd\:color-pink-500:nth-child(odd) { color:#ec4899; }
2599
+ .on-odd\:border-color-pink-500:nth-child(odd) { border-color:#ec4899; }
2600
+ .on-odd\:background-pink-600:nth-child(odd) { background-color:#db2777; }
2601
+ .on-odd\:color-pink-600:nth-child(odd) { color:#db2777; }
2602
+ .on-odd\:border-color-pink-600:nth-child(odd) { border-color:#db2777; }
2603
+ .on-odd\:background-pink-700:nth-child(odd) { background-color:#be185d; }
2604
+ .on-odd\:color-pink-700:nth-child(odd) { color:#be185d; }
2605
+ .on-odd\:border-color-pink-700:nth-child(odd) { border-color:#be185d; }
2606
+ .on-odd\:background-rose-300:nth-child(odd) { background-color:#fda4af; }
2607
+ .on-odd\:color-rose-300:nth-child(odd) { color:#fda4af; }
2608
+ .on-odd\:border-color-rose-300:nth-child(odd) { border-color:#fda4af; }
2609
+ .on-odd\:background-rose-400:nth-child(odd) { background-color:#fb7185; }
2610
+ .on-odd\:color-rose-400:nth-child(odd) { color:#fb7185; }
2611
+ .on-odd\:border-color-rose-400:nth-child(odd) { border-color:#fb7185; }
2612
+ .on-odd\:background-rose-500:nth-child(odd) { background-color:#f43f5e; }
2613
+ .on-odd\:color-rose-500:nth-child(odd) { color:#f43f5e; }
2614
+ .on-odd\:border-color-rose-500:nth-child(odd) { border-color:#f43f5e; }
2615
+ .on-odd\:background-rose-600:nth-child(odd) { background-color:#e11d48; }
2616
+ .on-odd\:color-rose-600:nth-child(odd) { color:#e11d48; }
2617
+ .on-odd\:border-color-rose-600:nth-child(odd) { border-color:#e11d48; }
2618
+ .on-odd\:background-rose-700:nth-child(odd) { background-color:#be123c; }
2619
+ .on-odd\:color-rose-700:nth-child(odd) { color:#be123c; }
2620
+ .on-odd\:border-color-rose-700:nth-child(odd) { border-color:#be123c; }
2621
+ .on-odd\:background-slate-300:nth-child(odd) { background-color:#cbd5e1; }
2622
+ .on-odd\:color-slate-300:nth-child(odd) { color:#cbd5e1; }
2623
+ .on-odd\:border-color-slate-300:nth-child(odd) { border-color:#cbd5e1; }
2624
+ .on-odd\:background-slate-400:nth-child(odd) { background-color:#94a3b8; }
2625
+ .on-odd\:color-slate-400:nth-child(odd) { color:#94a3b8; }
2626
+ .on-odd\:border-color-slate-400:nth-child(odd) { border-color:#94a3b8; }
2627
+ .on-odd\:background-slate-500:nth-child(odd) { background-color:#64748b; }
2628
+ .on-odd\:color-slate-500:nth-child(odd) { color:#64748b; }
2629
+ .on-odd\:border-color-slate-500:nth-child(odd) { border-color:#64748b; }
2630
+ .on-odd\:background-slate-600:nth-child(odd) { background-color:#475569; }
2631
+ .on-odd\:color-slate-600:nth-child(odd) { color:#475569; }
2632
+ .on-odd\:border-color-slate-600:nth-child(odd) { border-color:#475569; }
2633
+ .on-odd\:background-slate-700:nth-child(odd) { background-color:#334155; }
2634
+ .on-odd\:color-slate-700:nth-child(odd) { color:#334155; }
2635
+ .on-odd\:border-color-slate-700:nth-child(odd) { border-color:#334155; }
2636
+ .on-odd\:background-gray-300:nth-child(odd) { background-color:#d1d5db; }
2637
+ .on-odd\:color-gray-300:nth-child(odd) { color:#d1d5db; }
2638
+ .on-odd\:border-color-gray-300:nth-child(odd) { border-color:#d1d5db; }
2639
+ .on-odd\:background-gray-400:nth-child(odd) { background-color:#9ca3af; }
2640
+ .on-odd\:color-gray-400:nth-child(odd) { color:#9ca3af; }
2641
+ .on-odd\:border-color-gray-400:nth-child(odd) { border-color:#9ca3af; }
2642
+ .on-odd\:background-gray-500:nth-child(odd) { background-color:#6b7280; }
2643
+ .on-odd\:color-gray-500:nth-child(odd) { color:#6b7280; }
2644
+ .on-odd\:border-color-gray-500:nth-child(odd) { border-color:#6b7280; }
2645
+ .on-odd\:background-gray-600:nth-child(odd) { background-color:#4b5563; }
2646
+ .on-odd\:color-gray-600:nth-child(odd) { color:#4b5563; }
2647
+ .on-odd\:border-color-gray-600:nth-child(odd) { border-color:#4b5563; }
2648
+ .on-odd\:background-gray-700:nth-child(odd) { background-color:#374151; }
2649
+ .on-odd\:color-gray-700:nth-child(odd) { color:#374151; }
2650
+ .on-odd\:border-color-gray-700:nth-child(odd) { border-color:#374151; }
2651
+ .on-odd\:background-zinc-300:nth-child(odd) { background-color:#d4d4d8; }
2652
+ .on-odd\:color-zinc-300:nth-child(odd) { color:#d4d4d8; }
2653
+ .on-odd\:border-color-zinc-300:nth-child(odd) { border-color:#d4d4d8; }
2654
+ .on-odd\:background-zinc-400:nth-child(odd) { background-color:#a1a1aa; }
2655
+ .on-odd\:color-zinc-400:nth-child(odd) { color:#a1a1aa; }
2656
+ .on-odd\:border-color-zinc-400:nth-child(odd) { border-color:#a1a1aa; }
2657
+ .on-odd\:background-zinc-500:nth-child(odd) { background-color:#71717a; }
2658
+ .on-odd\:color-zinc-500:nth-child(odd) { color:#71717a; }
2659
+ .on-odd\:border-color-zinc-500:nth-child(odd) { border-color:#71717a; }
2660
+ .on-odd\:background-zinc-600:nth-child(odd) { background-color:#52525b; }
2661
+ .on-odd\:color-zinc-600:nth-child(odd) { color:#52525b; }
2662
+ .on-odd\:border-color-zinc-600:nth-child(odd) { border-color:#52525b; }
2663
+ .on-odd\:background-zinc-700:nth-child(odd) { background-color:#3f3f46; }
2664
+ .on-odd\:color-zinc-700:nth-child(odd) { color:#3f3f46; }
2665
+ .on-odd\:border-color-zinc-700:nth-child(odd) { border-color:#3f3f46; }
2666
+ .on-odd\:background-stone-300:nth-child(odd) { background-color:#d6d3d1; }
2667
+ .on-odd\:color-stone-300:nth-child(odd) { color:#d6d3d1; }
2668
+ .on-odd\:border-color-stone-300:nth-child(odd) { border-color:#d6d3d1; }
2669
+ .on-odd\:background-stone-400:nth-child(odd) { background-color:#a8a29e; }
2670
+ .on-odd\:color-stone-400:nth-child(odd) { color:#a8a29e; }
2671
+ .on-odd\:border-color-stone-400:nth-child(odd) { border-color:#a8a29e; }
2672
+ .on-odd\:background-stone-500:nth-child(odd) { background-color:#78716c; }
2673
+ .on-odd\:color-stone-500:nth-child(odd) { color:#78716c; }
2674
+ .on-odd\:border-color-stone-500:nth-child(odd) { border-color:#78716c; }
2675
+ .on-odd\:background-stone-600:nth-child(odd) { background-color:#57534e; }
2676
+ .on-odd\:color-stone-600:nth-child(odd) { color:#57534e; }
2677
+ .on-odd\:border-color-stone-600:nth-child(odd) { border-color:#57534e; }
2678
+ .on-odd\:background-stone-700:nth-child(odd) { background-color:#44403c; }
2679
+ .on-odd\:color-stone-700:nth-child(odd) { color:#44403c; }
2680
+ .on-odd\:border-color-stone-700:nth-child(odd) { border-color:#44403c; }
2681
+ .on-odd\:add-shadow-sm:nth-child(odd) { box-shadow:var(--santy-shadow-sm); }
2682
+ .on-odd\:add-shadow:nth-child(odd) { box-shadow:var(--santy-shadow); }
2683
+ .on-odd\:add-shadow-md:nth-child(odd) { box-shadow:var(--santy-shadow-md); }
2684
+ .on-odd\:add-shadow-lg:nth-child(odd) { box-shadow:var(--santy-shadow-lg); }
2685
+ .on-odd\:no-shadow:nth-child(odd) { box-shadow:none; }
2686
+ .on-odd\:opacity-0:nth-child(odd) { opacity:0; }
2687
+ .on-odd\:opacity-25:nth-child(odd) { opacity:0.25; }
2688
+ .on-odd\:opacity-50:nth-child(odd) { opacity:0.5; }
2689
+ .on-odd\:opacity-75:nth-child(odd) { opacity:0.75; }
2690
+ .on-odd\:opacity-100:nth-child(odd) { opacity:1; }
2691
+ .on-odd\:scale-90:nth-child(odd) { transform:scale(0.9); }
2692
+ .on-odd\:scale-95:nth-child(odd) { transform:scale(0.95); }
2693
+ .on-odd\:scale-100:nth-child(odd) { transform:scale(1); }
2694
+ .on-odd\:scale-105:nth-child(odd) { transform:scale(1.05); }
2695
+ .on-odd\:scale-110:nth-child(odd) { transform:scale(1.1); }
2696
+ .on-odd\:make-hidden:nth-child(odd) { display:none; }
2697
+ .on-odd\:make-block:nth-child(odd) { display:block; }
2698
+ .on-odd\:make-flex:nth-child(odd) { display:flex; }
2699
+ .on-odd\:cursor-pointer:nth-child(odd) { cursor:pointer; }
2700
+ .on-odd\:cursor-not-allowed:nth-child(odd) { cursor:not-allowed; }
2701
+ .on-odd\:outline-none:nth-child(odd) { outline:none; }
2702
+ .on-odd\:text-underline:nth-child(odd) { text-decoration:underline; }
2703
+ .on-odd\:text-no-decoration:nth-child(odd) { text-decoration:none; }
2704
+ .on-odd\:text-bold:nth-child(odd) { font-weight:700; }
2705
+ .on-odd\:transition-fast:nth-child(odd) { transition:var(--santy-transition-fast); }
2706
+ .on-odd\:transition-normal:nth-child(odd) { transition:var(--santy-transition-normal); }
2707
+ .on-odd\:add-border-1:nth-child(odd) { border:1px solid; }
2708
+ .on-odd\:add-border-2:nth-child(odd) { border:2px solid; }
2709
+ .on-odd\:add-border-4:nth-child(odd) { border:4px solid; }
2710
+
2711
+ /* on-even */
2712
+ .on-even\:background-red-300:nth-child(even) { background-color:#fca5a5; }
2713
+ .on-even\:color-red-300:nth-child(even) { color:#fca5a5; }
2714
+ .on-even\:border-color-red-300:nth-child(even) { border-color:#fca5a5; }
2715
+ .on-even\:background-red-400:nth-child(even) { background-color:#f87171; }
2716
+ .on-even\:color-red-400:nth-child(even) { color:#f87171; }
2717
+ .on-even\:border-color-red-400:nth-child(even) { border-color:#f87171; }
2718
+ .on-even\:background-red-500:nth-child(even) { background-color:#ef4444; }
2719
+ .on-even\:color-red-500:nth-child(even) { color:#ef4444; }
2720
+ .on-even\:border-color-red-500:nth-child(even) { border-color:#ef4444; }
2721
+ .on-even\:background-red-600:nth-child(even) { background-color:#dc2626; }
2722
+ .on-even\:color-red-600:nth-child(even) { color:#dc2626; }
2723
+ .on-even\:border-color-red-600:nth-child(even) { border-color:#dc2626; }
2724
+ .on-even\:background-red-700:nth-child(even) { background-color:#b91c1c; }
2725
+ .on-even\:color-red-700:nth-child(even) { color:#b91c1c; }
2726
+ .on-even\:border-color-red-700:nth-child(even) { border-color:#b91c1c; }
2727
+ .on-even\:background-orange-300:nth-child(even) { background-color:#fdba74; }
2728
+ .on-even\:color-orange-300:nth-child(even) { color:#fdba74; }
2729
+ .on-even\:border-color-orange-300:nth-child(even) { border-color:#fdba74; }
2730
+ .on-even\:background-orange-400:nth-child(even) { background-color:#fb923c; }
2731
+ .on-even\:color-orange-400:nth-child(even) { color:#fb923c; }
2732
+ .on-even\:border-color-orange-400:nth-child(even) { border-color:#fb923c; }
2733
+ .on-even\:background-orange-500:nth-child(even) { background-color:#f97316; }
2734
+ .on-even\:color-orange-500:nth-child(even) { color:#f97316; }
2735
+ .on-even\:border-color-orange-500:nth-child(even) { border-color:#f97316; }
2736
+ .on-even\:background-orange-600:nth-child(even) { background-color:#ea580c; }
2737
+ .on-even\:color-orange-600:nth-child(even) { color:#ea580c; }
2738
+ .on-even\:border-color-orange-600:nth-child(even) { border-color:#ea580c; }
2739
+ .on-even\:background-orange-700:nth-child(even) { background-color:#c2410c; }
2740
+ .on-even\:color-orange-700:nth-child(even) { color:#c2410c; }
2741
+ .on-even\:border-color-orange-700:nth-child(even) { border-color:#c2410c; }
2742
+ .on-even\:background-amber-300:nth-child(even) { background-color:#fcd34d; }
2743
+ .on-even\:color-amber-300:nth-child(even) { color:#fcd34d; }
2744
+ .on-even\:border-color-amber-300:nth-child(even) { border-color:#fcd34d; }
2745
+ .on-even\:background-amber-400:nth-child(even) { background-color:#fbbf24; }
2746
+ .on-even\:color-amber-400:nth-child(even) { color:#fbbf24; }
2747
+ .on-even\:border-color-amber-400:nth-child(even) { border-color:#fbbf24; }
2748
+ .on-even\:background-amber-500:nth-child(even) { background-color:#f59e0b; }
2749
+ .on-even\:color-amber-500:nth-child(even) { color:#f59e0b; }
2750
+ .on-even\:border-color-amber-500:nth-child(even) { border-color:#f59e0b; }
2751
+ .on-even\:background-amber-600:nth-child(even) { background-color:#d97706; }
2752
+ .on-even\:color-amber-600:nth-child(even) { color:#d97706; }
2753
+ .on-even\:border-color-amber-600:nth-child(even) { border-color:#d97706; }
2754
+ .on-even\:background-amber-700:nth-child(even) { background-color:#b45309; }
2755
+ .on-even\:color-amber-700:nth-child(even) { color:#b45309; }
2756
+ .on-even\:border-color-amber-700:nth-child(even) { border-color:#b45309; }
2757
+ .on-even\:background-yellow-300:nth-child(even) { background-color:#fde047; }
2758
+ .on-even\:color-yellow-300:nth-child(even) { color:#fde047; }
2759
+ .on-even\:border-color-yellow-300:nth-child(even) { border-color:#fde047; }
2760
+ .on-even\:background-yellow-400:nth-child(even) { background-color:#facc15; }
2761
+ .on-even\:color-yellow-400:nth-child(even) { color:#facc15; }
2762
+ .on-even\:border-color-yellow-400:nth-child(even) { border-color:#facc15; }
2763
+ .on-even\:background-yellow-500:nth-child(even) { background-color:#eab308; }
2764
+ .on-even\:color-yellow-500:nth-child(even) { color:#eab308; }
2765
+ .on-even\:border-color-yellow-500:nth-child(even) { border-color:#eab308; }
2766
+ .on-even\:background-yellow-600:nth-child(even) { background-color:#ca8a04; }
2767
+ .on-even\:color-yellow-600:nth-child(even) { color:#ca8a04; }
2768
+ .on-even\:border-color-yellow-600:nth-child(even) { border-color:#ca8a04; }
2769
+ .on-even\:background-yellow-700:nth-child(even) { background-color:#a16207; }
2770
+ .on-even\:color-yellow-700:nth-child(even) { color:#a16207; }
2771
+ .on-even\:border-color-yellow-700:nth-child(even) { border-color:#a16207; }
2772
+ .on-even\:background-lime-300:nth-child(even) { background-color:#bef264; }
2773
+ .on-even\:color-lime-300:nth-child(even) { color:#bef264; }
2774
+ .on-even\:border-color-lime-300:nth-child(even) { border-color:#bef264; }
2775
+ .on-even\:background-lime-400:nth-child(even) { background-color:#a3e635; }
2776
+ .on-even\:color-lime-400:nth-child(even) { color:#a3e635; }
2777
+ .on-even\:border-color-lime-400:nth-child(even) { border-color:#a3e635; }
2778
+ .on-even\:background-lime-500:nth-child(even) { background-color:#84cc16; }
2779
+ .on-even\:color-lime-500:nth-child(even) { color:#84cc16; }
2780
+ .on-even\:border-color-lime-500:nth-child(even) { border-color:#84cc16; }
2781
+ .on-even\:background-lime-600:nth-child(even) { background-color:#65a30d; }
2782
+ .on-even\:color-lime-600:nth-child(even) { color:#65a30d; }
2783
+ .on-even\:border-color-lime-600:nth-child(even) { border-color:#65a30d; }
2784
+ .on-even\:background-lime-700:nth-child(even) { background-color:#4d7c0f; }
2785
+ .on-even\:color-lime-700:nth-child(even) { color:#4d7c0f; }
2786
+ .on-even\:border-color-lime-700:nth-child(even) { border-color:#4d7c0f; }
2787
+ .on-even\:background-green-300:nth-child(even) { background-color:#86efac; }
2788
+ .on-even\:color-green-300:nth-child(even) { color:#86efac; }
2789
+ .on-even\:border-color-green-300:nth-child(even) { border-color:#86efac; }
2790
+ .on-even\:background-green-400:nth-child(even) { background-color:#4ade80; }
2791
+ .on-even\:color-green-400:nth-child(even) { color:#4ade80; }
2792
+ .on-even\:border-color-green-400:nth-child(even) { border-color:#4ade80; }
2793
+ .on-even\:background-green-500:nth-child(even) { background-color:#22c55e; }
2794
+ .on-even\:color-green-500:nth-child(even) { color:#22c55e; }
2795
+ .on-even\:border-color-green-500:nth-child(even) { border-color:#22c55e; }
2796
+ .on-even\:background-green-600:nth-child(even) { background-color:#16a34a; }
2797
+ .on-even\:color-green-600:nth-child(even) { color:#16a34a; }
2798
+ .on-even\:border-color-green-600:nth-child(even) { border-color:#16a34a; }
2799
+ .on-even\:background-green-700:nth-child(even) { background-color:#15803d; }
2800
+ .on-even\:color-green-700:nth-child(even) { color:#15803d; }
2801
+ .on-even\:border-color-green-700:nth-child(even) { border-color:#15803d; }
2802
+ .on-even\:background-teal-300:nth-child(even) { background-color:#5eead4; }
2803
+ .on-even\:color-teal-300:nth-child(even) { color:#5eead4; }
2804
+ .on-even\:border-color-teal-300:nth-child(even) { border-color:#5eead4; }
2805
+ .on-even\:background-teal-400:nth-child(even) { background-color:#2dd4bf; }
2806
+ .on-even\:color-teal-400:nth-child(even) { color:#2dd4bf; }
2807
+ .on-even\:border-color-teal-400:nth-child(even) { border-color:#2dd4bf; }
2808
+ .on-even\:background-teal-500:nth-child(even) { background-color:#14b8a6; }
2809
+ .on-even\:color-teal-500:nth-child(even) { color:#14b8a6; }
2810
+ .on-even\:border-color-teal-500:nth-child(even) { border-color:#14b8a6; }
2811
+ .on-even\:background-teal-600:nth-child(even) { background-color:#0d9488; }
2812
+ .on-even\:color-teal-600:nth-child(even) { color:#0d9488; }
2813
+ .on-even\:border-color-teal-600:nth-child(even) { border-color:#0d9488; }
2814
+ .on-even\:background-teal-700:nth-child(even) { background-color:#0f766e; }
2815
+ .on-even\:color-teal-700:nth-child(even) { color:#0f766e; }
2816
+ .on-even\:border-color-teal-700:nth-child(even) { border-color:#0f766e; }
2817
+ .on-even\:background-cyan-300:nth-child(even) { background-color:#67e8f9; }
2818
+ .on-even\:color-cyan-300:nth-child(even) { color:#67e8f9; }
2819
+ .on-even\:border-color-cyan-300:nth-child(even) { border-color:#67e8f9; }
2820
+ .on-even\:background-cyan-400:nth-child(even) { background-color:#22d3ee; }
2821
+ .on-even\:color-cyan-400:nth-child(even) { color:#22d3ee; }
2822
+ .on-even\:border-color-cyan-400:nth-child(even) { border-color:#22d3ee; }
2823
+ .on-even\:background-cyan-500:nth-child(even) { background-color:#06b6d4; }
2824
+ .on-even\:color-cyan-500:nth-child(even) { color:#06b6d4; }
2825
+ .on-even\:border-color-cyan-500:nth-child(even) { border-color:#06b6d4; }
2826
+ .on-even\:background-cyan-600:nth-child(even) { background-color:#0891b2; }
2827
+ .on-even\:color-cyan-600:nth-child(even) { color:#0891b2; }
2828
+ .on-even\:border-color-cyan-600:nth-child(even) { border-color:#0891b2; }
2829
+ .on-even\:background-cyan-700:nth-child(even) { background-color:#0e7490; }
2830
+ .on-even\:color-cyan-700:nth-child(even) { color:#0e7490; }
2831
+ .on-even\:border-color-cyan-700:nth-child(even) { border-color:#0e7490; }
2832
+ .on-even\:background-blue-300:nth-child(even) { background-color:#93c5fd; }
2833
+ .on-even\:color-blue-300:nth-child(even) { color:#93c5fd; }
2834
+ .on-even\:border-color-blue-300:nth-child(even) { border-color:#93c5fd; }
2835
+ .on-even\:background-blue-400:nth-child(even) { background-color:#60a5fa; }
2836
+ .on-even\:color-blue-400:nth-child(even) { color:#60a5fa; }
2837
+ .on-even\:border-color-blue-400:nth-child(even) { border-color:#60a5fa; }
2838
+ .on-even\:background-blue-500:nth-child(even) { background-color:#3b82f6; }
2839
+ .on-even\:color-blue-500:nth-child(even) { color:#3b82f6; }
2840
+ .on-even\:border-color-blue-500:nth-child(even) { border-color:#3b82f6; }
2841
+ .on-even\:background-blue-600:nth-child(even) { background-color:#2563eb; }
2842
+ .on-even\:color-blue-600:nth-child(even) { color:#2563eb; }
2843
+ .on-even\:border-color-blue-600:nth-child(even) { border-color:#2563eb; }
2844
+ .on-even\:background-blue-700:nth-child(even) { background-color:#1d4ed8; }
2845
+ .on-even\:color-blue-700:nth-child(even) { color:#1d4ed8; }
2846
+ .on-even\:border-color-blue-700:nth-child(even) { border-color:#1d4ed8; }
2847
+ .on-even\:background-indigo-300:nth-child(even) { background-color:#a5b4fc; }
2848
+ .on-even\:color-indigo-300:nth-child(even) { color:#a5b4fc; }
2849
+ .on-even\:border-color-indigo-300:nth-child(even) { border-color:#a5b4fc; }
2850
+ .on-even\:background-indigo-400:nth-child(even) { background-color:#818cf8; }
2851
+ .on-even\:color-indigo-400:nth-child(even) { color:#818cf8; }
2852
+ .on-even\:border-color-indigo-400:nth-child(even) { border-color:#818cf8; }
2853
+ .on-even\:background-indigo-500:nth-child(even) { background-color:#6366f1; }
2854
+ .on-even\:color-indigo-500:nth-child(even) { color:#6366f1; }
2855
+ .on-even\:border-color-indigo-500:nth-child(even) { border-color:#6366f1; }
2856
+ .on-even\:background-indigo-600:nth-child(even) { background-color:#4f46e5; }
2857
+ .on-even\:color-indigo-600:nth-child(even) { color:#4f46e5; }
2858
+ .on-even\:border-color-indigo-600:nth-child(even) { border-color:#4f46e5; }
2859
+ .on-even\:background-indigo-700:nth-child(even) { background-color:#4338ca; }
2860
+ .on-even\:color-indigo-700:nth-child(even) { color:#4338ca; }
2861
+ .on-even\:border-color-indigo-700:nth-child(even) { border-color:#4338ca; }
2862
+ .on-even\:background-violet-300:nth-child(even) { background-color:#c4b5fd; }
2863
+ .on-even\:color-violet-300:nth-child(even) { color:#c4b5fd; }
2864
+ .on-even\:border-color-violet-300:nth-child(even) { border-color:#c4b5fd; }
2865
+ .on-even\:background-violet-400:nth-child(even) { background-color:#a78bfa; }
2866
+ .on-even\:color-violet-400:nth-child(even) { color:#a78bfa; }
2867
+ .on-even\:border-color-violet-400:nth-child(even) { border-color:#a78bfa; }
2868
+ .on-even\:background-violet-500:nth-child(even) { background-color:#8b5cf6; }
2869
+ .on-even\:color-violet-500:nth-child(even) { color:#8b5cf6; }
2870
+ .on-even\:border-color-violet-500:nth-child(even) { border-color:#8b5cf6; }
2871
+ .on-even\:background-violet-600:nth-child(even) { background-color:#7c3aed; }
2872
+ .on-even\:color-violet-600:nth-child(even) { color:#7c3aed; }
2873
+ .on-even\:border-color-violet-600:nth-child(even) { border-color:#7c3aed; }
2874
+ .on-even\:background-violet-700:nth-child(even) { background-color:#6d28d9; }
2875
+ .on-even\:color-violet-700:nth-child(even) { color:#6d28d9; }
2876
+ .on-even\:border-color-violet-700:nth-child(even) { border-color:#6d28d9; }
2877
+ .on-even\:background-purple-300:nth-child(even) { background-color:#d8b4fe; }
2878
+ .on-even\:color-purple-300:nth-child(even) { color:#d8b4fe; }
2879
+ .on-even\:border-color-purple-300:nth-child(even) { border-color:#d8b4fe; }
2880
+ .on-even\:background-purple-400:nth-child(even) { background-color:#c084fc; }
2881
+ .on-even\:color-purple-400:nth-child(even) { color:#c084fc; }
2882
+ .on-even\:border-color-purple-400:nth-child(even) { border-color:#c084fc; }
2883
+ .on-even\:background-purple-500:nth-child(even) { background-color:#a855f7; }
2884
+ .on-even\:color-purple-500:nth-child(even) { color:#a855f7; }
2885
+ .on-even\:border-color-purple-500:nth-child(even) { border-color:#a855f7; }
2886
+ .on-even\:background-purple-600:nth-child(even) { background-color:#9333ea; }
2887
+ .on-even\:color-purple-600:nth-child(even) { color:#9333ea; }
2888
+ .on-even\:border-color-purple-600:nth-child(even) { border-color:#9333ea; }
2889
+ .on-even\:background-purple-700:nth-child(even) { background-color:#7e22ce; }
2890
+ .on-even\:color-purple-700:nth-child(even) { color:#7e22ce; }
2891
+ .on-even\:border-color-purple-700:nth-child(even) { border-color:#7e22ce; }
2892
+ .on-even\:background-pink-300:nth-child(even) { background-color:#f9a8d4; }
2893
+ .on-even\:color-pink-300:nth-child(even) { color:#f9a8d4; }
2894
+ .on-even\:border-color-pink-300:nth-child(even) { border-color:#f9a8d4; }
2895
+ .on-even\:background-pink-400:nth-child(even) { background-color:#f472b6; }
2896
+ .on-even\:color-pink-400:nth-child(even) { color:#f472b6; }
2897
+ .on-even\:border-color-pink-400:nth-child(even) { border-color:#f472b6; }
2898
+ .on-even\:background-pink-500:nth-child(even) { background-color:#ec4899; }
2899
+ .on-even\:color-pink-500:nth-child(even) { color:#ec4899; }
2900
+ .on-even\:border-color-pink-500:nth-child(even) { border-color:#ec4899; }
2901
+ .on-even\:background-pink-600:nth-child(even) { background-color:#db2777; }
2902
+ .on-even\:color-pink-600:nth-child(even) { color:#db2777; }
2903
+ .on-even\:border-color-pink-600:nth-child(even) { border-color:#db2777; }
2904
+ .on-even\:background-pink-700:nth-child(even) { background-color:#be185d; }
2905
+ .on-even\:color-pink-700:nth-child(even) { color:#be185d; }
2906
+ .on-even\:border-color-pink-700:nth-child(even) { border-color:#be185d; }
2907
+ .on-even\:background-rose-300:nth-child(even) { background-color:#fda4af; }
2908
+ .on-even\:color-rose-300:nth-child(even) { color:#fda4af; }
2909
+ .on-even\:border-color-rose-300:nth-child(even) { border-color:#fda4af; }
2910
+ .on-even\:background-rose-400:nth-child(even) { background-color:#fb7185; }
2911
+ .on-even\:color-rose-400:nth-child(even) { color:#fb7185; }
2912
+ .on-even\:border-color-rose-400:nth-child(even) { border-color:#fb7185; }
2913
+ .on-even\:background-rose-500:nth-child(even) { background-color:#f43f5e; }
2914
+ .on-even\:color-rose-500:nth-child(even) { color:#f43f5e; }
2915
+ .on-even\:border-color-rose-500:nth-child(even) { border-color:#f43f5e; }
2916
+ .on-even\:background-rose-600:nth-child(even) { background-color:#e11d48; }
2917
+ .on-even\:color-rose-600:nth-child(even) { color:#e11d48; }
2918
+ .on-even\:border-color-rose-600:nth-child(even) { border-color:#e11d48; }
2919
+ .on-even\:background-rose-700:nth-child(even) { background-color:#be123c; }
2920
+ .on-even\:color-rose-700:nth-child(even) { color:#be123c; }
2921
+ .on-even\:border-color-rose-700:nth-child(even) { border-color:#be123c; }
2922
+ .on-even\:background-slate-300:nth-child(even) { background-color:#cbd5e1; }
2923
+ .on-even\:color-slate-300:nth-child(even) { color:#cbd5e1; }
2924
+ .on-even\:border-color-slate-300:nth-child(even) { border-color:#cbd5e1; }
2925
+ .on-even\:background-slate-400:nth-child(even) { background-color:#94a3b8; }
2926
+ .on-even\:color-slate-400:nth-child(even) { color:#94a3b8; }
2927
+ .on-even\:border-color-slate-400:nth-child(even) { border-color:#94a3b8; }
2928
+ .on-even\:background-slate-500:nth-child(even) { background-color:#64748b; }
2929
+ .on-even\:color-slate-500:nth-child(even) { color:#64748b; }
2930
+ .on-even\:border-color-slate-500:nth-child(even) { border-color:#64748b; }
2931
+ .on-even\:background-slate-600:nth-child(even) { background-color:#475569; }
2932
+ .on-even\:color-slate-600:nth-child(even) { color:#475569; }
2933
+ .on-even\:border-color-slate-600:nth-child(even) { border-color:#475569; }
2934
+ .on-even\:background-slate-700:nth-child(even) { background-color:#334155; }
2935
+ .on-even\:color-slate-700:nth-child(even) { color:#334155; }
2936
+ .on-even\:border-color-slate-700:nth-child(even) { border-color:#334155; }
2937
+ .on-even\:background-gray-300:nth-child(even) { background-color:#d1d5db; }
2938
+ .on-even\:color-gray-300:nth-child(even) { color:#d1d5db; }
2939
+ .on-even\:border-color-gray-300:nth-child(even) { border-color:#d1d5db; }
2940
+ .on-even\:background-gray-400:nth-child(even) { background-color:#9ca3af; }
2941
+ .on-even\:color-gray-400:nth-child(even) { color:#9ca3af; }
2942
+ .on-even\:border-color-gray-400:nth-child(even) { border-color:#9ca3af; }
2943
+ .on-even\:background-gray-500:nth-child(even) { background-color:#6b7280; }
2944
+ .on-even\:color-gray-500:nth-child(even) { color:#6b7280; }
2945
+ .on-even\:border-color-gray-500:nth-child(even) { border-color:#6b7280; }
2946
+ .on-even\:background-gray-600:nth-child(even) { background-color:#4b5563; }
2947
+ .on-even\:color-gray-600:nth-child(even) { color:#4b5563; }
2948
+ .on-even\:border-color-gray-600:nth-child(even) { border-color:#4b5563; }
2949
+ .on-even\:background-gray-700:nth-child(even) { background-color:#374151; }
2950
+ .on-even\:color-gray-700:nth-child(even) { color:#374151; }
2951
+ .on-even\:border-color-gray-700:nth-child(even) { border-color:#374151; }
2952
+ .on-even\:background-zinc-300:nth-child(even) { background-color:#d4d4d8; }
2953
+ .on-even\:color-zinc-300:nth-child(even) { color:#d4d4d8; }
2954
+ .on-even\:border-color-zinc-300:nth-child(even) { border-color:#d4d4d8; }
2955
+ .on-even\:background-zinc-400:nth-child(even) { background-color:#a1a1aa; }
2956
+ .on-even\:color-zinc-400:nth-child(even) { color:#a1a1aa; }
2957
+ .on-even\:border-color-zinc-400:nth-child(even) { border-color:#a1a1aa; }
2958
+ .on-even\:background-zinc-500:nth-child(even) { background-color:#71717a; }
2959
+ .on-even\:color-zinc-500:nth-child(even) { color:#71717a; }
2960
+ .on-even\:border-color-zinc-500:nth-child(even) { border-color:#71717a; }
2961
+ .on-even\:background-zinc-600:nth-child(even) { background-color:#52525b; }
2962
+ .on-even\:color-zinc-600:nth-child(even) { color:#52525b; }
2963
+ .on-even\:border-color-zinc-600:nth-child(even) { border-color:#52525b; }
2964
+ .on-even\:background-zinc-700:nth-child(even) { background-color:#3f3f46; }
2965
+ .on-even\:color-zinc-700:nth-child(even) { color:#3f3f46; }
2966
+ .on-even\:border-color-zinc-700:nth-child(even) { border-color:#3f3f46; }
2967
+ .on-even\:background-stone-300:nth-child(even) { background-color:#d6d3d1; }
2968
+ .on-even\:color-stone-300:nth-child(even) { color:#d6d3d1; }
2969
+ .on-even\:border-color-stone-300:nth-child(even) { border-color:#d6d3d1; }
2970
+ .on-even\:background-stone-400:nth-child(even) { background-color:#a8a29e; }
2971
+ .on-even\:color-stone-400:nth-child(even) { color:#a8a29e; }
2972
+ .on-even\:border-color-stone-400:nth-child(even) { border-color:#a8a29e; }
2973
+ .on-even\:background-stone-500:nth-child(even) { background-color:#78716c; }
2974
+ .on-even\:color-stone-500:nth-child(even) { color:#78716c; }
2975
+ .on-even\:border-color-stone-500:nth-child(even) { border-color:#78716c; }
2976
+ .on-even\:background-stone-600:nth-child(even) { background-color:#57534e; }
2977
+ .on-even\:color-stone-600:nth-child(even) { color:#57534e; }
2978
+ .on-even\:border-color-stone-600:nth-child(even) { border-color:#57534e; }
2979
+ .on-even\:background-stone-700:nth-child(even) { background-color:#44403c; }
2980
+ .on-even\:color-stone-700:nth-child(even) { color:#44403c; }
2981
+ .on-even\:border-color-stone-700:nth-child(even) { border-color:#44403c; }
2982
+ .on-even\:add-shadow-sm:nth-child(even) { box-shadow:var(--santy-shadow-sm); }
2983
+ .on-even\:add-shadow:nth-child(even) { box-shadow:var(--santy-shadow); }
2984
+ .on-even\:add-shadow-md:nth-child(even) { box-shadow:var(--santy-shadow-md); }
2985
+ .on-even\:add-shadow-lg:nth-child(even) { box-shadow:var(--santy-shadow-lg); }
2986
+ .on-even\:no-shadow:nth-child(even) { box-shadow:none; }
2987
+ .on-even\:opacity-0:nth-child(even) { opacity:0; }
2988
+ .on-even\:opacity-25:nth-child(even) { opacity:0.25; }
2989
+ .on-even\:opacity-50:nth-child(even) { opacity:0.5; }
2990
+ .on-even\:opacity-75:nth-child(even) { opacity:0.75; }
2991
+ .on-even\:opacity-100:nth-child(even) { opacity:1; }
2992
+ .on-even\:scale-90:nth-child(even) { transform:scale(0.9); }
2993
+ .on-even\:scale-95:nth-child(even) { transform:scale(0.95); }
2994
+ .on-even\:scale-100:nth-child(even) { transform:scale(1); }
2995
+ .on-even\:scale-105:nth-child(even) { transform:scale(1.05); }
2996
+ .on-even\:scale-110:nth-child(even) { transform:scale(1.1); }
2997
+ .on-even\:make-hidden:nth-child(even) { display:none; }
2998
+ .on-even\:make-block:nth-child(even) { display:block; }
2999
+ .on-even\:make-flex:nth-child(even) { display:flex; }
3000
+ .on-even\:cursor-pointer:nth-child(even) { cursor:pointer; }
3001
+ .on-even\:cursor-not-allowed:nth-child(even) { cursor:not-allowed; }
3002
+ .on-even\:outline-none:nth-child(even) { outline:none; }
3003
+ .on-even\:text-underline:nth-child(even) { text-decoration:underline; }
3004
+ .on-even\:text-no-decoration:nth-child(even) { text-decoration:none; }
3005
+ .on-even\:text-bold:nth-child(even) { font-weight:700; }
3006
+ .on-even\:transition-fast:nth-child(even) { transition:var(--santy-transition-fast); }
3007
+ .on-even\:transition-normal:nth-child(even) { transition:var(--santy-transition-normal); }
3008
+ .on-even\:add-border-1:nth-child(even) { border:1px solid; }
3009
+ .on-even\:add-border-2:nth-child(even) { border:2px solid; }
3010
+ .on-even\:add-border-4:nth-child(even) { border:4px solid; }
3011
+
3012
+ /* on-placeholder */
3013
+ .on-placeholder\:background-red-300::placeholder { background-color:#fca5a5; }
3014
+ .on-placeholder\:color-red-300::placeholder { color:#fca5a5; }
3015
+ .on-placeholder\:border-color-red-300::placeholder { border-color:#fca5a5; }
3016
+ .on-placeholder\:background-red-400::placeholder { background-color:#f87171; }
3017
+ .on-placeholder\:color-red-400::placeholder { color:#f87171; }
3018
+ .on-placeholder\:border-color-red-400::placeholder { border-color:#f87171; }
3019
+ .on-placeholder\:background-red-500::placeholder { background-color:#ef4444; }
3020
+ .on-placeholder\:color-red-500::placeholder { color:#ef4444; }
3021
+ .on-placeholder\:border-color-red-500::placeholder { border-color:#ef4444; }
3022
+ .on-placeholder\:background-red-600::placeholder { background-color:#dc2626; }
3023
+ .on-placeholder\:color-red-600::placeholder { color:#dc2626; }
3024
+ .on-placeholder\:border-color-red-600::placeholder { border-color:#dc2626; }
3025
+ .on-placeholder\:background-red-700::placeholder { background-color:#b91c1c; }
3026
+ .on-placeholder\:color-red-700::placeholder { color:#b91c1c; }
3027
+ .on-placeholder\:border-color-red-700::placeholder { border-color:#b91c1c; }
3028
+ .on-placeholder\:background-orange-300::placeholder { background-color:#fdba74; }
3029
+ .on-placeholder\:color-orange-300::placeholder { color:#fdba74; }
3030
+ .on-placeholder\:border-color-orange-300::placeholder { border-color:#fdba74; }
3031
+ .on-placeholder\:background-orange-400::placeholder { background-color:#fb923c; }
3032
+ .on-placeholder\:color-orange-400::placeholder { color:#fb923c; }
3033
+ .on-placeholder\:border-color-orange-400::placeholder { border-color:#fb923c; }
3034
+ .on-placeholder\:background-orange-500::placeholder { background-color:#f97316; }
3035
+ .on-placeholder\:color-orange-500::placeholder { color:#f97316; }
3036
+ .on-placeholder\:border-color-orange-500::placeholder { border-color:#f97316; }
3037
+ .on-placeholder\:background-orange-600::placeholder { background-color:#ea580c; }
3038
+ .on-placeholder\:color-orange-600::placeholder { color:#ea580c; }
3039
+ .on-placeholder\:border-color-orange-600::placeholder { border-color:#ea580c; }
3040
+ .on-placeholder\:background-orange-700::placeholder { background-color:#c2410c; }
3041
+ .on-placeholder\:color-orange-700::placeholder { color:#c2410c; }
3042
+ .on-placeholder\:border-color-orange-700::placeholder { border-color:#c2410c; }
3043
+ .on-placeholder\:background-amber-300::placeholder { background-color:#fcd34d; }
3044
+ .on-placeholder\:color-amber-300::placeholder { color:#fcd34d; }
3045
+ .on-placeholder\:border-color-amber-300::placeholder { border-color:#fcd34d; }
3046
+ .on-placeholder\:background-amber-400::placeholder { background-color:#fbbf24; }
3047
+ .on-placeholder\:color-amber-400::placeholder { color:#fbbf24; }
3048
+ .on-placeholder\:border-color-amber-400::placeholder { border-color:#fbbf24; }
3049
+ .on-placeholder\:background-amber-500::placeholder { background-color:#f59e0b; }
3050
+ .on-placeholder\:color-amber-500::placeholder { color:#f59e0b; }
3051
+ .on-placeholder\:border-color-amber-500::placeholder { border-color:#f59e0b; }
3052
+ .on-placeholder\:background-amber-600::placeholder { background-color:#d97706; }
3053
+ .on-placeholder\:color-amber-600::placeholder { color:#d97706; }
3054
+ .on-placeholder\:border-color-amber-600::placeholder { border-color:#d97706; }
3055
+ .on-placeholder\:background-amber-700::placeholder { background-color:#b45309; }
3056
+ .on-placeholder\:color-amber-700::placeholder { color:#b45309; }
3057
+ .on-placeholder\:border-color-amber-700::placeholder { border-color:#b45309; }
3058
+ .on-placeholder\:background-yellow-300::placeholder { background-color:#fde047; }
3059
+ .on-placeholder\:color-yellow-300::placeholder { color:#fde047; }
3060
+ .on-placeholder\:border-color-yellow-300::placeholder { border-color:#fde047; }
3061
+ .on-placeholder\:background-yellow-400::placeholder { background-color:#facc15; }
3062
+ .on-placeholder\:color-yellow-400::placeholder { color:#facc15; }
3063
+ .on-placeholder\:border-color-yellow-400::placeholder { border-color:#facc15; }
3064
+ .on-placeholder\:background-yellow-500::placeholder { background-color:#eab308; }
3065
+ .on-placeholder\:color-yellow-500::placeholder { color:#eab308; }
3066
+ .on-placeholder\:border-color-yellow-500::placeholder { border-color:#eab308; }
3067
+ .on-placeholder\:background-yellow-600::placeholder { background-color:#ca8a04; }
3068
+ .on-placeholder\:color-yellow-600::placeholder { color:#ca8a04; }
3069
+ .on-placeholder\:border-color-yellow-600::placeholder { border-color:#ca8a04; }
3070
+ .on-placeholder\:background-yellow-700::placeholder { background-color:#a16207; }
3071
+ .on-placeholder\:color-yellow-700::placeholder { color:#a16207; }
3072
+ .on-placeholder\:border-color-yellow-700::placeholder { border-color:#a16207; }
3073
+ .on-placeholder\:background-lime-300::placeholder { background-color:#bef264; }
3074
+ .on-placeholder\:color-lime-300::placeholder { color:#bef264; }
3075
+ .on-placeholder\:border-color-lime-300::placeholder { border-color:#bef264; }
3076
+ .on-placeholder\:background-lime-400::placeholder { background-color:#a3e635; }
3077
+ .on-placeholder\:color-lime-400::placeholder { color:#a3e635; }
3078
+ .on-placeholder\:border-color-lime-400::placeholder { border-color:#a3e635; }
3079
+ .on-placeholder\:background-lime-500::placeholder { background-color:#84cc16; }
3080
+ .on-placeholder\:color-lime-500::placeholder { color:#84cc16; }
3081
+ .on-placeholder\:border-color-lime-500::placeholder { border-color:#84cc16; }
3082
+ .on-placeholder\:background-lime-600::placeholder { background-color:#65a30d; }
3083
+ .on-placeholder\:color-lime-600::placeholder { color:#65a30d; }
3084
+ .on-placeholder\:border-color-lime-600::placeholder { border-color:#65a30d; }
3085
+ .on-placeholder\:background-lime-700::placeholder { background-color:#4d7c0f; }
3086
+ .on-placeholder\:color-lime-700::placeholder { color:#4d7c0f; }
3087
+ .on-placeholder\:border-color-lime-700::placeholder { border-color:#4d7c0f; }
3088
+ .on-placeholder\:background-green-300::placeholder { background-color:#86efac; }
3089
+ .on-placeholder\:color-green-300::placeholder { color:#86efac; }
3090
+ .on-placeholder\:border-color-green-300::placeholder { border-color:#86efac; }
3091
+ .on-placeholder\:background-green-400::placeholder { background-color:#4ade80; }
3092
+ .on-placeholder\:color-green-400::placeholder { color:#4ade80; }
3093
+ .on-placeholder\:border-color-green-400::placeholder { border-color:#4ade80; }
3094
+ .on-placeholder\:background-green-500::placeholder { background-color:#22c55e; }
3095
+ .on-placeholder\:color-green-500::placeholder { color:#22c55e; }
3096
+ .on-placeholder\:border-color-green-500::placeholder { border-color:#22c55e; }
3097
+ .on-placeholder\:background-green-600::placeholder { background-color:#16a34a; }
3098
+ .on-placeholder\:color-green-600::placeholder { color:#16a34a; }
3099
+ .on-placeholder\:border-color-green-600::placeholder { border-color:#16a34a; }
3100
+ .on-placeholder\:background-green-700::placeholder { background-color:#15803d; }
3101
+ .on-placeholder\:color-green-700::placeholder { color:#15803d; }
3102
+ .on-placeholder\:border-color-green-700::placeholder { border-color:#15803d; }
3103
+ .on-placeholder\:background-teal-300::placeholder { background-color:#5eead4; }
3104
+ .on-placeholder\:color-teal-300::placeholder { color:#5eead4; }
3105
+ .on-placeholder\:border-color-teal-300::placeholder { border-color:#5eead4; }
3106
+ .on-placeholder\:background-teal-400::placeholder { background-color:#2dd4bf; }
3107
+ .on-placeholder\:color-teal-400::placeholder { color:#2dd4bf; }
3108
+ .on-placeholder\:border-color-teal-400::placeholder { border-color:#2dd4bf; }
3109
+ .on-placeholder\:background-teal-500::placeholder { background-color:#14b8a6; }
3110
+ .on-placeholder\:color-teal-500::placeholder { color:#14b8a6; }
3111
+ .on-placeholder\:border-color-teal-500::placeholder { border-color:#14b8a6; }
3112
+ .on-placeholder\:background-teal-600::placeholder { background-color:#0d9488; }
3113
+ .on-placeholder\:color-teal-600::placeholder { color:#0d9488; }
3114
+ .on-placeholder\:border-color-teal-600::placeholder { border-color:#0d9488; }
3115
+ .on-placeholder\:background-teal-700::placeholder { background-color:#0f766e; }
3116
+ .on-placeholder\:color-teal-700::placeholder { color:#0f766e; }
3117
+ .on-placeholder\:border-color-teal-700::placeholder { border-color:#0f766e; }
3118
+ .on-placeholder\:background-cyan-300::placeholder { background-color:#67e8f9; }
3119
+ .on-placeholder\:color-cyan-300::placeholder { color:#67e8f9; }
3120
+ .on-placeholder\:border-color-cyan-300::placeholder { border-color:#67e8f9; }
3121
+ .on-placeholder\:background-cyan-400::placeholder { background-color:#22d3ee; }
3122
+ .on-placeholder\:color-cyan-400::placeholder { color:#22d3ee; }
3123
+ .on-placeholder\:border-color-cyan-400::placeholder { border-color:#22d3ee; }
3124
+ .on-placeholder\:background-cyan-500::placeholder { background-color:#06b6d4; }
3125
+ .on-placeholder\:color-cyan-500::placeholder { color:#06b6d4; }
3126
+ .on-placeholder\:border-color-cyan-500::placeholder { border-color:#06b6d4; }
3127
+ .on-placeholder\:background-cyan-600::placeholder { background-color:#0891b2; }
3128
+ .on-placeholder\:color-cyan-600::placeholder { color:#0891b2; }
3129
+ .on-placeholder\:border-color-cyan-600::placeholder { border-color:#0891b2; }
3130
+ .on-placeholder\:background-cyan-700::placeholder { background-color:#0e7490; }
3131
+ .on-placeholder\:color-cyan-700::placeholder { color:#0e7490; }
3132
+ .on-placeholder\:border-color-cyan-700::placeholder { border-color:#0e7490; }
3133
+ .on-placeholder\:background-blue-300::placeholder { background-color:#93c5fd; }
3134
+ .on-placeholder\:color-blue-300::placeholder { color:#93c5fd; }
3135
+ .on-placeholder\:border-color-blue-300::placeholder { border-color:#93c5fd; }
3136
+ .on-placeholder\:background-blue-400::placeholder { background-color:#60a5fa; }
3137
+ .on-placeholder\:color-blue-400::placeholder { color:#60a5fa; }
3138
+ .on-placeholder\:border-color-blue-400::placeholder { border-color:#60a5fa; }
3139
+ .on-placeholder\:background-blue-500::placeholder { background-color:#3b82f6; }
3140
+ .on-placeholder\:color-blue-500::placeholder { color:#3b82f6; }
3141
+ .on-placeholder\:border-color-blue-500::placeholder { border-color:#3b82f6; }
3142
+ .on-placeholder\:background-blue-600::placeholder { background-color:#2563eb; }
3143
+ .on-placeholder\:color-blue-600::placeholder { color:#2563eb; }
3144
+ .on-placeholder\:border-color-blue-600::placeholder { border-color:#2563eb; }
3145
+ .on-placeholder\:background-blue-700::placeholder { background-color:#1d4ed8; }
3146
+ .on-placeholder\:color-blue-700::placeholder { color:#1d4ed8; }
3147
+ .on-placeholder\:border-color-blue-700::placeholder { border-color:#1d4ed8; }
3148
+ .on-placeholder\:background-indigo-300::placeholder { background-color:#a5b4fc; }
3149
+ .on-placeholder\:color-indigo-300::placeholder { color:#a5b4fc; }
3150
+ .on-placeholder\:border-color-indigo-300::placeholder { border-color:#a5b4fc; }
3151
+ .on-placeholder\:background-indigo-400::placeholder { background-color:#818cf8; }
3152
+ .on-placeholder\:color-indigo-400::placeholder { color:#818cf8; }
3153
+ .on-placeholder\:border-color-indigo-400::placeholder { border-color:#818cf8; }
3154
+ .on-placeholder\:background-indigo-500::placeholder { background-color:#6366f1; }
3155
+ .on-placeholder\:color-indigo-500::placeholder { color:#6366f1; }
3156
+ .on-placeholder\:border-color-indigo-500::placeholder { border-color:#6366f1; }
3157
+ .on-placeholder\:background-indigo-600::placeholder { background-color:#4f46e5; }
3158
+ .on-placeholder\:color-indigo-600::placeholder { color:#4f46e5; }
3159
+ .on-placeholder\:border-color-indigo-600::placeholder { border-color:#4f46e5; }
3160
+ .on-placeholder\:background-indigo-700::placeholder { background-color:#4338ca; }
3161
+ .on-placeholder\:color-indigo-700::placeholder { color:#4338ca; }
3162
+ .on-placeholder\:border-color-indigo-700::placeholder { border-color:#4338ca; }
3163
+ .on-placeholder\:background-violet-300::placeholder { background-color:#c4b5fd; }
3164
+ .on-placeholder\:color-violet-300::placeholder { color:#c4b5fd; }
3165
+ .on-placeholder\:border-color-violet-300::placeholder { border-color:#c4b5fd; }
3166
+ .on-placeholder\:background-violet-400::placeholder { background-color:#a78bfa; }
3167
+ .on-placeholder\:color-violet-400::placeholder { color:#a78bfa; }
3168
+ .on-placeholder\:border-color-violet-400::placeholder { border-color:#a78bfa; }
3169
+ .on-placeholder\:background-violet-500::placeholder { background-color:#8b5cf6; }
3170
+ .on-placeholder\:color-violet-500::placeholder { color:#8b5cf6; }
3171
+ .on-placeholder\:border-color-violet-500::placeholder { border-color:#8b5cf6; }
3172
+ .on-placeholder\:background-violet-600::placeholder { background-color:#7c3aed; }
3173
+ .on-placeholder\:color-violet-600::placeholder { color:#7c3aed; }
3174
+ .on-placeholder\:border-color-violet-600::placeholder { border-color:#7c3aed; }
3175
+ .on-placeholder\:background-violet-700::placeholder { background-color:#6d28d9; }
3176
+ .on-placeholder\:color-violet-700::placeholder { color:#6d28d9; }
3177
+ .on-placeholder\:border-color-violet-700::placeholder { border-color:#6d28d9; }
3178
+ .on-placeholder\:background-purple-300::placeholder { background-color:#d8b4fe; }
3179
+ .on-placeholder\:color-purple-300::placeholder { color:#d8b4fe; }
3180
+ .on-placeholder\:border-color-purple-300::placeholder { border-color:#d8b4fe; }
3181
+ .on-placeholder\:background-purple-400::placeholder { background-color:#c084fc; }
3182
+ .on-placeholder\:color-purple-400::placeholder { color:#c084fc; }
3183
+ .on-placeholder\:border-color-purple-400::placeholder { border-color:#c084fc; }
3184
+ .on-placeholder\:background-purple-500::placeholder { background-color:#a855f7; }
3185
+ .on-placeholder\:color-purple-500::placeholder { color:#a855f7; }
3186
+ .on-placeholder\:border-color-purple-500::placeholder { border-color:#a855f7; }
3187
+ .on-placeholder\:background-purple-600::placeholder { background-color:#9333ea; }
3188
+ .on-placeholder\:color-purple-600::placeholder { color:#9333ea; }
3189
+ .on-placeholder\:border-color-purple-600::placeholder { border-color:#9333ea; }
3190
+ .on-placeholder\:background-purple-700::placeholder { background-color:#7e22ce; }
3191
+ .on-placeholder\:color-purple-700::placeholder { color:#7e22ce; }
3192
+ .on-placeholder\:border-color-purple-700::placeholder { border-color:#7e22ce; }
3193
+ .on-placeholder\:background-pink-300::placeholder { background-color:#f9a8d4; }
3194
+ .on-placeholder\:color-pink-300::placeholder { color:#f9a8d4; }
3195
+ .on-placeholder\:border-color-pink-300::placeholder { border-color:#f9a8d4; }
3196
+ .on-placeholder\:background-pink-400::placeholder { background-color:#f472b6; }
3197
+ .on-placeholder\:color-pink-400::placeholder { color:#f472b6; }
3198
+ .on-placeholder\:border-color-pink-400::placeholder { border-color:#f472b6; }
3199
+ .on-placeholder\:background-pink-500::placeholder { background-color:#ec4899; }
3200
+ .on-placeholder\:color-pink-500::placeholder { color:#ec4899; }
3201
+ .on-placeholder\:border-color-pink-500::placeholder { border-color:#ec4899; }
3202
+ .on-placeholder\:background-pink-600::placeholder { background-color:#db2777; }
3203
+ .on-placeholder\:color-pink-600::placeholder { color:#db2777; }
3204
+ .on-placeholder\:border-color-pink-600::placeholder { border-color:#db2777; }
3205
+ .on-placeholder\:background-pink-700::placeholder { background-color:#be185d; }
3206
+ .on-placeholder\:color-pink-700::placeholder { color:#be185d; }
3207
+ .on-placeholder\:border-color-pink-700::placeholder { border-color:#be185d; }
3208
+ .on-placeholder\:background-rose-300::placeholder { background-color:#fda4af; }
3209
+ .on-placeholder\:color-rose-300::placeholder { color:#fda4af; }
3210
+ .on-placeholder\:border-color-rose-300::placeholder { border-color:#fda4af; }
3211
+ .on-placeholder\:background-rose-400::placeholder { background-color:#fb7185; }
3212
+ .on-placeholder\:color-rose-400::placeholder { color:#fb7185; }
3213
+ .on-placeholder\:border-color-rose-400::placeholder { border-color:#fb7185; }
3214
+ .on-placeholder\:background-rose-500::placeholder { background-color:#f43f5e; }
3215
+ .on-placeholder\:color-rose-500::placeholder { color:#f43f5e; }
3216
+ .on-placeholder\:border-color-rose-500::placeholder { border-color:#f43f5e; }
3217
+ .on-placeholder\:background-rose-600::placeholder { background-color:#e11d48; }
3218
+ .on-placeholder\:color-rose-600::placeholder { color:#e11d48; }
3219
+ .on-placeholder\:border-color-rose-600::placeholder { border-color:#e11d48; }
3220
+ .on-placeholder\:background-rose-700::placeholder { background-color:#be123c; }
3221
+ .on-placeholder\:color-rose-700::placeholder { color:#be123c; }
3222
+ .on-placeholder\:border-color-rose-700::placeholder { border-color:#be123c; }
3223
+ .on-placeholder\:background-slate-300::placeholder { background-color:#cbd5e1; }
3224
+ .on-placeholder\:color-slate-300::placeholder { color:#cbd5e1; }
3225
+ .on-placeholder\:border-color-slate-300::placeholder { border-color:#cbd5e1; }
3226
+ .on-placeholder\:background-slate-400::placeholder { background-color:#94a3b8; }
3227
+ .on-placeholder\:color-slate-400::placeholder { color:#94a3b8; }
3228
+ .on-placeholder\:border-color-slate-400::placeholder { border-color:#94a3b8; }
3229
+ .on-placeholder\:background-slate-500::placeholder { background-color:#64748b; }
3230
+ .on-placeholder\:color-slate-500::placeholder { color:#64748b; }
3231
+ .on-placeholder\:border-color-slate-500::placeholder { border-color:#64748b; }
3232
+ .on-placeholder\:background-slate-600::placeholder { background-color:#475569; }
3233
+ .on-placeholder\:color-slate-600::placeholder { color:#475569; }
3234
+ .on-placeholder\:border-color-slate-600::placeholder { border-color:#475569; }
3235
+ .on-placeholder\:background-slate-700::placeholder { background-color:#334155; }
3236
+ .on-placeholder\:color-slate-700::placeholder { color:#334155; }
3237
+ .on-placeholder\:border-color-slate-700::placeholder { border-color:#334155; }
3238
+ .on-placeholder\:background-gray-300::placeholder { background-color:#d1d5db; }
3239
+ .on-placeholder\:color-gray-300::placeholder { color:#d1d5db; }
3240
+ .on-placeholder\:border-color-gray-300::placeholder { border-color:#d1d5db; }
3241
+ .on-placeholder\:background-gray-400::placeholder { background-color:#9ca3af; }
3242
+ .on-placeholder\:color-gray-400::placeholder { color:#9ca3af; }
3243
+ .on-placeholder\:border-color-gray-400::placeholder { border-color:#9ca3af; }
3244
+ .on-placeholder\:background-gray-500::placeholder { background-color:#6b7280; }
3245
+ .on-placeholder\:color-gray-500::placeholder { color:#6b7280; }
3246
+ .on-placeholder\:border-color-gray-500::placeholder { border-color:#6b7280; }
3247
+ .on-placeholder\:background-gray-600::placeholder { background-color:#4b5563; }
3248
+ .on-placeholder\:color-gray-600::placeholder { color:#4b5563; }
3249
+ .on-placeholder\:border-color-gray-600::placeholder { border-color:#4b5563; }
3250
+ .on-placeholder\:background-gray-700::placeholder { background-color:#374151; }
3251
+ .on-placeholder\:color-gray-700::placeholder { color:#374151; }
3252
+ .on-placeholder\:border-color-gray-700::placeholder { border-color:#374151; }
3253
+ .on-placeholder\:background-zinc-300::placeholder { background-color:#d4d4d8; }
3254
+ .on-placeholder\:color-zinc-300::placeholder { color:#d4d4d8; }
3255
+ .on-placeholder\:border-color-zinc-300::placeholder { border-color:#d4d4d8; }
3256
+ .on-placeholder\:background-zinc-400::placeholder { background-color:#a1a1aa; }
3257
+ .on-placeholder\:color-zinc-400::placeholder { color:#a1a1aa; }
3258
+ .on-placeholder\:border-color-zinc-400::placeholder { border-color:#a1a1aa; }
3259
+ .on-placeholder\:background-zinc-500::placeholder { background-color:#71717a; }
3260
+ .on-placeholder\:color-zinc-500::placeholder { color:#71717a; }
3261
+ .on-placeholder\:border-color-zinc-500::placeholder { border-color:#71717a; }
3262
+ .on-placeholder\:background-zinc-600::placeholder { background-color:#52525b; }
3263
+ .on-placeholder\:color-zinc-600::placeholder { color:#52525b; }
3264
+ .on-placeholder\:border-color-zinc-600::placeholder { border-color:#52525b; }
3265
+ .on-placeholder\:background-zinc-700::placeholder { background-color:#3f3f46; }
3266
+ .on-placeholder\:color-zinc-700::placeholder { color:#3f3f46; }
3267
+ .on-placeholder\:border-color-zinc-700::placeholder { border-color:#3f3f46; }
3268
+ .on-placeholder\:background-stone-300::placeholder { background-color:#d6d3d1; }
3269
+ .on-placeholder\:color-stone-300::placeholder { color:#d6d3d1; }
3270
+ .on-placeholder\:border-color-stone-300::placeholder { border-color:#d6d3d1; }
3271
+ .on-placeholder\:background-stone-400::placeholder { background-color:#a8a29e; }
3272
+ .on-placeholder\:color-stone-400::placeholder { color:#a8a29e; }
3273
+ .on-placeholder\:border-color-stone-400::placeholder { border-color:#a8a29e; }
3274
+ .on-placeholder\:background-stone-500::placeholder { background-color:#78716c; }
3275
+ .on-placeholder\:color-stone-500::placeholder { color:#78716c; }
3276
+ .on-placeholder\:border-color-stone-500::placeholder { border-color:#78716c; }
3277
+ .on-placeholder\:background-stone-600::placeholder { background-color:#57534e; }
3278
+ .on-placeholder\:color-stone-600::placeholder { color:#57534e; }
3279
+ .on-placeholder\:border-color-stone-600::placeholder { border-color:#57534e; }
3280
+ .on-placeholder\:background-stone-700::placeholder { background-color:#44403c; }
3281
+ .on-placeholder\:color-stone-700::placeholder { color:#44403c; }
3282
+ .on-placeholder\:border-color-stone-700::placeholder { border-color:#44403c; }
3283
+ .on-placeholder\:add-shadow-sm::placeholder { box-shadow:var(--santy-shadow-sm); }
3284
+ .on-placeholder\:add-shadow::placeholder { box-shadow:var(--santy-shadow); }
3285
+ .on-placeholder\:add-shadow-md::placeholder { box-shadow:var(--santy-shadow-md); }
3286
+ .on-placeholder\:add-shadow-lg::placeholder { box-shadow:var(--santy-shadow-lg); }
3287
+ .on-placeholder\:no-shadow::placeholder { box-shadow:none; }
3288
+ .on-placeholder\:opacity-0::placeholder { opacity:0; }
3289
+ .on-placeholder\:opacity-25::placeholder { opacity:0.25; }
3290
+ .on-placeholder\:opacity-50::placeholder { opacity:0.5; }
3291
+ .on-placeholder\:opacity-75::placeholder { opacity:0.75; }
3292
+ .on-placeholder\:opacity-100::placeholder { opacity:1; }
3293
+ .on-placeholder\:scale-90::placeholder { transform:scale(0.9); }
3294
+ .on-placeholder\:scale-95::placeholder { transform:scale(0.95); }
3295
+ .on-placeholder\:scale-100::placeholder { transform:scale(1); }
3296
+ .on-placeholder\:scale-105::placeholder { transform:scale(1.05); }
3297
+ .on-placeholder\:scale-110::placeholder { transform:scale(1.1); }
3298
+ .on-placeholder\:make-hidden::placeholder { display:none; }
3299
+ .on-placeholder\:make-block::placeholder { display:block; }
3300
+ .on-placeholder\:make-flex::placeholder { display:flex; }
3301
+ .on-placeholder\:cursor-pointer::placeholder { cursor:pointer; }
3302
+ .on-placeholder\:cursor-not-allowed::placeholder { cursor:not-allowed; }
3303
+ .on-placeholder\:outline-none::placeholder { outline:none; }
3304
+ .on-placeholder\:text-underline::placeholder { text-decoration:underline; }
3305
+ .on-placeholder\:text-no-decoration::placeholder { text-decoration:none; }
3306
+ .on-placeholder\:text-bold::placeholder { font-weight:700; }
3307
+ .on-placeholder\:transition-fast::placeholder { transition:var(--santy-transition-fast); }
3308
+ .on-placeholder\:transition-normal::placeholder { transition:var(--santy-transition-normal); }
3309
+ .on-placeholder\:add-border-1::placeholder { border:1px solid; }
3310
+ .on-placeholder\:add-border-2::placeholder { border:2px solid; }
3311
+ .on-placeholder\:add-border-4::placeholder { border:4px solid; }
3312
+
3313
+ /* on-focus-within */
3314
+ .on-focus-within\:background-red-300:focus-within { background-color:#fca5a5; }
3315
+ .on-focus-within\:color-red-300:focus-within { color:#fca5a5; }
3316
+ .on-focus-within\:border-color-red-300:focus-within { border-color:#fca5a5; }
3317
+ .on-focus-within\:background-red-400:focus-within { background-color:#f87171; }
3318
+ .on-focus-within\:color-red-400:focus-within { color:#f87171; }
3319
+ .on-focus-within\:border-color-red-400:focus-within { border-color:#f87171; }
3320
+ .on-focus-within\:background-red-500:focus-within { background-color:#ef4444; }
3321
+ .on-focus-within\:color-red-500:focus-within { color:#ef4444; }
3322
+ .on-focus-within\:border-color-red-500:focus-within { border-color:#ef4444; }
3323
+ .on-focus-within\:background-red-600:focus-within { background-color:#dc2626; }
3324
+ .on-focus-within\:color-red-600:focus-within { color:#dc2626; }
3325
+ .on-focus-within\:border-color-red-600:focus-within { border-color:#dc2626; }
3326
+ .on-focus-within\:background-red-700:focus-within { background-color:#b91c1c; }
3327
+ .on-focus-within\:color-red-700:focus-within { color:#b91c1c; }
3328
+ .on-focus-within\:border-color-red-700:focus-within { border-color:#b91c1c; }
3329
+ .on-focus-within\:background-orange-300:focus-within { background-color:#fdba74; }
3330
+ .on-focus-within\:color-orange-300:focus-within { color:#fdba74; }
3331
+ .on-focus-within\:border-color-orange-300:focus-within { border-color:#fdba74; }
3332
+ .on-focus-within\:background-orange-400:focus-within { background-color:#fb923c; }
3333
+ .on-focus-within\:color-orange-400:focus-within { color:#fb923c; }
3334
+ .on-focus-within\:border-color-orange-400:focus-within { border-color:#fb923c; }
3335
+ .on-focus-within\:background-orange-500:focus-within { background-color:#f97316; }
3336
+ .on-focus-within\:color-orange-500:focus-within { color:#f97316; }
3337
+ .on-focus-within\:border-color-orange-500:focus-within { border-color:#f97316; }
3338
+ .on-focus-within\:background-orange-600:focus-within { background-color:#ea580c; }
3339
+ .on-focus-within\:color-orange-600:focus-within { color:#ea580c; }
3340
+ .on-focus-within\:border-color-orange-600:focus-within { border-color:#ea580c; }
3341
+ .on-focus-within\:background-orange-700:focus-within { background-color:#c2410c; }
3342
+ .on-focus-within\:color-orange-700:focus-within { color:#c2410c; }
3343
+ .on-focus-within\:border-color-orange-700:focus-within { border-color:#c2410c; }
3344
+ .on-focus-within\:background-amber-300:focus-within { background-color:#fcd34d; }
3345
+ .on-focus-within\:color-amber-300:focus-within { color:#fcd34d; }
3346
+ .on-focus-within\:border-color-amber-300:focus-within { border-color:#fcd34d; }
3347
+ .on-focus-within\:background-amber-400:focus-within { background-color:#fbbf24; }
3348
+ .on-focus-within\:color-amber-400:focus-within { color:#fbbf24; }
3349
+ .on-focus-within\:border-color-amber-400:focus-within { border-color:#fbbf24; }
3350
+ .on-focus-within\:background-amber-500:focus-within { background-color:#f59e0b; }
3351
+ .on-focus-within\:color-amber-500:focus-within { color:#f59e0b; }
3352
+ .on-focus-within\:border-color-amber-500:focus-within { border-color:#f59e0b; }
3353
+ .on-focus-within\:background-amber-600:focus-within { background-color:#d97706; }
3354
+ .on-focus-within\:color-amber-600:focus-within { color:#d97706; }
3355
+ .on-focus-within\:border-color-amber-600:focus-within { border-color:#d97706; }
3356
+ .on-focus-within\:background-amber-700:focus-within { background-color:#b45309; }
3357
+ .on-focus-within\:color-amber-700:focus-within { color:#b45309; }
3358
+ .on-focus-within\:border-color-amber-700:focus-within { border-color:#b45309; }
3359
+ .on-focus-within\:background-yellow-300:focus-within { background-color:#fde047; }
3360
+ .on-focus-within\:color-yellow-300:focus-within { color:#fde047; }
3361
+ .on-focus-within\:border-color-yellow-300:focus-within { border-color:#fde047; }
3362
+ .on-focus-within\:background-yellow-400:focus-within { background-color:#facc15; }
3363
+ .on-focus-within\:color-yellow-400:focus-within { color:#facc15; }
3364
+ .on-focus-within\:border-color-yellow-400:focus-within { border-color:#facc15; }
3365
+ .on-focus-within\:background-yellow-500:focus-within { background-color:#eab308; }
3366
+ .on-focus-within\:color-yellow-500:focus-within { color:#eab308; }
3367
+ .on-focus-within\:border-color-yellow-500:focus-within { border-color:#eab308; }
3368
+ .on-focus-within\:background-yellow-600:focus-within { background-color:#ca8a04; }
3369
+ .on-focus-within\:color-yellow-600:focus-within { color:#ca8a04; }
3370
+ .on-focus-within\:border-color-yellow-600:focus-within { border-color:#ca8a04; }
3371
+ .on-focus-within\:background-yellow-700:focus-within { background-color:#a16207; }
3372
+ .on-focus-within\:color-yellow-700:focus-within { color:#a16207; }
3373
+ .on-focus-within\:border-color-yellow-700:focus-within { border-color:#a16207; }
3374
+ .on-focus-within\:background-lime-300:focus-within { background-color:#bef264; }
3375
+ .on-focus-within\:color-lime-300:focus-within { color:#bef264; }
3376
+ .on-focus-within\:border-color-lime-300:focus-within { border-color:#bef264; }
3377
+ .on-focus-within\:background-lime-400:focus-within { background-color:#a3e635; }
3378
+ .on-focus-within\:color-lime-400:focus-within { color:#a3e635; }
3379
+ .on-focus-within\:border-color-lime-400:focus-within { border-color:#a3e635; }
3380
+ .on-focus-within\:background-lime-500:focus-within { background-color:#84cc16; }
3381
+ .on-focus-within\:color-lime-500:focus-within { color:#84cc16; }
3382
+ .on-focus-within\:border-color-lime-500:focus-within { border-color:#84cc16; }
3383
+ .on-focus-within\:background-lime-600:focus-within { background-color:#65a30d; }
3384
+ .on-focus-within\:color-lime-600:focus-within { color:#65a30d; }
3385
+ .on-focus-within\:border-color-lime-600:focus-within { border-color:#65a30d; }
3386
+ .on-focus-within\:background-lime-700:focus-within { background-color:#4d7c0f; }
3387
+ .on-focus-within\:color-lime-700:focus-within { color:#4d7c0f; }
3388
+ .on-focus-within\:border-color-lime-700:focus-within { border-color:#4d7c0f; }
3389
+ .on-focus-within\:background-green-300:focus-within { background-color:#86efac; }
3390
+ .on-focus-within\:color-green-300:focus-within { color:#86efac; }
3391
+ .on-focus-within\:border-color-green-300:focus-within { border-color:#86efac; }
3392
+ .on-focus-within\:background-green-400:focus-within { background-color:#4ade80; }
3393
+ .on-focus-within\:color-green-400:focus-within { color:#4ade80; }
3394
+ .on-focus-within\:border-color-green-400:focus-within { border-color:#4ade80; }
3395
+ .on-focus-within\:background-green-500:focus-within { background-color:#22c55e; }
3396
+ .on-focus-within\:color-green-500:focus-within { color:#22c55e; }
3397
+ .on-focus-within\:border-color-green-500:focus-within { border-color:#22c55e; }
3398
+ .on-focus-within\:background-green-600:focus-within { background-color:#16a34a; }
3399
+ .on-focus-within\:color-green-600:focus-within { color:#16a34a; }
3400
+ .on-focus-within\:border-color-green-600:focus-within { border-color:#16a34a; }
3401
+ .on-focus-within\:background-green-700:focus-within { background-color:#15803d; }
3402
+ .on-focus-within\:color-green-700:focus-within { color:#15803d; }
3403
+ .on-focus-within\:border-color-green-700:focus-within { border-color:#15803d; }
3404
+ .on-focus-within\:background-teal-300:focus-within { background-color:#5eead4; }
3405
+ .on-focus-within\:color-teal-300:focus-within { color:#5eead4; }
3406
+ .on-focus-within\:border-color-teal-300:focus-within { border-color:#5eead4; }
3407
+ .on-focus-within\:background-teal-400:focus-within { background-color:#2dd4bf; }
3408
+ .on-focus-within\:color-teal-400:focus-within { color:#2dd4bf; }
3409
+ .on-focus-within\:border-color-teal-400:focus-within { border-color:#2dd4bf; }
3410
+ .on-focus-within\:background-teal-500:focus-within { background-color:#14b8a6; }
3411
+ .on-focus-within\:color-teal-500:focus-within { color:#14b8a6; }
3412
+ .on-focus-within\:border-color-teal-500:focus-within { border-color:#14b8a6; }
3413
+ .on-focus-within\:background-teal-600:focus-within { background-color:#0d9488; }
3414
+ .on-focus-within\:color-teal-600:focus-within { color:#0d9488; }
3415
+ .on-focus-within\:border-color-teal-600:focus-within { border-color:#0d9488; }
3416
+ .on-focus-within\:background-teal-700:focus-within { background-color:#0f766e; }
3417
+ .on-focus-within\:color-teal-700:focus-within { color:#0f766e; }
3418
+ .on-focus-within\:border-color-teal-700:focus-within { border-color:#0f766e; }
3419
+ .on-focus-within\:background-cyan-300:focus-within { background-color:#67e8f9; }
3420
+ .on-focus-within\:color-cyan-300:focus-within { color:#67e8f9; }
3421
+ .on-focus-within\:border-color-cyan-300:focus-within { border-color:#67e8f9; }
3422
+ .on-focus-within\:background-cyan-400:focus-within { background-color:#22d3ee; }
3423
+ .on-focus-within\:color-cyan-400:focus-within { color:#22d3ee; }
3424
+ .on-focus-within\:border-color-cyan-400:focus-within { border-color:#22d3ee; }
3425
+ .on-focus-within\:background-cyan-500:focus-within { background-color:#06b6d4; }
3426
+ .on-focus-within\:color-cyan-500:focus-within { color:#06b6d4; }
3427
+ .on-focus-within\:border-color-cyan-500:focus-within { border-color:#06b6d4; }
3428
+ .on-focus-within\:background-cyan-600:focus-within { background-color:#0891b2; }
3429
+ .on-focus-within\:color-cyan-600:focus-within { color:#0891b2; }
3430
+ .on-focus-within\:border-color-cyan-600:focus-within { border-color:#0891b2; }
3431
+ .on-focus-within\:background-cyan-700:focus-within { background-color:#0e7490; }
3432
+ .on-focus-within\:color-cyan-700:focus-within { color:#0e7490; }
3433
+ .on-focus-within\:border-color-cyan-700:focus-within { border-color:#0e7490; }
3434
+ .on-focus-within\:background-blue-300:focus-within { background-color:#93c5fd; }
3435
+ .on-focus-within\:color-blue-300:focus-within { color:#93c5fd; }
3436
+ .on-focus-within\:border-color-blue-300:focus-within { border-color:#93c5fd; }
3437
+ .on-focus-within\:background-blue-400:focus-within { background-color:#60a5fa; }
3438
+ .on-focus-within\:color-blue-400:focus-within { color:#60a5fa; }
3439
+ .on-focus-within\:border-color-blue-400:focus-within { border-color:#60a5fa; }
3440
+ .on-focus-within\:background-blue-500:focus-within { background-color:#3b82f6; }
3441
+ .on-focus-within\:color-blue-500:focus-within { color:#3b82f6; }
3442
+ .on-focus-within\:border-color-blue-500:focus-within { border-color:#3b82f6; }
3443
+ .on-focus-within\:background-blue-600:focus-within { background-color:#2563eb; }
3444
+ .on-focus-within\:color-blue-600:focus-within { color:#2563eb; }
3445
+ .on-focus-within\:border-color-blue-600:focus-within { border-color:#2563eb; }
3446
+ .on-focus-within\:background-blue-700:focus-within { background-color:#1d4ed8; }
3447
+ .on-focus-within\:color-blue-700:focus-within { color:#1d4ed8; }
3448
+ .on-focus-within\:border-color-blue-700:focus-within { border-color:#1d4ed8; }
3449
+ .on-focus-within\:background-indigo-300:focus-within { background-color:#a5b4fc; }
3450
+ .on-focus-within\:color-indigo-300:focus-within { color:#a5b4fc; }
3451
+ .on-focus-within\:border-color-indigo-300:focus-within { border-color:#a5b4fc; }
3452
+ .on-focus-within\:background-indigo-400:focus-within { background-color:#818cf8; }
3453
+ .on-focus-within\:color-indigo-400:focus-within { color:#818cf8; }
3454
+ .on-focus-within\:border-color-indigo-400:focus-within { border-color:#818cf8; }
3455
+ .on-focus-within\:background-indigo-500:focus-within { background-color:#6366f1; }
3456
+ .on-focus-within\:color-indigo-500:focus-within { color:#6366f1; }
3457
+ .on-focus-within\:border-color-indigo-500:focus-within { border-color:#6366f1; }
3458
+ .on-focus-within\:background-indigo-600:focus-within { background-color:#4f46e5; }
3459
+ .on-focus-within\:color-indigo-600:focus-within { color:#4f46e5; }
3460
+ .on-focus-within\:border-color-indigo-600:focus-within { border-color:#4f46e5; }
3461
+ .on-focus-within\:background-indigo-700:focus-within { background-color:#4338ca; }
3462
+ .on-focus-within\:color-indigo-700:focus-within { color:#4338ca; }
3463
+ .on-focus-within\:border-color-indigo-700:focus-within { border-color:#4338ca; }
3464
+ .on-focus-within\:background-violet-300:focus-within { background-color:#c4b5fd; }
3465
+ .on-focus-within\:color-violet-300:focus-within { color:#c4b5fd; }
3466
+ .on-focus-within\:border-color-violet-300:focus-within { border-color:#c4b5fd; }
3467
+ .on-focus-within\:background-violet-400:focus-within { background-color:#a78bfa; }
3468
+ .on-focus-within\:color-violet-400:focus-within { color:#a78bfa; }
3469
+ .on-focus-within\:border-color-violet-400:focus-within { border-color:#a78bfa; }
3470
+ .on-focus-within\:background-violet-500:focus-within { background-color:#8b5cf6; }
3471
+ .on-focus-within\:color-violet-500:focus-within { color:#8b5cf6; }
3472
+ .on-focus-within\:border-color-violet-500:focus-within { border-color:#8b5cf6; }
3473
+ .on-focus-within\:background-violet-600:focus-within { background-color:#7c3aed; }
3474
+ .on-focus-within\:color-violet-600:focus-within { color:#7c3aed; }
3475
+ .on-focus-within\:border-color-violet-600:focus-within { border-color:#7c3aed; }
3476
+ .on-focus-within\:background-violet-700:focus-within { background-color:#6d28d9; }
3477
+ .on-focus-within\:color-violet-700:focus-within { color:#6d28d9; }
3478
+ .on-focus-within\:border-color-violet-700:focus-within { border-color:#6d28d9; }
3479
+ .on-focus-within\:background-purple-300:focus-within { background-color:#d8b4fe; }
3480
+ .on-focus-within\:color-purple-300:focus-within { color:#d8b4fe; }
3481
+ .on-focus-within\:border-color-purple-300:focus-within { border-color:#d8b4fe; }
3482
+ .on-focus-within\:background-purple-400:focus-within { background-color:#c084fc; }
3483
+ .on-focus-within\:color-purple-400:focus-within { color:#c084fc; }
3484
+ .on-focus-within\:border-color-purple-400:focus-within { border-color:#c084fc; }
3485
+ .on-focus-within\:background-purple-500:focus-within { background-color:#a855f7; }
3486
+ .on-focus-within\:color-purple-500:focus-within { color:#a855f7; }
3487
+ .on-focus-within\:border-color-purple-500:focus-within { border-color:#a855f7; }
3488
+ .on-focus-within\:background-purple-600:focus-within { background-color:#9333ea; }
3489
+ .on-focus-within\:color-purple-600:focus-within { color:#9333ea; }
3490
+ .on-focus-within\:border-color-purple-600:focus-within { border-color:#9333ea; }
3491
+ .on-focus-within\:background-purple-700:focus-within { background-color:#7e22ce; }
3492
+ .on-focus-within\:color-purple-700:focus-within { color:#7e22ce; }
3493
+ .on-focus-within\:border-color-purple-700:focus-within { border-color:#7e22ce; }
3494
+ .on-focus-within\:background-pink-300:focus-within { background-color:#f9a8d4; }
3495
+ .on-focus-within\:color-pink-300:focus-within { color:#f9a8d4; }
3496
+ .on-focus-within\:border-color-pink-300:focus-within { border-color:#f9a8d4; }
3497
+ .on-focus-within\:background-pink-400:focus-within { background-color:#f472b6; }
3498
+ .on-focus-within\:color-pink-400:focus-within { color:#f472b6; }
3499
+ .on-focus-within\:border-color-pink-400:focus-within { border-color:#f472b6; }
3500
+ .on-focus-within\:background-pink-500:focus-within { background-color:#ec4899; }
3501
+ .on-focus-within\:color-pink-500:focus-within { color:#ec4899; }
3502
+ .on-focus-within\:border-color-pink-500:focus-within { border-color:#ec4899; }
3503
+ .on-focus-within\:background-pink-600:focus-within { background-color:#db2777; }
3504
+ .on-focus-within\:color-pink-600:focus-within { color:#db2777; }
3505
+ .on-focus-within\:border-color-pink-600:focus-within { border-color:#db2777; }
3506
+ .on-focus-within\:background-pink-700:focus-within { background-color:#be185d; }
3507
+ .on-focus-within\:color-pink-700:focus-within { color:#be185d; }
3508
+ .on-focus-within\:border-color-pink-700:focus-within { border-color:#be185d; }
3509
+ .on-focus-within\:background-rose-300:focus-within { background-color:#fda4af; }
3510
+ .on-focus-within\:color-rose-300:focus-within { color:#fda4af; }
3511
+ .on-focus-within\:border-color-rose-300:focus-within { border-color:#fda4af; }
3512
+ .on-focus-within\:background-rose-400:focus-within { background-color:#fb7185; }
3513
+ .on-focus-within\:color-rose-400:focus-within { color:#fb7185; }
3514
+ .on-focus-within\:border-color-rose-400:focus-within { border-color:#fb7185; }
3515
+ .on-focus-within\:background-rose-500:focus-within { background-color:#f43f5e; }
3516
+ .on-focus-within\:color-rose-500:focus-within { color:#f43f5e; }
3517
+ .on-focus-within\:border-color-rose-500:focus-within { border-color:#f43f5e; }
3518
+ .on-focus-within\:background-rose-600:focus-within { background-color:#e11d48; }
3519
+ .on-focus-within\:color-rose-600:focus-within { color:#e11d48; }
3520
+ .on-focus-within\:border-color-rose-600:focus-within { border-color:#e11d48; }
3521
+ .on-focus-within\:background-rose-700:focus-within { background-color:#be123c; }
3522
+ .on-focus-within\:color-rose-700:focus-within { color:#be123c; }
3523
+ .on-focus-within\:border-color-rose-700:focus-within { border-color:#be123c; }
3524
+ .on-focus-within\:background-slate-300:focus-within { background-color:#cbd5e1; }
3525
+ .on-focus-within\:color-slate-300:focus-within { color:#cbd5e1; }
3526
+ .on-focus-within\:border-color-slate-300:focus-within { border-color:#cbd5e1; }
3527
+ .on-focus-within\:background-slate-400:focus-within { background-color:#94a3b8; }
3528
+ .on-focus-within\:color-slate-400:focus-within { color:#94a3b8; }
3529
+ .on-focus-within\:border-color-slate-400:focus-within { border-color:#94a3b8; }
3530
+ .on-focus-within\:background-slate-500:focus-within { background-color:#64748b; }
3531
+ .on-focus-within\:color-slate-500:focus-within { color:#64748b; }
3532
+ .on-focus-within\:border-color-slate-500:focus-within { border-color:#64748b; }
3533
+ .on-focus-within\:background-slate-600:focus-within { background-color:#475569; }
3534
+ .on-focus-within\:color-slate-600:focus-within { color:#475569; }
3535
+ .on-focus-within\:border-color-slate-600:focus-within { border-color:#475569; }
3536
+ .on-focus-within\:background-slate-700:focus-within { background-color:#334155; }
3537
+ .on-focus-within\:color-slate-700:focus-within { color:#334155; }
3538
+ .on-focus-within\:border-color-slate-700:focus-within { border-color:#334155; }
3539
+ .on-focus-within\:background-gray-300:focus-within { background-color:#d1d5db; }
3540
+ .on-focus-within\:color-gray-300:focus-within { color:#d1d5db; }
3541
+ .on-focus-within\:border-color-gray-300:focus-within { border-color:#d1d5db; }
3542
+ .on-focus-within\:background-gray-400:focus-within { background-color:#9ca3af; }
3543
+ .on-focus-within\:color-gray-400:focus-within { color:#9ca3af; }
3544
+ .on-focus-within\:border-color-gray-400:focus-within { border-color:#9ca3af; }
3545
+ .on-focus-within\:background-gray-500:focus-within { background-color:#6b7280; }
3546
+ .on-focus-within\:color-gray-500:focus-within { color:#6b7280; }
3547
+ .on-focus-within\:border-color-gray-500:focus-within { border-color:#6b7280; }
3548
+ .on-focus-within\:background-gray-600:focus-within { background-color:#4b5563; }
3549
+ .on-focus-within\:color-gray-600:focus-within { color:#4b5563; }
3550
+ .on-focus-within\:border-color-gray-600:focus-within { border-color:#4b5563; }
3551
+ .on-focus-within\:background-gray-700:focus-within { background-color:#374151; }
3552
+ .on-focus-within\:color-gray-700:focus-within { color:#374151; }
3553
+ .on-focus-within\:border-color-gray-700:focus-within { border-color:#374151; }
3554
+ .on-focus-within\:background-zinc-300:focus-within { background-color:#d4d4d8; }
3555
+ .on-focus-within\:color-zinc-300:focus-within { color:#d4d4d8; }
3556
+ .on-focus-within\:border-color-zinc-300:focus-within { border-color:#d4d4d8; }
3557
+ .on-focus-within\:background-zinc-400:focus-within { background-color:#a1a1aa; }
3558
+ .on-focus-within\:color-zinc-400:focus-within { color:#a1a1aa; }
3559
+ .on-focus-within\:border-color-zinc-400:focus-within { border-color:#a1a1aa; }
3560
+ .on-focus-within\:background-zinc-500:focus-within { background-color:#71717a; }
3561
+ .on-focus-within\:color-zinc-500:focus-within { color:#71717a; }
3562
+ .on-focus-within\:border-color-zinc-500:focus-within { border-color:#71717a; }
3563
+ .on-focus-within\:background-zinc-600:focus-within { background-color:#52525b; }
3564
+ .on-focus-within\:color-zinc-600:focus-within { color:#52525b; }
3565
+ .on-focus-within\:border-color-zinc-600:focus-within { border-color:#52525b; }
3566
+ .on-focus-within\:background-zinc-700:focus-within { background-color:#3f3f46; }
3567
+ .on-focus-within\:color-zinc-700:focus-within { color:#3f3f46; }
3568
+ .on-focus-within\:border-color-zinc-700:focus-within { border-color:#3f3f46; }
3569
+ .on-focus-within\:background-stone-300:focus-within { background-color:#d6d3d1; }
3570
+ .on-focus-within\:color-stone-300:focus-within { color:#d6d3d1; }
3571
+ .on-focus-within\:border-color-stone-300:focus-within { border-color:#d6d3d1; }
3572
+ .on-focus-within\:background-stone-400:focus-within { background-color:#a8a29e; }
3573
+ .on-focus-within\:color-stone-400:focus-within { color:#a8a29e; }
3574
+ .on-focus-within\:border-color-stone-400:focus-within { border-color:#a8a29e; }
3575
+ .on-focus-within\:background-stone-500:focus-within { background-color:#78716c; }
3576
+ .on-focus-within\:color-stone-500:focus-within { color:#78716c; }
3577
+ .on-focus-within\:border-color-stone-500:focus-within { border-color:#78716c; }
3578
+ .on-focus-within\:background-stone-600:focus-within { background-color:#57534e; }
3579
+ .on-focus-within\:color-stone-600:focus-within { color:#57534e; }
3580
+ .on-focus-within\:border-color-stone-600:focus-within { border-color:#57534e; }
3581
+ .on-focus-within\:background-stone-700:focus-within { background-color:#44403c; }
3582
+ .on-focus-within\:color-stone-700:focus-within { color:#44403c; }
3583
+ .on-focus-within\:border-color-stone-700:focus-within { border-color:#44403c; }
3584
+ .on-focus-within\:add-shadow-sm:focus-within { box-shadow:var(--santy-shadow-sm); }
3585
+ .on-focus-within\:add-shadow:focus-within { box-shadow:var(--santy-shadow); }
3586
+ .on-focus-within\:add-shadow-md:focus-within { box-shadow:var(--santy-shadow-md); }
3587
+ .on-focus-within\:add-shadow-lg:focus-within { box-shadow:var(--santy-shadow-lg); }
3588
+ .on-focus-within\:no-shadow:focus-within { box-shadow:none; }
3589
+ .on-focus-within\:opacity-0:focus-within { opacity:0; }
3590
+ .on-focus-within\:opacity-25:focus-within { opacity:0.25; }
3591
+ .on-focus-within\:opacity-50:focus-within { opacity:0.5; }
3592
+ .on-focus-within\:opacity-75:focus-within { opacity:0.75; }
3593
+ .on-focus-within\:opacity-100:focus-within { opacity:1; }
3594
+ .on-focus-within\:scale-90:focus-within { transform:scale(0.9); }
3595
+ .on-focus-within\:scale-95:focus-within { transform:scale(0.95); }
3596
+ .on-focus-within\:scale-100:focus-within { transform:scale(1); }
3597
+ .on-focus-within\:scale-105:focus-within { transform:scale(1.05); }
3598
+ .on-focus-within\:scale-110:focus-within { transform:scale(1.1); }
3599
+ .on-focus-within\:make-hidden:focus-within { display:none; }
3600
+ .on-focus-within\:make-block:focus-within { display:block; }
3601
+ .on-focus-within\:make-flex:focus-within { display:flex; }
3602
+ .on-focus-within\:cursor-pointer:focus-within { cursor:pointer; }
3603
+ .on-focus-within\:cursor-not-allowed:focus-within { cursor:not-allowed; }
3604
+ .on-focus-within\:outline-none:focus-within { outline:none; }
3605
+ .on-focus-within\:text-underline:focus-within { text-decoration:underline; }
3606
+ .on-focus-within\:text-no-decoration:focus-within { text-decoration:none; }
3607
+ .on-focus-within\:text-bold:focus-within { font-weight:700; }
3608
+ .on-focus-within\:transition-fast:focus-within { transition:var(--santy-transition-fast); }
3609
+ .on-focus-within\:transition-normal:focus-within { transition:var(--santy-transition-normal); }
3610
+ .on-focus-within\:add-border-1:focus-within { border:1px solid; }
3611
+ .on-focus-within\:add-border-2:focus-within { border:2px solid; }
3612
+ .on-focus-within\:add-border-4:focus-within { border:4px solid; }
3613
+
3614
+ /* on-focus-visible */
3615
+ .on-focus-visible\:background-red-300:focus-visible { background-color:#fca5a5; }
3616
+ .on-focus-visible\:color-red-300:focus-visible { color:#fca5a5; }
3617
+ .on-focus-visible\:border-color-red-300:focus-visible { border-color:#fca5a5; }
3618
+ .on-focus-visible\:background-red-400:focus-visible { background-color:#f87171; }
3619
+ .on-focus-visible\:color-red-400:focus-visible { color:#f87171; }
3620
+ .on-focus-visible\:border-color-red-400:focus-visible { border-color:#f87171; }
3621
+ .on-focus-visible\:background-red-500:focus-visible { background-color:#ef4444; }
3622
+ .on-focus-visible\:color-red-500:focus-visible { color:#ef4444; }
3623
+ .on-focus-visible\:border-color-red-500:focus-visible { border-color:#ef4444; }
3624
+ .on-focus-visible\:background-red-600:focus-visible { background-color:#dc2626; }
3625
+ .on-focus-visible\:color-red-600:focus-visible { color:#dc2626; }
3626
+ .on-focus-visible\:border-color-red-600:focus-visible { border-color:#dc2626; }
3627
+ .on-focus-visible\:background-red-700:focus-visible { background-color:#b91c1c; }
3628
+ .on-focus-visible\:color-red-700:focus-visible { color:#b91c1c; }
3629
+ .on-focus-visible\:border-color-red-700:focus-visible { border-color:#b91c1c; }
3630
+ .on-focus-visible\:background-orange-300:focus-visible { background-color:#fdba74; }
3631
+ .on-focus-visible\:color-orange-300:focus-visible { color:#fdba74; }
3632
+ .on-focus-visible\:border-color-orange-300:focus-visible { border-color:#fdba74; }
3633
+ .on-focus-visible\:background-orange-400:focus-visible { background-color:#fb923c; }
3634
+ .on-focus-visible\:color-orange-400:focus-visible { color:#fb923c; }
3635
+ .on-focus-visible\:border-color-orange-400:focus-visible { border-color:#fb923c; }
3636
+ .on-focus-visible\:background-orange-500:focus-visible { background-color:#f97316; }
3637
+ .on-focus-visible\:color-orange-500:focus-visible { color:#f97316; }
3638
+ .on-focus-visible\:border-color-orange-500:focus-visible { border-color:#f97316; }
3639
+ .on-focus-visible\:background-orange-600:focus-visible { background-color:#ea580c; }
3640
+ .on-focus-visible\:color-orange-600:focus-visible { color:#ea580c; }
3641
+ .on-focus-visible\:border-color-orange-600:focus-visible { border-color:#ea580c; }
3642
+ .on-focus-visible\:background-orange-700:focus-visible { background-color:#c2410c; }
3643
+ .on-focus-visible\:color-orange-700:focus-visible { color:#c2410c; }
3644
+ .on-focus-visible\:border-color-orange-700:focus-visible { border-color:#c2410c; }
3645
+ .on-focus-visible\:background-amber-300:focus-visible { background-color:#fcd34d; }
3646
+ .on-focus-visible\:color-amber-300:focus-visible { color:#fcd34d; }
3647
+ .on-focus-visible\:border-color-amber-300:focus-visible { border-color:#fcd34d; }
3648
+ .on-focus-visible\:background-amber-400:focus-visible { background-color:#fbbf24; }
3649
+ .on-focus-visible\:color-amber-400:focus-visible { color:#fbbf24; }
3650
+ .on-focus-visible\:border-color-amber-400:focus-visible { border-color:#fbbf24; }
3651
+ .on-focus-visible\:background-amber-500:focus-visible { background-color:#f59e0b; }
3652
+ .on-focus-visible\:color-amber-500:focus-visible { color:#f59e0b; }
3653
+ .on-focus-visible\:border-color-amber-500:focus-visible { border-color:#f59e0b; }
3654
+ .on-focus-visible\:background-amber-600:focus-visible { background-color:#d97706; }
3655
+ .on-focus-visible\:color-amber-600:focus-visible { color:#d97706; }
3656
+ .on-focus-visible\:border-color-amber-600:focus-visible { border-color:#d97706; }
3657
+ .on-focus-visible\:background-amber-700:focus-visible { background-color:#b45309; }
3658
+ .on-focus-visible\:color-amber-700:focus-visible { color:#b45309; }
3659
+ .on-focus-visible\:border-color-amber-700:focus-visible { border-color:#b45309; }
3660
+ .on-focus-visible\:background-yellow-300:focus-visible { background-color:#fde047; }
3661
+ .on-focus-visible\:color-yellow-300:focus-visible { color:#fde047; }
3662
+ .on-focus-visible\:border-color-yellow-300:focus-visible { border-color:#fde047; }
3663
+ .on-focus-visible\:background-yellow-400:focus-visible { background-color:#facc15; }
3664
+ .on-focus-visible\:color-yellow-400:focus-visible { color:#facc15; }
3665
+ .on-focus-visible\:border-color-yellow-400:focus-visible { border-color:#facc15; }
3666
+ .on-focus-visible\:background-yellow-500:focus-visible { background-color:#eab308; }
3667
+ .on-focus-visible\:color-yellow-500:focus-visible { color:#eab308; }
3668
+ .on-focus-visible\:border-color-yellow-500:focus-visible { border-color:#eab308; }
3669
+ .on-focus-visible\:background-yellow-600:focus-visible { background-color:#ca8a04; }
3670
+ .on-focus-visible\:color-yellow-600:focus-visible { color:#ca8a04; }
3671
+ .on-focus-visible\:border-color-yellow-600:focus-visible { border-color:#ca8a04; }
3672
+ .on-focus-visible\:background-yellow-700:focus-visible { background-color:#a16207; }
3673
+ .on-focus-visible\:color-yellow-700:focus-visible { color:#a16207; }
3674
+ .on-focus-visible\:border-color-yellow-700:focus-visible { border-color:#a16207; }
3675
+ .on-focus-visible\:background-lime-300:focus-visible { background-color:#bef264; }
3676
+ .on-focus-visible\:color-lime-300:focus-visible { color:#bef264; }
3677
+ .on-focus-visible\:border-color-lime-300:focus-visible { border-color:#bef264; }
3678
+ .on-focus-visible\:background-lime-400:focus-visible { background-color:#a3e635; }
3679
+ .on-focus-visible\:color-lime-400:focus-visible { color:#a3e635; }
3680
+ .on-focus-visible\:border-color-lime-400:focus-visible { border-color:#a3e635; }
3681
+ .on-focus-visible\:background-lime-500:focus-visible { background-color:#84cc16; }
3682
+ .on-focus-visible\:color-lime-500:focus-visible { color:#84cc16; }
3683
+ .on-focus-visible\:border-color-lime-500:focus-visible { border-color:#84cc16; }
3684
+ .on-focus-visible\:background-lime-600:focus-visible { background-color:#65a30d; }
3685
+ .on-focus-visible\:color-lime-600:focus-visible { color:#65a30d; }
3686
+ .on-focus-visible\:border-color-lime-600:focus-visible { border-color:#65a30d; }
3687
+ .on-focus-visible\:background-lime-700:focus-visible { background-color:#4d7c0f; }
3688
+ .on-focus-visible\:color-lime-700:focus-visible { color:#4d7c0f; }
3689
+ .on-focus-visible\:border-color-lime-700:focus-visible { border-color:#4d7c0f; }
3690
+ .on-focus-visible\:background-green-300:focus-visible { background-color:#86efac; }
3691
+ .on-focus-visible\:color-green-300:focus-visible { color:#86efac; }
3692
+ .on-focus-visible\:border-color-green-300:focus-visible { border-color:#86efac; }
3693
+ .on-focus-visible\:background-green-400:focus-visible { background-color:#4ade80; }
3694
+ .on-focus-visible\:color-green-400:focus-visible { color:#4ade80; }
3695
+ .on-focus-visible\:border-color-green-400:focus-visible { border-color:#4ade80; }
3696
+ .on-focus-visible\:background-green-500:focus-visible { background-color:#22c55e; }
3697
+ .on-focus-visible\:color-green-500:focus-visible { color:#22c55e; }
3698
+ .on-focus-visible\:border-color-green-500:focus-visible { border-color:#22c55e; }
3699
+ .on-focus-visible\:background-green-600:focus-visible { background-color:#16a34a; }
3700
+ .on-focus-visible\:color-green-600:focus-visible { color:#16a34a; }
3701
+ .on-focus-visible\:border-color-green-600:focus-visible { border-color:#16a34a; }
3702
+ .on-focus-visible\:background-green-700:focus-visible { background-color:#15803d; }
3703
+ .on-focus-visible\:color-green-700:focus-visible { color:#15803d; }
3704
+ .on-focus-visible\:border-color-green-700:focus-visible { border-color:#15803d; }
3705
+ .on-focus-visible\:background-teal-300:focus-visible { background-color:#5eead4; }
3706
+ .on-focus-visible\:color-teal-300:focus-visible { color:#5eead4; }
3707
+ .on-focus-visible\:border-color-teal-300:focus-visible { border-color:#5eead4; }
3708
+ .on-focus-visible\:background-teal-400:focus-visible { background-color:#2dd4bf; }
3709
+ .on-focus-visible\:color-teal-400:focus-visible { color:#2dd4bf; }
3710
+ .on-focus-visible\:border-color-teal-400:focus-visible { border-color:#2dd4bf; }
3711
+ .on-focus-visible\:background-teal-500:focus-visible { background-color:#14b8a6; }
3712
+ .on-focus-visible\:color-teal-500:focus-visible { color:#14b8a6; }
3713
+ .on-focus-visible\:border-color-teal-500:focus-visible { border-color:#14b8a6; }
3714
+ .on-focus-visible\:background-teal-600:focus-visible { background-color:#0d9488; }
3715
+ .on-focus-visible\:color-teal-600:focus-visible { color:#0d9488; }
3716
+ .on-focus-visible\:border-color-teal-600:focus-visible { border-color:#0d9488; }
3717
+ .on-focus-visible\:background-teal-700:focus-visible { background-color:#0f766e; }
3718
+ .on-focus-visible\:color-teal-700:focus-visible { color:#0f766e; }
3719
+ .on-focus-visible\:border-color-teal-700:focus-visible { border-color:#0f766e; }
3720
+ .on-focus-visible\:background-cyan-300:focus-visible { background-color:#67e8f9; }
3721
+ .on-focus-visible\:color-cyan-300:focus-visible { color:#67e8f9; }
3722
+ .on-focus-visible\:border-color-cyan-300:focus-visible { border-color:#67e8f9; }
3723
+ .on-focus-visible\:background-cyan-400:focus-visible { background-color:#22d3ee; }
3724
+ .on-focus-visible\:color-cyan-400:focus-visible { color:#22d3ee; }
3725
+ .on-focus-visible\:border-color-cyan-400:focus-visible { border-color:#22d3ee; }
3726
+ .on-focus-visible\:background-cyan-500:focus-visible { background-color:#06b6d4; }
3727
+ .on-focus-visible\:color-cyan-500:focus-visible { color:#06b6d4; }
3728
+ .on-focus-visible\:border-color-cyan-500:focus-visible { border-color:#06b6d4; }
3729
+ .on-focus-visible\:background-cyan-600:focus-visible { background-color:#0891b2; }
3730
+ .on-focus-visible\:color-cyan-600:focus-visible { color:#0891b2; }
3731
+ .on-focus-visible\:border-color-cyan-600:focus-visible { border-color:#0891b2; }
3732
+ .on-focus-visible\:background-cyan-700:focus-visible { background-color:#0e7490; }
3733
+ .on-focus-visible\:color-cyan-700:focus-visible { color:#0e7490; }
3734
+ .on-focus-visible\:border-color-cyan-700:focus-visible { border-color:#0e7490; }
3735
+ .on-focus-visible\:background-blue-300:focus-visible { background-color:#93c5fd; }
3736
+ .on-focus-visible\:color-blue-300:focus-visible { color:#93c5fd; }
3737
+ .on-focus-visible\:border-color-blue-300:focus-visible { border-color:#93c5fd; }
3738
+ .on-focus-visible\:background-blue-400:focus-visible { background-color:#60a5fa; }
3739
+ .on-focus-visible\:color-blue-400:focus-visible { color:#60a5fa; }
3740
+ .on-focus-visible\:border-color-blue-400:focus-visible { border-color:#60a5fa; }
3741
+ .on-focus-visible\:background-blue-500:focus-visible { background-color:#3b82f6; }
3742
+ .on-focus-visible\:color-blue-500:focus-visible { color:#3b82f6; }
3743
+ .on-focus-visible\:border-color-blue-500:focus-visible { border-color:#3b82f6; }
3744
+ .on-focus-visible\:background-blue-600:focus-visible { background-color:#2563eb; }
3745
+ .on-focus-visible\:color-blue-600:focus-visible { color:#2563eb; }
3746
+ .on-focus-visible\:border-color-blue-600:focus-visible { border-color:#2563eb; }
3747
+ .on-focus-visible\:background-blue-700:focus-visible { background-color:#1d4ed8; }
3748
+ .on-focus-visible\:color-blue-700:focus-visible { color:#1d4ed8; }
3749
+ .on-focus-visible\:border-color-blue-700:focus-visible { border-color:#1d4ed8; }
3750
+ .on-focus-visible\:background-indigo-300:focus-visible { background-color:#a5b4fc; }
3751
+ .on-focus-visible\:color-indigo-300:focus-visible { color:#a5b4fc; }
3752
+ .on-focus-visible\:border-color-indigo-300:focus-visible { border-color:#a5b4fc; }
3753
+ .on-focus-visible\:background-indigo-400:focus-visible { background-color:#818cf8; }
3754
+ .on-focus-visible\:color-indigo-400:focus-visible { color:#818cf8; }
3755
+ .on-focus-visible\:border-color-indigo-400:focus-visible { border-color:#818cf8; }
3756
+ .on-focus-visible\:background-indigo-500:focus-visible { background-color:#6366f1; }
3757
+ .on-focus-visible\:color-indigo-500:focus-visible { color:#6366f1; }
3758
+ .on-focus-visible\:border-color-indigo-500:focus-visible { border-color:#6366f1; }
3759
+ .on-focus-visible\:background-indigo-600:focus-visible { background-color:#4f46e5; }
3760
+ .on-focus-visible\:color-indigo-600:focus-visible { color:#4f46e5; }
3761
+ .on-focus-visible\:border-color-indigo-600:focus-visible { border-color:#4f46e5; }
3762
+ .on-focus-visible\:background-indigo-700:focus-visible { background-color:#4338ca; }
3763
+ .on-focus-visible\:color-indigo-700:focus-visible { color:#4338ca; }
3764
+ .on-focus-visible\:border-color-indigo-700:focus-visible { border-color:#4338ca; }
3765
+ .on-focus-visible\:background-violet-300:focus-visible { background-color:#c4b5fd; }
3766
+ .on-focus-visible\:color-violet-300:focus-visible { color:#c4b5fd; }
3767
+ .on-focus-visible\:border-color-violet-300:focus-visible { border-color:#c4b5fd; }
3768
+ .on-focus-visible\:background-violet-400:focus-visible { background-color:#a78bfa; }
3769
+ .on-focus-visible\:color-violet-400:focus-visible { color:#a78bfa; }
3770
+ .on-focus-visible\:border-color-violet-400:focus-visible { border-color:#a78bfa; }
3771
+ .on-focus-visible\:background-violet-500:focus-visible { background-color:#8b5cf6; }
3772
+ .on-focus-visible\:color-violet-500:focus-visible { color:#8b5cf6; }
3773
+ .on-focus-visible\:border-color-violet-500:focus-visible { border-color:#8b5cf6; }
3774
+ .on-focus-visible\:background-violet-600:focus-visible { background-color:#7c3aed; }
3775
+ .on-focus-visible\:color-violet-600:focus-visible { color:#7c3aed; }
3776
+ .on-focus-visible\:border-color-violet-600:focus-visible { border-color:#7c3aed; }
3777
+ .on-focus-visible\:background-violet-700:focus-visible { background-color:#6d28d9; }
3778
+ .on-focus-visible\:color-violet-700:focus-visible { color:#6d28d9; }
3779
+ .on-focus-visible\:border-color-violet-700:focus-visible { border-color:#6d28d9; }
3780
+ .on-focus-visible\:background-purple-300:focus-visible { background-color:#d8b4fe; }
3781
+ .on-focus-visible\:color-purple-300:focus-visible { color:#d8b4fe; }
3782
+ .on-focus-visible\:border-color-purple-300:focus-visible { border-color:#d8b4fe; }
3783
+ .on-focus-visible\:background-purple-400:focus-visible { background-color:#c084fc; }
3784
+ .on-focus-visible\:color-purple-400:focus-visible { color:#c084fc; }
3785
+ .on-focus-visible\:border-color-purple-400:focus-visible { border-color:#c084fc; }
3786
+ .on-focus-visible\:background-purple-500:focus-visible { background-color:#a855f7; }
3787
+ .on-focus-visible\:color-purple-500:focus-visible { color:#a855f7; }
3788
+ .on-focus-visible\:border-color-purple-500:focus-visible { border-color:#a855f7; }
3789
+ .on-focus-visible\:background-purple-600:focus-visible { background-color:#9333ea; }
3790
+ .on-focus-visible\:color-purple-600:focus-visible { color:#9333ea; }
3791
+ .on-focus-visible\:border-color-purple-600:focus-visible { border-color:#9333ea; }
3792
+ .on-focus-visible\:background-purple-700:focus-visible { background-color:#7e22ce; }
3793
+ .on-focus-visible\:color-purple-700:focus-visible { color:#7e22ce; }
3794
+ .on-focus-visible\:border-color-purple-700:focus-visible { border-color:#7e22ce; }
3795
+ .on-focus-visible\:background-pink-300:focus-visible { background-color:#f9a8d4; }
3796
+ .on-focus-visible\:color-pink-300:focus-visible { color:#f9a8d4; }
3797
+ .on-focus-visible\:border-color-pink-300:focus-visible { border-color:#f9a8d4; }
3798
+ .on-focus-visible\:background-pink-400:focus-visible { background-color:#f472b6; }
3799
+ .on-focus-visible\:color-pink-400:focus-visible { color:#f472b6; }
3800
+ .on-focus-visible\:border-color-pink-400:focus-visible { border-color:#f472b6; }
3801
+ .on-focus-visible\:background-pink-500:focus-visible { background-color:#ec4899; }
3802
+ .on-focus-visible\:color-pink-500:focus-visible { color:#ec4899; }
3803
+ .on-focus-visible\:border-color-pink-500:focus-visible { border-color:#ec4899; }
3804
+ .on-focus-visible\:background-pink-600:focus-visible { background-color:#db2777; }
3805
+ .on-focus-visible\:color-pink-600:focus-visible { color:#db2777; }
3806
+ .on-focus-visible\:border-color-pink-600:focus-visible { border-color:#db2777; }
3807
+ .on-focus-visible\:background-pink-700:focus-visible { background-color:#be185d; }
3808
+ .on-focus-visible\:color-pink-700:focus-visible { color:#be185d; }
3809
+ .on-focus-visible\:border-color-pink-700:focus-visible { border-color:#be185d; }
3810
+ .on-focus-visible\:background-rose-300:focus-visible { background-color:#fda4af; }
3811
+ .on-focus-visible\:color-rose-300:focus-visible { color:#fda4af; }
3812
+ .on-focus-visible\:border-color-rose-300:focus-visible { border-color:#fda4af; }
3813
+ .on-focus-visible\:background-rose-400:focus-visible { background-color:#fb7185; }
3814
+ .on-focus-visible\:color-rose-400:focus-visible { color:#fb7185; }
3815
+ .on-focus-visible\:border-color-rose-400:focus-visible { border-color:#fb7185; }
3816
+ .on-focus-visible\:background-rose-500:focus-visible { background-color:#f43f5e; }
3817
+ .on-focus-visible\:color-rose-500:focus-visible { color:#f43f5e; }
3818
+ .on-focus-visible\:border-color-rose-500:focus-visible { border-color:#f43f5e; }
3819
+ .on-focus-visible\:background-rose-600:focus-visible { background-color:#e11d48; }
3820
+ .on-focus-visible\:color-rose-600:focus-visible { color:#e11d48; }
3821
+ .on-focus-visible\:border-color-rose-600:focus-visible { border-color:#e11d48; }
3822
+ .on-focus-visible\:background-rose-700:focus-visible { background-color:#be123c; }
3823
+ .on-focus-visible\:color-rose-700:focus-visible { color:#be123c; }
3824
+ .on-focus-visible\:border-color-rose-700:focus-visible { border-color:#be123c; }
3825
+ .on-focus-visible\:background-slate-300:focus-visible { background-color:#cbd5e1; }
3826
+ .on-focus-visible\:color-slate-300:focus-visible { color:#cbd5e1; }
3827
+ .on-focus-visible\:border-color-slate-300:focus-visible { border-color:#cbd5e1; }
3828
+ .on-focus-visible\:background-slate-400:focus-visible { background-color:#94a3b8; }
3829
+ .on-focus-visible\:color-slate-400:focus-visible { color:#94a3b8; }
3830
+ .on-focus-visible\:border-color-slate-400:focus-visible { border-color:#94a3b8; }
3831
+ .on-focus-visible\:background-slate-500:focus-visible { background-color:#64748b; }
3832
+ .on-focus-visible\:color-slate-500:focus-visible { color:#64748b; }
3833
+ .on-focus-visible\:border-color-slate-500:focus-visible { border-color:#64748b; }
3834
+ .on-focus-visible\:background-slate-600:focus-visible { background-color:#475569; }
3835
+ .on-focus-visible\:color-slate-600:focus-visible { color:#475569; }
3836
+ .on-focus-visible\:border-color-slate-600:focus-visible { border-color:#475569; }
3837
+ .on-focus-visible\:background-slate-700:focus-visible { background-color:#334155; }
3838
+ .on-focus-visible\:color-slate-700:focus-visible { color:#334155; }
3839
+ .on-focus-visible\:border-color-slate-700:focus-visible { border-color:#334155; }
3840
+ .on-focus-visible\:background-gray-300:focus-visible { background-color:#d1d5db; }
3841
+ .on-focus-visible\:color-gray-300:focus-visible { color:#d1d5db; }
3842
+ .on-focus-visible\:border-color-gray-300:focus-visible { border-color:#d1d5db; }
3843
+ .on-focus-visible\:background-gray-400:focus-visible { background-color:#9ca3af; }
3844
+ .on-focus-visible\:color-gray-400:focus-visible { color:#9ca3af; }
3845
+ .on-focus-visible\:border-color-gray-400:focus-visible { border-color:#9ca3af; }
3846
+ .on-focus-visible\:background-gray-500:focus-visible { background-color:#6b7280; }
3847
+ .on-focus-visible\:color-gray-500:focus-visible { color:#6b7280; }
3848
+ .on-focus-visible\:border-color-gray-500:focus-visible { border-color:#6b7280; }
3849
+ .on-focus-visible\:background-gray-600:focus-visible { background-color:#4b5563; }
3850
+ .on-focus-visible\:color-gray-600:focus-visible { color:#4b5563; }
3851
+ .on-focus-visible\:border-color-gray-600:focus-visible { border-color:#4b5563; }
3852
+ .on-focus-visible\:background-gray-700:focus-visible { background-color:#374151; }
3853
+ .on-focus-visible\:color-gray-700:focus-visible { color:#374151; }
3854
+ .on-focus-visible\:border-color-gray-700:focus-visible { border-color:#374151; }
3855
+ .on-focus-visible\:background-zinc-300:focus-visible { background-color:#d4d4d8; }
3856
+ .on-focus-visible\:color-zinc-300:focus-visible { color:#d4d4d8; }
3857
+ .on-focus-visible\:border-color-zinc-300:focus-visible { border-color:#d4d4d8; }
3858
+ .on-focus-visible\:background-zinc-400:focus-visible { background-color:#a1a1aa; }
3859
+ .on-focus-visible\:color-zinc-400:focus-visible { color:#a1a1aa; }
3860
+ .on-focus-visible\:border-color-zinc-400:focus-visible { border-color:#a1a1aa; }
3861
+ .on-focus-visible\:background-zinc-500:focus-visible { background-color:#71717a; }
3862
+ .on-focus-visible\:color-zinc-500:focus-visible { color:#71717a; }
3863
+ .on-focus-visible\:border-color-zinc-500:focus-visible { border-color:#71717a; }
3864
+ .on-focus-visible\:background-zinc-600:focus-visible { background-color:#52525b; }
3865
+ .on-focus-visible\:color-zinc-600:focus-visible { color:#52525b; }
3866
+ .on-focus-visible\:border-color-zinc-600:focus-visible { border-color:#52525b; }
3867
+ .on-focus-visible\:background-zinc-700:focus-visible { background-color:#3f3f46; }
3868
+ .on-focus-visible\:color-zinc-700:focus-visible { color:#3f3f46; }
3869
+ .on-focus-visible\:border-color-zinc-700:focus-visible { border-color:#3f3f46; }
3870
+ .on-focus-visible\:background-stone-300:focus-visible { background-color:#d6d3d1; }
3871
+ .on-focus-visible\:color-stone-300:focus-visible { color:#d6d3d1; }
3872
+ .on-focus-visible\:border-color-stone-300:focus-visible { border-color:#d6d3d1; }
3873
+ .on-focus-visible\:background-stone-400:focus-visible { background-color:#a8a29e; }
3874
+ .on-focus-visible\:color-stone-400:focus-visible { color:#a8a29e; }
3875
+ .on-focus-visible\:border-color-stone-400:focus-visible { border-color:#a8a29e; }
3876
+ .on-focus-visible\:background-stone-500:focus-visible { background-color:#78716c; }
3877
+ .on-focus-visible\:color-stone-500:focus-visible { color:#78716c; }
3878
+ .on-focus-visible\:border-color-stone-500:focus-visible { border-color:#78716c; }
3879
+ .on-focus-visible\:background-stone-600:focus-visible { background-color:#57534e; }
3880
+ .on-focus-visible\:color-stone-600:focus-visible { color:#57534e; }
3881
+ .on-focus-visible\:border-color-stone-600:focus-visible { border-color:#57534e; }
3882
+ .on-focus-visible\:background-stone-700:focus-visible { background-color:#44403c; }
3883
+ .on-focus-visible\:color-stone-700:focus-visible { color:#44403c; }
3884
+ .on-focus-visible\:border-color-stone-700:focus-visible { border-color:#44403c; }
3885
+ .on-focus-visible\:add-shadow-sm:focus-visible { box-shadow:var(--santy-shadow-sm); }
3886
+ .on-focus-visible\:add-shadow:focus-visible { box-shadow:var(--santy-shadow); }
3887
+ .on-focus-visible\:add-shadow-md:focus-visible { box-shadow:var(--santy-shadow-md); }
3888
+ .on-focus-visible\:add-shadow-lg:focus-visible { box-shadow:var(--santy-shadow-lg); }
3889
+ .on-focus-visible\:no-shadow:focus-visible { box-shadow:none; }
3890
+ .on-focus-visible\:opacity-0:focus-visible { opacity:0; }
3891
+ .on-focus-visible\:opacity-25:focus-visible { opacity:0.25; }
3892
+ .on-focus-visible\:opacity-50:focus-visible { opacity:0.5; }
3893
+ .on-focus-visible\:opacity-75:focus-visible { opacity:0.75; }
3894
+ .on-focus-visible\:opacity-100:focus-visible { opacity:1; }
3895
+ .on-focus-visible\:scale-90:focus-visible { transform:scale(0.9); }
3896
+ .on-focus-visible\:scale-95:focus-visible { transform:scale(0.95); }
3897
+ .on-focus-visible\:scale-100:focus-visible { transform:scale(1); }
3898
+ .on-focus-visible\:scale-105:focus-visible { transform:scale(1.05); }
3899
+ .on-focus-visible\:scale-110:focus-visible { transform:scale(1.1); }
3900
+ .on-focus-visible\:make-hidden:focus-visible { display:none; }
3901
+ .on-focus-visible\:make-block:focus-visible { display:block; }
3902
+ .on-focus-visible\:make-flex:focus-visible { display:flex; }
3903
+ .on-focus-visible\:cursor-pointer:focus-visible { cursor:pointer; }
3904
+ .on-focus-visible\:cursor-not-allowed:focus-visible { cursor:not-allowed; }
3905
+ .on-focus-visible\:outline-none:focus-visible { outline:none; }
3906
+ .on-focus-visible\:text-underline:focus-visible { text-decoration:underline; }
3907
+ .on-focus-visible\:text-no-decoration:focus-visible { text-decoration:none; }
3908
+ .on-focus-visible\:text-bold:focus-visible { font-weight:700; }
3909
+ .on-focus-visible\:transition-fast:focus-visible { transition:var(--santy-transition-fast); }
3910
+ .on-focus-visible\:transition-normal:focus-visible { transition:var(--santy-transition-normal); }
3911
+ .on-focus-visible\:add-border-1:focus-visible { border:1px solid; }
3912
+ .on-focus-visible\:add-border-2:focus-visible { border:2px solid; }
3913
+ .on-focus-visible\:add-border-4:focus-visible { border:4px solid; }
3914
+
3915
+ /* ── Group Hover ── */
3916
+ /* Add class="group" to parent, then use group-hover: on children */
3917
+ .group:hover .group-hover\:background-red-300 { background-color:#fca5a5; }
3918
+ .group:hover .group-hover\:color-red-300 { color:#fca5a5; }
3919
+ .group:hover .group-hover\:border-color-red-300 { border-color:#fca5a5; }
3920
+ .group:hover .group-hover\:background-red-400 { background-color:#f87171; }
3921
+ .group:hover .group-hover\:color-red-400 { color:#f87171; }
3922
+ .group:hover .group-hover\:border-color-red-400 { border-color:#f87171; }
3923
+ .group:hover .group-hover\:background-red-500 { background-color:#ef4444; }
3924
+ .group:hover .group-hover\:color-red-500 { color:#ef4444; }
3925
+ .group:hover .group-hover\:border-color-red-500 { border-color:#ef4444; }
3926
+ .group:hover .group-hover\:background-red-600 { background-color:#dc2626; }
3927
+ .group:hover .group-hover\:color-red-600 { color:#dc2626; }
3928
+ .group:hover .group-hover\:border-color-red-600 { border-color:#dc2626; }
3929
+ .group:hover .group-hover\:background-red-700 { background-color:#b91c1c; }
3930
+ .group:hover .group-hover\:color-red-700 { color:#b91c1c; }
3931
+ .group:hover .group-hover\:border-color-red-700 { border-color:#b91c1c; }
3932
+ .group:hover .group-hover\:background-orange-300 { background-color:#fdba74; }
3933
+ .group:hover .group-hover\:color-orange-300 { color:#fdba74; }
3934
+ .group:hover .group-hover\:border-color-orange-300 { border-color:#fdba74; }
3935
+ .group:hover .group-hover\:background-orange-400 { background-color:#fb923c; }
3936
+ .group:hover .group-hover\:color-orange-400 { color:#fb923c; }
3937
+ .group:hover .group-hover\:border-color-orange-400 { border-color:#fb923c; }
3938
+ .group:hover .group-hover\:background-orange-500 { background-color:#f97316; }
3939
+ .group:hover .group-hover\:color-orange-500 { color:#f97316; }
3940
+ .group:hover .group-hover\:border-color-orange-500 { border-color:#f97316; }
3941
+ .group:hover .group-hover\:background-orange-600 { background-color:#ea580c; }
3942
+ .group:hover .group-hover\:color-orange-600 { color:#ea580c; }
3943
+ .group:hover .group-hover\:border-color-orange-600 { border-color:#ea580c; }
3944
+ .group:hover .group-hover\:background-orange-700 { background-color:#c2410c; }
3945
+ .group:hover .group-hover\:color-orange-700 { color:#c2410c; }
3946
+ .group:hover .group-hover\:border-color-orange-700 { border-color:#c2410c; }
3947
+ .group:hover .group-hover\:background-amber-300 { background-color:#fcd34d; }
3948
+ .group:hover .group-hover\:color-amber-300 { color:#fcd34d; }
3949
+ .group:hover .group-hover\:border-color-amber-300 { border-color:#fcd34d; }
3950
+ .group:hover .group-hover\:background-amber-400 { background-color:#fbbf24; }
3951
+ .group:hover .group-hover\:color-amber-400 { color:#fbbf24; }
3952
+ .group:hover .group-hover\:border-color-amber-400 { border-color:#fbbf24; }
3953
+ .group:hover .group-hover\:background-amber-500 { background-color:#f59e0b; }
3954
+ .group:hover .group-hover\:color-amber-500 { color:#f59e0b; }
3955
+ .group:hover .group-hover\:border-color-amber-500 { border-color:#f59e0b; }
3956
+ .group:hover .group-hover\:background-amber-600 { background-color:#d97706; }
3957
+ .group:hover .group-hover\:color-amber-600 { color:#d97706; }
3958
+ .group:hover .group-hover\:border-color-amber-600 { border-color:#d97706; }
3959
+ .group:hover .group-hover\:background-amber-700 { background-color:#b45309; }
3960
+ .group:hover .group-hover\:color-amber-700 { color:#b45309; }
3961
+ .group:hover .group-hover\:border-color-amber-700 { border-color:#b45309; }
3962
+ .group:hover .group-hover\:background-yellow-300 { background-color:#fde047; }
3963
+ .group:hover .group-hover\:color-yellow-300 { color:#fde047; }
3964
+ .group:hover .group-hover\:border-color-yellow-300 { border-color:#fde047; }
3965
+ .group:hover .group-hover\:background-yellow-400 { background-color:#facc15; }
3966
+ .group:hover .group-hover\:color-yellow-400 { color:#facc15; }
3967
+ .group:hover .group-hover\:border-color-yellow-400 { border-color:#facc15; }
3968
+ .group:hover .group-hover\:background-yellow-500 { background-color:#eab308; }
3969
+ .group:hover .group-hover\:color-yellow-500 { color:#eab308; }
3970
+ .group:hover .group-hover\:border-color-yellow-500 { border-color:#eab308; }
3971
+ .group:hover .group-hover\:background-yellow-600 { background-color:#ca8a04; }
3972
+ .group:hover .group-hover\:color-yellow-600 { color:#ca8a04; }
3973
+ .group:hover .group-hover\:border-color-yellow-600 { border-color:#ca8a04; }
3974
+ .group:hover .group-hover\:background-yellow-700 { background-color:#a16207; }
3975
+ .group:hover .group-hover\:color-yellow-700 { color:#a16207; }
3976
+ .group:hover .group-hover\:border-color-yellow-700 { border-color:#a16207; }
3977
+ .group:hover .group-hover\:background-lime-300 { background-color:#bef264; }
3978
+ .group:hover .group-hover\:color-lime-300 { color:#bef264; }
3979
+ .group:hover .group-hover\:border-color-lime-300 { border-color:#bef264; }
3980
+ .group:hover .group-hover\:background-lime-400 { background-color:#a3e635; }
3981
+ .group:hover .group-hover\:color-lime-400 { color:#a3e635; }
3982
+ .group:hover .group-hover\:border-color-lime-400 { border-color:#a3e635; }
3983
+ .group:hover .group-hover\:background-lime-500 { background-color:#84cc16; }
3984
+ .group:hover .group-hover\:color-lime-500 { color:#84cc16; }
3985
+ .group:hover .group-hover\:border-color-lime-500 { border-color:#84cc16; }
3986
+ .group:hover .group-hover\:background-lime-600 { background-color:#65a30d; }
3987
+ .group:hover .group-hover\:color-lime-600 { color:#65a30d; }
3988
+ .group:hover .group-hover\:border-color-lime-600 { border-color:#65a30d; }
3989
+ .group:hover .group-hover\:background-lime-700 { background-color:#4d7c0f; }
3990
+ .group:hover .group-hover\:color-lime-700 { color:#4d7c0f; }
3991
+ .group:hover .group-hover\:border-color-lime-700 { border-color:#4d7c0f; }
3992
+ .group:hover .group-hover\:background-green-300 { background-color:#86efac; }
3993
+ .group:hover .group-hover\:color-green-300 { color:#86efac; }
3994
+ .group:hover .group-hover\:border-color-green-300 { border-color:#86efac; }
3995
+ .group:hover .group-hover\:background-green-400 { background-color:#4ade80; }
3996
+ .group:hover .group-hover\:color-green-400 { color:#4ade80; }
3997
+ .group:hover .group-hover\:border-color-green-400 { border-color:#4ade80; }
3998
+ .group:hover .group-hover\:background-green-500 { background-color:#22c55e; }
3999
+ .group:hover .group-hover\:color-green-500 { color:#22c55e; }
4000
+ .group:hover .group-hover\:border-color-green-500 { border-color:#22c55e; }
4001
+ .group:hover .group-hover\:background-green-600 { background-color:#16a34a; }
4002
+ .group:hover .group-hover\:color-green-600 { color:#16a34a; }
4003
+ .group:hover .group-hover\:border-color-green-600 { border-color:#16a34a; }
4004
+ .group:hover .group-hover\:background-green-700 { background-color:#15803d; }
4005
+ .group:hover .group-hover\:color-green-700 { color:#15803d; }
4006
+ .group:hover .group-hover\:border-color-green-700 { border-color:#15803d; }
4007
+ .group:hover .group-hover\:background-teal-300 { background-color:#5eead4; }
4008
+ .group:hover .group-hover\:color-teal-300 { color:#5eead4; }
4009
+ .group:hover .group-hover\:border-color-teal-300 { border-color:#5eead4; }
4010
+ .group:hover .group-hover\:background-teal-400 { background-color:#2dd4bf; }
4011
+ .group:hover .group-hover\:color-teal-400 { color:#2dd4bf; }
4012
+ .group:hover .group-hover\:border-color-teal-400 { border-color:#2dd4bf; }
4013
+ .group:hover .group-hover\:background-teal-500 { background-color:#14b8a6; }
4014
+ .group:hover .group-hover\:color-teal-500 { color:#14b8a6; }
4015
+ .group:hover .group-hover\:border-color-teal-500 { border-color:#14b8a6; }
4016
+ .group:hover .group-hover\:background-teal-600 { background-color:#0d9488; }
4017
+ .group:hover .group-hover\:color-teal-600 { color:#0d9488; }
4018
+ .group:hover .group-hover\:border-color-teal-600 { border-color:#0d9488; }
4019
+ .group:hover .group-hover\:background-teal-700 { background-color:#0f766e; }
4020
+ .group:hover .group-hover\:color-teal-700 { color:#0f766e; }
4021
+ .group:hover .group-hover\:border-color-teal-700 { border-color:#0f766e; }
4022
+ .group:hover .group-hover\:background-cyan-300 { background-color:#67e8f9; }
4023
+ .group:hover .group-hover\:color-cyan-300 { color:#67e8f9; }
4024
+ .group:hover .group-hover\:border-color-cyan-300 { border-color:#67e8f9; }
4025
+ .group:hover .group-hover\:background-cyan-400 { background-color:#22d3ee; }
4026
+ .group:hover .group-hover\:color-cyan-400 { color:#22d3ee; }
4027
+ .group:hover .group-hover\:border-color-cyan-400 { border-color:#22d3ee; }
4028
+ .group:hover .group-hover\:background-cyan-500 { background-color:#06b6d4; }
4029
+ .group:hover .group-hover\:color-cyan-500 { color:#06b6d4; }
4030
+ .group:hover .group-hover\:border-color-cyan-500 { border-color:#06b6d4; }
4031
+ .group:hover .group-hover\:background-cyan-600 { background-color:#0891b2; }
4032
+ .group:hover .group-hover\:color-cyan-600 { color:#0891b2; }
4033
+ .group:hover .group-hover\:border-color-cyan-600 { border-color:#0891b2; }
4034
+ .group:hover .group-hover\:background-cyan-700 { background-color:#0e7490; }
4035
+ .group:hover .group-hover\:color-cyan-700 { color:#0e7490; }
4036
+ .group:hover .group-hover\:border-color-cyan-700 { border-color:#0e7490; }
4037
+ .group:hover .group-hover\:background-blue-300 { background-color:#93c5fd; }
4038
+ .group:hover .group-hover\:color-blue-300 { color:#93c5fd; }
4039
+ .group:hover .group-hover\:border-color-blue-300 { border-color:#93c5fd; }
4040
+ .group:hover .group-hover\:background-blue-400 { background-color:#60a5fa; }
4041
+ .group:hover .group-hover\:color-blue-400 { color:#60a5fa; }
4042
+ .group:hover .group-hover\:border-color-blue-400 { border-color:#60a5fa; }
4043
+ .group:hover .group-hover\:background-blue-500 { background-color:#3b82f6; }
4044
+ .group:hover .group-hover\:color-blue-500 { color:#3b82f6; }
4045
+ .group:hover .group-hover\:border-color-blue-500 { border-color:#3b82f6; }
4046
+ .group:hover .group-hover\:background-blue-600 { background-color:#2563eb; }
4047
+ .group:hover .group-hover\:color-blue-600 { color:#2563eb; }
4048
+ .group:hover .group-hover\:border-color-blue-600 { border-color:#2563eb; }
4049
+ .group:hover .group-hover\:background-blue-700 { background-color:#1d4ed8; }
4050
+ .group:hover .group-hover\:color-blue-700 { color:#1d4ed8; }
4051
+ .group:hover .group-hover\:border-color-blue-700 { border-color:#1d4ed8; }
4052
+ .group:hover .group-hover\:background-indigo-300 { background-color:#a5b4fc; }
4053
+ .group:hover .group-hover\:color-indigo-300 { color:#a5b4fc; }
4054
+ .group:hover .group-hover\:border-color-indigo-300 { border-color:#a5b4fc; }
4055
+ .group:hover .group-hover\:background-indigo-400 { background-color:#818cf8; }
4056
+ .group:hover .group-hover\:color-indigo-400 { color:#818cf8; }
4057
+ .group:hover .group-hover\:border-color-indigo-400 { border-color:#818cf8; }
4058
+ .group:hover .group-hover\:background-indigo-500 { background-color:#6366f1; }
4059
+ .group:hover .group-hover\:color-indigo-500 { color:#6366f1; }
4060
+ .group:hover .group-hover\:border-color-indigo-500 { border-color:#6366f1; }
4061
+ .group:hover .group-hover\:background-indigo-600 { background-color:#4f46e5; }
4062
+ .group:hover .group-hover\:color-indigo-600 { color:#4f46e5; }
4063
+ .group:hover .group-hover\:border-color-indigo-600 { border-color:#4f46e5; }
4064
+ .group:hover .group-hover\:background-indigo-700 { background-color:#4338ca; }
4065
+ .group:hover .group-hover\:color-indigo-700 { color:#4338ca; }
4066
+ .group:hover .group-hover\:border-color-indigo-700 { border-color:#4338ca; }
4067
+ .group:hover .group-hover\:background-violet-300 { background-color:#c4b5fd; }
4068
+ .group:hover .group-hover\:color-violet-300 { color:#c4b5fd; }
4069
+ .group:hover .group-hover\:border-color-violet-300 { border-color:#c4b5fd; }
4070
+ .group:hover .group-hover\:background-violet-400 { background-color:#a78bfa; }
4071
+ .group:hover .group-hover\:color-violet-400 { color:#a78bfa; }
4072
+ .group:hover .group-hover\:border-color-violet-400 { border-color:#a78bfa; }
4073
+ .group:hover .group-hover\:background-violet-500 { background-color:#8b5cf6; }
4074
+ .group:hover .group-hover\:color-violet-500 { color:#8b5cf6; }
4075
+ .group:hover .group-hover\:border-color-violet-500 { border-color:#8b5cf6; }
4076
+ .group:hover .group-hover\:background-violet-600 { background-color:#7c3aed; }
4077
+ .group:hover .group-hover\:color-violet-600 { color:#7c3aed; }
4078
+ .group:hover .group-hover\:border-color-violet-600 { border-color:#7c3aed; }
4079
+ .group:hover .group-hover\:background-violet-700 { background-color:#6d28d9; }
4080
+ .group:hover .group-hover\:color-violet-700 { color:#6d28d9; }
4081
+ .group:hover .group-hover\:border-color-violet-700 { border-color:#6d28d9; }
4082
+ .group:hover .group-hover\:background-purple-300 { background-color:#d8b4fe; }
4083
+ .group:hover .group-hover\:color-purple-300 { color:#d8b4fe; }
4084
+ .group:hover .group-hover\:border-color-purple-300 { border-color:#d8b4fe; }
4085
+ .group:hover .group-hover\:background-purple-400 { background-color:#c084fc; }
4086
+ .group:hover .group-hover\:color-purple-400 { color:#c084fc; }
4087
+ .group:hover .group-hover\:border-color-purple-400 { border-color:#c084fc; }
4088
+ .group:hover .group-hover\:background-purple-500 { background-color:#a855f7; }
4089
+ .group:hover .group-hover\:color-purple-500 { color:#a855f7; }
4090
+ .group:hover .group-hover\:border-color-purple-500 { border-color:#a855f7; }
4091
+ .group:hover .group-hover\:background-purple-600 { background-color:#9333ea; }
4092
+ .group:hover .group-hover\:color-purple-600 { color:#9333ea; }
4093
+ .group:hover .group-hover\:border-color-purple-600 { border-color:#9333ea; }
4094
+ .group:hover .group-hover\:background-purple-700 { background-color:#7e22ce; }
4095
+ .group:hover .group-hover\:color-purple-700 { color:#7e22ce; }
4096
+ .group:hover .group-hover\:border-color-purple-700 { border-color:#7e22ce; }
4097
+ .group:hover .group-hover\:background-pink-300 { background-color:#f9a8d4; }
4098
+ .group:hover .group-hover\:color-pink-300 { color:#f9a8d4; }
4099
+ .group:hover .group-hover\:border-color-pink-300 { border-color:#f9a8d4; }
4100
+ .group:hover .group-hover\:background-pink-400 { background-color:#f472b6; }
4101
+ .group:hover .group-hover\:color-pink-400 { color:#f472b6; }
4102
+ .group:hover .group-hover\:border-color-pink-400 { border-color:#f472b6; }
4103
+ .group:hover .group-hover\:background-pink-500 { background-color:#ec4899; }
4104
+ .group:hover .group-hover\:color-pink-500 { color:#ec4899; }
4105
+ .group:hover .group-hover\:border-color-pink-500 { border-color:#ec4899; }
4106
+ .group:hover .group-hover\:background-pink-600 { background-color:#db2777; }
4107
+ .group:hover .group-hover\:color-pink-600 { color:#db2777; }
4108
+ .group:hover .group-hover\:border-color-pink-600 { border-color:#db2777; }
4109
+ .group:hover .group-hover\:background-pink-700 { background-color:#be185d; }
4110
+ .group:hover .group-hover\:color-pink-700 { color:#be185d; }
4111
+ .group:hover .group-hover\:border-color-pink-700 { border-color:#be185d; }
4112
+ .group:hover .group-hover\:background-rose-300 { background-color:#fda4af; }
4113
+ .group:hover .group-hover\:color-rose-300 { color:#fda4af; }
4114
+ .group:hover .group-hover\:border-color-rose-300 { border-color:#fda4af; }
4115
+ .group:hover .group-hover\:background-rose-400 { background-color:#fb7185; }
4116
+ .group:hover .group-hover\:color-rose-400 { color:#fb7185; }
4117
+ .group:hover .group-hover\:border-color-rose-400 { border-color:#fb7185; }
4118
+ .group:hover .group-hover\:background-rose-500 { background-color:#f43f5e; }
4119
+ .group:hover .group-hover\:color-rose-500 { color:#f43f5e; }
4120
+ .group:hover .group-hover\:border-color-rose-500 { border-color:#f43f5e; }
4121
+ .group:hover .group-hover\:background-rose-600 { background-color:#e11d48; }
4122
+ .group:hover .group-hover\:color-rose-600 { color:#e11d48; }
4123
+ .group:hover .group-hover\:border-color-rose-600 { border-color:#e11d48; }
4124
+ .group:hover .group-hover\:background-rose-700 { background-color:#be123c; }
4125
+ .group:hover .group-hover\:color-rose-700 { color:#be123c; }
4126
+ .group:hover .group-hover\:border-color-rose-700 { border-color:#be123c; }
4127
+ .group:hover .group-hover\:background-slate-300 { background-color:#cbd5e1; }
4128
+ .group:hover .group-hover\:color-slate-300 { color:#cbd5e1; }
4129
+ .group:hover .group-hover\:border-color-slate-300 { border-color:#cbd5e1; }
4130
+ .group:hover .group-hover\:background-slate-400 { background-color:#94a3b8; }
4131
+ .group:hover .group-hover\:color-slate-400 { color:#94a3b8; }
4132
+ .group:hover .group-hover\:border-color-slate-400 { border-color:#94a3b8; }
4133
+ .group:hover .group-hover\:background-slate-500 { background-color:#64748b; }
4134
+ .group:hover .group-hover\:color-slate-500 { color:#64748b; }
4135
+ .group:hover .group-hover\:border-color-slate-500 { border-color:#64748b; }
4136
+ .group:hover .group-hover\:background-slate-600 { background-color:#475569; }
4137
+ .group:hover .group-hover\:color-slate-600 { color:#475569; }
4138
+ .group:hover .group-hover\:border-color-slate-600 { border-color:#475569; }
4139
+ .group:hover .group-hover\:background-slate-700 { background-color:#334155; }
4140
+ .group:hover .group-hover\:color-slate-700 { color:#334155; }
4141
+ .group:hover .group-hover\:border-color-slate-700 { border-color:#334155; }
4142
+ .group:hover .group-hover\:background-gray-300 { background-color:#d1d5db; }
4143
+ .group:hover .group-hover\:color-gray-300 { color:#d1d5db; }
4144
+ .group:hover .group-hover\:border-color-gray-300 { border-color:#d1d5db; }
4145
+ .group:hover .group-hover\:background-gray-400 { background-color:#9ca3af; }
4146
+ .group:hover .group-hover\:color-gray-400 { color:#9ca3af; }
4147
+ .group:hover .group-hover\:border-color-gray-400 { border-color:#9ca3af; }
4148
+ .group:hover .group-hover\:background-gray-500 { background-color:#6b7280; }
4149
+ .group:hover .group-hover\:color-gray-500 { color:#6b7280; }
4150
+ .group:hover .group-hover\:border-color-gray-500 { border-color:#6b7280; }
4151
+ .group:hover .group-hover\:background-gray-600 { background-color:#4b5563; }
4152
+ .group:hover .group-hover\:color-gray-600 { color:#4b5563; }
4153
+ .group:hover .group-hover\:border-color-gray-600 { border-color:#4b5563; }
4154
+ .group:hover .group-hover\:background-gray-700 { background-color:#374151; }
4155
+ .group:hover .group-hover\:color-gray-700 { color:#374151; }
4156
+ .group:hover .group-hover\:border-color-gray-700 { border-color:#374151; }
4157
+ .group:hover .group-hover\:background-zinc-300 { background-color:#d4d4d8; }
4158
+ .group:hover .group-hover\:color-zinc-300 { color:#d4d4d8; }
4159
+ .group:hover .group-hover\:border-color-zinc-300 { border-color:#d4d4d8; }
4160
+ .group:hover .group-hover\:background-zinc-400 { background-color:#a1a1aa; }
4161
+ .group:hover .group-hover\:color-zinc-400 { color:#a1a1aa; }
4162
+ .group:hover .group-hover\:border-color-zinc-400 { border-color:#a1a1aa; }
4163
+ .group:hover .group-hover\:background-zinc-500 { background-color:#71717a; }
4164
+ .group:hover .group-hover\:color-zinc-500 { color:#71717a; }
4165
+ .group:hover .group-hover\:border-color-zinc-500 { border-color:#71717a; }
4166
+ .group:hover .group-hover\:background-zinc-600 { background-color:#52525b; }
4167
+ .group:hover .group-hover\:color-zinc-600 { color:#52525b; }
4168
+ .group:hover .group-hover\:border-color-zinc-600 { border-color:#52525b; }
4169
+ .group:hover .group-hover\:background-zinc-700 { background-color:#3f3f46; }
4170
+ .group:hover .group-hover\:color-zinc-700 { color:#3f3f46; }
4171
+ .group:hover .group-hover\:border-color-zinc-700 { border-color:#3f3f46; }
4172
+ .group:hover .group-hover\:background-stone-300 { background-color:#d6d3d1; }
4173
+ .group:hover .group-hover\:color-stone-300 { color:#d6d3d1; }
4174
+ .group:hover .group-hover\:border-color-stone-300 { border-color:#d6d3d1; }
4175
+ .group:hover .group-hover\:background-stone-400 { background-color:#a8a29e; }
4176
+ .group:hover .group-hover\:color-stone-400 { color:#a8a29e; }
4177
+ .group:hover .group-hover\:border-color-stone-400 { border-color:#a8a29e; }
4178
+ .group:hover .group-hover\:background-stone-500 { background-color:#78716c; }
4179
+ .group:hover .group-hover\:color-stone-500 { color:#78716c; }
4180
+ .group:hover .group-hover\:border-color-stone-500 { border-color:#78716c; }
4181
+ .group:hover .group-hover\:background-stone-600 { background-color:#57534e; }
4182
+ .group:hover .group-hover\:color-stone-600 { color:#57534e; }
4183
+ .group:hover .group-hover\:border-color-stone-600 { border-color:#57534e; }
4184
+ .group:hover .group-hover\:background-stone-700 { background-color:#44403c; }
4185
+ .group:hover .group-hover\:color-stone-700 { color:#44403c; }
4186
+ .group:hover .group-hover\:border-color-stone-700 { border-color:#44403c; }
4187
+ .group:hover .group-hover\:add-shadow-sm { box-shadow:var(--santy-shadow-sm); }
4188
+ .group:hover .group-hover\:add-shadow { box-shadow:var(--santy-shadow); }
4189
+ .group:hover .group-hover\:add-shadow-md { box-shadow:var(--santy-shadow-md); }
4190
+ .group:hover .group-hover\:add-shadow-lg { box-shadow:var(--santy-shadow-lg); }
4191
+ .group:hover .group-hover\:no-shadow { box-shadow:none; }
4192
+ .group:hover .group-hover\:opacity-0 { opacity:0; }
4193
+ .group:hover .group-hover\:opacity-25 { opacity:0.25; }
4194
+ .group:hover .group-hover\:opacity-50 { opacity:0.5; }
4195
+ .group:hover .group-hover\:opacity-75 { opacity:0.75; }
4196
+ .group:hover .group-hover\:opacity-100 { opacity:1; }
4197
+ .group:hover .group-hover\:scale-90 { transform:scale(0.9); }
4198
+ .group:hover .group-hover\:scale-95 { transform:scale(0.95); }
4199
+ .group:hover .group-hover\:scale-100 { transform:scale(1); }
4200
+ .group:hover .group-hover\:scale-105 { transform:scale(1.05); }
4201
+ .group:hover .group-hover\:scale-110 { transform:scale(1.1); }
4202
+ .group:hover .group-hover\:make-hidden { display:none; }
4203
+ .group:hover .group-hover\:make-block { display:block; }
4204
+ .group:hover .group-hover\:make-flex { display:flex; }
4205
+ .group:hover .group-hover\:cursor-pointer { cursor:pointer; }
4206
+ .group:hover .group-hover\:cursor-not-allowed { cursor:not-allowed; }
4207
+ .group:hover .group-hover\:outline-none { outline:none; }
4208
+ .group:hover .group-hover\:text-underline { text-decoration:underline; }
4209
+ .group:hover .group-hover\:text-no-decoration { text-decoration:none; }
4210
+ .group:hover .group-hover\:text-bold { font-weight:700; }
4211
+ .group:hover .group-hover\:transition-fast { transition:var(--santy-transition-fast); }
4212
+ .group:hover .group-hover\:transition-normal { transition:var(--santy-transition-normal); }
4213
+ .group:hover .group-hover\:add-border-1 { border:1px solid; }
4214
+ .group:hover .group-hover\:add-border-2 { border:2px solid; }
4215
+ .group:hover .group-hover\:add-border-4 { border:4px solid; }
4216
+
4217
+ /* ── Print Utilities ── */
4218
+ @media print {
4219
+ .print\:hidden { display: none; }
4220
+ .print\:block { display: block; }
4221
+ .print\:no-shadow { box-shadow: none !important; }
4222
+ }
4223
+
4224
+ /* ── RTL / Logical Properties ── */
4225
+ .ps-0 { padding-inline-start: 0; }
4226
+ .ps-4 { padding-inline-start: 4px; }
4227
+ .ps-8 { padding-inline-start: 8px; }
4228
+ .ps-12 { padding-inline-start: 12px; }
4229
+ .ps-16 { padding-inline-start: 16px; }
4230
+ .ps-20 { padding-inline-start: 20px; }
4231
+ .ps-24 { padding-inline-start: 24px; }
4232
+ .ps-32 { padding-inline-start: 32px; }
4233
+ .pe-0 { padding-inline-end: 0; }
4234
+ .pe-4 { padding-inline-end: 4px; }
4235
+ .pe-8 { padding-inline-end: 8px; }
4236
+ .pe-12 { padding-inline-end: 12px; }
4237
+ .pe-16 { padding-inline-end: 16px; }
4238
+ .pe-20 { padding-inline-end: 20px; }
4239
+ .pe-24 { padding-inline-end: 24px; }
4240
+ .pe-32 { padding-inline-end: 32px; }
4241
+ .ms-auto { margin-inline-start: auto; }
4242
+ .me-auto { margin-inline-end: auto; }
4243
+ .border-start-1 { border-inline-start: 1px solid; }
4244
+ .border-start-2 { border-inline-start: 2px solid; }
4245
+ .border-start-4 { border-inline-start: 4px solid; }
4246
+ .border-end-1 { border-inline-end: 1px solid; }
4247
+ .border-end-2 { border-inline-end: 2px solid; }
4248
+ .border-end-4 { border-inline-end: 4px solid; }
4249
+ .start-0 { inset-inline-start: 0; }
4250
+ .end-0 { inset-inline-end: 0; }
4251
+ .start-auto { inset-inline-start: auto; }
4252
+ .end-auto { inset-inline-end: auto; }
4253
+
4254
+ /* ── Peer Variants ── */
4255
+ /* Usage: add class="peer" to input, then class="peer-checked:make-block" to sibling */
4256
+ .peer:hover ~ .peer-hover\:make-block { display:block; }
4257
+ .peer:focus ~ .peer-focus\:make-block { display:block; }
4258
+ .peer:checked ~ .peer-checked\:make-block { display:block; }
4259
+ .peer:disabled ~ .peer-disabled\:make-block { display:block; }
4260
+ .peer:hover ~ .peer-hover\:make-hidden { display:none; }
4261
+ .peer:focus ~ .peer-focus\:make-hidden { display:none; }
4262
+ .peer:checked ~ .peer-checked\:make-hidden { display:none; }
4263
+ .peer:disabled ~ .peer-disabled\:make-hidden { display:none; }
4264
+ .peer:hover ~ .peer-hover\:make-flex { display:flex; }
4265
+ .peer:focus ~ .peer-focus\:make-flex { display:flex; }
4266
+ .peer:checked ~ .peer-checked\:make-flex { display:flex; }
4267
+ .peer:disabled ~ .peer-disabled\:make-flex { display:flex; }
4268
+ .peer:hover ~ .peer-hover\:opacity-100 { opacity:1; }
4269
+ .peer:focus ~ .peer-focus\:opacity-100 { opacity:1; }
4270
+ .peer:checked ~ .peer-checked\:opacity-100 { opacity:1; }
4271
+ .peer:disabled ~ .peer-disabled\:opacity-100 { opacity:1; }
4272
+ .peer:hover ~ .peer-hover\:opacity-0 { opacity:0; }
4273
+ .peer:focus ~ .peer-focus\:opacity-0 { opacity:0; }
4274
+ .peer:checked ~ .peer-checked\:opacity-0 { opacity:0; }
4275
+ .peer:disabled ~ .peer-disabled\:opacity-0 { opacity:0; }
4276
+ .peer:hover ~ .peer-hover\:color-blue-600 { color:#2563eb; }
4277
+ .peer:focus ~ .peer-focus\:color-blue-600 { color:#2563eb; }
4278
+ .peer:checked ~ .peer-checked\:color-blue-600 { color:#2563eb; }
4279
+ .peer:disabled ~ .peer-disabled\:color-blue-600 { color:#2563eb; }
4280
+ .peer:hover ~ .peer-hover\:color-gray-500 { color:#6b7280; }
4281
+ .peer:focus ~ .peer-focus\:color-gray-500 { color:#6b7280; }
4282
+ .peer:checked ~ .peer-checked\:color-gray-500 { color:#6b7280; }
4283
+ .peer:disabled ~ .peer-disabled\:color-gray-500 { color:#6b7280; }
4284
+ .peer:hover ~ .peer-hover\:border-blue-500 { border-color:#3b82f6; }
4285
+ .peer:focus ~ .peer-focus\:border-blue-500 { border-color:#3b82f6; }
4286
+ .peer:checked ~ .peer-checked\:border-blue-500 { border-color:#3b82f6; }
4287
+ .peer:disabled ~ .peer-disabled\:border-blue-500 { border-color:#3b82f6; }
4288
+ .peer:hover ~ .peer-hover\:background-blue-50 { background-color:#eff6ff; }
4289
+ .peer:focus ~ .peer-focus\:background-blue-50 { background-color:#eff6ff; }
4290
+ .peer:checked ~ .peer-checked\:background-blue-50 { background-color:#eff6ff; }
4291
+ .peer:disabled ~ .peer-disabled\:background-blue-50 { background-color:#eff6ff; }
4292
+ .peer:hover ~ .peer-hover\:background-green-50 { background-color:#f0fdf4; }
4293
+ .peer:focus ~ .peer-focus\:background-green-50 { background-color:#f0fdf4; }
4294
+ .peer:checked ~ .peer-checked\:background-green-50 { background-color:#f0fdf4; }
4295
+ .peer:disabled ~ .peer-disabled\:background-green-50 { background-color:#f0fdf4; }
4296
+ .peer:hover ~ .peer-hover\:translate-x-full { transform:translateX(100%); }
4297
+ .peer:focus ~ .peer-focus\:translate-x-full { transform:translateX(100%); }
4298
+ .peer:checked ~ .peer-checked\:translate-x-full { transform:translateX(100%); }
4299
+ .peer:disabled ~ .peer-disabled\:translate-x-full { transform:translateX(100%); }
4300
+ .peer:hover ~ .peer-hover\:translate-x-0 { transform:translateX(0); }
4301
+ .peer:focus ~ .peer-focus\:translate-x-0 { transform:translateX(0); }
4302
+ .peer:checked ~ .peer-checked\:translate-x-0 { transform:translateX(0); }
4303
+ .peer:disabled ~ .peer-disabled\:translate-x-0 { transform:translateX(0); }
4304
+
4305
+ /* ── Motion Variants ── */
4306
+ @media (prefers-reduced-motion: no-preference) {
4307
+ .motion-safe\:animate-spin { animation: santy-spin 1s linear infinite; }
4308
+ .motion-safe\:animate-bounce { animation: santy-bounce 1s infinite; }
4309
+ .motion-safe\:animate-pulse { animation: santy-pulse 2s cubic-bezier(0.4,0,0.6,1) infinite; }
4310
+ .motion-safe\:transition-fast { transition: var(--santy-transition-fast); }
4311
+ .motion-safe\:transition-normal{ transition: var(--santy-transition-normal); }
4312
+ }
4313
+ @media (prefers-reduced-motion: reduce) {
4314
+ .motion-reduce\:animate-none { animation: none !important; }
4315
+ .motion-reduce\:transition-none{ transition: none !important; }
4316
+ * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
4317
+ }
4318
+
4319
+ /* ── Extra State Variants ── */
4320
+
4321
+ /* on-visited */
4322
+ .on-visited\:color-blue-600:visited { color:#2563eb; }
4323
+ .on-visited\:color-red-600:visited { color:#dc2626; }
4324
+ .on-visited\:color-green-600:visited { color:#16a34a; }
4325
+ .on-visited\:color-gray-500:visited { color:#6b7280; }
4326
+ .on-visited\:border-blue-500:visited { border-color:#3b82f6; }
4327
+ .on-visited\:border-red-500:visited { border-color:#ef4444; }
4328
+ .on-visited\:border-green-500:visited { border-color:#22c55e; }
4329
+ .on-visited\:background-blue-50:visited { background-color:#eff6ff; }
4330
+ .on-visited\:background-red-50:visited { background-color:#fef2f2; }
4331
+ .on-visited\:background-green-50:visited { background-color:#f0fdf4; }
4332
+ .on-visited\:opacity-100:visited { opacity:1; }
4333
+ .on-visited\:opacity-75:visited { opacity:0.75; }
4334
+ .on-visited\:opacity-50:visited { opacity:0.5; }
4335
+ .on-visited\:ring-blue:visited { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
4336
+ .on-visited\:ring-red:visited { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
4337
+ .on-visited\:ring-green:visited { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
4338
+ .on-visited\:make-block:visited { display:block; }
4339
+ .on-visited\:make-hidden:visited { display:none; }
4340
+
4341
+ /* on-required */
4342
+ .on-required\:color-blue-600:required { color:#2563eb; }
4343
+ .on-required\:color-red-600:required { color:#dc2626; }
4344
+ .on-required\:color-green-600:required { color:#16a34a; }
4345
+ .on-required\:color-gray-500:required { color:#6b7280; }
4346
+ .on-required\:border-blue-500:required { border-color:#3b82f6; }
4347
+ .on-required\:border-red-500:required { border-color:#ef4444; }
4348
+ .on-required\:border-green-500:required { border-color:#22c55e; }
4349
+ .on-required\:background-blue-50:required { background-color:#eff6ff; }
4350
+ .on-required\:background-red-50:required { background-color:#fef2f2; }
4351
+ .on-required\:background-green-50:required { background-color:#f0fdf4; }
4352
+ .on-required\:opacity-100:required { opacity:1; }
4353
+ .on-required\:opacity-75:required { opacity:0.75; }
4354
+ .on-required\:opacity-50:required { opacity:0.5; }
4355
+ .on-required\:ring-blue:required { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
4356
+ .on-required\:ring-red:required { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
4357
+ .on-required\:ring-green:required { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
4358
+ .on-required\:make-block:required { display:block; }
4359
+ .on-required\:make-hidden:required { display:none; }
4360
+
4361
+ /* on-optional */
4362
+ .on-optional\:color-blue-600:optional { color:#2563eb; }
4363
+ .on-optional\:color-red-600:optional { color:#dc2626; }
4364
+ .on-optional\:color-green-600:optional { color:#16a34a; }
4365
+ .on-optional\:color-gray-500:optional { color:#6b7280; }
4366
+ .on-optional\:border-blue-500:optional { border-color:#3b82f6; }
4367
+ .on-optional\:border-red-500:optional { border-color:#ef4444; }
4368
+ .on-optional\:border-green-500:optional { border-color:#22c55e; }
4369
+ .on-optional\:background-blue-50:optional { background-color:#eff6ff; }
4370
+ .on-optional\:background-red-50:optional { background-color:#fef2f2; }
4371
+ .on-optional\:background-green-50:optional { background-color:#f0fdf4; }
4372
+ .on-optional\:opacity-100:optional { opacity:1; }
4373
+ .on-optional\:opacity-75:optional { opacity:0.75; }
4374
+ .on-optional\:opacity-50:optional { opacity:0.5; }
4375
+ .on-optional\:ring-blue:optional { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
4376
+ .on-optional\:ring-red:optional { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
4377
+ .on-optional\:ring-green:optional { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
4378
+ .on-optional\:make-block:optional { display:block; }
4379
+ .on-optional\:make-hidden:optional { display:none; }
4380
+
4381
+ /* on-invalid */
4382
+ .on-invalid\:color-blue-600:invalid { color:#2563eb; }
4383
+ .on-invalid\:color-red-600:invalid { color:#dc2626; }
4384
+ .on-invalid\:color-green-600:invalid { color:#16a34a; }
4385
+ .on-invalid\:color-gray-500:invalid { color:#6b7280; }
4386
+ .on-invalid\:border-blue-500:invalid { border-color:#3b82f6; }
4387
+ .on-invalid\:border-red-500:invalid { border-color:#ef4444; }
4388
+ .on-invalid\:border-green-500:invalid { border-color:#22c55e; }
4389
+ .on-invalid\:background-blue-50:invalid { background-color:#eff6ff; }
4390
+ .on-invalid\:background-red-50:invalid { background-color:#fef2f2; }
4391
+ .on-invalid\:background-green-50:invalid { background-color:#f0fdf4; }
4392
+ .on-invalid\:opacity-100:invalid { opacity:1; }
4393
+ .on-invalid\:opacity-75:invalid { opacity:0.75; }
4394
+ .on-invalid\:opacity-50:invalid { opacity:0.5; }
4395
+ .on-invalid\:ring-blue:invalid { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
4396
+ .on-invalid\:ring-red:invalid { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
4397
+ .on-invalid\:ring-green:invalid { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
4398
+ .on-invalid\:make-block:invalid { display:block; }
4399
+ .on-invalid\:make-hidden:invalid { display:none; }
4400
+
4401
+ /* on-valid */
4402
+ .on-valid\:color-blue-600:valid { color:#2563eb; }
4403
+ .on-valid\:color-red-600:valid { color:#dc2626; }
4404
+ .on-valid\:color-green-600:valid { color:#16a34a; }
4405
+ .on-valid\:color-gray-500:valid { color:#6b7280; }
4406
+ .on-valid\:border-blue-500:valid { border-color:#3b82f6; }
4407
+ .on-valid\:border-red-500:valid { border-color:#ef4444; }
4408
+ .on-valid\:border-green-500:valid { border-color:#22c55e; }
4409
+ .on-valid\:background-blue-50:valid { background-color:#eff6ff; }
4410
+ .on-valid\:background-red-50:valid { background-color:#fef2f2; }
4411
+ .on-valid\:background-green-50:valid { background-color:#f0fdf4; }
4412
+ .on-valid\:opacity-100:valid { opacity:1; }
4413
+ .on-valid\:opacity-75:valid { opacity:0.75; }
4414
+ .on-valid\:opacity-50:valid { opacity:0.5; }
4415
+ .on-valid\:ring-blue:valid { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
4416
+ .on-valid\:ring-red:valid { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
4417
+ .on-valid\:ring-green:valid { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
4418
+ .on-valid\:make-block:valid { display:block; }
4419
+ .on-valid\:make-hidden:valid { display:none; }
4420
+
4421
+ /* on-empty */
4422
+ .on-empty\:color-blue-600:empty { color:#2563eb; }
4423
+ .on-empty\:color-red-600:empty { color:#dc2626; }
4424
+ .on-empty\:color-green-600:empty { color:#16a34a; }
4425
+ .on-empty\:color-gray-500:empty { color:#6b7280; }
4426
+ .on-empty\:border-blue-500:empty { border-color:#3b82f6; }
4427
+ .on-empty\:border-red-500:empty { border-color:#ef4444; }
4428
+ .on-empty\:border-green-500:empty { border-color:#22c55e; }
4429
+ .on-empty\:background-blue-50:empty { background-color:#eff6ff; }
4430
+ .on-empty\:background-red-50:empty { background-color:#fef2f2; }
4431
+ .on-empty\:background-green-50:empty { background-color:#f0fdf4; }
4432
+ .on-empty\:opacity-100:empty { opacity:1; }
4433
+ .on-empty\:opacity-75:empty { opacity:0.75; }
4434
+ .on-empty\:opacity-50:empty { opacity:0.5; }
4435
+ .on-empty\:ring-blue:empty { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
4436
+ .on-empty\:ring-red:empty { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
4437
+ .on-empty\:ring-green:empty { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
4438
+ .on-empty\:make-block:empty { display:block; }
4439
+ .on-empty\:make-hidden:empty { display:none; }
4440
+
4441
+ /* on-open */
4442
+ .on-open\:color-blue-600[open] { color:#2563eb; }
4443
+ .on-open\:color-red-600[open] { color:#dc2626; }
4444
+ .on-open\:color-green-600[open] { color:#16a34a; }
4445
+ .on-open\:color-gray-500[open] { color:#6b7280; }
4446
+ .on-open\:border-blue-500[open] { border-color:#3b82f6; }
4447
+ .on-open\:border-red-500[open] { border-color:#ef4444; }
4448
+ .on-open\:border-green-500[open] { border-color:#22c55e; }
4449
+ .on-open\:background-blue-50[open] { background-color:#eff6ff; }
4450
+ .on-open\:background-red-50[open] { background-color:#fef2f2; }
4451
+ .on-open\:background-green-50[open] { background-color:#f0fdf4; }
4452
+ .on-open\:opacity-100[open] { opacity:1; }
4453
+ .on-open\:opacity-75[open] { opacity:0.75; }
4454
+ .on-open\:opacity-50[open] { opacity:0.5; }
4455
+ .on-open\:ring-blue[open] { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
4456
+ .on-open\:ring-red[open] { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
4457
+ .on-open\:ring-green[open] { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
4458
+ .on-open\:make-block[open] { display:block; }
4459
+ .on-open\:make-hidden[open] { display:none; }
4460
+
4461
+ /* on-checked */
4462
+ .on-checked\:color-blue-600:checked { color:#2563eb; }
4463
+ .on-checked\:color-red-600:checked { color:#dc2626; }
4464
+ .on-checked\:color-green-600:checked { color:#16a34a; }
4465
+ .on-checked\:color-gray-500:checked { color:#6b7280; }
4466
+ .on-checked\:border-blue-500:checked { border-color:#3b82f6; }
4467
+ .on-checked\:border-red-500:checked { border-color:#ef4444; }
4468
+ .on-checked\:border-green-500:checked { border-color:#22c55e; }
4469
+ .on-checked\:background-blue-50:checked { background-color:#eff6ff; }
4470
+ .on-checked\:background-red-50:checked { background-color:#fef2f2; }
4471
+ .on-checked\:background-green-50:checked { background-color:#f0fdf4; }
4472
+ .on-checked\:opacity-100:checked { opacity:1; }
4473
+ .on-checked\:opacity-75:checked { opacity:0.75; }
4474
+ .on-checked\:opacity-50:checked { opacity:0.5; }
4475
+ .on-checked\:ring-blue:checked { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
4476
+ .on-checked\:ring-red:checked { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
4477
+ .on-checked\:ring-green:checked { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
4478
+ .on-checked\:make-block:checked { display:block; }
4479
+ .on-checked\:make-hidden:checked { display:none; }
4480
+
4481
+ /* on-indeterminate */
4482
+ .on-indeterminate\:color-blue-600:indeterminate { color:#2563eb; }
4483
+ .on-indeterminate\:color-red-600:indeterminate { color:#dc2626; }
4484
+ .on-indeterminate\:color-green-600:indeterminate { color:#16a34a; }
4485
+ .on-indeterminate\:color-gray-500:indeterminate { color:#6b7280; }
4486
+ .on-indeterminate\:border-blue-500:indeterminate { border-color:#3b82f6; }
4487
+ .on-indeterminate\:border-red-500:indeterminate { border-color:#ef4444; }
4488
+ .on-indeterminate\:border-green-500:indeterminate { border-color:#22c55e; }
4489
+ .on-indeterminate\:background-blue-50:indeterminate { background-color:#eff6ff; }
4490
+ .on-indeterminate\:background-red-50:indeterminate { background-color:#fef2f2; }
4491
+ .on-indeterminate\:background-green-50:indeterminate { background-color:#f0fdf4; }
4492
+ .on-indeterminate\:opacity-100:indeterminate { opacity:1; }
4493
+ .on-indeterminate\:opacity-75:indeterminate { opacity:0.75; }
4494
+ .on-indeterminate\:opacity-50:indeterminate { opacity:0.5; }
4495
+ .on-indeterminate\:ring-blue:indeterminate { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
4496
+ .on-indeterminate\:ring-red:indeterminate { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
4497
+ .on-indeterminate\:ring-green:indeterminate { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
4498
+ .on-indeterminate\:make-block:indeterminate { display:block; }
4499
+ .on-indeterminate\:make-hidden:indeterminate { display:none; }
4500
+
4501
+ /* on-placeholder-shown */
4502
+ .on-placeholder-shown\:color-blue-600:placeholder-shown { color:#2563eb; }
4503
+ .on-placeholder-shown\:color-red-600:placeholder-shown { color:#dc2626; }
4504
+ .on-placeholder-shown\:color-green-600:placeholder-shown { color:#16a34a; }
4505
+ .on-placeholder-shown\:color-gray-500:placeholder-shown { color:#6b7280; }
4506
+ .on-placeholder-shown\:border-blue-500:placeholder-shown { border-color:#3b82f6; }
4507
+ .on-placeholder-shown\:border-red-500:placeholder-shown { border-color:#ef4444; }
4508
+ .on-placeholder-shown\:border-green-500:placeholder-shown { border-color:#22c55e; }
4509
+ .on-placeholder-shown\:background-blue-50:placeholder-shown { background-color:#eff6ff; }
4510
+ .on-placeholder-shown\:background-red-50:placeholder-shown { background-color:#fef2f2; }
4511
+ .on-placeholder-shown\:background-green-50:placeholder-shown { background-color:#f0fdf4; }
4512
+ .on-placeholder-shown\:opacity-100:placeholder-shown { opacity:1; }
4513
+ .on-placeholder-shown\:opacity-75:placeholder-shown { opacity:0.75; }
4514
+ .on-placeholder-shown\:opacity-50:placeholder-shown { opacity:0.5; }
4515
+ .on-placeholder-shown\:ring-blue:placeholder-shown { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
4516
+ .on-placeholder-shown\:ring-red:placeholder-shown { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
4517
+ .on-placeholder-shown\:ring-green:placeholder-shown { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
4518
+ .on-placeholder-shown\:make-block:placeholder-shown { display:block; }
4519
+ .on-placeholder-shown\:make-hidden:placeholder-shown { display:none; }
4520
+
4521
+ /* on-autofill */
4522
+ .on-autofill\:color-blue-600:-webkit-autofill { color:#2563eb; }
4523
+ .on-autofill\:color-red-600:-webkit-autofill { color:#dc2626; }
4524
+ .on-autofill\:color-green-600:-webkit-autofill { color:#16a34a; }
4525
+ .on-autofill\:color-gray-500:-webkit-autofill { color:#6b7280; }
4526
+ .on-autofill\:border-blue-500:-webkit-autofill { border-color:#3b82f6; }
4527
+ .on-autofill\:border-red-500:-webkit-autofill { border-color:#ef4444; }
4528
+ .on-autofill\:border-green-500:-webkit-autofill { border-color:#22c55e; }
4529
+ .on-autofill\:background-blue-50:-webkit-autofill { background-color:#eff6ff; }
4530
+ .on-autofill\:background-red-50:-webkit-autofill { background-color:#fef2f2; }
4531
+ .on-autofill\:background-green-50:-webkit-autofill { background-color:#f0fdf4; }
4532
+ .on-autofill\:opacity-100:-webkit-autofill { opacity:1; }
4533
+ .on-autofill\:opacity-75:-webkit-autofill { opacity:0.75; }
4534
+ .on-autofill\:opacity-50:-webkit-autofill { opacity:0.5; }
4535
+ .on-autofill\:ring-blue:-webkit-autofill { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
4536
+ .on-autofill\:ring-red:-webkit-autofill { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
4537
+ .on-autofill\:ring-green:-webkit-autofill { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
4538
+ .on-autofill\:make-block:-webkit-autofill { display:block; }
4539
+ .on-autofill\:make-hidden:-webkit-autofill { display:none; }
4540
+
4541
+ /* on-read-only */
4542
+ .on-read-only\:color-blue-600:read-only { color:#2563eb; }
4543
+ .on-read-only\:color-red-600:read-only { color:#dc2626; }
4544
+ .on-read-only\:color-green-600:read-only { color:#16a34a; }
4545
+ .on-read-only\:color-gray-500:read-only { color:#6b7280; }
4546
+ .on-read-only\:border-blue-500:read-only { border-color:#3b82f6; }
4547
+ .on-read-only\:border-red-500:read-only { border-color:#ef4444; }
4548
+ .on-read-only\:border-green-500:read-only { border-color:#22c55e; }
4549
+ .on-read-only\:background-blue-50:read-only { background-color:#eff6ff; }
4550
+ .on-read-only\:background-red-50:read-only { background-color:#fef2f2; }
4551
+ .on-read-only\:background-green-50:read-only { background-color:#f0fdf4; }
4552
+ .on-read-only\:opacity-100:read-only { opacity:1; }
4553
+ .on-read-only\:opacity-75:read-only { opacity:0.75; }
4554
+ .on-read-only\:opacity-50:read-only { opacity:0.5; }
4555
+ .on-read-only\:ring-blue:read-only { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
4556
+ .on-read-only\:ring-red:read-only { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
4557
+ .on-read-only\:ring-green:read-only { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
4558
+ .on-read-only\:make-block:read-only { display:block; }
4559
+ .on-read-only\:make-hidden:read-only { display:none; }
4560
+
4561
+ /* on-read-write */
4562
+ .on-read-write\:color-blue-600:read-write { color:#2563eb; }
4563
+ .on-read-write\:color-red-600:read-write { color:#dc2626; }
4564
+ .on-read-write\:color-green-600:read-write { color:#16a34a; }
4565
+ .on-read-write\:color-gray-500:read-write { color:#6b7280; }
4566
+ .on-read-write\:border-blue-500:read-write { border-color:#3b82f6; }
4567
+ .on-read-write\:border-red-500:read-write { border-color:#ef4444; }
4568
+ .on-read-write\:border-green-500:read-write { border-color:#22c55e; }
4569
+ .on-read-write\:background-blue-50:read-write { background-color:#eff6ff; }
4570
+ .on-read-write\:background-red-50:read-write { background-color:#fef2f2; }
4571
+ .on-read-write\:background-green-50:read-write { background-color:#f0fdf4; }
4572
+ .on-read-write\:opacity-100:read-write { opacity:1; }
4573
+ .on-read-write\:opacity-75:read-write { opacity:0.75; }
4574
+ .on-read-write\:opacity-50:read-write { opacity:0.5; }
4575
+ .on-read-write\:ring-blue:read-write { box-shadow:0 0 0 3px rgba(59,130,246,.4); }
4576
+ .on-read-write\:ring-red:read-write { box-shadow:0 0 0 3px rgba(239,68,68,.4); }
4577
+ .on-read-write\:ring-green:read-write { box-shadow:0 0 0 3px rgba(34,197,94,.4); }
4578
+ .on-read-write\:make-block:read-write { display:block; }
4579
+ .on-read-write\:make-hidden:read-write { display:none; }