daisyui 0.0.0-insiders.3.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,1243 @@
1
+ :root {
2
+ color-scheme: light;
3
+ --pf: 258.89 94.378% 40.941%;
4
+ --sf: 314 100% 37.647%;
5
+ --af: 174 60% 40.784%;
6
+ --nf: 219 14.085% 22.275%;
7
+ --in: 198 93% 60%;
8
+ --su: 158 64% 52%;
9
+ --wa: 43 96% 56%;
10
+ --er: 0 91% 71%;
11
+ --inc: 198 100% 12%;
12
+ --suc: 158 100% 10%;
13
+ --wac: 43 100% 11%;
14
+ --erc: 0 100% 14%;
15
+ --rounded-box: 1rem;
16
+ --rounded-btn: 0.5rem;
17
+ --rounded-badge: 1.9rem;
18
+ --animation-btn: 0.25s;
19
+ --animation-input: .2s;
20
+ --btn-text-case: uppercase;
21
+ --btn-focus-scale: 0.97;
22
+ --border-btn: 1px;
23
+ --tab-border: 1px;
24
+ --tab-radius: 0.5rem;
25
+ --p: 258.89 94.378% 51.176%;
26
+ --pc: 0 0% 100%;
27
+ --s: 314 100% 47.059%;
28
+ --sc: 0 0% 100%;
29
+ --a: 174 60% 50.98%;
30
+ --ac: 174.71 43.59% 15.294%;
31
+ --n: 219 14.085% 27.843%;
32
+ --nc: 0 0% 100%;
33
+ --b1: 0 0% 100%;
34
+ --b2: 0 0% 94.902%;
35
+ --b3: 180 1.9608% 90%;
36
+ --bc: 215 27.907% 16.863%
37
+ }
38
+ @media (prefers-color-scheme: dark) {
39
+ :root {
40
+ color-scheme: dark;
41
+ --pf: 262.35 80.315% 40.157%;
42
+ --sf: 315.75 70.196% 40%;
43
+ --af: 174.69 70.335% 32.784%;
44
+ --in: 198 93% 60%;
45
+ --su: 158 64% 52%;
46
+ --wa: 43 96% 56%;
47
+ --er: 0 91% 71%;
48
+ --inc: 198 100% 12%;
49
+ --suc: 158 100% 10%;
50
+ --wac: 43 100% 11%;
51
+ --erc: 0 100% 14%;
52
+ --rounded-box: 1rem;
53
+ --rounded-btn: 0.5rem;
54
+ --rounded-badge: 1.9rem;
55
+ --animation-btn: 0.25s;
56
+ --animation-input: .2s;
57
+ --btn-text-case: uppercase;
58
+ --btn-focus-scale: 0.97;
59
+ --border-btn: 1px;
60
+ --tab-border: 1px;
61
+ --tab-radius: 0.5rem;
62
+ --p: 262.35 80.315% 50.196%;
63
+ --pc: 0 0% 100%;
64
+ --s: 315.75 70.196% 50%;
65
+ --sc: 0 0% 100%;
66
+ --a: 174.69 70.335% 40.98%;
67
+ --ac: 0 0% 100%;
68
+ --n: 218.18 18.033% 11.961%;
69
+ --nf: 222.86 17.073% 8.0392%;
70
+ --nc: 220 13.376% 69.216%;
71
+ --b1: 220 17.647% 20%;
72
+ --b2: 220 17.241% 17.059%;
73
+ --b3: 218.57 17.949% 15.294%;
74
+ --bc: 220 13.376% 69.216%
75
+ }
76
+ }
77
+ [data-theme=light] {
78
+ color-scheme: light;
79
+ --pf: 258.89 94.378% 40.941%;
80
+ --sf: 314 100% 37.647%;
81
+ --af: 174 60% 40.784%;
82
+ --nf: 219 14.085% 22.275%;
83
+ --in: 198 93% 60%;
84
+ --su: 158 64% 52%;
85
+ --wa: 43 96% 56%;
86
+ --er: 0 91% 71%;
87
+ --inc: 198 100% 12%;
88
+ --suc: 158 100% 10%;
89
+ --wac: 43 100% 11%;
90
+ --erc: 0 100% 14%;
91
+ --rounded-box: 1rem;
92
+ --rounded-btn: 0.5rem;
93
+ --rounded-badge: 1.9rem;
94
+ --animation-btn: 0.25s;
95
+ --animation-input: .2s;
96
+ --btn-text-case: uppercase;
97
+ --btn-focus-scale: 0.97;
98
+ --border-btn: 1px;
99
+ --tab-border: 1px;
100
+ --tab-radius: 0.5rem;
101
+ --p: 258.89 94.378% 51.176%;
102
+ --pc: 0 0% 100%;
103
+ --s: 314 100% 47.059%;
104
+ --sc: 0 0% 100%;
105
+ --a: 174 60% 50.98%;
106
+ --ac: 174.71 43.59% 15.294%;
107
+ --n: 219 14.085% 27.843%;
108
+ --nc: 0 0% 100%;
109
+ --b1: 0 0% 100%;
110
+ --b2: 0 0% 94.902%;
111
+ --b3: 180 1.9608% 90%;
112
+ --bc: 215 27.907% 16.863%
113
+ }
114
+ [data-theme=dark] {
115
+ color-scheme: dark;
116
+ --pf: 262.35 80.315% 40.157%;
117
+ --sf: 315.75 70.196% 40%;
118
+ --af: 174.69 70.335% 32.784%;
119
+ --in: 198 93% 60%;
120
+ --su: 158 64% 52%;
121
+ --wa: 43 96% 56%;
122
+ --er: 0 91% 71%;
123
+ --inc: 198 100% 12%;
124
+ --suc: 158 100% 10%;
125
+ --wac: 43 100% 11%;
126
+ --erc: 0 100% 14%;
127
+ --rounded-box: 1rem;
128
+ --rounded-btn: 0.5rem;
129
+ --rounded-badge: 1.9rem;
130
+ --animation-btn: 0.25s;
131
+ --animation-input: .2s;
132
+ --btn-text-case: uppercase;
133
+ --btn-focus-scale: 0.97;
134
+ --border-btn: 1px;
135
+ --tab-border: 1px;
136
+ --tab-radius: 0.5rem;
137
+ --p: 262.35 80.315% 50.196%;
138
+ --pc: 0 0% 100%;
139
+ --s: 315.75 70.196% 50%;
140
+ --sc: 0 0% 100%;
141
+ --a: 174.69 70.335% 40.98%;
142
+ --ac: 0 0% 100%;
143
+ --n: 218.18 18.033% 11.961%;
144
+ --nf: 222.86 17.073% 8.0392%;
145
+ --nc: 220 13.376% 69.216%;
146
+ --b1: 220 17.647% 20%;
147
+ --b2: 220 17.241% 17.059%;
148
+ --b3: 218.57 17.949% 15.294%;
149
+ --bc: 220 13.376% 69.216%
150
+ }
151
+ [data-theme=cupcake] {
152
+ color-scheme: light;
153
+ --pf: 183.03 47.368% 47.216%;
154
+ --sf: 338.25 71.429% 62.431%;
155
+ --af: 39 84.112% 46.431%;
156
+ --nf: 280 46.479% 11.137%;
157
+ --in: 198 93% 60%;
158
+ --su: 158 64% 52%;
159
+ --wa: 43 96% 56%;
160
+ --er: 0 91% 71%;
161
+ --pc: 183.03 100% 11.804%;
162
+ --sc: 338.25 100% 15.608%;
163
+ --ac: 39 100% 11.608%;
164
+ --nc: 280 82.688% 82.784%;
165
+ --inc: 198 100% 12%;
166
+ --suc: 158 100% 10%;
167
+ --wac: 43 100% 11%;
168
+ --erc: 0 100% 14%;
169
+ --rounded-box: 1rem;
170
+ --rounded-badge: 1.9rem;
171
+ --animation-btn: 0.25s;
172
+ --animation-input: .2s;
173
+ --btn-text-case: uppercase;
174
+ --btn-focus-scale: 0.97;
175
+ --border-btn: 1px;
176
+ --p: 183.03 47.368% 59.02%;
177
+ --s: 338.25 71.429% 78.039%;
178
+ --a: 39 84.112% 58.039%;
179
+ --n: 280 46.479% 13.922%;
180
+ --b1: 24 33.333% 97.059%;
181
+ --b2: 26.667 21.951% 91.961%;
182
+ --b3: 22.5 14.286% 89.02%;
183
+ --bc: 280 46.479% 13.922%;
184
+ --rounded-btn: 1.9rem;
185
+ --tab-border: 2px;
186
+ --tab-radius: .5rem
187
+ }
188
+ [data-theme=bumblebee] {
189
+ color-scheme: light;
190
+ --pf: 41.124 74.167% 42.353%;
191
+ --sf: 49.901 94.393% 46.431%;
192
+ --af: 240 33.333% 11.294%;
193
+ --nf: 240 33.333% 11.294%;
194
+ --b2: 0 0% 90%;
195
+ --b3: 0 0% 81%;
196
+ --in: 198 93% 60%;
197
+ --su: 158 64% 52%;
198
+ --wa: 43 96% 56%;
199
+ --er: 0 91% 71%;
200
+ --bc: 0 0% 20%;
201
+ --ac: 240 60.274% 82.824%;
202
+ --nc: 240 60.274% 82.824%;
203
+ --inc: 198 100% 12%;
204
+ --suc: 158 100% 10%;
205
+ --wac: 43 100% 11%;
206
+ --erc: 0 100% 14%;
207
+ --rounded-box: 1rem;
208
+ --rounded-btn: 0.5rem;
209
+ --rounded-badge: 1.9rem;
210
+ --animation-btn: 0.25s;
211
+ --animation-input: .2s;
212
+ --btn-text-case: uppercase;
213
+ --btn-focus-scale: 0.97;
214
+ --border-btn: 1px;
215
+ --tab-border: 1px;
216
+ --tab-radius: 0.5rem;
217
+ --p: 41.124 74.167% 52.941%;
218
+ --pc: 240 33.333% 14.118%;
219
+ --s: 49.901 94.393% 58.039%;
220
+ --sc: 240 33.333% 14.118%;
221
+ --a: 240 33.333% 14.118%;
222
+ --n: 240 33.333% 14.118%;
223
+ --b1: 0 0% 100%
224
+ }
225
+ [data-theme=emerald] {
226
+ color-scheme: light;
227
+ --pf: 141.18 50% 48%;
228
+ --sf: 218.88 96.078% 48%;
229
+ --af: 9.8901 81.25% 44.863%;
230
+ --nf: 219.23 20.312% 20.078%;
231
+ --b2: 0 0% 90%;
232
+ --b3: 0 0% 81%;
233
+ --in: 198 93% 60%;
234
+ --su: 158 64% 52%;
235
+ --wa: 43 96% 56%;
236
+ --er: 0 91% 71%;
237
+ --inc: 198 100% 12%;
238
+ --suc: 158 100% 10%;
239
+ --wac: 43 100% 11%;
240
+ --erc: 0 100% 14%;
241
+ --rounded-box: 1rem;
242
+ --rounded-btn: 0.5rem;
243
+ --rounded-badge: 1.9rem;
244
+ --btn-text-case: uppercase;
245
+ --border-btn: 1px;
246
+ --tab-border: 1px;
247
+ --tab-radius: 0.5rem;
248
+ --p: 141.18 50% 60%;
249
+ --pc: 151.11 28.421% 18.627%;
250
+ --s: 218.88 96.078% 60%;
251
+ --sc: 210 20% 98.039%;
252
+ --a: 9.8901 81.25% 56.078%;
253
+ --ac: 210 20% 98.039%;
254
+ --n: 219.23 20.312% 25.098%;
255
+ --nc: 210 20% 98.039%;
256
+ --b1: 0 0% 100%;
257
+ --bc: 219.23 20.312% 25.098%;
258
+ --animation-btn: 0;
259
+ --animation-input: 0;
260
+ --btn-focus-scale: 1
261
+ }
262
+ [data-theme=corporate] {
263
+ color-scheme: light;
264
+ --pf: 229.09 95.652% 51.137%;
265
+ --sf: 214.91 26.316% 47.216%;
266
+ --af: 154.2 49.02% 48%;
267
+ --nf: 233.33 27.273% 10.353%;
268
+ --b2: 0 0% 90%;
269
+ --b3: 0 0% 81%;
270
+ --in: 198 93% 60%;
271
+ --su: 158 64% 52%;
272
+ --wa: 43 96% 56%;
273
+ --er: 0 91% 71%;
274
+ --pc: 229.09 100% 92.784%;
275
+ --sc: 214.91 100% 11.804%;
276
+ --ac: 154.2 100% 12%;
277
+ --inc: 198 100% 12%;
278
+ --suc: 158 100% 10%;
279
+ --wac: 43 100% 11%;
280
+ --erc: 0 100% 14%;
281
+ --btn-text-case: uppercase;
282
+ --border-btn: 1px;
283
+ --tab-border: 1px;
284
+ --tab-radius: 0.5rem;
285
+ --p: 229.09 95.652% 63.922%;
286
+ --s: 214.91 26.316% 59.02%;
287
+ --a: 154.2 49.02% 60%;
288
+ --n: 233.33 27.273% 12.941%;
289
+ --nc: 210 38.462% 94.902%;
290
+ --b1: 0 0% 100%;
291
+ --bc: 233.33 27.273% 12.941%;
292
+ --rounded-box: 0.25rem;
293
+ --rounded-btn: .125rem;
294
+ --rounded-badge: .125rem;
295
+ --animation-btn: 0;
296
+ --animation-input: 0;
297
+ --btn-focus-scale: 1
298
+ }
299
+ [data-theme=synthwave] {
300
+ color-scheme: dark;
301
+ --pf: 320.73 69.62% 55.216%;
302
+ --sf: 197.03 86.592% 51.922%;
303
+ --af: 48 89.041% 45.647%;
304
+ --nf: 253.22 60.825% 15.216%;
305
+ --b2: 253.85 59.091% 23.294%;
306
+ --b3: 253.85 59.091% 20.965%;
307
+ --pc: 320.73 100% 13.804%;
308
+ --sc: 197.03 100% 12.98%;
309
+ --ac: 48 100% 11.412%;
310
+ --rounded-box: 1rem;
311
+ --rounded-btn: 0.5rem;
312
+ --rounded-badge: 1.9rem;
313
+ --animation-btn: 0.25s;
314
+ --animation-input: .2s;
315
+ --btn-text-case: uppercase;
316
+ --btn-focus-scale: 0.97;
317
+ --border-btn: 1px;
318
+ --tab-border: 1px;
319
+ --tab-radius: 0.5rem;
320
+ --p: 320.73 69.62% 69.02%;
321
+ --s: 197.03 86.592% 64.902%;
322
+ --a: 48 89.041% 57.059%;
323
+ --n: 253.22 60.825% 19.02%;
324
+ --nc: 260 60% 98.039%;
325
+ --b1: 253.85 59.091% 25.882%;
326
+ --bc: 260 60% 98.039%;
327
+ --in: 199.13 86.957% 63.922%;
328
+ --inc: 257.45 63.218% 17.059%;
329
+ --su: 168.1 74.233% 68.039%;
330
+ --suc: 257.45 63.218% 17.059%;
331
+ --wa: 48 89.041% 57.059%;
332
+ --wac: 257.45 63.218% 17.059%;
333
+ --er: 351.85 73.636% 56.863%;
334
+ --erc: 260 60% 98.039%
335
+ }
336
+ [data-theme=retro] {
337
+ color-scheme: light;
338
+ --pf: 2.6667 73.77% 60.863%;
339
+ --sf: 144.62 27.273% 57.569%;
340
+ --af: 49.024 67.213% 60.863%;
341
+ --nf: 41.667 16.822% 33.569%;
342
+ --inc: 221.21 100% 90.667%;
343
+ --suc: 142.13 100% 87.255%;
344
+ --wac: 32.133 100% 8.7451%;
345
+ --erc: 0 100% 90.118%;
346
+ --animation-btn: 0.25s;
347
+ --animation-input: .2s;
348
+ --btn-text-case: uppercase;
349
+ --btn-focus-scale: 0.97;
350
+ --border-btn: 1px;
351
+ --tab-border: 1px;
352
+ --tab-radius: 0.5rem;
353
+ --p: 2.6667 73.77% 76.078%;
354
+ --pc: 345 5.2632% 14.902%;
355
+ --s: 144.62 27.273% 71.961%;
356
+ --sc: 345 5.2632% 14.902%;
357
+ --a: 49.024 67.213% 76.078%;
358
+ --ac: 345 5.2632% 14.902%;
359
+ --n: 41.667 16.822% 41.961%;
360
+ --nc: 45 47.059% 80%;
361
+ --b1: 45 47.059% 80%;
362
+ --b2: 45.283 37.063% 71.961%;
363
+ --b3: 42.188 35.955% 65.098%;
364
+ --bc: 345 5.2632% 14.902%;
365
+ --in: 221.21 83.193% 53.333%;
366
+ --su: 142.13 76.216% 36.275%;
367
+ --wa: 32.133 94.619% 43.725%;
368
+ --er: 0 72.222% 50.588%;
369
+ --rounded-box: 0.4rem;
370
+ --rounded-btn: 0.4rem;
371
+ --rounded-badge: 0.4rem
372
+ }
373
+ [data-theme=cyberpunk] {
374
+ color-scheme: light;
375
+ --pf: 344.78 100% 58.353%;
376
+ --sf: 195.12 80.392% 56%;
377
+ --af: 276 74.324% 56.784%;
378
+ --nf: 57.273 100% 10.353%;
379
+ --b2: 56 100% 45%;
380
+ --b3: 56 100% 40.5%;
381
+ --in: 198 93% 60%;
382
+ --su: 158 64% 52%;
383
+ --wa: 43 96% 56%;
384
+ --er: 0 91% 71%;
385
+ --bc: 56 100% 10%;
386
+ --pc: 344.78 100% 14.588%;
387
+ --sc: 195.12 100% 14%;
388
+ --ac: 276 100% 14.196%;
389
+ --inc: 198 100% 12%;
390
+ --suc: 158 100% 10%;
391
+ --wac: 43 100% 11%;
392
+ --erc: 0 100% 14%;
393
+ --animation-btn: 0.25s;
394
+ --animation-input: .2s;
395
+ --btn-text-case: uppercase;
396
+ --btn-focus-scale: 0.97;
397
+ --border-btn: 1px;
398
+ --tab-border: 1px;
399
+ font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
400
+ --p: 344.78 100% 72.941%;
401
+ --s: 195.12 80.392% 70%;
402
+ --a: 276 74.324% 70.98%;
403
+ --n: 57.273 100% 12.941%;
404
+ --nc: 56 100% 50%;
405
+ --b1: 56 100% 50%;
406
+ --rounded-box: 0;
407
+ --rounded-btn: 0;
408
+ --rounded-badge: 0;
409
+ --tab-radius: 0
410
+ }
411
+ [data-theme=valentine] {
412
+ color-scheme: light;
413
+ --pf: 353.23 73.81% 53.647%;
414
+ --sf: 254.12 86.441% 61.49%;
415
+ --af: 181.41 55.556% 56%;
416
+ --nf: 336 42.857% 38.431%;
417
+ --b2: 318.46 46.429% 80.118%;
418
+ --b3: 318.46 46.429% 72.106%;
419
+ --pc: 353.23 100% 13.412%;
420
+ --sc: 254.12 100% 15.373%;
421
+ --ac: 181.41 100% 14%;
422
+ --inc: 221.21 100% 90.667%;
423
+ --suc: 142.13 100% 87.255%;
424
+ --wac: 32.133 100% 8.7451%;
425
+ --erc: 0 100% 90.118%;
426
+ --rounded-box: 1rem;
427
+ --rounded-badge: 1.9rem;
428
+ --animation-btn: 0.25s;
429
+ --animation-input: .2s;
430
+ --btn-text-case: uppercase;
431
+ --btn-focus-scale: 0.97;
432
+ --border-btn: 1px;
433
+ --tab-border: 1px;
434
+ --tab-radius: 0.5rem;
435
+ --p: 353.23 73.81% 67.059%;
436
+ --s: 254.12 86.441% 76.863%;
437
+ --a: 181.41 55.556% 70%;
438
+ --n: 336 42.857% 48.039%;
439
+ --nc: 318.46 46.429% 89.02%;
440
+ --b1: 318.46 46.429% 89.02%;
441
+ --bc: 343.64 38.462% 28.039%;
442
+ --in: 221.21 83.193% 53.333%;
443
+ --su: 142.13 76.216% 36.275%;
444
+ --wa: 32.133 94.619% 43.725%;
445
+ --er: 0 72.222% 50.588%;
446
+ --rounded-btn: 1.9rem
447
+ }
448
+ [data-theme=halloween] {
449
+ color-scheme: dark;
450
+ --pf: 31.927 89.344% 41.725%;
451
+ --sf: 271.22 45.794% 33.569%;
452
+ --af: 91.071 100% 26.353%;
453
+ --nf: 180 3.5714% 8.7843%;
454
+ --b2: 0 0% 11.647%;
455
+ --b3: 0 0% 10.482%;
456
+ --bc: 0 0% 82.588%;
457
+ --sc: 271.22 100% 88.392%;
458
+ --ac: 91.071 100% 6.5882%;
459
+ --nc: 180 4.8458% 82.196%;
460
+ --inc: 221.21 100% 90.667%;
461
+ --suc: 142.13 100% 87.255%;
462
+ --wac: 32.133 100% 8.7451%;
463
+ --erc: 0 100% 90.118%;
464
+ --rounded-box: 1rem;
465
+ --rounded-btn: 0.5rem;
466
+ --rounded-badge: 1.9rem;
467
+ --animation-btn: 0.25s;
468
+ --animation-input: .2s;
469
+ --btn-text-case: uppercase;
470
+ --btn-focus-scale: 0.97;
471
+ --border-btn: 1px;
472
+ --tab-border: 1px;
473
+ --tab-radius: 0.5rem;
474
+ --p: 31.927 89.344% 52.157%;
475
+ --pc: 180 7.3171% 8.0392%;
476
+ --s: 271.22 45.794% 41.961%;
477
+ --a: 91.071 100% 32.941%;
478
+ --n: 180 3.5714% 10.98%;
479
+ --b1: 0 0% 12.941%;
480
+ --in: 221.21 83.193% 53.333%;
481
+ --su: 142.13 76.216% 36.275%;
482
+ --wa: 32.133 94.619% 43.725%;
483
+ --er: 0 72.222% 50.588%
484
+ }
485
+ [data-theme=garden] {
486
+ color-scheme: light;
487
+ --pf: 138.86 15.982% 34.353%;
488
+ --sf: 96.923 37.143% 74.51%;
489
+ --af: 0 67.742% 75.137%;
490
+ --nf: 0 3.9106% 28.078%;
491
+ --b2: 0 4.3478% 81.882%;
492
+ --b3: 0 4.3478% 73.694%;
493
+ --in: 198 93% 60%;
494
+ --su: 158 64% 52%;
495
+ --wa: 43 96% 56%;
496
+ --er: 0 91% 71%;
497
+ --pc: 138.86 100% 88.588%;
498
+ --inc: 198 100% 12%;
499
+ --suc: 158 100% 10%;
500
+ --wac: 43 100% 11%;
501
+ --erc: 0 100% 14%;
502
+ --rounded-box: 1rem;
503
+ --rounded-btn: 0.5rem;
504
+ --rounded-badge: 1.9rem;
505
+ --animation-btn: 0.25s;
506
+ --animation-input: .2s;
507
+ --btn-text-case: uppercase;
508
+ --btn-focus-scale: 0.97;
509
+ --border-btn: 1px;
510
+ --tab-border: 1px;
511
+ --tab-radius: 0.5rem;
512
+ --p: 138.86 15.982% 42.941%;
513
+ --s: 96.923 37.143% 93.137%;
514
+ --sc: 96 32.468% 15.098%;
515
+ --a: 0 67.742% 93.922%;
516
+ --ac: 0 21.951% 16.078%;
517
+ --n: 0 3.9106% 35.098%;
518
+ --nc: 0 4.3478% 90.98%;
519
+ --b1: 0 4.3478% 90.98%;
520
+ --bc: 0 3.2258% 6.0784%
521
+ }
522
+ [data-theme=forest] {
523
+ color-scheme: dark;
524
+ --pf: 141.04 71.963% 33.569%;
525
+ --sf: 140.98 74.694% 38.431%;
526
+ --af: 35.148 68.98% 41.569%;
527
+ --nf: 0 9.6774% 4.8627%;
528
+ --b2: 0 12.195% 7.2353%;
529
+ --b3: 0 12.195% 6.5118%;
530
+ --in: 198 93% 60%;
531
+ --su: 158 64% 52%;
532
+ --wa: 43 96% 56%;
533
+ --er: 0 91% 71%;
534
+ --bc: 0 11.727% 81.608%;
535
+ --sc: 140.98 100% 9.6078%;
536
+ --ac: 35.148 100% 10.392%;
537
+ --nc: 0 6.8894% 81.216%;
538
+ --inc: 198 100% 12%;
539
+ --suc: 158 100% 10%;
540
+ --wac: 43 100% 11%;
541
+ --erc: 0 100% 14%;
542
+ --rounded-box: 1rem;
543
+ --rounded-badge: 1.9rem;
544
+ --animation-btn: 0.25s;
545
+ --animation-input: .2s;
546
+ --btn-text-case: uppercase;
547
+ --btn-focus-scale: 0.97;
548
+ --border-btn: 1px;
549
+ --tab-border: 1px;
550
+ --tab-radius: 0.5rem;
551
+ --p: 141.04 71.963% 41.961%;
552
+ --pc: 140.66 100% 88.039%;
553
+ --s: 140.98 74.694% 48.039%;
554
+ --a: 35.148 68.98% 51.961%;
555
+ --n: 0 9.6774% 6.0784%;
556
+ --b1: 0 12.195% 8.0392%;
557
+ --rounded-btn: 1.9rem
558
+ }
559
+ [data-theme=aqua] {
560
+ color-scheme: dark;
561
+ --pf: 181.79 92.857% 39.529%;
562
+ --sf: 274.41 30.909% 45.49%;
563
+ --af: 47.059 100% 64%;
564
+ --nf: 205.4 53.725% 40%;
565
+ --b2: 218.61 52.511% 38.647%;
566
+ --b3: 218.61 52.511% 34.782%;
567
+ --bc: 218.61 100% 88.588%;
568
+ --sc: 274.41 100% 91.373%;
569
+ --ac: 47.059 100% 16%;
570
+ --nc: 205.4 100% 90%;
571
+ --inc: 221.21 100% 90.667%;
572
+ --suc: 142.13 100% 87.255%;
573
+ --wac: 32.133 100% 8.7451%;
574
+ --erc: 0 100% 90.118%;
575
+ --rounded-box: 1rem;
576
+ --rounded-btn: 0.5rem;
577
+ --rounded-badge: 1.9rem;
578
+ --animation-btn: 0.25s;
579
+ --animation-input: .2s;
580
+ --btn-text-case: uppercase;
581
+ --btn-focus-scale: 0.97;
582
+ --border-btn: 1px;
583
+ --tab-border: 1px;
584
+ --tab-radius: 0.5rem;
585
+ --p: 181.79 92.857% 49.412%;
586
+ --pc: 181.41 100% 16.667%;
587
+ --s: 274.41 30.909% 56.863%;
588
+ --a: 47.059 100% 80%;
589
+ --n: 205.4 53.725% 50%;
590
+ --b1: 218.61 52.511% 42.941%;
591
+ --in: 221.21 83.193% 53.333%;
592
+ --su: 142.13 76.216% 36.275%;
593
+ --wa: 32.133 94.619% 43.725%;
594
+ --er: 0 72.222% 50.588%
595
+ }
596
+ [data-theme=lofi] {
597
+ color-scheme: light;
598
+ --pf: 0 0% 4.0784%;
599
+ --sf: 0 1.9608% 8%;
600
+ --af: 0 0% 11.922%;
601
+ --nf: 0 0% 0%;
602
+ --btn-text-case: uppercase;
603
+ --border-btn: 1px;
604
+ --tab-border: 1px;
605
+ --p: 0 0% 5.098%;
606
+ --pc: 0 0% 100%;
607
+ --s: 0 1.9608% 10%;
608
+ --sc: 0 0% 100%;
609
+ --a: 0 0% 14.902%;
610
+ --ac: 0 0% 100%;
611
+ --n: 0 0% 0%;
612
+ --nc: 0 0% 100%;
613
+ --b1: 0 0% 100%;
614
+ --b2: 0 0% 94.902%;
615
+ --b3: 0 1.9608% 90%;
616
+ --bc: 0 0% 0%;
617
+ --in: 212.35 100% 47.647%;
618
+ --inc: 0 0% 100%;
619
+ --su: 136.84 72.152% 46.471%;
620
+ --suc: 0 0% 100%;
621
+ --wa: 4.5614 100% 66.471%;
622
+ --wac: 0 0% 100%;
623
+ --er: 325.05 77.6% 49.02%;
624
+ --erc: 0 0% 100%;
625
+ --rounded-box: 0.25rem;
626
+ --rounded-btn: 0.125rem;
627
+ --rounded-badge: 0.125rem;
628
+ --animation-btn: 0;
629
+ --animation-input: 0;
630
+ --btn-focus-scale: 1;
631
+ --tab-radius: 0
632
+ }
633
+ [data-theme=pastel] {
634
+ color-scheme: light;
635
+ --pf: 283.64 21.569% 64%;
636
+ --sf: 351.63 70.492% 70.431%;
637
+ --af: 158.49 54.639% 64.784%;
638
+ --nf: 198.62 43.719% 48.784%;
639
+ --in: 198 93% 60%;
640
+ --su: 158 64% 52%;
641
+ --wa: 43 96% 56%;
642
+ --er: 0 91% 71%;
643
+ --bc: 0 0% 20%;
644
+ --pc: 283.64 59.314% 16%;
645
+ --sc: 351.63 100% 17.608%;
646
+ --ac: 158.49 100% 16.196%;
647
+ --nc: 198.62 100% 12.196%;
648
+ --inc: 198 100% 12%;
649
+ --suc: 158 100% 10%;
650
+ --wac: 43 100% 11%;
651
+ --erc: 0 100% 14%;
652
+ --rounded-box: 1rem;
653
+ --rounded-badge: 1.9rem;
654
+ --animation-btn: 0.25s;
655
+ --animation-input: .2s;
656
+ --btn-text-case: uppercase;
657
+ --btn-focus-scale: 0.97;
658
+ --border-btn: 1px;
659
+ --tab-border: 1px;
660
+ --tab-radius: 0.5rem;
661
+ --p: 283.64 21.569% 80%;
662
+ --s: 351.63 70.492% 88.039%;
663
+ --a: 158.49 54.639% 80.98%;
664
+ --n: 198.62 43.719% 60.98%;
665
+ --b1: 0 0% 100%;
666
+ --b2: 210 20% 98.039%;
667
+ --b3: 216 12.195% 83.922%;
668
+ --rounded-btn: 1.9rem
669
+ }
670
+ [data-theme=fantasy] {
671
+ color-scheme: light;
672
+ --pf: 296.04 82.813% 20.078%;
673
+ --sf: 200 100% 29.647%;
674
+ --af: 30.894 94.378% 40.941%;
675
+ --nf: 215 27.907% 13.49%;
676
+ --b2: 0 0% 90%;
677
+ --b3: 0 0% 81%;
678
+ --in: 198 93% 60%;
679
+ --su: 158 64% 52%;
680
+ --wa: 43 96% 56%;
681
+ --er: 0 91% 71%;
682
+ --pc: 296.04 100% 85.02%;
683
+ --sc: 200 100% 87.412%;
684
+ --ac: 30.894 100% 10.235%;
685
+ --nc: 215 62.264% 83.373%;
686
+ --inc: 198 100% 12%;
687
+ --suc: 158 100% 10%;
688
+ --wac: 43 100% 11%;
689
+ --erc: 0 100% 14%;
690
+ --rounded-box: 1rem;
691
+ --rounded-btn: 0.5rem;
692
+ --rounded-badge: 1.9rem;
693
+ --animation-btn: 0.25s;
694
+ --animation-input: .2s;
695
+ --btn-text-case: uppercase;
696
+ --btn-focus-scale: 0.97;
697
+ --border-btn: 1px;
698
+ --tab-border: 1px;
699
+ --tab-radius: 0.5rem;
700
+ --p: 296.04 82.813% 25.098%;
701
+ --s: 200 100% 37.059%;
702
+ --a: 30.894 94.378% 51.176%;
703
+ --n: 215 27.907% 16.863%;
704
+ --b1: 0 0% 100%;
705
+ --bc: 215 27.907% 16.863%
706
+ }
707
+ [data-theme=wireframe] {
708
+ color-scheme: light;
709
+ --pf: 0 0% 57.725%;
710
+ --sf: 0 0% 57.725%;
711
+ --af: 0 0% 57.725%;
712
+ --nf: 0 0% 73.725%;
713
+ --bc: 0 0% 20%;
714
+ --pc: 0 0% 14.431%;
715
+ --sc: 0 0% 14.431%;
716
+ --ac: 0 0% 14.431%;
717
+ --nc: 0 0% 18.431%;
718
+ --inc: 240 100% 90%;
719
+ --suc: 120 100% 85.02%;
720
+ --wac: 60 100% 10%;
721
+ --erc: 0 100% 90%;
722
+ --animation-btn: 0.25s;
723
+ --animation-input: .2s;
724
+ --btn-text-case: uppercase;
725
+ --btn-focus-scale: 0.97;
726
+ --border-btn: 1px;
727
+ --tab-border: 1px;
728
+ font-family: Chalkboard,comic sans ms,"sanssecondaryerif";
729
+ --p: 0 0% 72.157%;
730
+ --s: 0 0% 72.157%;
731
+ --a: 0 0% 72.157%;
732
+ --n: 0 0% 92.157%;
733
+ --b1: 0 0% 100%;
734
+ --b2: 0 0% 93.333%;
735
+ --b3: 0 0% 86.667%;
736
+ --in: 240 100% 50%;
737
+ --su: 120 100% 25.098%;
738
+ --wa: 60 30.196% 50%;
739
+ --er: 0 100% 50%;
740
+ --rounded-box: 0.2rem;
741
+ --rounded-btn: 0.2rem;
742
+ --rounded-badge: 0.2rem;
743
+ --tab-radius: 0.2rem
744
+ }
745
+ [data-theme=black] {
746
+ color-scheme: dark;
747
+ --pf: 0 1.9608% 16%;
748
+ --sf: 0 1.9608% 16%;
749
+ --af: 0 1.9608% 16%;
750
+ --bc: 0 0% 80%;
751
+ --pc: 0 5.3922% 84%;
752
+ --sc: 0 5.3922% 84%;
753
+ --ac: 0 5.3922% 84%;
754
+ --nc: 0 2.5404% 83.02%;
755
+ --inc: 240 100% 90%;
756
+ --suc: 120 100% 85.02%;
757
+ --wac: 60 100% 10%;
758
+ --erc: 0 100% 90%;
759
+ --border-btn: 1px;
760
+ --tab-border: 1px;
761
+ --p: 0 1.9608% 20%;
762
+ --s: 0 1.9608% 20%;
763
+ --a: 0 1.9608% 20%;
764
+ --b1: 0 0% 0%;
765
+ --b2: 0 0% 5.098%;
766
+ --b3: 0 1.9608% 10%;
767
+ --n: 0 1.2987% 15.098%;
768
+ --nf: 0 1.9608% 20%;
769
+ --in: 240 100% 50%;
770
+ --su: 120 100% 25.098%;
771
+ --wa: 60 100% 50%;
772
+ --er: 0 100% 50%;
773
+ --rounded-box: 0;
774
+ --rounded-btn: 0;
775
+ --rounded-badge: 0;
776
+ --animation-btn: 0;
777
+ --animation-input: 0;
778
+ --btn-text-case: lowercase;
779
+ --btn-focus-scale: 1;
780
+ --tab-radius: 0
781
+ }
782
+ [data-theme=luxury] {
783
+ color-scheme: dark;
784
+ --pf: 0 0% 80%;
785
+ --sf: 218.4 54.348% 14.431%;
786
+ --af: 318.62 21.805% 20.863%;
787
+ --nf: 270 4.3478% 7.2157%;
788
+ --pc: 0 0% 20%;
789
+ --sc: 218.4 100% 83.608%;
790
+ --ac: 318.62 84.615% 85.216%;
791
+ --inc: 202.35 100% 14%;
792
+ --suc: 89.007 100% 10.392%;
793
+ --wac: 53.906 100% 12.706%;
794
+ --erc: 0 100% 14.353%;
795
+ --rounded-box: 1rem;
796
+ --rounded-btn: 0.5rem;
797
+ --rounded-badge: 1.9rem;
798
+ --animation-btn: 0.25s;
799
+ --animation-input: .2s;
800
+ --btn-text-case: uppercase;
801
+ --btn-focus-scale: 0.97;
802
+ --border-btn: 1px;
803
+ --tab-border: 1px;
804
+ --tab-radius: 0.5rem;
805
+ --p: 0 0% 100%;
806
+ --s: 218.4 54.348% 18.039%;
807
+ --a: 318.62 21.805% 26.078%;
808
+ --n: 270 4.3478% 9.0196%;
809
+ --nc: 37.083 67.29% 58.039%;
810
+ --b1: 240 10% 3.9216%;
811
+ --b2: 270 4.3478% 9.0196%;
812
+ --b3: 270 2.1739% 18.039%;
813
+ --bc: 37.083 67.29% 58.039%;
814
+ --in: 202.35 100% 70%;
815
+ --su: 89.007 61.633% 51.961%;
816
+ --wa: 53.906 68.817% 63.529%;
817
+ --er: 0 100% 71.765%
818
+ }
819
+ [data-theme=dracula] {
820
+ color-scheme: dark;
821
+ --pf: 325.52 100% 58.98%;
822
+ --sf: 264.71 89.474% 62.118%;
823
+ --af: 31.02 100% 56.941%;
824
+ --nf: 229.57 15.033% 24%;
825
+ --b2: 231.43 14.894% 16.588%;
826
+ --b3: 231.43 14.894% 14.929%;
827
+ --pc: 325.52 100% 14.745%;
828
+ --sc: 264.71 100% 15.529%;
829
+ --ac: 31.02 100% 14.235%;
830
+ --nc: 229.57 70.868% 86%;
831
+ --inc: 190.53 100% 15.373%;
832
+ --suc: 135.18 100% 12.941%;
833
+ --wac: 64.909 100% 15.294%;
834
+ --erc: 0 100% 93.333%;
835
+ --rounded-box: 1rem;
836
+ --rounded-btn: 0.5rem;
837
+ --rounded-badge: 1.9rem;
838
+ --animation-btn: 0.25s;
839
+ --animation-input: .2s;
840
+ --btn-text-case: uppercase;
841
+ --btn-focus-scale: 0.97;
842
+ --border-btn: 1px;
843
+ --tab-border: 1px;
844
+ --tab-radius: 0.5rem;
845
+ --p: 325.52 100% 73.725%;
846
+ --s: 264.71 89.474% 77.647%;
847
+ --a: 31.02 100% 71.176%;
848
+ --n: 229.57 15.033% 30%;
849
+ --b1: 231.43 14.894% 18.431%;
850
+ --bc: 60 30% 96.078%;
851
+ --in: 190.53 96.61% 76.863%;
852
+ --su: 135.18 94.444% 64.706%;
853
+ --wa: 64.909 91.667% 76.471%;
854
+ --er: 0 100% 66.667%
855
+ }
856
+ [data-theme=cmyk] {
857
+ color-scheme: light;
858
+ --pf: 202.72 83.251% 48.157%;
859
+ --sf: 335.25 77.67% 47.686%;
860
+ --af: 56.195 100% 47.843%;
861
+ --nf: 0 0% 8.1569%;
862
+ --b2: 0 0% 90%;
863
+ --b3: 0 0% 81%;
864
+ --bc: 0 0% 20%;
865
+ --pc: 202.72 100% 12.039%;
866
+ --sc: 335.25 100% 91.922%;
867
+ --ac: 56.195 100% 11.961%;
868
+ --nc: 0 0% 82.039%;
869
+ --inc: 192.2 100% 10.431%;
870
+ --suc: 291.06 100% 87.608%;
871
+ --wac: 25.027 100% 11.333%;
872
+ --erc: 3.956 100% 91.137%;
873
+ --rounded-box: 1rem;
874
+ --rounded-btn: 0.5rem;
875
+ --rounded-badge: 1.9rem;
876
+ --animation-btn: 0.25s;
877
+ --animation-input: .2s;
878
+ --btn-text-case: uppercase;
879
+ --btn-focus-scale: 0.97;
880
+ --border-btn: 1px;
881
+ --tab-border: 1px;
882
+ --tab-radius: 0.5rem;
883
+ --p: 202.72 83.251% 60.196%;
884
+ --s: 335.25 77.67% 59.608%;
885
+ --a: 56.195 100% 59.804%;
886
+ --n: 0 0% 10.196%;
887
+ --b1: 0 0% 100%;
888
+ --in: 192.2 48.361% 52.157%;
889
+ --su: 291.06 48.454% 38.039%;
890
+ --wa: 25.027 84.615% 56.667%;
891
+ --er: 3.956 80.531% 55.686%
892
+ }
893
+ [data-theme=autumn] {
894
+ color-scheme: light;
895
+ --pf: 344.23 95.804% 22.431%;
896
+ --sf: 0.44444 63.38% 46.588%;
897
+ --af: 27.477 56.021% 50.039%;
898
+ --nf: 22.105 17.117% 34.824%;
899
+ --b2: 0 0% 85.059%;
900
+ --b3: 0 0% 76.553%;
901
+ --bc: 0 0% 18.902%;
902
+ --pc: 344.23 100% 85.608%;
903
+ --sc: 0.44444 100% 91.647%;
904
+ --ac: 27.477 100% 12.51%;
905
+ --nc: 22.105 100% 88.706%;
906
+ --inc: 186.94 100% 9.9216%;
907
+ --suc: 164.59 100% 8.6275%;
908
+ --wac: 30.141 100% 9.9216%;
909
+ --erc: 353.6 100% 89.765%;
910
+ --rounded-box: 1rem;
911
+ --rounded-btn: 0.5rem;
912
+ --rounded-badge: 1.9rem;
913
+ --animation-btn: 0.25s;
914
+ --animation-input: .2s;
915
+ --btn-text-case: uppercase;
916
+ --btn-focus-scale: 0.97;
917
+ --border-btn: 1px;
918
+ --tab-border: 1px;
919
+ --tab-radius: 0.5rem;
920
+ --p: 344.23 95.804% 28.039%;
921
+ --s: 0.44444 63.38% 58.235%;
922
+ --a: 27.477 56.021% 62.549%;
923
+ --n: 22.105 17.117% 43.529%;
924
+ --b1: 0 0% 94.51%;
925
+ --in: 186.94 47.826% 49.608%;
926
+ --su: 164.59 33.636% 43.137%;
927
+ --wa: 30.141 84.19% 49.608%;
928
+ --er: 353.6 79.116% 48.824%
929
+ }
930
+ [data-theme=business] {
931
+ color-scheme: dark;
932
+ --pf: 210 64.103% 24.471%;
933
+ --sf: 200 12.931% 43.608%;
934
+ --af: 12.515 79.512% 47.843%;
935
+ --nf: 212.73 13.58% 12.706%;
936
+ --b2: 0 0% 11.294%;
937
+ --b3: 0 0% 10.165%;
938
+ --bc: 0 0% 82.51%;
939
+ --pc: 210 100% 86.118%;
940
+ --sc: 200 100% 10.902%;
941
+ --ac: 12.515 100% 11.961%;
942
+ --nc: 212.73 28.205% 83.176%;
943
+ --inc: 199.15 100% 88.353%;
944
+ --suc: 144 100% 11.137%;
945
+ --wac: 39.231 100% 12.078%;
946
+ --erc: 6.3415 100% 88.667%;
947
+ --animation-btn: 0.25s;
948
+ --animation-input: .2s;
949
+ --btn-text-case: uppercase;
950
+ --btn-focus-scale: 0.97;
951
+ --border-btn: 1px;
952
+ --tab-border: 1px;
953
+ --tab-radius: 0.5rem;
954
+ --p: 210 64.103% 30.588%;
955
+ --s: 200 12.931% 54.51%;
956
+ --a: 12.515 79.512% 59.804%;
957
+ --n: 212.73 13.58% 15.882%;
958
+ --b1: 0 0% 12.549%;
959
+ --in: 199.15 100% 41.765%;
960
+ --su: 144 30.973% 55.686%;
961
+ --wa: 39.231 64.356% 60.392%;
962
+ --er: 6.3415 55.656% 43.333%;
963
+ --rounded-box: 0.25rem;
964
+ --rounded-btn: .125rem;
965
+ --rounded-badge: .125rem
966
+ }
967
+ [data-theme=acid] {
968
+ color-scheme: light;
969
+ --pf: 302.59 100% 40%;
970
+ --sf: 27.294 100% 40%;
971
+ --af: 72 98.425% 40.157%;
972
+ --nf: 238.42 43.182% 13.804%;
973
+ --b2: 0 0% 88.235%;
974
+ --b3: 0 0% 79.412%;
975
+ --bc: 0 0% 19.608%;
976
+ --pc: 302.59 100% 90%;
977
+ --sc: 27.294 100% 10%;
978
+ --ac: 72 100% 10.039%;
979
+ --nc: 238.42 99.052% 83.451%;
980
+ --inc: 209.85 100% 11.569%;
981
+ --suc: 148.87 100% 11.608%;
982
+ --wac: 52.574 100% 11.451%;
983
+ --erc: 0.78261 100% 89.02%;
984
+ --animation-btn: 0.25s;
985
+ --animation-input: .2s;
986
+ --btn-text-case: uppercase;
987
+ --btn-focus-scale: 0.97;
988
+ --border-btn: 1px;
989
+ --tab-border: 1px;
990
+ --tab-radius: 0.5rem;
991
+ --p: 302.59 100% 50%;
992
+ --s: 27.294 100% 50%;
993
+ --a: 72 98.425% 50.196%;
994
+ --n: 238.42 43.182% 17.255%;
995
+ --b1: 0 0% 98.039%;
996
+ --in: 209.85 91.628% 57.843%;
997
+ --su: 148.87 49.533% 58.039%;
998
+ --wa: 52.574 92.661% 57.255%;
999
+ --er: 0.78261 100% 45.098%;
1000
+ --rounded-box: 1.25rem;
1001
+ --rounded-btn: 1rem;
1002
+ --rounded-badge: 1rem
1003
+ }
1004
+ [data-theme=lemonade] {
1005
+ color-scheme: light;
1006
+ --pf: 88.8 96.154% 24.471%;
1007
+ --sf: 60 80.952% 43.765%;
1008
+ --af: 62.553 79.661% 70.745%;
1009
+ --nf: 238.42 43.182% 13.804%;
1010
+ --b2: 0 0% 90%;
1011
+ --b3: 0 0% 81%;
1012
+ --bc: 0 0% 20%;
1013
+ --pc: 88.8 100% 86.118%;
1014
+ --sc: 60 100% 10.941%;
1015
+ --ac: 62.553 100% 17.686%;
1016
+ --nc: 238.42 99.052% 83.451%;
1017
+ --inc: 191.61 79.118% 16.902%;
1018
+ --suc: 74.458 100% 15.725%;
1019
+ --wac: 50.182 100% 15.059%;
1020
+ --erc: 0.98361 100% 16.588%;
1021
+ --rounded-box: 1rem;
1022
+ --rounded-btn: 0.5rem;
1023
+ --rounded-badge: 1.9rem;
1024
+ --animation-btn: 0.25s;
1025
+ --animation-input: .2s;
1026
+ --btn-text-case: uppercase;
1027
+ --btn-focus-scale: 0.97;
1028
+ --border-btn: 1px;
1029
+ --tab-border: 1px;
1030
+ --tab-radius: 0.5rem;
1031
+ --p: 88.8 96.154% 30.588%;
1032
+ --s: 60 80.952% 54.706%;
1033
+ --a: 62.553 79.661% 88.431%;
1034
+ --n: 238.42 43.182% 17.255%;
1035
+ --b1: 0 0% 100%;
1036
+ --in: 191.61 39.241% 84.51%;
1037
+ --su: 74.458 76.147% 78.627%;
1038
+ --wa: 50.182 87.302% 75.294%;
1039
+ --er: 0.98361 70.115% 82.941%
1040
+ }
1041
+ [data-theme=night] {
1042
+ color-scheme: dark;
1043
+ --pf: 198.44 93.204% 47.686%;
1044
+ --sf: 234.45 89.474% 59.137%;
1045
+ --af: 328.85 85.621% 56%;
1046
+ --b2: 222.22 47.368% 10.059%;
1047
+ --b3: 222.22 47.368% 9.0529%;
1048
+ --bc: 222.22 65.563% 82.235%;
1049
+ --pc: 198.44 100% 11.922%;
1050
+ --sc: 234.45 100% 14.784%;
1051
+ --ac: 328.85 100% 14%;
1052
+ --nc: 217.24 75.772% 83.49%;
1053
+ --inc: 198.46 100% 9.6078%;
1054
+ --suc: 172.46 100% 10.078%;
1055
+ --wac: 40.61 100% 12.706%;
1056
+ --erc: 350.94 100% 14.235%;
1057
+ --rounded-box: 1rem;
1058
+ --rounded-btn: 0.5rem;
1059
+ --rounded-badge: 1.9rem;
1060
+ --animation-btn: 0.25s;
1061
+ --animation-input: .2s;
1062
+ --btn-text-case: uppercase;
1063
+ --btn-focus-scale: 0.97;
1064
+ --border-btn: 1px;
1065
+ --tab-border: 1px;
1066
+ --tab-radius: 0.5rem;
1067
+ --p: 198.44 93.204% 59.608%;
1068
+ --s: 234.45 89.474% 73.922%;
1069
+ --a: 328.85 85.621% 70%;
1070
+ --n: 217.24 32.584% 17.451%;
1071
+ --nf: 217.06 30.357% 21.961%;
1072
+ --b1: 222.22 47.368% 11.176%;
1073
+ --in: 198.46 90.204% 48.039%;
1074
+ --su: 172.46 66.008% 50.392%;
1075
+ --wa: 40.61 88.172% 63.529%;
1076
+ --er: 350.94 94.558% 71.176%
1077
+ }
1078
+ [data-theme=coffee] {
1079
+ color-scheme: dark;
1080
+ --pf: 29.583 66.667% 46.118%;
1081
+ --sf: 182.4 24.752% 15.843%;
1082
+ --af: 194.19 74.4% 19.608%;
1083
+ --nf: 300 20% 4.7059%;
1084
+ --b2: 306 18.519% 9.5294%;
1085
+ --b3: 306 18.519% 8.5765%;
1086
+ --pc: 29.583 100% 11.529%;
1087
+ --sc: 182.4 67.237% 83.961%;
1088
+ --ac: 194.19 100% 84.902%;
1089
+ --nc: 300 13.75% 81.176%;
1090
+ --inc: 171.15 100% 13.451%;
1091
+ --suc: 92.5 100% 12.471%;
1092
+ --wac: 43.125 100% 13.725%;
1093
+ --erc: 9.7561 100% 14.941%;
1094
+ --rounded-box: 1rem;
1095
+ --rounded-btn: 0.5rem;
1096
+ --rounded-badge: 1.9rem;
1097
+ --animation-btn: 0.25s;
1098
+ --animation-input: .2s;
1099
+ --btn-text-case: uppercase;
1100
+ --btn-focus-scale: 0.97;
1101
+ --border-btn: 1px;
1102
+ --tab-border: 1px;
1103
+ --tab-radius: 0.5rem;
1104
+ --p: 29.583 66.667% 57.647%;
1105
+ --s: 182.4 24.752% 19.804%;
1106
+ --a: 194.19 74.4% 24.51%;
1107
+ --n: 300 20% 5.8824%;
1108
+ --b1: 306 18.519% 10.588%;
1109
+ --bc: 36.667 8.3333% 42.353%;
1110
+ --in: 171.15 36.527% 67.255%;
1111
+ --su: 92.5 25% 62.353%;
1112
+ --wa: 43.125 100% 68.627%;
1113
+ --er: 9.7561 95.349% 74.706%
1114
+ }
1115
+ [data-theme=winter] {
1116
+ color-scheme: light;
1117
+ --pf: 211.79 100% 40.627%;
1118
+ --sf: 246.92 47.273% 34.51%;
1119
+ --af: 310.41 49.388% 41.569%;
1120
+ --nf: 217.02 92.157% 8%;
1121
+ --pc: 211.79 100% 90.157%;
1122
+ --sc: 246.92 100% 88.627%;
1123
+ --ac: 310.41 100% 90.392%;
1124
+ --nc: 217.02 100% 82%;
1125
+ --inc: 191.54 100% 15.608%;
1126
+ --suc: 181.5 100% 13.255%;
1127
+ --wac: 32.308 100% 16.706%;
1128
+ --erc: 0 100% 14.431%;
1129
+ --rounded-box: 1rem;
1130
+ --rounded-btn: 0.5rem;
1131
+ --rounded-badge: 1.9rem;
1132
+ --animation-btn: 0.25s;
1133
+ --animation-input: .2s;
1134
+ --btn-text-case: uppercase;
1135
+ --btn-focus-scale: 0.97;
1136
+ --border-btn: 1px;
1137
+ --tab-border: 1px;
1138
+ --tab-radius: 0.5rem;
1139
+ --p: 211.79 100% 50.784%;
1140
+ --s: 246.92 47.273% 43.137%;
1141
+ --a: 310.41 49.388% 51.961%;
1142
+ --n: 217.02 92.157% 10%;
1143
+ --b1: 0 0% 100%;
1144
+ --b2: 216.92 100% 97.451%;
1145
+ --b3: 218.82 43.59% 92.353%;
1146
+ --bc: 214.29 30.061% 31.961%;
1147
+ --in: 191.54 92.857% 78.039%;
1148
+ --su: 181.5 46.512% 66.275%;
1149
+ --wa: 32.308 61.905% 83.529%;
1150
+ --er: 0 63.38% 72.157%
1151
+ }
1152
+ *, ::before, ::after {
1153
+ --tw-border-spacing-x: 0;
1154
+ --tw-border-spacing-y: 0;
1155
+ --tw-translate-x: 0;
1156
+ --tw-translate-y: 0;
1157
+ --tw-rotate: 0;
1158
+ --tw-skew-x: 0;
1159
+ --tw-skew-y: 0;
1160
+ --tw-scale-x: 1;
1161
+ --tw-scale-y: 1;
1162
+ --tw-pan-x: ;
1163
+ --tw-pan-y: ;
1164
+ --tw-pinch-zoom: ;
1165
+ --tw-scroll-snap-strictness: proximity;
1166
+ --tw-ordinal: ;
1167
+ --tw-slashed-zero: ;
1168
+ --tw-numeric-figure: ;
1169
+ --tw-numeric-spacing: ;
1170
+ --tw-numeric-fraction: ;
1171
+ --tw-ring-inset: ;
1172
+ --tw-ring-offset-width: 0px;
1173
+ --tw-ring-offset-color: #fff;
1174
+ --tw-ring-color: rgb(59 130 246 / 0.5);
1175
+ --tw-ring-offset-shadow: 0 0 #0000;
1176
+ --tw-ring-shadow: 0 0 #0000;
1177
+ --tw-shadow: 0 0 #0000;
1178
+ --tw-shadow-colored: 0 0 #0000;
1179
+ --tw-blur: ;
1180
+ --tw-brightness: ;
1181
+ --tw-contrast: ;
1182
+ --tw-grayscale: ;
1183
+ --tw-hue-rotate: ;
1184
+ --tw-invert: ;
1185
+ --tw-saturate: ;
1186
+ --tw-sepia: ;
1187
+ --tw-drop-shadow: ;
1188
+ --tw-backdrop-blur: ;
1189
+ --tw-backdrop-brightness: ;
1190
+ --tw-backdrop-contrast: ;
1191
+ --tw-backdrop-grayscale: ;
1192
+ --tw-backdrop-hue-rotate: ;
1193
+ --tw-backdrop-invert: ;
1194
+ --tw-backdrop-opacity: ;
1195
+ --tw-backdrop-saturate: ;
1196
+ --tw-backdrop-sepia:
1197
+ }
1198
+ ::backdrop {
1199
+ --tw-border-spacing-x: 0;
1200
+ --tw-border-spacing-y: 0;
1201
+ --tw-translate-x: 0;
1202
+ --tw-translate-y: 0;
1203
+ --tw-rotate: 0;
1204
+ --tw-skew-x: 0;
1205
+ --tw-skew-y: 0;
1206
+ --tw-scale-x: 1;
1207
+ --tw-scale-y: 1;
1208
+ --tw-pan-x: ;
1209
+ --tw-pan-y: ;
1210
+ --tw-pinch-zoom: ;
1211
+ --tw-scroll-snap-strictness: proximity;
1212
+ --tw-ordinal: ;
1213
+ --tw-slashed-zero: ;
1214
+ --tw-numeric-figure: ;
1215
+ --tw-numeric-spacing: ;
1216
+ --tw-numeric-fraction: ;
1217
+ --tw-ring-inset: ;
1218
+ --tw-ring-offset-width: 0px;
1219
+ --tw-ring-offset-color: #fff;
1220
+ --tw-ring-color: rgb(59 130 246 / 0.5);
1221
+ --tw-ring-offset-shadow: 0 0 #0000;
1222
+ --tw-ring-shadow: 0 0 #0000;
1223
+ --tw-shadow: 0 0 #0000;
1224
+ --tw-shadow-colored: 0 0 #0000;
1225
+ --tw-blur: ;
1226
+ --tw-brightness: ;
1227
+ --tw-contrast: ;
1228
+ --tw-grayscale: ;
1229
+ --tw-hue-rotate: ;
1230
+ --tw-invert: ;
1231
+ --tw-saturate: ;
1232
+ --tw-sepia: ;
1233
+ --tw-drop-shadow: ;
1234
+ --tw-backdrop-blur: ;
1235
+ --tw-backdrop-brightness: ;
1236
+ --tw-backdrop-contrast: ;
1237
+ --tw-backdrop-grayscale: ;
1238
+ --tw-backdrop-hue-rotate: ;
1239
+ --tw-backdrop-invert: ;
1240
+ --tw-backdrop-opacity: ;
1241
+ --tw-backdrop-saturate: ;
1242
+ --tw-backdrop-sepia:
1243
+ }