masks 0.3.1 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (71) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/builds/masks/application.css +1 -1
  3. data/app/assets/builds/masks/application.js +2153 -726
  4. data/app/assets/builds/masks/application.js.map +4 -4
  5. data/app/assets/javascripts/controllers/application.js +1 -1
  6. data/app/assets/javascripts/controllers/index.js +9 -0
  7. data/app/assets/javascripts/controllers/table_controller.js +15 -0
  8. data/app/assets/stylesheets/application.css +12 -4
  9. data/app/controllers/concerns/masks/controller.rb +1 -1
  10. data/app/controllers/masks/manage/actors_controller.rb +72 -1
  11. data/app/controllers/masks/manage/base_controller.rb +10 -2
  12. data/app/controllers/masks/manage/clients_controller.rb +84 -0
  13. data/app/controllers/masks/manage/dashboard_controller.rb +15 -0
  14. data/app/controllers/masks/manage/devices_controller.rb +19 -0
  15. data/app/controllers/masks/openid/authorizations_controller.rb +45 -0
  16. data/app/controllers/masks/openid/discoveries_controller.rb +55 -0
  17. data/app/controllers/masks/openid/tokens_controller.rb +45 -0
  18. data/app/controllers/masks/openid/userinfo_controller.rb +28 -0
  19. data/app/controllers/masks/sessions_controller.rb +1 -1
  20. data/app/models/concerns/masks/access.rb +2 -2
  21. data/app/models/masks/access/actor_password.rb +2 -1
  22. data/app/models/masks/access/actor_signup.rb +1 -2
  23. data/app/models/masks/credentials/access_token.rb +60 -0
  24. data/app/models/masks/credentials/key.rb +1 -1
  25. data/app/models/masks/credentials/return_to.rb +27 -0
  26. data/app/models/masks/mask.rb +12 -1
  27. data/app/models/masks/openid/authorization.rb +116 -0
  28. data/app/models/masks/openid/token.rb +56 -0
  29. data/app/models/masks/rails/actor.rb +23 -1
  30. data/app/models/masks/rails/openid/access_token.rb +55 -0
  31. data/app/models/masks/rails/openid/authorization.rb +45 -0
  32. data/app/models/masks/rails/openid/client.rb +186 -0
  33. data/app/models/masks/rails/openid/id_token.rb +43 -0
  34. data/app/models/masks/sessions/access.rb +2 -1
  35. data/app/resources/masks/session_resource.rb +1 -1
  36. data/app/views/layouts/masks/manage.html.erb +22 -5
  37. data/app/views/masks/actor_mailer/recover_credentials.html.erb +2 -3
  38. data/app/views/masks/actor_mailer/verify_email.html.erb +2 -3
  39. data/app/views/masks/actors/current.html.erb +7 -14
  40. data/app/views/masks/application/_header.html.erb +3 -4
  41. data/app/views/masks/backup_codes/new.html.erb +34 -20
  42. data/app/views/masks/emails/new.html.erb +14 -8
  43. data/app/views/masks/keys/new.html.erb +7 -7
  44. data/app/views/masks/manage/actors/index.html.erb +101 -37
  45. data/app/views/masks/manage/{actor → actors}/show.html.erb +63 -17
  46. data/app/views/masks/manage/clients/index.html.erb +102 -0
  47. data/app/views/masks/manage/clients/show.html.erb +156 -0
  48. data/app/views/masks/manage/dashboard/index.html.erb +10 -0
  49. data/app/views/masks/manage/devices/index.html.erb +47 -0
  50. data/app/views/masks/one_time_code/new.html.erb +41 -24
  51. data/app/views/masks/openid/authorizations/error.html.erb +23 -0
  52. data/app/views/masks/openid/authorizations/new.html.erb +46 -0
  53. data/app/views/masks/passwords/edit.html.erb +20 -7
  54. data/app/views/masks/recoveries/new.html.erb +2 -4
  55. data/app/views/masks/recoveries/password.html.erb +2 -3
  56. data/app/views/masks/sessions/new.html.erb +22 -23
  57. data/config/initializers/inflections.rb +5 -0
  58. data/config/locales/en.yml +23 -2
  59. data/config/routes.rb +40 -3
  60. data/db/migrate/20240329182422_support_openid.rb +64 -0
  61. data/lib/generators/masks/install/templates/masks.json +4 -1
  62. data/lib/masks/configuration.rb +22 -9
  63. data/lib/masks/version.rb +1 -1
  64. data/lib/masks.rb +1 -0
  65. data/lib/tasks/masks_tasks.rake +3 -2
  66. data/masks.json +47 -6
  67. metadata +59 -11
  68. data/app/assets/builds/application.css +0 -4764
  69. data/app/assets/builds/application.js +0 -8236
  70. data/app/assets/builds/application.js.map +0 -7
  71. data/app/controllers/masks/manage/actor_controller.rb +0 -35
@@ -1,4764 +0,0 @@
1
- /*! tailwindcss v3.3.6 | MIT License | https://tailwindcss.com*/
2
- *,
3
- :after,
4
- :before {
5
- box-sizing: border-box;
6
- border: 0 solid #e5e7eb;
7
- }
8
- :after,
9
- :before {
10
- --tw-content: "";
11
- }
12
- html {
13
- line-height: 1.5;
14
- -webkit-text-size-adjust: 100%;
15
- -moz-tab-size: 4;
16
- -o-tab-size: 4;
17
- tab-size: 4;
18
- font-family:
19
- ui-sans-serif,
20
- system-ui,
21
- -apple-system,
22
- BlinkMacSystemFont,
23
- Segoe UI,
24
- Roboto,
25
- Helvetica Neue,
26
- Arial,
27
- Noto Sans,
28
- sans-serif,
29
- Apple Color Emoji,
30
- Segoe UI Emoji,
31
- Segoe UI Symbol,
32
- Noto Color Emoji;
33
- font-feature-settings: normal;
34
- font-variation-settings: normal;
35
- }
36
- body {
37
- margin: 0;
38
- line-height: inherit;
39
- }
40
- hr {
41
- height: 0;
42
- color: inherit;
43
- border-top-width: 1px;
44
- }
45
- abbr:where([title]) {
46
- -webkit-text-decoration: underline dotted;
47
- text-decoration: underline dotted;
48
- }
49
- h1,
50
- h2,
51
- h3,
52
- h4,
53
- h5,
54
- h6 {
55
- font-size: inherit;
56
- font-weight: inherit;
57
- }
58
- a {
59
- color: inherit;
60
- text-decoration: inherit;
61
- }
62
- b,
63
- strong {
64
- font-weight: bolder;
65
- }
66
- code,
67
- kbd,
68
- pre,
69
- samp {
70
- font-family:
71
- ui-monospace,
72
- SFMono-Regular,
73
- Menlo,
74
- Monaco,
75
- Consolas,
76
- Liberation Mono,
77
- Courier New,
78
- monospace;
79
- font-feature-settings: normal;
80
- font-variation-settings: normal;
81
- font-size: 1em;
82
- }
83
- small {
84
- font-size: 80%;
85
- }
86
- sub,
87
- sup {
88
- font-size: 75%;
89
- line-height: 0;
90
- position: relative;
91
- vertical-align: initial;
92
- }
93
- sub {
94
- bottom: -0.25em;
95
- }
96
- sup {
97
- top: -0.5em;
98
- }
99
- table {
100
- text-indent: 0;
101
- border-color: inherit;
102
- border-collapse: collapse;
103
- }
104
- button,
105
- input,
106
- optgroup,
107
- select,
108
- textarea {
109
- font-family: inherit;
110
- font-feature-settings: inherit;
111
- font-variation-settings: inherit;
112
- font-size: 100%;
113
- font-weight: inherit;
114
- line-height: inherit;
115
- color: inherit;
116
- margin: 0;
117
- padding: 0;
118
- }
119
- button,
120
- select {
121
- text-transform: none;
122
- }
123
- [type="button"],
124
- [type="reset"],
125
- [type="submit"],
126
- button {
127
- -webkit-appearance: button;
128
- background-color: initial;
129
- background-image: none;
130
- }
131
- :-moz-focusring {
132
- outline: auto;
133
- }
134
- :-moz-ui-invalid {
135
- box-shadow: none;
136
- }
137
- progress {
138
- vertical-align: initial;
139
- }
140
- ::-webkit-inner-spin-button,
141
- ::-webkit-outer-spin-button {
142
- height: auto;
143
- }
144
- [type="search"] {
145
- -webkit-appearance: textfield;
146
- outline-offset: -2px;
147
- }
148
- ::-webkit-search-decoration {
149
- -webkit-appearance: none;
150
- }
151
- ::-webkit-file-upload-button {
152
- -webkit-appearance: button;
153
- font: inherit;
154
- }
155
- summary {
156
- display: list-item;
157
- }
158
- blockquote,
159
- dd,
160
- dl,
161
- figure,
162
- h1,
163
- h2,
164
- h3,
165
- h4,
166
- h5,
167
- h6,
168
- hr,
169
- p,
170
- pre {
171
- margin: 0;
172
- }
173
- fieldset {
174
- margin: 0;
175
- }
176
- fieldset,
177
- legend {
178
- padding: 0;
179
- }
180
- menu,
181
- ol,
182
- ul {
183
- list-style: none;
184
- margin: 0;
185
- padding: 0;
186
- }
187
- dialog {
188
- padding: 0;
189
- }
190
- textarea {
191
- resize: vertical;
192
- }
193
- input::-moz-placeholder,
194
- textarea::-moz-placeholder {
195
- opacity: 1;
196
- color: #9ca3af;
197
- }
198
- input::placeholder,
199
- textarea::placeholder {
200
- opacity: 1;
201
- color: #9ca3af;
202
- }
203
- [role="button"],
204
- button {
205
- cursor: pointer;
206
- }
207
- :disabled {
208
- cursor: default;
209
- }
210
- audio,
211
- canvas,
212
- embed,
213
- iframe,
214
- img,
215
- object,
216
- svg,
217
- video {
218
- display: block;
219
- vertical-align: middle;
220
- }
221
- img,
222
- video {
223
- max-width: 100%;
224
- height: auto;
225
- }
226
- [hidden] {
227
- display: none;
228
- }
229
- :root,
230
- [data-theme] {
231
- background-color: var(--fallback-b1, oklch(var(--b1) / 1));
232
- color: var(--fallback-bc, oklch(var(--bc) / 1));
233
- }
234
- @supports not (color: oklch(0 0 0)) {
235
- :root {
236
- color-scheme: light;
237
- --fallback-p: #491eff;
238
- --fallback-pc: #d4dbff;
239
- --fallback-s: #ff41c7;
240
- --fallback-sc: #fff9fc;
241
- --fallback-a: #00cfbd;
242
- --fallback-ac: #00100d;
243
- --fallback-n: #2b3440;
244
- --fallback-nc: #d7dde4;
245
- --fallback-b1: #fff;
246
- --fallback-b2: #e5e6e6;
247
- --fallback-b3: #e5e6e6;
248
- --fallback-bc: #1f2937;
249
- --fallback-in: #00b3f0;
250
- --fallback-inc: #000;
251
- --fallback-su: #00ca92;
252
- --fallback-suc: #000;
253
- --fallback-wa: #ffc22d;
254
- --fallback-wac: #000;
255
- --fallback-er: #ff6f70;
256
- --fallback-erc: #000;
257
- }
258
- @media (prefers-color-scheme: dark) {
259
- :root {
260
- color-scheme: dark;
261
- --fallback-p: #7582ff;
262
- --fallback-pc: #050617;
263
- --fallback-s: #ff71cf;
264
- --fallback-sc: #190211;
265
- --fallback-a: #00c7b5;
266
- --fallback-ac: #000e0c;
267
- --fallback-n: #2a323c;
268
- --fallback-nc: #a6adbb;
269
- --fallback-b1: #1d232a;
270
- --fallback-b2: #191e24;
271
- --fallback-b3: #15191e;
272
- --fallback-bc: #a6adbb;
273
- --fallback-in: #00b3f0;
274
- --fallback-inc: #000;
275
- --fallback-su: #00ca92;
276
- --fallback-suc: #000;
277
- --fallback-wa: #ffc22d;
278
- --fallback-wac: #000;
279
- --fallback-er: #ff6f70;
280
- --fallback-erc: #000;
281
- }
282
- }
283
- }
284
- html {
285
- -webkit-tap-highlight-color: transparent;
286
- }
287
- :root {
288
- color-scheme: light;
289
- --in: 0.7206 0.191 231.6;
290
- --su: 64.8% 0.15 160;
291
- --wa: 0.8471 0.199 83.87;
292
- --er: 0.7176 0.221 22.18;
293
- --pc: 0.89824 0.06192 275.75;
294
- --ac: 0.15352 0.0368 183.61;
295
- --inc: 0 0 0;
296
- --suc: 0 0 0;
297
- --wac: 0 0 0;
298
- --erc: 0 0 0;
299
- --rounded-box: 1rem;
300
- --rounded-btn: 0.5rem;
301
- --rounded-badge: 1.9rem;
302
- --animation-btn: 0.25s;
303
- --animation-input: 0.2s;
304
- --btn-focus-scale: 0.95;
305
- --border-btn: 1px;
306
- --tab-border: 1px;
307
- --tab-radius: 0.5rem;
308
- --p: 0.4912 0.3096 275.75;
309
- --s: 0.6971 0.329 342.55;
310
- --sc: 0.9871 0.0106 342.55;
311
- --a: 0.7676 0.184 183.61;
312
- --n: 0.321785 0.02476 255.701624;
313
- --nc: 0.894994 0.011585 252.096176;
314
- --b1: 1 0 0;
315
- --b2: 0.961151 0 0;
316
- --b3: 0.924169 0.00108 197.137559;
317
- --bc: 0.278078 0.029596 256.847952;
318
- }
319
- @media (prefers-color-scheme: dark) {
320
- :root {
321
- color-scheme: dark;
322
- --in: 0.7206 0.191 231.6;
323
- --su: 64.8% 0.15 160;
324
- --wa: 0.8471 0.199 83.87;
325
- --er: 0.7176 0.221 22.18;
326
- --pc: 0.13138 0.0392 275.75;
327
- --sc: 0.1496 0.052 342.55;
328
- --ac: 0.14902 0.0334 183.61;
329
- --inc: 0 0 0;
330
- --suc: 0 0 0;
331
- --wac: 0 0 0;
332
- --erc: 0 0 0;
333
- --rounded-box: 1rem;
334
- --rounded-btn: 0.5rem;
335
- --rounded-badge: 1.9rem;
336
- --animation-btn: 0.25s;
337
- --animation-input: 0.2s;
338
- --btn-focus-scale: 0.95;
339
- --border-btn: 1px;
340
- --tab-border: 1px;
341
- --tab-radius: 0.5rem;
342
- --p: 0.6569 0.196 275.75;
343
- --s: 0.748 0.26 342.55;
344
- --a: 0.7451 0.167 183.61;
345
- --n: 0.313815 0.021108 254.139175;
346
- --nc: 0.746477 0.0216 264.435964;
347
- --b1: 0.253267 0.015896 252.417568;
348
- --b2: 0.232607 0.013807 253.100675;
349
- --b3: 0.211484 0.01165 254.087939;
350
- --bc: 0.746477 0.0216 264.435964;
351
- }
352
- }
353
- [data-theme="light"] {
354
- color-scheme: light;
355
- --in: 0.7206 0.191 231.6;
356
- --su: 64.8% 0.15 160;
357
- --wa: 0.8471 0.199 83.87;
358
- --er: 0.7176 0.221 22.18;
359
- --pc: 0.89824 0.06192 275.75;
360
- --ac: 0.15352 0.0368 183.61;
361
- --inc: 0 0 0;
362
- --suc: 0 0 0;
363
- --wac: 0 0 0;
364
- --erc: 0 0 0;
365
- --rounded-box: 1rem;
366
- --rounded-btn: 0.5rem;
367
- --rounded-badge: 1.9rem;
368
- --animation-btn: 0.25s;
369
- --animation-input: 0.2s;
370
- --btn-focus-scale: 0.95;
371
- --border-btn: 1px;
372
- --tab-border: 1px;
373
- --tab-radius: 0.5rem;
374
- --p: 0.4912 0.3096 275.75;
375
- --s: 0.6971 0.329 342.55;
376
- --sc: 0.9871 0.0106 342.55;
377
- --a: 0.7676 0.184 183.61;
378
- --n: 0.321785 0.02476 255.701624;
379
- --nc: 0.894994 0.011585 252.096176;
380
- --b1: 1 0 0;
381
- --b2: 0.961151 0 0;
382
- --b3: 0.924169 0.00108 197.137559;
383
- --bc: 0.278078 0.029596 256.847952;
384
- }
385
- [data-theme="dark"] {
386
- color-scheme: dark;
387
- --in: 0.7206 0.191 231.6;
388
- --su: 64.8% 0.15 160;
389
- --wa: 0.8471 0.199 83.87;
390
- --er: 0.7176 0.221 22.18;
391
- --pc: 0.13138 0.0392 275.75;
392
- --sc: 0.1496 0.052 342.55;
393
- --ac: 0.14902 0.0334 183.61;
394
- --inc: 0 0 0;
395
- --suc: 0 0 0;
396
- --wac: 0 0 0;
397
- --erc: 0 0 0;
398
- --rounded-box: 1rem;
399
- --rounded-btn: 0.5rem;
400
- --rounded-badge: 1.9rem;
401
- --animation-btn: 0.25s;
402
- --animation-input: 0.2s;
403
- --btn-focus-scale: 0.95;
404
- --border-btn: 1px;
405
- --tab-border: 1px;
406
- --tab-radius: 0.5rem;
407
- --p: 0.6569 0.196 275.75;
408
- --s: 0.748 0.26 342.55;
409
- --a: 0.7451 0.167 183.61;
410
- --n: 0.313815 0.021108 254.139175;
411
- --nc: 0.746477 0.0216 264.435964;
412
- --b1: 0.253267 0.015896 252.417568;
413
- --b2: 0.232607 0.013807 253.100675;
414
- --b3: 0.211484 0.01165 254.087939;
415
- --bc: 0.746477 0.0216 264.435964;
416
- }
417
- [data-theme="cupcake"] {
418
- color-scheme: light;
419
- --in: 0.7206 0.191 231.6;
420
- --su: 64.8% 0.15 160;
421
- --wa: 0.8471 0.199 83.87;
422
- --er: 0.7176 0.221 22.18;
423
- --pc: 0.152344 0.017892 200.026556;
424
- --sc: 0.15787 0.020249 356.29965;
425
- --ac: 0.158762 0.029206 78.618794;
426
- --nc: 0.847148 0.013247 313.189598;
427
- --inc: 0 0 0;
428
- --suc: 0 0 0;
429
- --wac: 0 0 0;
430
- --erc: 0 0 0;
431
- --rounded-box: 1rem;
432
- --rounded-badge: 1.9rem;
433
- --animation-btn: 0.25s;
434
- --animation-input: 0.2s;
435
- --btn-focus-scale: 0.95;
436
- --border-btn: 1px;
437
- --p: 0.76172 0.089459 200.026556;
438
- --s: 0.789351 0.101246 356.29965;
439
- --a: 0.793811 0.146032 78.618794;
440
- --n: 0.235742 0.066235 313.189598;
441
- --b1: 0.977882 0.00418 56.375637;
442
- --b2: 0.939822 0.007638 61.449292;
443
- --b3: 0.915861 0.006811 53.440502;
444
- --bc: 0.235742 0.066235 313.189598;
445
- --rounded-btn: 1.9rem;
446
- --tab-border: 2px;
447
- --tab-radius: 0.7rem;
448
- }
449
- [data-theme="bumblebee"] {
450
- color-scheme: light;
451
- --b2: 0.93 0 0;
452
- --b3: 0.86 0 0;
453
- --in: 0.7206 0.191 231.6;
454
- --su: 64.8% 0.15 160;
455
- --wa: 0.8471 0.199 83.87;
456
- --er: 0.7176 0.221 22.18;
457
- --bc: 0.2 0 0;
458
- --ac: 0.16254 0.0314 56.52;
459
- --nc: 0.8255 0.015 281.99;
460
- --inc: 0 0 0;
461
- --suc: 0 0 0;
462
- --wac: 0 0 0;
463
- --erc: 0 0 0;
464
- --rounded-box: 1rem;
465
- --rounded-btn: 0.5rem;
466
- --rounded-badge: 1.9rem;
467
- --animation-btn: 0.25s;
468
- --animation-input: 0.2s;
469
- --btn-focus-scale: 0.95;
470
- --border-btn: 1px;
471
- --tab-border: 1px;
472
- --tab-radius: 0.5rem;
473
- --p: 0.8951 0.2132 96.61;
474
- --pc: 0.3892 0.046 96.61;
475
- --s: 0.8039 0.194 70.76;
476
- --sc: 0.3938 0.068 70.76;
477
- --a: 0.8127 0.157 56.52;
478
- --n: 0.1275 0.075 281.99;
479
- --b1: 1 0 0;
480
- }
481
- [data-theme="emerald"] {
482
- color-scheme: light;
483
- --b2: 0.93 0 0;
484
- --b3: 0.86 0 0;
485
- --in: 0.7206 0.191 231.6;
486
- --su: 64.8% 0.15 160;
487
- --wa: 0.8471 0.199 83.87;
488
- --er: 0.7176 0.221 22.18;
489
- --inc: 0 0 0;
490
- --suc: 0 0 0;
491
- --wac: 0 0 0;
492
- --erc: 0 0 0;
493
- --rounded-box: 1rem;
494
- --rounded-btn: 0.5rem;
495
- --rounded-badge: 1.9rem;
496
- --border-btn: 1px;
497
- --tab-border: 1px;
498
- --tab-radius: 0.5rem;
499
- --p: 0.766626 0.135433 153.450024;
500
- --pc: 0.333872 0.040618 162.240129;
501
- --s: 0.613028 0.202368 261.294233;
502
- --sc: 1 0 0;
503
- --a: 0.727725 0.149783 33.200363;
504
- --ac: 0 0 0;
505
- --n: 0.355192 0.032071 262.988584;
506
- --nc: 0.984625 0.001706 247.838921;
507
- --b1: 1 0 0;
508
- --bc: 0.355192 0.032071 262.988584;
509
- --animation-btn: 0;
510
- --animation-input: 0;
511
- --btn-focus-scale: 1;
512
- }
513
- [data-theme="corporate"] {
514
- color-scheme: light;
515
- --b2: 0.93 0 0;
516
- --b3: 0.86 0 0;
517
- --in: 0.7206 0.191 231.6;
518
- --su: 64.8% 0.15 160;
519
- --wa: 0.8471 0.199 83.87;
520
- --er: 0.7176 0.221 22.18;
521
- --pc: 0.12078 0.0456 269.1;
522
- --sc: 0.130739 0.010951 256.688055;
523
- --ac: 0.153934 0.022799 163.57888;
524
- --inc: 0 0 0;
525
- --suc: 0 0 0;
526
- --wac: 0 0 0;
527
- --erc: 0 0 0;
528
- --border-btn: 1px;
529
- --tab-border: 1px;
530
- --p: 0.6039 0.228 269.1;
531
- --s: 0.653694 0.054756 256.688055;
532
- --a: 0.769669 0.113994 163.57888;
533
- --n: 0.223899 0.031305 278.07229;
534
- --nc: 0.958796 0.008588 247.915135;
535
- --b1: 1 0 0;
536
- --bc: 0.223899 0.031305 278.07229;
537
- --rounded-box: 0.25rem;
538
- --rounded-btn: 0.125rem;
539
- --rounded-badge: 0.125rem;
540
- --tab-radius: 0.25rem;
541
- --animation-btn: 0;
542
- --animation-input: 0;
543
- --btn-focus-scale: 1;
544
- }
545
- [data-theme="synthwave"] {
546
- color-scheme: dark;
547
- --b2: 0.202941 0.076211 287.835609;
548
- --b3: 0.187665 0.070475 287.835609;
549
- --pc: 0.144421 0.031903 342.009383;
550
- --sc: 0.156543 0.02362 227.382405;
551
- --ac: 0.17608 0.0412 93.72;
552
- --rounded-box: 1rem;
553
- --rounded-btn: 0.5rem;
554
- --rounded-badge: 1.9rem;
555
- --animation-btn: 0.25s;
556
- --animation-input: 0.2s;
557
- --btn-focus-scale: 0.95;
558
- --border-btn: 1px;
559
- --tab-border: 1px;
560
- --tab-radius: 0.5rem;
561
- --p: 0.722105 0.159514 342.009383;
562
- --s: 0.782714 0.118101 227.382405;
563
- --a: 0.8804 0.206 93.72;
564
- --n: 0.255554 0.103537 286.507967;
565
- --nc: 0.979365 0.00819 301.358346;
566
- --b1: 0.218216 0.081948 287.835609;
567
- --bc: 0.979365 0.00819 301.358346;
568
- --in: 0.765197 0.12273 231.831603;
569
- --inc: 0.235017 0.096418 290.329844;
570
- --su: 0.860572 0.115038 178.624677;
571
- --suc: 0.235017 0.096418 290.329844;
572
- --wa: 0.85531 0.122117 93.722227;
573
- --wac: 0.235017 0.096418 290.329844;
574
- --er: 0.737005 0.121339 32.639257;
575
- --erc: 0.235017 0.096418 290.329844;
576
- }
577
- [data-theme="retro"] {
578
- color-scheme: light;
579
- --inc: 0.90923 0.043042 262.880917;
580
- --suc: 0.12541 0.033982 149.213788;
581
- --wac: 0.133168 0.031484 58.31834;
582
- --erc: 0.13144 0.0398 27.33;
583
- --animation-btn: 0.25s;
584
- --animation-input: 0.2s;
585
- --btn-focus-scale: 0.95;
586
- --border-btn: 1px;
587
- --tab-border: 1px;
588
- --p: 0.768664 0.104092 22.664655;
589
- --pc: 0.265104 0.006243 0.522862;
590
- --s: 0.807415 0.052534 159.094608;
591
- --sc: 0.265104 0.006243 0.522862;
592
- --a: 0.703919 0.125455 52.953428;
593
- --ac: 0.265104 0.006243 0.522862;
594
- --n: 0.284181 0.009519 355.534017;
595
- --nc: 0.925604 0.025113 89.217311;
596
- --b1: 0.916374 0.034554 90.51575;
597
- --b2: 0.882722 0.049418 91.774344;
598
- --b3: 0.84133 0.065952 90.856665;
599
- --bc: 0.265104 0.006243 0.522862;
600
- --in: 0.54615 0.215208 262.880917;
601
- --su: 0.627052 0.169912 149.213788;
602
- --wa: 0.66584 0.157422 58.31834;
603
- --er: 0.6572 0.199 27.33;
604
- --rounded-box: 0.4rem;
605
- --rounded-btn: 0.4rem;
606
- --rounded-badge: 0.4rem;
607
- --tab-radius: 0.4rem;
608
- }
609
- [data-theme="cyberpunk"] {
610
- color-scheme: light;
611
- --b2: 0.878943 0.16647 104.32;
612
- --b3: 0.812786 0.15394 104.32;
613
- --in: 0.7206 0.191 231.6;
614
- --su: 64.8% 0.15 160;
615
- --wa: 0.8471 0.199 83.87;
616
- --er: 0.7176 0.221 22.18;
617
- --bc: 0.18902 0.0358 104.32;
618
- --pc: 0.14844 0.0418 6.35;
619
- --sc: 0.16666 0.0368 204.72;
620
- --ac: 0.14372 0.04352 310.43;
621
- --inc: 0 0 0;
622
- --suc: 0 0 0;
623
- --wac: 0 0 0;
624
- --erc: 0 0 0;
625
- --animation-btn: 0.25s;
626
- --animation-input: 0.2s;
627
- --btn-focus-scale: 0.95;
628
- --border-btn: 1px;
629
- --tab-border: 1px;
630
- font-family:
631
- ui-monospace,
632
- SFMono-Regular,
633
- Menlo,
634
- Monaco,
635
- Consolas,
636
- Liberation Mono,
637
- Courier New,
638
- monospace;
639
- --p: 0.7422 0.209 6.35;
640
- --s: 0.8333 0.184 204.72;
641
- --a: 0.7186 0.2176 310.43;
642
- --n: 0.2304 0.065 269.31;
643
- --nc: 0.9451 0.179 104.32;
644
- --b1: 0.9451 0.179 104.32;
645
- --rounded-box: 0;
646
- --rounded-btn: 0;
647
- --rounded-badge: 0;
648
- --tab-radius: 0;
649
- }
650
- [data-theme="valentine"] {
651
- color-scheme: light;
652
- --b2: 0.880567 0.024834 337.06289;
653
- --b3: 0.814288 0.022964 337.06289;
654
- --pc: 0.137239 0.030755 15.066527;
655
- --sc: 0.143942 0.029258 293.189609;
656
- --ac: 0.142537 0.014961 197.828857;
657
- --inc: 0.90923 0.043042 262.880917;
658
- --suc: 0.12541 0.033982 149.213788;
659
- --wac: 0.133168 0.031484 58.31834;
660
- --erc: 0.14614 0.0414 27.33;
661
- --rounded-box: 1rem;
662
- --rounded-badge: 1.9rem;
663
- --animation-btn: 0.25s;
664
- --animation-input: 0.2s;
665
- --btn-focus-scale: 0.95;
666
- --border-btn: 1px;
667
- --tab-border: 1px;
668
- --p: 0.686197 0.153774 15.066527;
669
- --s: 0.71971 0.14629 293.189609;
670
- --a: 0.712685 0.074804 197.828857;
671
- --n: 0.546053 0.143342 358.004839;
672
- --nc: 0.902701 0.037202 336.955191;
673
- --b1: 0.946846 0.026703 337.06289;
674
- --bc: 0.373085 0.081131 4.606426;
675
- --in: 0.54615 0.215208 262.880917;
676
- --su: 0.627052 0.169912 149.213788;
677
- --wa: 0.66584 0.157422 58.31834;
678
- --er: 0.7307 0.207 27.33;
679
- --rounded-btn: 1.9rem;
680
- --tab-radius: 0.7rem;
681
- }
682
- [data-theme="halloween"] {
683
- color-scheme: dark;
684
- --b2: 0.230416 0 0;
685
- --b3: 0.213072 0 0;
686
- --bc: 0.849552 0 0;
687
- --sc: 0.89196 0.0496 305.03;
688
- --nc: 0.848742 0.009322 65.681484;
689
- --inc: 0.90923 0.043042 262.880917;
690
- --suc: 0.12541 0.033982 149.213788;
691
- --wac: 0.133168 0.031484 58.31834;
692
- --erc: 0.13144 0.0398 27.33;
693
- --rounded-box: 1rem;
694
- --rounded-btn: 0.5rem;
695
- --rounded-badge: 1.9rem;
696
- --animation-btn: 0.25s;
697
- --animation-input: 0.2s;
698
- --btn-focus-scale: 0.95;
699
- --border-btn: 1px;
700
- --tab-border: 1px;
701
- --tab-radius: 0.5rem;
702
- --p: 0.7748 0.204 60.62;
703
- --pc: 0.196935 0.004671 196.779412;
704
- --s: 0.4598 0.248 305.03;
705
- --a: 0.648 0.223 136.073479;
706
- --ac: 0 0 0;
707
- --n: 0.24371 0.046608 65.681484;
708
- --b1: 0.247759 0 0;
709
- --in: 0.54615 0.215208 262.880917;
710
- --su: 0.627052 0.169912 149.213788;
711
- --wa: 0.66584 0.157422 58.31834;
712
- --er: 0.6572 0.199 27.33;
713
- }
714
- [data-theme="garden"] {
715
- color-scheme: light;
716
- --b2: 0.864453 0.002011 17.197414;
717
- --b3: 0.799386 0.00186 17.197414;
718
- --in: 0.7206 0.191 231.6;
719
- --su: 64.8% 0.15 160;
720
- --wa: 0.8471 0.199 83.87;
721
- --er: 0.7176 0.221 22.18;
722
- --sc: 0.89699 0.022197 355.095988;
723
- --ac: 0.112547 0.010859 154.390187;
724
- --inc: 0 0 0;
725
- --suc: 0 0 0;
726
- --wac: 0 0 0;
727
- --erc: 0 0 0;
728
- --rounded-box: 1rem;
729
- --rounded-btn: 0.5rem;
730
- --rounded-badge: 1.9rem;
731
- --animation-btn: 0.25s;
732
- --animation-input: 0.2s;
733
- --btn-focus-scale: 0.95;
734
- --border-btn: 1px;
735
- --tab-border: 1px;
736
- --tab-radius: 0.5rem;
737
- --p: 0.6245 0.278 3.83636;
738
- --pc: 1 0 0;
739
- --s: 0.484952 0.110985 355.095988;
740
- --a: 0.562735 0.054297 154.390187;
741
- --n: 0.241559 0.049362 89.070594;
742
- --nc: 0.929519 0.002163 17.197414;
743
- --b1: 0.929519 0.002163 17.197414;
744
- --bc: 0.169617 0.001664 17.32068;
745
- }
746
- [data-theme="forest"] {
747
- color-scheme: dark;
748
- --b2: 0.17522 0.007709 17.911578;
749
- --b3: 0.162032 0.007129 17.911578;
750
- --in: 0.7206 0.191 231.6;
751
- --su: 64.8% 0.15 160;
752
- --wa: 0.8471 0.199 83.87;
753
- --er: 0.7176 0.221 22.18;
754
- --bc: 0.837682 0.001658 17.911578;
755
- --sc: 0.139553 0.027077 168.327128;
756
- --ac: 0.141257 0.02389 185.713193;
757
- --nc: 0.861397 0.007806 171.364646;
758
- --inc: 0 0 0;
759
- --suc: 0 0 0;
760
- --wac: 0 0 0;
761
- --erc: 0 0 0;
762
- --rounded-box: 1rem;
763
- --rounded-badge: 1.9rem;
764
- --animation-btn: 0.25s;
765
- --animation-input: 0.2s;
766
- --btn-focus-scale: 0.95;
767
- --border-btn: 1px;
768
- --tab-border: 1px;
769
- --tab-radius: 0.5rem;
770
- --p: 0.686283 0.185567 148.958922;
771
- --pc: 0 0 0;
772
- --s: 0.697764 0.135385 168.327128;
773
- --a: 0.706285 0.119451 185.713193;
774
- --n: 0.306985 0.039032 171.364646;
775
- --b1: 0.188409 0.00829 17.911578;
776
- --rounded-btn: 1.9rem;
777
- }
778
- [data-theme="aqua"] {
779
- color-scheme: dark;
780
- --b2: 0.453464 0.118611 261.181672;
781
- --b3: 0.419333 0.109683 261.181672;
782
- --bc: 0.897519 0.025508 261.181672;
783
- --sc: 0.121365 0.02175 309.782946;
784
- --ac: 0.186854 0.020445 94.555431;
785
- --nc: 0.122124 0.023402 243.760661;
786
- --inc: 0.90923 0.043042 262.880917;
787
- --suc: 0.12541 0.033982 149.213788;
788
- --wac: 0.133168 0.031484 58.31834;
789
- --erc: 0.1479 0.038 27.33;
790
- --rounded-box: 1rem;
791
- --rounded-btn: 0.5rem;
792
- --rounded-badge: 1.9rem;
793
- --animation-btn: 0.25s;
794
- --animation-input: 0.2s;
795
- --btn-focus-scale: 0.95;
796
- --border-btn: 1px;
797
- --tab-border: 1px;
798
- --tab-radius: 0.5rem;
799
- --p: 0.856617 0.14498 198.6458;
800
- --pc: 0.401249 0.068266 197.603872;
801
- --s: 0.606827 0.108752 309.782946;
802
- --a: 0.934269 0.102225 94.555431;
803
- --n: 0.610622 0.117009 243.760661;
804
- --b1: 0.487596 0.127539 261.181672;
805
- --in: 0.54615 0.215208 262.880917;
806
- --su: 0.627052 0.169912 149.213788;
807
- --wa: 0.66584 0.157422 58.31834;
808
- --er: 0.7395 0.19 27.33;
809
- }
810
- [data-theme="lofi"] {
811
- color-scheme: light;
812
- --inc: 0.15908 0.0206 205.9;
813
- --suc: 0.18026 0.0306 164.14;
814
- --wac: 0.17674 0.027 79.94;
815
- --erc: 0.15732 0.03 28.47;
816
- --border-btn: 1px;
817
- --tab-border: 1px;
818
- --p: 0.159066 0 0;
819
- --pc: 1 0 0;
820
- --s: 0.21455 0.001566 17.278957;
821
- --sc: 1 0 0;
822
- --a: 0.268618 0 0;
823
- --ac: 1 0 0;
824
- --n: 0 0 0;
825
- --nc: 1 0 0;
826
- --b1: 1 0 0;
827
- --b2: 0.961151 0 0;
828
- --b3: 0.92268 0.001082 17.17934;
829
- --bc: 0 0 0;
830
- --in: 0.7954 0.103 205.9;
831
- --su: 0.9013 0.153 164.14;
832
- --wa: 0.8837 0.135 79.94;
833
- --er: 0.7866 0.15 28.47;
834
- --rounded-box: 0.25rem;
835
- --rounded-btn: 0.125rem;
836
- --rounded-badge: 0.125rem;
837
- --tab-radius: 0.125rem;
838
- --animation-btn: 0;
839
- --animation-input: 0;
840
- --btn-focus-scale: 1;
841
- }
842
- [data-theme="pastel"] {
843
- color-scheme: light;
844
- --in: 0.7206 0.191 231.6;
845
- --su: 64.8% 0.15 160;
846
- --wa: 0.8471 0.199 83.87;
847
- --er: 0.7176 0.221 22.18;
848
- --bc: 0.2 0 0;
849
- --pc: 0.166166 0.006979 316.8737;
850
- --sc: 0.176153 0.009839 8.688364;
851
- --ac: 0.178419 0.012056 170.923263;
852
- --nc: 0.142681 0.014702 228.183906;
853
- --inc: 0 0 0;
854
- --suc: 0 0 0;
855
- --wac: 0 0 0;
856
- --erc: 0 0 0;
857
- --rounded-box: 1rem;
858
- --rounded-badge: 1.9rem;
859
- --animation-btn: 0.25s;
860
- --animation-input: 0.2s;
861
- --btn-focus-scale: 0.95;
862
- --border-btn: 1px;
863
- --tab-border: 1px;
864
- --p: 0.830828 0.034896 316.8737;
865
- --s: 0.880763 0.049197 8.688364;
866
- --a: 0.892096 0.06028 170.923263;
867
- --n: 0.713406 0.07351 228.183906;
868
- --b1: 1 0 0;
869
- --b2: 0.984625 0.001706 247.838921;
870
- --b3: 0.871681 0.009339 258.338227;
871
- --rounded-btn: 1.9rem;
872
- --tab-radius: 0.7rem;
873
- }
874
- [data-theme="fantasy"] {
875
- color-scheme: light;
876
- --b2: 0.93 0 0;
877
- --b3: 0.86 0 0;
878
- --in: 0.7206 0.191 231.6;
879
- --su: 64.8% 0.15 160;
880
- --wa: 0.8471 0.199 83.87;
881
- --er: 0.7176 0.221 22.18;
882
- --pc: 0.8749 0.0378 325.02;
883
- --sc: 0.90784 0.0324 241.36;
884
- --ac: 0.15196 0.0408 56.72;
885
- --nc: 0.855616 0.005919 256.847952;
886
- --inc: 0 0 0;
887
- --suc: 0 0 0;
888
- --wac: 0 0 0;
889
- --erc: 0 0 0;
890
- --rounded-box: 1rem;
891
- --rounded-btn: 0.5rem;
892
- --rounded-badge: 1.9rem;
893
- --animation-btn: 0.25s;
894
- --animation-input: 0.2s;
895
- --btn-focus-scale: 0.95;
896
- --border-btn: 1px;
897
- --tab-border: 1px;
898
- --tab-radius: 0.5rem;
899
- --p: 0.3745 0.189 325.02;
900
- --s: 0.5392 0.162 241.36;
901
- --a: 0.7598 0.204 56.72;
902
- --n: 0.278078 0.029596 256.847952;
903
- --b1: 1 0 0;
904
- --bc: 0.278078 0.029596 256.847952;
905
- }
906
- [data-theme="wireframe"] {
907
- color-scheme: light;
908
- --bc: 0.2 0 0;
909
- --pc: 0.156521 0 0;
910
- --sc: 0.156521 0 0;
911
- --ac: 0.156521 0 0;
912
- --nc: 0.188014 0 0;
913
- --inc: 0.890403 0.062643 264.052021;
914
- --suc: 0.90395 0.035372 142.495339;
915
- --wac: 0.141626 0.019994 108.702381;
916
- --erc: 0.125591 0.051537 29.233885;
917
- --animation-btn: 0.25s;
918
- --animation-input: 0.2s;
919
- --btn-focus-scale: 0.95;
920
- --border-btn: 1px;
921
- --tab-border: 1px;
922
- font-family:
923
- Chalkboard,
924
- comic sans ms,
925
- "sans-serif";
926
- --p: 0.782604 0 0;
927
- --s: 0.782604 0 0;
928
- --a: 0.782604 0 0;
929
- --n: 0.94007 0 0;
930
- --b1: 1 0 0;
931
- --b2: 0.949119 0 0;
932
- --b3: 0.897547 0 0;
933
- --in: 0.452014 0.313214 264.052021;
934
- --su: 0.519752 0.176858 142.495339;
935
- --wa: 0.708131 0.099969 108.702381;
936
- --er: 0.627955 0.257683 29.233885;
937
- --rounded-box: 0.2rem;
938
- --rounded-btn: 0.2rem;
939
- --rounded-badge: 0.2rem;
940
- --tab-radius: 0.2rem;
941
- }
942
- [data-theme="black"] {
943
- color-scheme: dark;
944
- --pc: 0.86736 0 0;
945
- --sc: 0.86736 0 0;
946
- --ac: 0.86736 0 0;
947
- --nc: 0.86736 0 0;
948
- --inc: 0.890403 0.062643 264.052021;
949
- --suc: 0.90395 0.035372 142.495339;
950
- --wac: 0.193597 0.042201 109.769232;
951
- --erc: 0.125591 0.051537 29.233885;
952
- --border-btn: 1px;
953
- --tab-border: 1px;
954
- --p: 0.336799 0 0;
955
- --s: 0.336799 0 0;
956
- --a: 0.336799 0 0;
957
- --b1: 0 0 0;
958
- --b2: 0.191251 0 0;
959
- --b3: 0.268618 0 0;
960
- --bc: 0.876096 0 0;
961
- --n: 0.336799 0 0;
962
- --in: 0.452014 0.313214 264.052021;
963
- --su: 0.519752 0.176858 142.495339;
964
- --wa: 0.967983 0.211006 109.769232;
965
- --er: 0.627955 0.257683 29.233885;
966
- --rounded-box: 0;
967
- --rounded-btn: 0;
968
- --rounded-badge: 0;
969
- --animation-btn: 0;
970
- --animation-input: 0;
971
- --btn-focus-scale: 1;
972
- --tab-radius: 0;
973
- }
974
- [data-theme="luxury"] {
975
- color-scheme: dark;
976
- --pc: 0.2 0 0;
977
- --sc: 0.855163 0.012821 261.069149;
978
- --ac: 0.873349 0.010348 338.82597;
979
- --inc: 0.158122 0.024356 237.133883;
980
- --suc: 0.156239 0.038579 132.154381;
981
- --wac: 0.172255 0.027305 102.89115;
982
- --erc: 0.143506 0.035271 22.568916;
983
- --rounded-box: 1rem;
984
- --rounded-btn: 0.5rem;
985
- --rounded-badge: 1.9rem;
986
- --animation-btn: 0.25s;
987
- --animation-input: 0.2s;
988
- --btn-focus-scale: 0.95;
989
- --border-btn: 1px;
990
- --tab-border: 1px;
991
- --tab-radius: 0.5rem;
992
- --p: 1 0 0;
993
- --s: 0.275815 0.064106 261.069149;
994
- --a: 0.366744 0.051741 338.82597;
995
- --n: 0.2427 0.057015 59.825019;
996
- --nc: 0.932033 0.089631 90.861683;
997
- --b1: 0.140765 0.004386 285.822869;
998
- --b2: 0.202191 0.004211 308.22937;
999
- --b3: 0.298961 0.003818 308.318612;
1000
- --bc: 0.756879 0.123666 76.890484;
1001
- --in: 0.790612 0.121778 237.133883;
1002
- --su: 0.781197 0.192894 132.154381;
1003
- --wa: 0.861274 0.136524 102.89115;
1004
- --er: 0.717531 0.176357 22.568916;
1005
- }
1006
- [data-theme="dracula"] {
1007
- color-scheme: dark;
1008
- --b2: 0.268053 0.020556 277.508664;
1009
- --b3: 0.247877 0.019009 277.508664;
1010
- --pc: 0.150922 0.036614 346.812432;
1011
- --sc: 0.148405 0.029709 301.883095;
1012
- --ac: 0.166785 0.024826 66.558491;
1013
- --nc: 0.878891 0.006515 275.524078;
1014
- --inc: 0.176526 0.018676 212.846491;
1015
- --suc: 0.174199 0.043903 148.024881;
1016
- --wac: 0.191068 0.026849 112.757109;
1017
- --erc: 0.136441 0.041266 24.430965;
1018
- --rounded-box: 1rem;
1019
- --rounded-btn: 0.5rem;
1020
- --rounded-badge: 1.9rem;
1021
- --animation-btn: 0.25s;
1022
- --animation-input: 0.2s;
1023
- --btn-focus-scale: 0.95;
1024
- --border-btn: 1px;
1025
- --tab-border: 1px;
1026
- --tab-radius: 0.5rem;
1027
- --p: 0.754611 0.18307 346.812432;
1028
- --s: 0.742023 0.148546 301.883095;
1029
- --a: 0.833927 0.124132 66.558491;
1030
- --n: 0.394456 0.032576 275.524078;
1031
- --b1: 0.288229 0.022103 277.508664;
1032
- --bc: 0.977477 0.007913 106.545019;
1033
- --in: 0.88263 0.09338 212.846491;
1034
- --su: 0.870995 0.219516 148.024881;
1035
- --wa: 0.955338 0.134246 112.757109;
1036
- --er: 0.682204 0.206328 24.430965;
1037
- }
1038
- [data-theme="cmyk"] {
1039
- color-scheme: light;
1040
- --b2: 0.93 0 0;
1041
- --b3: 0.86 0 0;
1042
- --bc: 0.2 0 0;
1043
- --pc: 0.143544 0.02666 239.443325;
1044
- --sc: 0.128953 0.040552 359.339283;
1045
- --ac: 0.188458 0.037948 105.306968;
1046
- --nc: 0.843557 0 0;
1047
- --inc: 0.136952 0.0189 217.284104;
1048
- --suc: 0.893898 0.032505 321.406278;
1049
- --wac: 0.142473 0.031969 52.023412;
1050
- --erc: 0.124027 0.041677 28.717543;
1051
- --rounded-box: 1rem;
1052
- --rounded-btn: 0.5rem;
1053
- --rounded-badge: 1.9rem;
1054
- --animation-btn: 0.25s;
1055
- --animation-input: 0.2s;
1056
- --btn-focus-scale: 0.95;
1057
- --border-btn: 1px;
1058
- --tab-border: 1px;
1059
- --tab-radius: 0.5rem;
1060
- --p: 0.717722 0.133298 239.443325;
1061
- --s: 0.644766 0.202758 359.339283;
1062
- --a: 0.942289 0.189741 105.306968;
1063
- --n: 0.217787 0 0;
1064
- --b1: 1 0 0;
1065
- --in: 0.684759 0.094499 217.284104;
1066
- --su: 0.46949 0.162524 321.406278;
1067
- --wa: 0.712364 0.159843 52.023412;
1068
- --er: 0.620133 0.208385 28.717543;
1069
- }
1070
- [data-theme="autumn"] {
1071
- color-scheme: light;
1072
- --b2: 0.891077 0 0;
1073
- --b3: 0.824006 0 0;
1074
- --bc: 0.191629 0 0;
1075
- --pc: 0.881446 0.032232 17.530175;
1076
- --sc: 0.123353 0.033821 23.865865;
1077
- --ac: 0.146851 0.018999 60.729616;
1078
- --nc: 0.908734 0.007475 51.902819;
1079
- --inc: 0.138449 0.019596 207.284192;
1080
- --suc: 0.12199 0.016032 174.616213;
1081
- --wac: 0.140163 0.032982 56.844303;
1082
- --erc: 0.90614 0.0482 24.16;
1083
- --rounded-box: 1rem;
1084
- --rounded-btn: 0.5rem;
1085
- --rounded-badge: 1.9rem;
1086
- --animation-btn: 0.25s;
1087
- --animation-input: 0.2s;
1088
- --btn-focus-scale: 0.95;
1089
- --border-btn: 1px;
1090
- --tab-border: 1px;
1091
- --tab-radius: 0.5rem;
1092
- --p: 0.407232 0.16116 17.530175;
1093
- --s: 0.616763 0.169105 23.865865;
1094
- --a: 0.734253 0.094994 60.729616;
1095
- --n: 0.543672 0.037374 51.902819;
1096
- --b1: 0.958147 0 0;
1097
- --in: 0.692245 0.097979 207.284192;
1098
- --su: 0.609951 0.080159 174.616213;
1099
- --wa: 0.700817 0.164909 56.844303;
1100
- --er: 0.5307 0.241 24.16;
1101
- }
1102
- [data-theme="business"] {
1103
- color-scheme: dark;
1104
- --b2: 0.226487 0 0;
1105
- --b3: 0.20944 0 0;
1106
- --bc: 0.848707 0 0;
1107
- --pc: 0.883407 0.019811 251.473931;
1108
- --sc: 0.128185 0.005481 229.389418;
1109
- --ac: 0.134542 0.033545 35.791525;
1110
- --nc: 0.854882 0.00265 253.041249;
1111
- --inc: 0.125233 0.028702 240.033697;
1112
- --suc: 0.140454 0.018919 156.59611;
1113
- --wac: 0.154965 0.023141 81.519177;
1114
- --erc: 0.903221 0.029356 29.674507;
1115
- --animation-btn: 0.25s;
1116
- --animation-input: 0.2s;
1117
- --btn-focus-scale: 0.95;
1118
- --border-btn: 1px;
1119
- --tab-border: 1px;
1120
- --tab-radius: 0.5rem;
1121
- --p: 0.417036 0.099057 251.473931;
1122
- --s: 0.640924 0.027405 229.389418;
1123
- --a: 0.67271 0.167726 35.791525;
1124
- --n: 0.27441 0.01325 253.041249;
1125
- --b1: 0.243535 0 0;
1126
- --in: 0.626163 0.143511 240.033697;
1127
- --su: 0.702268 0.094594 156.59611;
1128
- --wa: 0.774824 0.115704 81.519177;
1129
- --er: 0.516105 0.14678 29.674507;
1130
- --rounded-box: 0.25rem;
1131
- --rounded-btn: 0.125rem;
1132
- --rounded-badge: 0.125rem;
1133
- }
1134
- [data-theme="acid"] {
1135
- color-scheme: light;
1136
- --b2: 0.916146 0 0;
1137
- --b3: 0.847189 0 0;
1138
- --bc: 0.197021 0 0;
1139
- --pc: 0.1438 0.0714 330.759573;
1140
- --sc: 0.14674 0.0448 48.250878;
1141
- --ac: 0.18556 0.0528 122.962951;
1142
- --nc: 0.84262 0.0256 278.68;
1143
- --inc: 0.12144 0.0454 252.05;
1144
- --suc: 0.17144 0.0532 158.53;
1145
- --wac: 0.18202 0.0424 100.5;
1146
- --erc: 0.12968 0.0586 29.349188;
1147
- --animation-btn: 0.25s;
1148
- --animation-input: 0.2s;
1149
- --btn-focus-scale: 0.95;
1150
- --border-btn: 1px;
1151
- --tab-border: 1px;
1152
- --p: 0.719 0.357 330.759573;
1153
- --s: 0.7337 0.224 48.250878;
1154
- --a: 0.9278 0.264 122.962951;
1155
- --n: 0.2131 0.128 278.68;
1156
- --b1: 0.985104 0 0;
1157
- --in: 0.6072 0.227 252.05;
1158
- --su: 0.8572 0.266 158.53;
1159
- --wa: 0.9101 0.212 100.5;
1160
- --er: 0.6484 0.293 29.349188;
1161
- --rounded-box: 1.25rem;
1162
- --rounded-btn: 1rem;
1163
- --rounded-badge: 1rem;
1164
- --tab-radius: 0.7rem;
1165
- }
1166
- [data-theme="lemonade"] {
1167
- color-scheme: light;
1168
- --b2: 0.918003 0.0186 123.72;
1169
- --b3: 0.848906 0.0172 123.72;
1170
- --bc: 0.19742 0.004 123.72;
1171
- --pc: 0.11784 0.0398 134.6;
1172
- --sc: 0.1555 0.0392 111.09;
1173
- --ac: 0.17078 0.0402 100.73;
1174
- --nc: 0.86196 0.015 108.6;
1175
- --inc: 0.17238 0.0094 224.14;
1176
- --suc: 0.17238 0.0094 157.85;
1177
- --wac: 0.17238 0.0094 102.15;
1178
- --erc: 0.17238 0.0094 25.85;
1179
- --rounded-box: 1rem;
1180
- --rounded-btn: 0.5rem;
1181
- --rounded-badge: 1.9rem;
1182
- --animation-btn: 0.25s;
1183
- --animation-input: 0.2s;
1184
- --btn-focus-scale: 0.95;
1185
- --border-btn: 1px;
1186
- --tab-border: 1px;
1187
- --tab-radius: 0.5rem;
1188
- --p: 0.5892 0.199 134.6;
1189
- --s: 0.7775 0.196 111.09;
1190
- --a: 0.8539 0.201 100.73;
1191
- --n: 0.3098 0.075 108.6;
1192
- --b1: 0.9871 0.02 123.72;
1193
- --in: 0.8619 0.047 224.14;
1194
- --su: 0.8619 0.047 157.85;
1195
- --wa: 0.8619 0.047 102.15;
1196
- --er: 0.8619 0.047 25.85;
1197
- }
1198
- [data-theme="night"] {
1199
- color-scheme: dark;
1200
- --b2: 0.193144 0.037037 265.754874;
1201
- --b3: 0.178606 0.034249 265.754874;
1202
- --bc: 0.841536 0.007965 265.754874;
1203
- --pc: 0.150703 0.027798 232.66148;
1204
- --sc: 0.136023 0.031661 276.934902;
1205
- --ac: 0.144721 0.035244 350.048739;
1206
- --nc: 0.855899 0.00737 260.030984;
1207
- --suc: 0.156904 0.026506 181.911977;
1208
- --wac: 0.166486 0.027912 82.95003;
1209
- --erc: 0.143572 0.034051 13.11834;
1210
- --rounded-box: 1rem;
1211
- --rounded-btn: 0.5rem;
1212
- --rounded-badge: 1.9rem;
1213
- --animation-btn: 0.25s;
1214
- --animation-input: 0.2s;
1215
- --btn-focus-scale: 0.95;
1216
- --border-btn: 1px;
1217
- --tab-border: 1px;
1218
- --tab-radius: 0.5rem;
1219
- --p: 0.753513 0.138989 232.66148;
1220
- --s: 0.680113 0.158303 276.934902;
1221
- --a: 0.723603 0.176218 350.048739;
1222
- --n: 0.279495 0.036848 260.030984;
1223
- --b1: 0.207682 0.039824 265.754874;
1224
- --in: 0.684553 0.148062 237.25135;
1225
- --inc: 0 0 0;
1226
- --su: 0.78452 0.132529 181.911977;
1227
- --wa: 0.832428 0.139558 82.95003;
1228
- --er: 0.717858 0.170255 13.11834;
1229
- }
1230
- [data-theme="coffee"] {
1231
- color-scheme: dark;
1232
- --b2: 0.201585 0.021457 329.708637;
1233
- --b3: 0.186412 0.019842 329.708637;
1234
- --pc: 0.143993 0.024765 62.756393;
1235
- --sc: 0.86893 0.00597 199.19444;
1236
- --ac: 0.885243 0.014881 224.389184;
1237
- --nc: 0.833022 0.003149 326.261446;
1238
- --inc: 0.15898 0.012774 184.558367;
1239
- --suc: 0.149445 0.014491 131.116276;
1240
- --wac: 0.176301 0.028162 87.722413;
1241
- --erc: 0.154637 0.025644 31.871922;
1242
- --rounded-box: 1rem;
1243
- --rounded-btn: 0.5rem;
1244
- --rounded-badge: 1.9rem;
1245
- --animation-btn: 0.25s;
1246
- --animation-input: 0.2s;
1247
- --btn-focus-scale: 0.95;
1248
- --border-btn: 1px;
1249
- --tab-border: 1px;
1250
- --tab-radius: 0.5rem;
1251
- --p: 0.719967 0.123825 62.756393;
1252
- --s: 0.34465 0.029849 199.19444;
1253
- --a: 0.426213 0.074405 224.389184;
1254
- --n: 0.165109 0.015743 326.261446;
1255
- --b1: 0.216758 0.023072 329.708637;
1256
- --bc: 0.723547 0.092794 79.129387;
1257
- --in: 0.794902 0.063869 184.558367;
1258
- --su: 0.747224 0.072456 131.116276;
1259
- --wa: 0.881503 0.140812 87.722413;
1260
- --er: 0.773187 0.12822 31.871922;
1261
- }
1262
- [data-theme="winter"] {
1263
- color-scheme: light;
1264
- --pc: 0.91372 0.051 257.57;
1265
- --sc: 0.885103 0.03222 282.339433;
1266
- --ac: 0.11988 0.038303 335.171434;
1267
- --nc: 0.839233 0.012704 257.651965;
1268
- --inc: 0.176255 0.017178 214.515264;
1269
- --suc: 0.160988 0.015404 197.823719;
1270
- --wac: 0.178345 0.009167 71.47031;
1271
- --erc: 0.146185 0.022037 20.076293;
1272
- --rounded-box: 1rem;
1273
- --rounded-btn: 0.5rem;
1274
- --rounded-badge: 1.9rem;
1275
- --animation-btn: 0.25s;
1276
- --animation-input: 0.2s;
1277
- --btn-focus-scale: 0.95;
1278
- --border-btn: 1px;
1279
- --tab-border: 1px;
1280
- --tab-radius: 0.5rem;
1281
- --p: 0.5686 0.255 257.57;
1282
- --s: 0.425516 0.161098 282.339433;
1283
- --a: 0.599398 0.191515 335.171434;
1284
- --n: 0.196166 0.063518 257.651965;
1285
- --b1: 1 0 0;
1286
- --b2: 0.974663 0.011947 259.822565;
1287
- --b3: 0.932686 0.016223 262.751375;
1288
- --bc: 0.418869 0.053885 255.824911;
1289
- --in: 0.881275 0.085888 214.515264;
1290
- --su: 0.804941 0.077019 197.823719;
1291
- --wa: 0.891725 0.045833 71.47031;
1292
- --er: 0.730926 0.110185 20.076293;
1293
- }
1294
- [data-theme="dim"] {
1295
- color-scheme: dark;
1296
- --pc: 0.172267 0.028331 139.549991;
1297
- --sc: 0.146752 0.033181 35.353059;
1298
- --ac: 0.148459 0.026728 311.37924;
1299
- --inc: 0.172157 0.028409 206.182959;
1300
- --suc: 0.172343 0.028437 166.534048;
1301
- --wac: 0.172327 0.028447 94.818679;
1302
- --erc: 0.164838 0.019914 33.756357;
1303
- --rounded-box: 1rem;
1304
- --rounded-btn: 0.5rem;
1305
- --rounded-badge: 1.9rem;
1306
- --animation-btn: 0.25s;
1307
- --animation-input: 0.2s;
1308
- --btn-focus-scale: 0.95;
1309
- --border-btn: 1px;
1310
- --tab-border: 1px;
1311
- --tab-radius: 0.5rem;
1312
- --p: 0.861335 0.141656 139.549991;
1313
- --s: 0.733759 0.165904 35.353059;
1314
- --a: 0.742296 0.133641 311.37924;
1315
- --n: 0.247311 0.020483 264.094728;
1316
- --nc: 0.829011 0.031335 222.959324;
1317
- --b1: 0.308577 0.023243 264.149498;
1318
- --b2: 0.280368 0.01983 264.182074;
1319
- --b3: 0.263469 0.018403 262.177739;
1320
- --bc: 0.829011 0.031335 222.959324;
1321
- --in: 0.860785 0.142046 206.182959;
1322
- --su: 0.861717 0.142187 166.534048;
1323
- --wa: 0.861634 0.142236 94.818679;
1324
- --er: 0.824189 0.09957 33.756357;
1325
- }
1326
- [data-theme="nord"] {
1327
- color-scheme: light;
1328
- --pc: 0.118872 0.015449 254.027774;
1329
- --sc: 0.139303 0.011822 248.687186;
1330
- --ac: 0.154929 0.01245 217.469017;
1331
- --inc: 0.138414 0.012499 332.664922;
1332
- --suc: 0.153654 0.01498 131.063061;
1333
- --wac: 0.170972 0.017847 84.093335;
1334
- --erc: 0.12122 0.024119 15.341883;
1335
- --animation-btn: 0.25s;
1336
- --animation-input: 0.2s;
1337
- --btn-focus-scale: 0.95;
1338
- --border-btn: 1px;
1339
- --tab-border: 1px;
1340
- --p: 0.594359 0.077246 254.027774;
1341
- --s: 0.696516 0.059108 248.687186;
1342
- --a: 0.774643 0.062249 217.469017;
1343
- --n: 0.45229 0.035214 264.1312;
1344
- --nc: 0.899258 0.016374 262.749256;
1345
- --b1: 0.951276 0.007445 260.731539;
1346
- --b2: 0.932996 0.010389 261.788485;
1347
- --b3: 0.899258 0.016374 262.749256;
1348
- --bc: 0.324374 0.022945 264.182036;
1349
- --in: 0.692072 0.062496 332.664922;
1350
- --su: 0.76827 0.074899 131.063061;
1351
- --wa: 0.854862 0.089234 84.093335;
1352
- --er: 0.6061 0.120594 15.341883;
1353
- --rounded-box: 0.4rem;
1354
- --rounded-btn: 0.2rem;
1355
- --rounded-badge: 0.4rem;
1356
- --tab-radius: 0.2rem;
1357
- }
1358
- [data-theme="sunset"] {
1359
- color-scheme: dark;
1360
- --pc: 0.149408 0.031656 39.94703;
1361
- --sc: 0.145075 0.035531 2.72034;
1362
- --ac: 0.142589 0.033336 299.844533;
1363
- --inc: 0.171119 0.017054 206.015183;
1364
- --suc: 0.171122 0.017172 144.77874;
1365
- --wac: 0.171139 0.016961 74.427797;
1366
- --erc: 0.171023 0.015778 16.886379;
1367
- --animation-btn: 0.25s;
1368
- --animation-input: 0.2s;
1369
- --btn-focus-scale: 0.95;
1370
- --border-btn: 1px;
1371
- --tab-border: 1px;
1372
- --p: 0.747039 0.158278 39.94703;
1373
- --s: 0.725375 0.177654 2.72034;
1374
- --a: 0.712947 0.166678 299.844533;
1375
- --n: 0.26 0.019 237.69;
1376
- --nc: 0.7 0.019 237.69;
1377
- --b1: 0.22 0.019 237.69;
1378
- --b2: 0.2 0.019 237.69;
1379
- --b3: 0.18 0.019 237.69;
1380
- --bc: 0.773835 0.043586 245.096534;
1381
- --in: 0.855596 0.085271 206.015183;
1382
- --su: 0.855609 0.08586 144.77874;
1383
- --wa: 0.855695 0.084806 74.427797;
1384
- --er: 0.855116 0.07889 16.886379;
1385
- --rounded-box: 1.2rem;
1386
- --rounded-btn: 0.8rem;
1387
- --rounded-badge: 0.4rem;
1388
- --tab-radius: 0.7rem;
1389
- }
1390
- *,
1391
- ::backdrop,
1392
- :after,
1393
- :before {
1394
- --tw-border-spacing-x: 0;
1395
- --tw-border-spacing-y: 0;
1396
- --tw-translate-x: 0;
1397
- --tw-translate-y: 0;
1398
- --tw-rotate: 0;
1399
- --tw-skew-x: 0;
1400
- --tw-skew-y: 0;
1401
- --tw-scale-x: 1;
1402
- --tw-scale-y: 1;
1403
- --tw-pan-x: ;
1404
- --tw-pan-y: ;
1405
- --tw-pinch-zoom: ;
1406
- --tw-scroll-snap-strictness: proximity;
1407
- --tw-gradient-from-position: ;
1408
- --tw-gradient-via-position: ;
1409
- --tw-gradient-to-position: ;
1410
- --tw-ordinal: ;
1411
- --tw-slashed-zero: ;
1412
- --tw-numeric-figure: ;
1413
- --tw-numeric-spacing: ;
1414
- --tw-numeric-fraction: ;
1415
- --tw-ring-inset: ;
1416
- --tw-ring-offset-width: 0px;
1417
- --tw-ring-offset-color: #fff;
1418
- --tw-ring-color: #3b82f680;
1419
- --tw-ring-offset-shadow: 0 0 #0000;
1420
- --tw-ring-shadow: 0 0 #0000;
1421
- --tw-shadow: 0 0 #0000;
1422
- --tw-shadow-colored: 0 0 #0000;
1423
- --tw-blur: ;
1424
- --tw-brightness: ;
1425
- --tw-contrast: ;
1426
- --tw-grayscale: ;
1427
- --tw-hue-rotate: ;
1428
- --tw-invert: ;
1429
- --tw-saturate: ;
1430
- --tw-sepia: ;
1431
- --tw-drop-shadow: ;
1432
- --tw-backdrop-blur: ;
1433
- --tw-backdrop-brightness: ;
1434
- --tw-backdrop-contrast: ;
1435
- --tw-backdrop-grayscale: ;
1436
- --tw-backdrop-hue-rotate: ;
1437
- --tw-backdrop-invert: ;
1438
- --tw-backdrop-opacity: ;
1439
- --tw-backdrop-saturate: ;
1440
- --tw-backdrop-sepia: ;
1441
- }
1442
- .alert {
1443
- display: grid;
1444
- width: 100%;
1445
- grid-auto-flow: row;
1446
- align-content: flex-start;
1447
- align-items: center;
1448
- justify-items: center;
1449
- gap: 1rem;
1450
- text-align: center;
1451
- border-radius: var(--rounded-box, 1rem);
1452
- border-width: 1px;
1453
- --tw-border-opacity: 1;
1454
- border-color: var(--fallback-b2, oklch(var(--b2) / var(--tw-border-opacity)));
1455
- padding: 1rem;
1456
- --tw-text-opacity: 1;
1457
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
1458
- --alert-bg: var(--fallback-b2, oklch(var(--b2) / 1));
1459
- --alert-bg-mix: var(--fallback-b1, oklch(var(--b1) / 1));
1460
- background-color: var(--alert-bg);
1461
- }
1462
- @media (min-width: 640px) {
1463
- .alert {
1464
- grid-auto-flow: column;
1465
- grid-template-columns: auto minmax(auto, 1fr);
1466
- justify-items: start;
1467
- text-align: start;
1468
- }
1469
- }
1470
- .avatar.placeholder > div {
1471
- display: flex;
1472
- align-items: center;
1473
- justify-content: center;
1474
- }
1475
- @media (hover: hover) {
1476
- .label a:hover {
1477
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
1478
- }
1479
- .label a:hover,
1480
- .tab:hover {
1481
- --tw-text-opacity: 1;
1482
- }
1483
- }
1484
- .btn {
1485
- display: inline-flex;
1486
- height: 3rem;
1487
- min-height: 3rem;
1488
- flex-shrink: 0;
1489
- cursor: pointer;
1490
- -webkit-user-select: none;
1491
- -moz-user-select: none;
1492
- user-select: none;
1493
- flex-wrap: wrap;
1494
- align-items: center;
1495
- justify-content: center;
1496
- border-radius: var(--rounded-btn, 0.5rem);
1497
- border-color: #0000;
1498
- border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
1499
- padding-left: 1rem;
1500
- padding-right: 1rem;
1501
- text-align: center;
1502
- font-size: 0.875rem;
1503
- line-height: 1em;
1504
- gap: 0.5rem;
1505
- font-weight: 600;
1506
- text-decoration-line: none;
1507
- transition-duration: 0.2s;
1508
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1509
- border-width: var(--border-btn, 1px);
1510
- animation: button-pop var(--animation-btn, 0.25s) ease-out;
1511
- transition-property: color, background-color, border-color, opacity,
1512
- box-shadow, transform;
1513
- --tw-text-opacity: 1;
1514
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
1515
- --tw-shadow: 0 1px 2px 0 #0000000d;
1516
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1517
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
1518
- var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1519
- outline-color: var(--fallback-bc, oklch(var(--bc) / 1));
1520
- background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
1521
- --tw-bg-opacity: 1;
1522
- --tw-border-opacity: 1;
1523
- }
1524
- .btn-disabled,
1525
- .btn:disabled,
1526
- .btn[disabled] {
1527
- pointer-events: none;
1528
- }
1529
- :where(.btn:is(input[type="checkbox"])),
1530
- :where(.btn:is(input[type="radio"])) {
1531
- width: auto;
1532
- -webkit-appearance: none;
1533
- -moz-appearance: none;
1534
- appearance: none;
1535
- }
1536
- .btn:is(input[type="checkbox"]):after,
1537
- .btn:is(input[type="radio"]):after {
1538
- --tw-content: attr(aria-label);
1539
- content: var(--tw-content);
1540
- }
1541
- .card {
1542
- position: relative;
1543
- display: flex;
1544
- flex-direction: column;
1545
- border-radius: var(--rounded-box, 1rem);
1546
- }
1547
- .card:focus {
1548
- outline: 2px solid #0000;
1549
- outline-offset: 2px;
1550
- }
1551
- .card-body {
1552
- display: flex;
1553
- flex: 1 1 auto;
1554
- flex-direction: column;
1555
- padding: var(--padding-card, 2rem);
1556
- gap: 0.5rem;
1557
- }
1558
- .card-body :where(p) {
1559
- flex-grow: 1;
1560
- }
1561
- .card figure {
1562
- display: flex;
1563
- align-items: center;
1564
- justify-content: center;
1565
- }
1566
- .card.image-full {
1567
- display: grid;
1568
- }
1569
- .card.image-full:before {
1570
- position: relative;
1571
- content: "";
1572
- z-index: 10;
1573
- border-radius: var(--rounded-box, 1rem);
1574
- --tw-bg-opacity: 1;
1575
- background-color: var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));
1576
- opacity: 0.75;
1577
- }
1578
- .card.image-full:before,
1579
- .card.image-full > * {
1580
- grid-column-start: 1;
1581
- grid-row-start: 1;
1582
- }
1583
- .card.image-full > figure img {
1584
- height: 100%;
1585
- -o-object-fit: cover;
1586
- object-fit: cover;
1587
- }
1588
- .card.image-full > .card-body {
1589
- position: relative;
1590
- z-index: 20;
1591
- --tw-text-opacity: 1;
1592
- color: var(--fallback-nc, oklch(var(--nc) / var(--tw-text-opacity)));
1593
- }
1594
- .checkbox {
1595
- flex-shrink: 0;
1596
- --chkbg: var(--fallback-bc, oklch(var(--bc) / 1));
1597
- --chkfg: var(--fallback-b1, oklch(var(--b1) / 1));
1598
- height: 1.5rem;
1599
- width: 1.5rem;
1600
- cursor: pointer;
1601
- -webkit-appearance: none;
1602
- -moz-appearance: none;
1603
- appearance: none;
1604
- border-radius: var(--rounded-btn, 0.5rem);
1605
- border-width: 1px;
1606
- border-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-border-opacity)));
1607
- --tw-border-opacity: 0.2;
1608
- }
1609
- .divider {
1610
- display: flex;
1611
- flex-direction: row;
1612
- align-items: center;
1613
- align-self: stretch;
1614
- margin-top: 1rem;
1615
- margin-bottom: 1rem;
1616
- height: 1rem;
1617
- white-space: nowrap;
1618
- }
1619
- .divider:after,
1620
- .divider:before {
1621
- height: 0.125rem;
1622
- width: 100%;
1623
- flex-grow: 1;
1624
- --tw-content: "";
1625
- content: var(--tw-content);
1626
- background-color: var(--fallback-bc, oklch(var(--bc) / 0.1));
1627
- }
1628
- .dropdown {
1629
- position: relative;
1630
- display: inline-block;
1631
- }
1632
- .dropdown > :not(summary):focus {
1633
- outline: 2px solid #0000;
1634
- outline-offset: 2px;
1635
- }
1636
- .dropdown .dropdown-content {
1637
- position: absolute;
1638
- }
1639
- .dropdown:is(:not(details)) .dropdown-content {
1640
- visibility: hidden;
1641
- opacity: 0;
1642
- transform-origin: top;
1643
- --tw-scale-x: 0.95;
1644
- --tw-scale-y: 0.95;
1645
- transform: translate(var(--tw-translate-x), var(--tw-translate-y))
1646
- rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
1647
- scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1648
- transition-property:
1649
- color,
1650
- background-color,
1651
- border-color,
1652
- text-decoration-color,
1653
- fill,
1654
- stroke,
1655
- opacity,
1656
- box-shadow,
1657
- transform,
1658
- filter,
1659
- -webkit-backdrop-filter;
1660
- transition-property: color, background-color, border-color,
1661
- text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
1662
- backdrop-filter;
1663
- transition-property:
1664
- color,
1665
- background-color,
1666
- border-color,
1667
- text-decoration-color,
1668
- fill,
1669
- stroke,
1670
- opacity,
1671
- box-shadow,
1672
- transform,
1673
- filter,
1674
- backdrop-filter,
1675
- -webkit-backdrop-filter;
1676
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1677
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1678
- transition-duration: 0.2s;
1679
- }
1680
- .dropdown-end .dropdown-content {
1681
- inset-inline-end: 0;
1682
- }
1683
- .dropdown-left .dropdown-content {
1684
- bottom: auto;
1685
- inset-inline-end: 100%;
1686
- top: 0;
1687
- transform-origin: right;
1688
- }
1689
- .dropdown-right .dropdown-content {
1690
- bottom: auto;
1691
- inset-inline-start: 100%;
1692
- top: 0;
1693
- transform-origin: left;
1694
- }
1695
- .dropdown-bottom .dropdown-content {
1696
- bottom: auto;
1697
- top: 100%;
1698
- transform-origin: top;
1699
- }
1700
- .dropdown-top .dropdown-content {
1701
- bottom: 100%;
1702
- top: auto;
1703
- transform-origin: bottom;
1704
- }
1705
- .dropdown-end.dropdown-left .dropdown-content,
1706
- .dropdown-end.dropdown-right .dropdown-content {
1707
- bottom: 0;
1708
- top: auto;
1709
- }
1710
- .dropdown.dropdown-open .dropdown-content,
1711
- .dropdown:focus-within .dropdown-content,
1712
- .dropdown:not(.dropdown-hover):focus .dropdown-content {
1713
- visibility: visible;
1714
- opacity: 1;
1715
- }
1716
- @media (hover: hover) {
1717
- .dropdown.dropdown-hover:hover .dropdown-content {
1718
- visibility: visible;
1719
- opacity: 1;
1720
- }
1721
- .btm-nav > .disabled:hover,
1722
- .btm-nav > [disabled]:hover {
1723
- pointer-events: none;
1724
- --tw-border-opacity: 0;
1725
- background-color: var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));
1726
- --tw-bg-opacity: 0.1;
1727
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
1728
- --tw-text-opacity: 0.2;
1729
- }
1730
- .btn:hover {
1731
- --tw-border-opacity: 1;
1732
- border-color: var(
1733
- --fallback-b3,
1734
- oklch(var(--b3) / var(--tw-border-opacity))
1735
- );
1736
- --tw-bg-opacity: 1;
1737
- background-color: var(
1738
- --fallback-b3,
1739
- oklch(var(--b3) / var(--tw-bg-opacity))
1740
- );
1741
- }
1742
- @supports (color: color-mix(in oklab, black, black)) {
1743
- .btn:hover {
1744
- background-color: color-mix(
1745
- in oklab,
1746
- oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
1747
- #000
1748
- );
1749
- border-color: color-mix(
1750
- in oklab,
1751
- oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
1752
- #000
1753
- );
1754
- }
1755
- }
1756
- @supports not (color: oklch(0 0 0)) {
1757
- .btn:hover {
1758
- background-color: var(--btn-color, var(--fallback-b2));
1759
- border-color: var(--btn-color, var(--fallback-b2));
1760
- }
1761
- }
1762
- .btn.glass:hover {
1763
- --glass-opacity: 25%;
1764
- --glass-border-opacity: 15%;
1765
- }
1766
- .btn-outline:hover {
1767
- --tw-border-opacity: 1;
1768
- border-color: var(
1769
- --fallback-bc,
1770
- oklch(var(--bc) / var(--tw-border-opacity))
1771
- );
1772
- --tw-bg-opacity: 1;
1773
- background-color: var(
1774
- --fallback-bc,
1775
- oklch(var(--bc) / var(--tw-bg-opacity))
1776
- );
1777
- --tw-text-opacity: 1;
1778
- color: var(--fallback-b1, oklch(var(--b1) / var(--tw-text-opacity)));
1779
- }
1780
- .btn-outline.btn-primary:hover {
1781
- --tw-text-opacity: 1;
1782
- color: var(--fallback-pc, oklch(var(--pc) / var(--tw-text-opacity)));
1783
- }
1784
- @supports (color: color-mix(in oklab, black, black)) {
1785
- .btn-outline.btn-primary:hover {
1786
- background-color: color-mix(
1787
- in oklab,
1788
- var(--fallback-p, oklch(var(--p) / 1)) 90%,
1789
- #000
1790
- );
1791
- border-color: color-mix(
1792
- in oklab,
1793
- var(--fallback-p, oklch(var(--p) / 1)) 90%,
1794
- #000
1795
- );
1796
- }
1797
- }
1798
- .btn-outline.btn-secondary:hover {
1799
- --tw-text-opacity: 1;
1800
- color: var(--fallback-sc, oklch(var(--sc) / var(--tw-text-opacity)));
1801
- }
1802
- @supports (color: color-mix(in oklab, black, black)) {
1803
- .btn-outline.btn-secondary:hover {
1804
- background-color: color-mix(
1805
- in oklab,
1806
- var(--fallback-s, oklch(var(--s) / 1)) 90%,
1807
- #000
1808
- );
1809
- border-color: color-mix(
1810
- in oklab,
1811
- var(--fallback-s, oklch(var(--s) / 1)) 90%,
1812
- #000
1813
- );
1814
- }
1815
- }
1816
- .btn-outline.btn-accent:hover {
1817
- --tw-text-opacity: 1;
1818
- color: var(--fallback-ac, oklch(var(--ac) / var(--tw-text-opacity)));
1819
- }
1820
- @supports (color: color-mix(in oklab, black, black)) {
1821
- .btn-outline.btn-accent:hover {
1822
- background-color: color-mix(
1823
- in oklab,
1824
- var(--fallback-a, oklch(var(--a) / 1)) 90%,
1825
- #000
1826
- );
1827
- border-color: color-mix(
1828
- in oklab,
1829
- var(--fallback-a, oklch(var(--a) / 1)) 90%,
1830
- #000
1831
- );
1832
- }
1833
- }
1834
- .btn-outline.btn-success:hover {
1835
- --tw-text-opacity: 1;
1836
- color: var(--fallback-suc, oklch(var(--suc) / var(--tw-text-opacity)));
1837
- }
1838
- @supports (color: color-mix(in oklab, black, black)) {
1839
- .btn-outline.btn-success:hover {
1840
- background-color: color-mix(
1841
- in oklab,
1842
- var(--fallback-su, oklch(var(--su) / 1)) 90%,
1843
- #000
1844
- );
1845
- border-color: color-mix(
1846
- in oklab,
1847
- var(--fallback-su, oklch(var(--su) / 1)) 90%,
1848
- #000
1849
- );
1850
- }
1851
- }
1852
- .btn-outline.btn-info:hover {
1853
- --tw-text-opacity: 1;
1854
- color: var(--fallback-inc, oklch(var(--inc) / var(--tw-text-opacity)));
1855
- }
1856
- @supports (color: color-mix(in oklab, black, black)) {
1857
- .btn-outline.btn-info:hover {
1858
- background-color: color-mix(
1859
- in oklab,
1860
- var(--fallback-in, oklch(var(--in) / 1)) 90%,
1861
- #000
1862
- );
1863
- border-color: color-mix(
1864
- in oklab,
1865
- var(--fallback-in, oklch(var(--in) / 1)) 90%,
1866
- #000
1867
- );
1868
- }
1869
- }
1870
- .btn-outline.btn-warning:hover {
1871
- --tw-text-opacity: 1;
1872
- color: var(--fallback-wac, oklch(var(--wac) / var(--tw-text-opacity)));
1873
- }
1874
- @supports (color: color-mix(in oklab, black, black)) {
1875
- .btn-outline.btn-warning:hover {
1876
- background-color: color-mix(
1877
- in oklab,
1878
- var(--fallback-wa, oklch(var(--wa) / 1)) 90%,
1879
- #000
1880
- );
1881
- border-color: color-mix(
1882
- in oklab,
1883
- var(--fallback-wa, oklch(var(--wa) / 1)) 90%,
1884
- #000
1885
- );
1886
- }
1887
- }
1888
- .btn-outline.btn-error:hover {
1889
- --tw-text-opacity: 1;
1890
- color: var(--fallback-erc, oklch(var(--erc) / var(--tw-text-opacity)));
1891
- }
1892
- @supports (color: color-mix(in oklab, black, black)) {
1893
- .btn-outline.btn-error:hover {
1894
- background-color: color-mix(
1895
- in oklab,
1896
- var(--fallback-er, oklch(var(--er) / 1)) 90%,
1897
- #000
1898
- );
1899
- border-color: color-mix(
1900
- in oklab,
1901
- var(--fallback-er, oklch(var(--er) / 1)) 90%,
1902
- #000
1903
- );
1904
- }
1905
- }
1906
- .btn-disabled:hover,
1907
- .btn:disabled:hover,
1908
- .btn[disabled]:hover {
1909
- --tw-border-opacity: 0;
1910
- background-color: var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));
1911
- --tw-bg-opacity: 0.2;
1912
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
1913
- --tw-text-opacity: 0.2;
1914
- }
1915
- @supports (color: color-mix(in oklab, black, black)) {
1916
- .btn:is(input[type="checkbox"]:checked):hover,
1917
- .btn:is(input[type="radio"]:checked):hover {
1918
- background-color: color-mix(
1919
- in oklab,
1920
- var(--fallback-p, oklch(var(--p) / 1)) 90%,
1921
- #000
1922
- );
1923
- border-color: color-mix(
1924
- in oklab,
1925
- var(--fallback-p, oklch(var(--p) / 1)) 90%,
1926
- #000
1927
- );
1928
- }
1929
- }
1930
- .dropdown.dropdown-hover:hover .dropdown-content {
1931
- --tw-scale-x: 1;
1932
- --tw-scale-y: 1;
1933
- transform: translate(var(--tw-translate-x), var(--tw-translate-y))
1934
- rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
1935
- scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1936
- }
1937
- .tab[disabled],
1938
- .tab[disabled]:hover {
1939
- cursor: not-allowed;
1940
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
1941
- --tw-text-opacity: 0.2;
1942
- }
1943
- }
1944
- .dropdown:is(details) summary::-webkit-details-marker {
1945
- display: none;
1946
- }
1947
- .form-control {
1948
- flex-direction: column;
1949
- }
1950
- .form-control,
1951
- .label {
1952
- display: flex;
1953
- }
1954
- .label {
1955
- -webkit-user-select: none;
1956
- -moz-user-select: none;
1957
- user-select: none;
1958
- align-items: center;
1959
- justify-content: space-between;
1960
- padding: 0.5rem 0.25rem;
1961
- }
1962
- .input {
1963
- flex-shrink: 1;
1964
- -webkit-appearance: none;
1965
- -moz-appearance: none;
1966
- appearance: none;
1967
- height: 3rem;
1968
- padding-left: 1rem;
1969
- padding-right: 1rem;
1970
- font-size: 1rem;
1971
- line-height: 2;
1972
- line-height: 1.5rem;
1973
- border-radius: var(--rounded-btn, 0.5rem);
1974
- border-width: 1px;
1975
- border-color: #0000;
1976
- --tw-bg-opacity: 1;
1977
- background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));
1978
- }
1979
- .join {
1980
- display: inline-flex;
1981
- align-items: stretch;
1982
- border-radius: var(--rounded-btn, 0.5rem);
1983
- }
1984
- .join :where(.join-item) {
1985
- border-start-end-radius: 0;
1986
- border-end-end-radius: 0;
1987
- border-end-start-radius: 0;
1988
- border-start-start-radius: 0;
1989
- }
1990
- .join .join-item:not(:first-child):not(:last-child),
1991
- .join :not(:first-child):not(:last-child) .join-item {
1992
- border-start-end-radius: 0;
1993
- border-end-end-radius: 0;
1994
- border-end-start-radius: 0;
1995
- border-start-start-radius: 0;
1996
- }
1997
- .join .join-item:first-child:not(:last-child),
1998
- .join :first-child:not(:last-child) .join-item {
1999
- border-start-end-radius: 0;
2000
- border-end-end-radius: 0;
2001
- }
2002
- .join .dropdown .join-item:first-child:not(:last-child),
2003
- .join :first-child:not(:last-child) .dropdown .join-item {
2004
- border-start-end-radius: inherit;
2005
- border-end-end-radius: inherit;
2006
- }
2007
- .join :where(.join-item:first-child:not(:last-child)),
2008
- .join :where(:first-child:not(:last-child) .join-item) {
2009
- border-end-start-radius: inherit;
2010
- border-start-start-radius: inherit;
2011
- }
2012
- .join .join-item:last-child:not(:first-child),
2013
- .join :last-child:not(:first-child) .join-item {
2014
- border-end-start-radius: 0;
2015
- border-start-start-radius: 0;
2016
- }
2017
- .join :where(.join-item:last-child:not(:first-child)),
2018
- .join :where(:last-child:not(:first-child) .join-item) {
2019
- border-start-end-radius: inherit;
2020
- border-end-end-radius: inherit;
2021
- }
2022
- @supports not selector(:has(*)) {
2023
- :where(.join *) {
2024
- border-radius: inherit;
2025
- }
2026
- }
2027
- @supports selector(:has(*)) {
2028
- :where(.join :has(.join-item)) {
2029
- border-radius: inherit;
2030
- }
2031
- }
2032
- .link {
2033
- cursor: pointer;
2034
- text-decoration-line: underline;
2035
- }
2036
- .menu li.disabled {
2037
- cursor: not-allowed;
2038
- -webkit-user-select: none;
2039
- -moz-user-select: none;
2040
- user-select: none;
2041
- color: var(--fallback-bc, oklch(var(--bc) / 0.3));
2042
- }
2043
- .navbar {
2044
- display: flex;
2045
- align-items: center;
2046
- padding: var(--navbar-padding, 0.5rem);
2047
- min-height: 4rem;
2048
- width: 100%;
2049
- }
2050
- :where(.navbar > *) {
2051
- display: inline-flex;
2052
- align-items: center;
2053
- }
2054
- .radio {
2055
- flex-shrink: 0;
2056
- --chkbg: var(--bc);
2057
- height: 1.5rem;
2058
- width: 1.5rem;
2059
- cursor: pointer;
2060
- -webkit-appearance: none;
2061
- -moz-appearance: none;
2062
- appearance: none;
2063
- border-radius: 9999px;
2064
- border-width: 1px;
2065
- border-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-border-opacity)));
2066
- --tw-border-opacity: 0.2;
2067
- }
2068
- .tabs {
2069
- display: grid;
2070
- align-items: flex-end;
2071
- }
2072
- .tabs-lifted:has(.tab-content[class*=" rounded-"])
2073
- .tab:first-child:not(.tab-active),
2074
- .tabs-lifted:has(.tab-content[class^="rounded-"])
2075
- .tab:first-child:not(.tab-active) {
2076
- border-bottom-color: #0000;
2077
- }
2078
- .tab {
2079
- position: relative;
2080
- grid-row-start: 1;
2081
- display: inline-flex;
2082
- height: 2rem;
2083
- cursor: pointer;
2084
- -webkit-user-select: none;
2085
- -moz-user-select: none;
2086
- user-select: none;
2087
- -webkit-appearance: none;
2088
- -moz-appearance: none;
2089
- appearance: none;
2090
- flex-wrap: wrap;
2091
- align-items: center;
2092
- justify-content: center;
2093
- text-align: center;
2094
- font-size: 0.875rem;
2095
- line-height: 1.25rem;
2096
- line-height: 2;
2097
- --tab-padding: 1rem;
2098
- --tw-text-opacity: 0.5;
2099
- --tab-color: var(--fallback-bc, oklch(var(--bc) / 1));
2100
- --tab-bg: var(--fallback-b1, oklch(var(--b1) / 1));
2101
- --tab-border-color: var(--fallback-b3, oklch(var(--b3) / 1));
2102
- color: var(--tab-color);
2103
- padding-inline-start: var(--tab-padding, 1rem);
2104
- padding-inline-end: var(--tab-padding, 1rem);
2105
- }
2106
- .tab:is(input[type="radio"]) {
2107
- width: auto;
2108
- border-bottom-right-radius: 0;
2109
- border-bottom-left-radius: 0;
2110
- }
2111
- .tab:is(input[type="radio"]):after {
2112
- --tw-content: attr(aria-label);
2113
- content: var(--tw-content);
2114
- }
2115
- .tab:not(input):empty {
2116
- cursor: default;
2117
- grid-column-start: span 9999;
2118
- }
2119
- .tab-content {
2120
- grid-column-start: 1;
2121
- grid-column-end: span 9999;
2122
- grid-row-start: 2;
2123
- margin-top: calc(var(--tab-border) * -1);
2124
- display: none;
2125
- border-color: #0000;
2126
- border-width: var(--tab-border, 0);
2127
- }
2128
- .tab-active + .tab-content:nth-child(2),
2129
- :checked + .tab-content:nth-child(2) {
2130
- border-start-start-radius: 0;
2131
- }
2132
- .tab-active + .tab-content,
2133
- input.tab:checked + .tab-content {
2134
- display: block;
2135
- }
2136
- .toggle {
2137
- flex-shrink: 0;
2138
- --tglbg: var(--fallback-b1, oklch(var(--b1) / 1));
2139
- --handleoffset: 1.5rem;
2140
- --handleoffsetcalculator: calc(var(--handleoffset) * -1);
2141
- --togglehandleborder: 0 0;
2142
- height: 1.5rem;
2143
- width: 3rem;
2144
- cursor: pointer;
2145
- -webkit-appearance: none;
2146
- -moz-appearance: none;
2147
- appearance: none;
2148
- border-radius: var(--rounded-badge, 1.9rem);
2149
- border-width: 1px;
2150
- border-color: currentColor;
2151
- background-color: currentColor;
2152
- color: var(--fallback-bc, oklch(var(--bc) / 0.5));
2153
- transition:
2154
- background,
2155
- box-shadow var(--animation-input, 0.2s) ease-out;
2156
- box-shadow:
2157
- var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
2158
- 0 0 0 2px var(--tglbg) inset,
2159
- var(--togglehandleborder);
2160
- }
2161
- .alert-success {
2162
- border-color: var(--fallback-su, oklch(var(--su) / 0.2));
2163
- --tw-text-opacity: 1;
2164
- color: var(--fallback-suc, oklch(var(--suc) / var(--tw-text-opacity)));
2165
- --alert-bg: var(--fallback-su, oklch(var(--su) / 1));
2166
- --alert-bg-mix: var(--fallback-b1, oklch(var(--b1) / 1));
2167
- }
2168
- .alert-error {
2169
- border-color: var(--fallback-er, oklch(var(--er) / 0.2));
2170
- --tw-text-opacity: 1;
2171
- color: var(--fallback-erc, oklch(var(--erc) / var(--tw-text-opacity)));
2172
- --alert-bg: var(--fallback-er, oklch(var(--er) / 1));
2173
- --alert-bg-mix: var(--fallback-b1, oklch(var(--b1) / 1));
2174
- }
2175
- .btm-nav > .disabled,
2176
- .btm-nav > [disabled] {
2177
- pointer-events: none;
2178
- --tw-border-opacity: 0;
2179
- background-color: var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));
2180
- --tw-bg-opacity: 0.1;
2181
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
2182
- --tw-text-opacity: 0.2;
2183
- }
2184
- .btm-nav > * .label {
2185
- font-size: 1rem;
2186
- line-height: 1.5rem;
2187
- }
2188
- .btn:active:focus,
2189
- .btn:active:hover {
2190
- animation: button-pop 0s ease-out;
2191
- transform: scale(var(--btn-focus-scale, 0.97));
2192
- }
2193
- @supports not (color: oklch(0 0 0)) {
2194
- .btn {
2195
- background-color: var(--btn-color, var(--fallback-b2));
2196
- border-color: var(--btn-color, var(--fallback-b2));
2197
- }
2198
- .btn-secondary {
2199
- --btn-color: var(--fallback-s);
2200
- }
2201
- .btn-accent {
2202
- --btn-color: var(--fallback-a);
2203
- }
2204
- .btn-info {
2205
- --btn-color: var(--fallback-in);
2206
- }
2207
- .btn-warning {
2208
- --btn-color: var(--fallback-wa);
2209
- }
2210
- }
2211
- @supports (color: color-mix(in oklab, black, black)) {
2212
- .btn-active {
2213
- background-color: color-mix(
2214
- in oklab,
2215
- oklch(var(--btn-color, var(--b3)) / var(--tw-bg-opacity, 1)) 90%,
2216
- #000
2217
- );
2218
- border-color: color-mix(
2219
- in oklab,
2220
- oklch(var(--btn-color, var(--b3)) / var(--tw-border-opacity, 1)) 90%,
2221
- #000
2222
- );
2223
- }
2224
- .btn-outline.btn-primary.btn-active {
2225
- background-color: color-mix(
2226
- in oklab,
2227
- var(--fallback-p, oklch(var(--p) / 1)) 90%,
2228
- #000
2229
- );
2230
- border-color: color-mix(
2231
- in oklab,
2232
- var(--fallback-p, oklch(var(--p) / 1)) 90%,
2233
- #000
2234
- );
2235
- }
2236
- .btn-outline.btn-secondary.btn-active {
2237
- background-color: color-mix(
2238
- in oklab,
2239
- var(--fallback-s, oklch(var(--s) / 1)) 90%,
2240
- #000
2241
- );
2242
- border-color: color-mix(
2243
- in oklab,
2244
- var(--fallback-s, oklch(var(--s) / 1)) 90%,
2245
- #000
2246
- );
2247
- }
2248
- .btn-outline.btn-accent.btn-active {
2249
- background-color: color-mix(
2250
- in oklab,
2251
- var(--fallback-a, oklch(var(--a) / 1)) 90%,
2252
- #000
2253
- );
2254
- border-color: color-mix(
2255
- in oklab,
2256
- var(--fallback-a, oklch(var(--a) / 1)) 90%,
2257
- #000
2258
- );
2259
- }
2260
- .btn-outline.btn-success.btn-active {
2261
- background-color: color-mix(
2262
- in oklab,
2263
- var(--fallback-su, oklch(var(--su) / 1)) 90%,
2264
- #000
2265
- );
2266
- border-color: color-mix(
2267
- in oklab,
2268
- var(--fallback-su, oklch(var(--su) / 1)) 90%,
2269
- #000
2270
- );
2271
- }
2272
- .btn-outline.btn-info.btn-active {
2273
- background-color: color-mix(
2274
- in oklab,
2275
- var(--fallback-in, oklch(var(--in) / 1)) 90%,
2276
- #000
2277
- );
2278
- border-color: color-mix(
2279
- in oklab,
2280
- var(--fallback-in, oklch(var(--in) / 1)) 90%,
2281
- #000
2282
- );
2283
- }
2284
- .btn-outline.btn-warning.btn-active {
2285
- background-color: color-mix(
2286
- in oklab,
2287
- var(--fallback-wa, oklch(var(--wa) / 1)) 90%,
2288
- #000
2289
- );
2290
- border-color: color-mix(
2291
- in oklab,
2292
- var(--fallback-wa, oklch(var(--wa) / 1)) 90%,
2293
- #000
2294
- );
2295
- }
2296
- .btn-outline.btn-error.btn-active {
2297
- background-color: color-mix(
2298
- in oklab,
2299
- var(--fallback-er, oklch(var(--er) / 1)) 90%,
2300
- #000
2301
- );
2302
- border-color: color-mix(
2303
- in oklab,
2304
- var(--fallback-er, oklch(var(--er) / 1)) 90%,
2305
- #000
2306
- );
2307
- }
2308
- }
2309
- .btn:focus-visible {
2310
- outline-style: solid;
2311
- outline-width: 2px;
2312
- outline-offset: 2px;
2313
- }
2314
- @supports (color: oklch(0 0 0)) {
2315
- .btn-secondary {
2316
- --btn-color: var(--s);
2317
- }
2318
- .btn-accent {
2319
- --btn-color: var(--a);
2320
- }
2321
- .btn-info {
2322
- --btn-color: var(--in);
2323
- }
2324
- .btn-warning {
2325
- --btn-color: var(--wa);
2326
- }
2327
- }
2328
- .btn-secondary {
2329
- --tw-text-opacity: 1;
2330
- color: var(--fallback-sc, oklch(var(--sc) / var(--tw-text-opacity)));
2331
- outline-color: var(--fallback-s, oklch(var(--s) / 1));
2332
- }
2333
- .btn-accent {
2334
- --tw-text-opacity: 1;
2335
- color: var(--fallback-ac, oklch(var(--ac) / var(--tw-text-opacity)));
2336
- outline-color: var(--fallback-a, oklch(var(--a) / 1));
2337
- }
2338
- .btn-info {
2339
- --tw-text-opacity: 1;
2340
- color: var(--fallback-inc, oklch(var(--inc) / var(--tw-text-opacity)));
2341
- outline-color: var(--fallback-in, oklch(var(--in) / 1));
2342
- }
2343
- .btn-warning {
2344
- --tw-text-opacity: 1;
2345
- color: var(--fallback-wac, oklch(var(--wac) / var(--tw-text-opacity)));
2346
- outline-color: var(--fallback-wa, oklch(var(--wa) / 1));
2347
- }
2348
- .btn.glass {
2349
- --tw-shadow: 0 0 #0000;
2350
- --tw-shadow-colored: 0 0 #0000;
2351
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
2352
- var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2353
- outline-color: currentColor;
2354
- }
2355
- .btn.glass.btn-active {
2356
- --glass-opacity: 25%;
2357
- --glass-border-opacity: 15%;
2358
- }
2359
- .btn-ghost.btn-active {
2360
- border-color: #0000;
2361
- background-color: var(--fallback-bc, oklch(var(--bc) / 0.2));
2362
- }
2363
- .btn-link.btn-active {
2364
- border-color: #0000;
2365
- background-color: initial;
2366
- text-decoration-line: underline;
2367
- }
2368
- .btn-outline {
2369
- border-color: currentColor;
2370
- background-color: initial;
2371
- --tw-text-opacity: 1;
2372
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
2373
- --tw-shadow: 0 0 #0000;
2374
- --tw-shadow-colored: 0 0 #0000;
2375
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
2376
- var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2377
- }
2378
- .btn-outline.btn-active {
2379
- --tw-border-opacity: 1;
2380
- border-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-border-opacity)));
2381
- --tw-bg-opacity: 1;
2382
- background-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-bg-opacity)));
2383
- --tw-text-opacity: 1;
2384
- color: var(--fallback-b1, oklch(var(--b1) / var(--tw-text-opacity)));
2385
- }
2386
- .btn-outline.btn-primary {
2387
- --tw-text-opacity: 1;
2388
- color: var(--fallback-p, oklch(var(--p) / var(--tw-text-opacity)));
2389
- }
2390
- .btn-outline.btn-primary.btn-active {
2391
- --tw-text-opacity: 1;
2392
- color: var(--fallback-pc, oklch(var(--pc) / var(--tw-text-opacity)));
2393
- }
2394
- .btn-outline.btn-secondary {
2395
- --tw-text-opacity: 1;
2396
- color: var(--fallback-s, oklch(var(--s) / var(--tw-text-opacity)));
2397
- }
2398
- .btn-outline.btn-secondary.btn-active {
2399
- --tw-text-opacity: 1;
2400
- color: var(--fallback-sc, oklch(var(--sc) / var(--tw-text-opacity)));
2401
- }
2402
- .btn-outline.btn-accent {
2403
- --tw-text-opacity: 1;
2404
- color: var(--fallback-a, oklch(var(--a) / var(--tw-text-opacity)));
2405
- }
2406
- .btn-outline.btn-accent.btn-active {
2407
- --tw-text-opacity: 1;
2408
- color: var(--fallback-ac, oklch(var(--ac) / var(--tw-text-opacity)));
2409
- }
2410
- .btn-outline.btn-success {
2411
- --tw-text-opacity: 1;
2412
- color: var(--fallback-su, oklch(var(--su) / var(--tw-text-opacity)));
2413
- }
2414
- .btn-outline.btn-success.btn-active {
2415
- --tw-text-opacity: 1;
2416
- color: var(--fallback-suc, oklch(var(--suc) / var(--tw-text-opacity)));
2417
- }
2418
- .btn-outline.btn-info {
2419
- --tw-text-opacity: 1;
2420
- color: var(--fallback-in, oklch(var(--in) / var(--tw-text-opacity)));
2421
- }
2422
- .btn-outline.btn-info.btn-active {
2423
- --tw-text-opacity: 1;
2424
- color: var(--fallback-inc, oklch(var(--inc) / var(--tw-text-opacity)));
2425
- }
2426
- .btn-outline.btn-warning {
2427
- --tw-text-opacity: 1;
2428
- color: var(--fallback-wa, oklch(var(--wa) / var(--tw-text-opacity)));
2429
- }
2430
- .btn-outline.btn-warning.btn-active {
2431
- --tw-text-opacity: 1;
2432
- color: var(--fallback-wac, oklch(var(--wac) / var(--tw-text-opacity)));
2433
- }
2434
- .btn-outline.btn-error {
2435
- --tw-text-opacity: 1;
2436
- color: var(--fallback-er, oklch(var(--er) / var(--tw-text-opacity)));
2437
- }
2438
- .btn-outline.btn-error.btn-active {
2439
- --tw-text-opacity: 1;
2440
- color: var(--fallback-erc, oklch(var(--erc) / var(--tw-text-opacity)));
2441
- }
2442
- .btn.btn-disabled,
2443
- .btn:disabled,
2444
- .btn[disabled] {
2445
- --tw-border-opacity: 0;
2446
- background-color: var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));
2447
- --tw-bg-opacity: 0.2;
2448
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
2449
- --tw-text-opacity: 0.2;
2450
- }
2451
- .btn:is(input[type="checkbox"]:checked),
2452
- .btn:is(input[type="radio"]:checked) {
2453
- --tw-border-opacity: 1;
2454
- border-color: var(--fallback-p, oklch(var(--p) / var(--tw-border-opacity)));
2455
- --tw-bg-opacity: 1;
2456
- background-color: var(--fallback-p, oklch(var(--p) / var(--tw-bg-opacity)));
2457
- --tw-text-opacity: 1;
2458
- color: var(--fallback-pc, oklch(var(--pc) / var(--tw-text-opacity)));
2459
- }
2460
- .btn:is(input[type="checkbox"]:checked):focus-visible,
2461
- .btn:is(input[type="radio"]:checked):focus-visible {
2462
- outline-color: var(--fallback-p, oklch(var(--p) / 1));
2463
- }
2464
- @keyframes button-pop {
2465
- 0% {
2466
- transform: scale(var(--btn-focus-scale, 0.98));
2467
- }
2468
- 40% {
2469
- transform: scale(1.02);
2470
- }
2471
- to {
2472
- transform: scale(1);
2473
- }
2474
- }
2475
- .card :where(figure:first-child) {
2476
- overflow: hidden;
2477
- border-start-start-radius: inherit;
2478
- border-start-end-radius: inherit;
2479
- border-end-start-radius: unset;
2480
- border-end-end-radius: unset;
2481
- }
2482
- .card :where(figure:last-child) {
2483
- overflow: hidden;
2484
- border-start-start-radius: unset;
2485
- border-start-end-radius: unset;
2486
- border-end-start-radius: inherit;
2487
- border-end-end-radius: inherit;
2488
- }
2489
- .card:focus-visible {
2490
- outline: 2px solid currentColor;
2491
- outline-offset: 2px;
2492
- }
2493
- .card.bordered {
2494
- border-width: 1px;
2495
- --tw-border-opacity: 1;
2496
- border-color: var(--fallback-b2, oklch(var(--b2) / var(--tw-border-opacity)));
2497
- }
2498
- .card.compact .card-body {
2499
- padding: 1rem;
2500
- font-size: 0.875rem;
2501
- line-height: 1.25rem;
2502
- }
2503
- .card-title {
2504
- display: flex;
2505
- align-items: center;
2506
- gap: 0.5rem;
2507
- font-size: 1.25rem;
2508
- line-height: 1.75rem;
2509
- font-weight: 600;
2510
- }
2511
- .card.image-full :where(figure) {
2512
- overflow: hidden;
2513
- border-radius: inherit;
2514
- }
2515
- .checkbox:focus {
2516
- box-shadow: none;
2517
- }
2518
- .checkbox:focus-visible {
2519
- outline-style: solid;
2520
- outline-width: 2px;
2521
- outline-offset: 2px;
2522
- outline-color: var(--fallback-bc, oklch(var(--bc) / 1));
2523
- }
2524
- .checkbox:checked,
2525
- .checkbox[aria-checked="true"],
2526
- .checkbox[checked="true"] {
2527
- background-repeat: no-repeat;
2528
- animation: checkmark var(--animation-input, 0.2s) ease-out;
2529
- background-color: var(--chkbg);
2530
- background-image: linear-gradient(-45deg, #0000 65%, var(--chkbg) 65.99%),
2531
- linear-gradient(45deg, #0000 75%, var(--chkbg) 75.99%),
2532
- linear-gradient(-45deg, var(--chkbg) 40%, #0000 40.99%),
2533
- linear-gradient(
2534
- 45deg,
2535
- var(--chkbg) 30%,
2536
- var(--chkfg) 30.99%,
2537
- var(--chkfg) 40%,
2538
- #0000 40.99%
2539
- ),
2540
- linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%);
2541
- }
2542
- .checkbox:indeterminate {
2543
- background-repeat: no-repeat;
2544
- animation: checkmark var(--animation-input, 0.2s) ease-out;
2545
- background-image: linear-gradient(90deg, #0000 80%, var(--chkbg) 80%),
2546
- linear-gradient(-90deg, #0000 80%, var(--chkbg) 80%),
2547
- linear-gradient(
2548
- 0deg,
2549
- var(--chkbg) 43%,
2550
- var(--chkfg) 43%,
2551
- var(--chkfg) 57%,
2552
- var(--chkbg) 57%
2553
- );
2554
- }
2555
- .checkbox:disabled,
2556
- .checkbox:indeterminate {
2557
- --tw-bg-opacity: 1;
2558
- background-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-bg-opacity)));
2559
- }
2560
- .checkbox:disabled {
2561
- cursor: not-allowed;
2562
- border-color: #0000;
2563
- opacity: 0.2;
2564
- }
2565
- @keyframes checkmark {
2566
- 0% {
2567
- background-position-y: 5px;
2568
- }
2569
- 50% {
2570
- background-position-y: -2px;
2571
- }
2572
- to {
2573
- background-position-y: 0;
2574
- }
2575
- }
2576
- .divider:not(:empty) {
2577
- gap: 1rem;
2578
- }
2579
- .dropdown.dropdown-open .dropdown-content,
2580
- .dropdown:focus .dropdown-content,
2581
- .dropdown:focus-within .dropdown-content {
2582
- --tw-scale-x: 1;
2583
- --tw-scale-y: 1;
2584
- transform: translate(var(--tw-translate-x), var(--tw-translate-y))
2585
- rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
2586
- scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2587
- }
2588
- .label-text {
2589
- font-size: 0.875rem;
2590
- line-height: 1.25rem;
2591
- }
2592
- .label-text,
2593
- .label-text-alt {
2594
- --tw-text-opacity: 1;
2595
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
2596
- }
2597
- .label-text-alt {
2598
- font-size: 0.75rem;
2599
- line-height: 1rem;
2600
- }
2601
- .input input:focus {
2602
- outline: 2px solid #0000;
2603
- outline-offset: 2px;
2604
- }
2605
- .input[list]::-webkit-calendar-picker-indicator {
2606
- line-height: 1em;
2607
- }
2608
- .input-bordered,
2609
- .input:focus,
2610
- .input:focus-within {
2611
- border-color: var(--fallback-bc, oklch(var(--bc) / 0.2));
2612
- }
2613
- .input:focus,
2614
- .input:focus-within {
2615
- box-shadow: none;
2616
- outline-style: solid;
2617
- outline-width: 2px;
2618
- outline-offset: 2px;
2619
- outline-color: var(--fallback-bc, oklch(var(--bc) / 0.2));
2620
- }
2621
- .input-disabled,
2622
- .input:disabled,
2623
- .input[disabled] {
2624
- cursor: not-allowed;
2625
- --tw-border-opacity: 1;
2626
- border-color: var(--fallback-b2, oklch(var(--b2) / var(--tw-border-opacity)));
2627
- --tw-bg-opacity: 1;
2628
- background-color: var(--fallback-b2, oklch(var(--b2) / var(--tw-bg-opacity)));
2629
- color: var(--fallback-bc, oklch(var(--bc) / 0.4));
2630
- }
2631
- .input-disabled::-moz-placeholder,
2632
- .input:disabled::-moz-placeholder,
2633
- .input[disabled]::-moz-placeholder {
2634
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-placeholder-opacity)));
2635
- --tw-placeholder-opacity: 0.2;
2636
- }
2637
- .input-disabled::placeholder,
2638
- .input:disabled::placeholder,
2639
- .input[disabled]::placeholder {
2640
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-placeholder-opacity)));
2641
- --tw-placeholder-opacity: 0.2;
2642
- }
2643
- .input::-webkit-date-and-time-value {
2644
- text-align: inherit;
2645
- }
2646
- .join > :where(:not(:first-child)) {
2647
- margin-top: 0;
2648
- margin-bottom: 0;
2649
- margin-inline-start: -1px;
2650
- }
2651
- .join-item:focus {
2652
- isolation: isolate;
2653
- }
2654
- .link:focus {
2655
- outline: 2px solid #0000;
2656
- outline-offset: 2px;
2657
- }
2658
- .link:focus-visible {
2659
- outline: 2px solid currentColor;
2660
- outline-offset: 2px;
2661
- }
2662
- .mockup-browser .mockup-browser-toolbar .input {
2663
- position: relative;
2664
- margin-left: auto;
2665
- margin-right: auto;
2666
- display: block;
2667
- height: 1.75rem;
2668
- width: 24rem;
2669
- overflow: hidden;
2670
- text-overflow: ellipsis;
2671
- white-space: nowrap;
2672
- --tw-bg-opacity: 1;
2673
- background-color: var(--fallback-b2, oklch(var(--b2) / var(--tw-bg-opacity)));
2674
- padding-left: 2rem;
2675
- direction: ltr;
2676
- }
2677
- .mockup-browser .mockup-browser-toolbar .input:before {
2678
- left: 0.5rem;
2679
- aspect-ratio: 1/1;
2680
- height: 0.75rem;
2681
- --tw-translate-y: -50%;
2682
- border-radius: 9999px;
2683
- border-width: 2px;
2684
- border-color: currentColor;
2685
- }
2686
- .mockup-browser .mockup-browser-toolbar .input:after,
2687
- .mockup-browser .mockup-browser-toolbar .input:before {
2688
- content: "";
2689
- position: absolute;
2690
- top: 50%;
2691
- transform: translate(var(--tw-translate-x), var(--tw-translate-y))
2692
- rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
2693
- scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2694
- opacity: 0.6;
2695
- }
2696
- .mockup-browser .mockup-browser-toolbar .input:after {
2697
- left: 1.25rem;
2698
- height: 0.5rem;
2699
- --tw-translate-y: 25%;
2700
- --tw-rotate: -45deg;
2701
- border-radius: 9999px;
2702
- border-width: 1px;
2703
- border-color: currentColor;
2704
- }
2705
- @keyframes modal-pop {
2706
- 0% {
2707
- opacity: 0;
2708
- }
2709
- }
2710
- @keyframes progress-loading {
2711
- 50% {
2712
- background-position-x: -115%;
2713
- }
2714
- }
2715
- .radio:focus {
2716
- box-shadow: none;
2717
- }
2718
- .radio:focus-visible {
2719
- outline-style: solid;
2720
- outline-width: 2px;
2721
- outline-offset: 2px;
2722
- outline-color: var(--fallback-bc, oklch(var(--bc) / 1));
2723
- }
2724
- .radio:checked,
2725
- .radio[aria-checked="true"] {
2726
- --tw-bg-opacity: 1;
2727
- background-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-bg-opacity)));
2728
- background-image: none;
2729
- animation: radiomark var(--animation-input, 0.2s) ease-out;
2730
- box-shadow:
2731
- 0 0 0 4px var(--fallback-b1, oklch(var(--b1) / 1)) inset,
2732
- 0 0 0 4px var(--fallback-b1, oklch(var(--b1) / 1)) inset;
2733
- }
2734
- .radio:disabled {
2735
- cursor: not-allowed;
2736
- opacity: 0.2;
2737
- }
2738
- @keyframes radiomark {
2739
- 0% {
2740
- box-shadow:
2741
- 0 0 0 12px var(--fallback-b1, oklch(var(--b1) / 1)) inset,
2742
- 0 0 0 12px var(--fallback-b1, oklch(var(--b1) / 1)) inset;
2743
- }
2744
- 50% {
2745
- box-shadow:
2746
- 0 0 0 3px var(--fallback-b1, oklch(var(--b1) / 1)) inset,
2747
- 0 0 0 3px var(--fallback-b1, oklch(var(--b1) / 1)) inset;
2748
- }
2749
- to {
2750
- box-shadow:
2751
- 0 0 0 4px var(--fallback-b1, oklch(var(--b1) / 1)) inset,
2752
- 0 0 0 4px var(--fallback-b1, oklch(var(--b1) / 1)) inset;
2753
- }
2754
- }
2755
- @keyframes rating-pop {
2756
- 0% {
2757
- transform: translateY(-0.125em);
2758
- }
2759
- 40% {
2760
- transform: translateY(-0.125em);
2761
- }
2762
- to {
2763
- transform: translateY(0);
2764
- }
2765
- }
2766
- @keyframes skeleton {
2767
- 0% {
2768
- background-position: 150%;
2769
- }
2770
- to {
2771
- background-position: -50%;
2772
- }
2773
- }
2774
- .tabs-lifted > .tab:focus-visible {
2775
- border-end-end-radius: 0;
2776
- border-end-start-radius: 0;
2777
- }
2778
- .tab.tab-active:not(.tab-disabled):not([disabled]),
2779
- .tab:is(input:checked) {
2780
- border-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-border-opacity)));
2781
- --tw-border-opacity: 1;
2782
- --tw-text-opacity: 1;
2783
- }
2784
- .tab:focus {
2785
- outline: 2px solid #0000;
2786
- outline-offset: 2px;
2787
- }
2788
- .tab:focus-visible {
2789
- outline: 2px solid currentColor;
2790
- outline-offset: -5px;
2791
- }
2792
- .tab-disabled,
2793
- .tab[disabled] {
2794
- cursor: not-allowed;
2795
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
2796
- --tw-text-opacity: 0.2;
2797
- }
2798
- .tabs-bordered > .tab {
2799
- border-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-border-opacity)));
2800
- --tw-border-opacity: 0.2;
2801
- border-style: solid;
2802
- border-bottom-width: calc(var(--tab-border, 1px) + 1px);
2803
- }
2804
- .tabs-lifted > .tab {
2805
- border: var(--tab-border, 1px) solid #0000;
2806
- border-width: 0 0 var(--tab-border, 1px) 0;
2807
- border-start-start-radius: var(--tab-radius, 0.5rem);
2808
- border-start-end-radius: var(--tab-radius, 0.5rem);
2809
- border-bottom-color: var(--tab-border-color);
2810
- padding-inline-start: var(--tab-padding, 1rem);
2811
- padding-inline-end: var(--tab-padding, 1rem);
2812
- padding-top: var(--tab-border, 1px);
2813
- }
2814
- .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]),
2815
- .tabs-lifted > .tab:is(input:checked) {
2816
- background-color: var(--tab-bg);
2817
- border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0
2818
- var(--tab-border, 1px);
2819
- border-inline-start-color: var(--tab-border-color);
2820
- border-inline-end-color: var(--tab-border-color);
2821
- border-top-color: var(--tab-border-color);
2822
- padding-inline-start: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
2823
- padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
2824
- padding-bottom: var(--tab-border, 1px);
2825
- padding-top: 0;
2826
- }
2827
- .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):before,
2828
- .tabs-lifted > .tab:is(input:checked):before {
2829
- z-index: 1;
2830
- content: "";
2831
- display: block;
2832
- position: absolute;
2833
- width: calc(100% + var(--tab-radius, 0.5rem) * 2);
2834
- height: var(--tab-radius, 0.5rem);
2835
- bottom: 0;
2836
- background-size: var(--tab-radius, 0.5rem);
2837
- background-position:
2838
- 0 0,
2839
- 100% 0;
2840
- background-repeat: no-repeat;
2841
- --tab-grad: calc(69% - var(--tab-border, 1px));
2842
- --radius-start: radial-gradient(
2843
- circle at top left,
2844
- #0000 var(--tab-grad),
2845
- var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
2846
- var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
2847
- var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
2848
- );
2849
- --radius-end: radial-gradient(
2850
- circle at top right,
2851
- #0000 var(--tab-grad),
2852
- var(--tab-border-color) calc(var(--tab-grad) + 0.25px),
2853
- var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),
2854
- var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
2855
- );
2856
- background-image: var(--radius-start), var(--radius-end);
2857
- }
2858
- .tabs-lifted
2859
- > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before,
2860
- .tabs-lifted > .tab:is(input:checked):first-child:before {
2861
- background-image: var(--radius-end);
2862
- background-position: 100% 0;
2863
- }
2864
- .tabs-lifted
2865
- > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before,
2866
- .tabs-lifted > .tab:is(input:checked):last-child:before,
2867
- [dir="rtl"]
2868
- .tabs-lifted
2869
- > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before,
2870
- [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before {
2871
- background-image: var(--radius-start);
2872
- background-position: 0 0;
2873
- }
2874
- .tabs-lifted
2875
- > .tab-active:not(.tab-disabled):not([disabled])
2876
- + .tabs-lifted
2877
- .tab-active:not(.tab-disabled):not([disabled]):before,
2878
- .tabs-lifted
2879
- > .tab:is(input:checked)
2880
- + .tabs-lifted
2881
- .tab:is(input:checked):before,
2882
- [dir="rtl"]
2883
- .tabs-lifted
2884
- > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before,
2885
- [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before {
2886
- background-image: var(--radius-end);
2887
- background-position: 100% 0;
2888
- }
2889
- .tabs-boxed .tab {
2890
- border-radius: var(--rounded-btn, 0.5rem);
2891
- }
2892
- @keyframes toast-pop {
2893
- 0% {
2894
- transform: scale(0.9);
2895
- opacity: 0;
2896
- }
2897
- to {
2898
- transform: scale(1);
2899
- opacity: 1;
2900
- }
2901
- }
2902
- [dir="rtl"] .toggle {
2903
- --handleoffsetcalculator: calc(var(--handleoffset) * 1);
2904
- }
2905
- .toggle:focus-visible {
2906
- outline-style: solid;
2907
- outline-width: 2px;
2908
- outline-offset: 2px;
2909
- outline-color: var(--fallback-bc, oklch(var(--bc) / 0.2));
2910
- }
2911
- .toggle:hover {
2912
- background-color: currentColor;
2913
- }
2914
- .toggle:checked,
2915
- .toggle[aria-checked="true"],
2916
- .toggle[checked="true"] {
2917
- background-image: none;
2918
- --handleoffsetcalculator: var(--handleoffset);
2919
- --tw-text-opacity: 1;
2920
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
2921
- }
2922
- [dir="rtl"] .toggle:checked,
2923
- [dir="rtl"] .toggle[aria-checked="true"],
2924
- [dir="rtl"] .toggle[checked="true"] {
2925
- --handleoffsetcalculator: calc(var(--handleoffset) * -1);
2926
- }
2927
- .toggle:indeterminate {
2928
- --tw-text-opacity: 1;
2929
- color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));
2930
- }
2931
- .toggle:indeterminate,
2932
- [dir="rtl"] .toggle:indeterminate {
2933
- box-shadow:
2934
- calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
2935
- calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
2936
- 0 0 0 2px var(--tglbg) inset;
2937
- }
2938
- .toggle:disabled {
2939
- cursor: not-allowed;
2940
- --tw-border-opacity: 1;
2941
- border-color: var(--fallback-bc, oklch(var(--bc) / var(--tw-border-opacity)));
2942
- background-color: initial;
2943
- opacity: 0.3;
2944
- --togglehandleborder: 0 0 0 3px var(--fallback-bc, oklch(var(--bc) / 1)) inset,
2945
- var(--handleoffsetcalculator) 0 0 3px
2946
- var(--fallback-bc, oklch(var(--bc) / 1)) inset;
2947
- }
2948
- .glass,
2949
- .glass.btn-active {
2950
- border: none;
2951
- -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
2952
- backdrop-filter: blur(var(--glass-blur, 40px));
2953
- background-color: initial;
2954
- background-image: linear-gradient(
2955
- 135deg,
2956
- rgb(255 255 255 / var(--glass-opacity, 30%)) 0,
2957
- #0000 100%
2958
- ),
2959
- linear-gradient(
2960
- var(--glass-reflex-degree, 100deg),
2961
- rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,
2962
- #0000 25%
2963
- );
2964
- box-shadow:
2965
- 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
2966
- 0 0 0 2px #0000000d;
2967
- text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%));
2968
- }
2969
- @media (hover: hover) {
2970
- .glass.btn-active {
2971
- border: none;
2972
- -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
2973
- backdrop-filter: blur(var(--glass-blur, 40px));
2974
- background-color: initial;
2975
- background-image: linear-gradient(
2976
- 135deg,
2977
- rgb(255 255 255 / var(--glass-opacity, 30%)) 0,
2978
- #0000 100%
2979
- ),
2980
- linear-gradient(
2981
- var(--glass-reflex-degree, 100deg),
2982
- rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,
2983
- #0000 25%
2984
- );
2985
- box-shadow:
2986
- 0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,
2987
- 0 0 0 2px #0000000d;
2988
- text-shadow: 0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%));
2989
- }
2990
- }
2991
- .btn-xs {
2992
- height: 1.5rem;
2993
- min-height: 1.5rem;
2994
- padding-left: 0.5rem;
2995
- padding-right: 0.5rem;
2996
- font-size: 0.75rem;
2997
- }
2998
- .btn-sm {
2999
- height: 2rem;
3000
- min-height: 2rem;
3001
- padding-left: 0.75rem;
3002
- padding-right: 0.75rem;
3003
- font-size: 0.875rem;
3004
- }
3005
- .btn-square:where(.btn-xs) {
3006
- height: 1.5rem;
3007
- width: 1.5rem;
3008
- padding: 0;
3009
- }
3010
- .btn-square:where(.btn-sm) {
3011
- height: 2rem;
3012
- width: 2rem;
3013
- padding: 0;
3014
- }
3015
- .btn-circle:where(.btn-xs) {
3016
- height: 1.5rem;
3017
- width: 1.5rem;
3018
- border-radius: 9999px;
3019
- padding: 0;
3020
- }
3021
- .btn-circle:where(.btn-sm) {
3022
- height: 2rem;
3023
- width: 2rem;
3024
- border-radius: 9999px;
3025
- padding: 0;
3026
- }
3027
- .input-xs,
3028
- input.input-xs {
3029
- height: 1.5rem;
3030
- padding-left: 0.5rem;
3031
- padding-right: 0.5rem;
3032
- font-size: 0.75rem;
3033
- line-height: 1rem;
3034
- line-height: 1.625;
3035
- }
3036
- .input-sm,
3037
- input.input-sm {
3038
- height: 2rem;
3039
- padding-left: 0.75rem;
3040
- padding-right: 0.75rem;
3041
- font-size: 0.875rem;
3042
- line-height: 2rem;
3043
- }
3044
- .join.join-vertical {
3045
- flex-direction: column;
3046
- }
3047
- .join.join-vertical .join-item:first-child:not(:last-child),
3048
- .join.join-vertical :first-child:not(:last-child) .join-item {
3049
- border-end-start-radius: 0;
3050
- border-end-end-radius: 0;
3051
- border-start-start-radius: inherit;
3052
- border-start-end-radius: inherit;
3053
- }
3054
- .join.join-vertical .join-item:last-child:not(:first-child),
3055
- .join.join-vertical :last-child:not(:first-child) .join-item {
3056
- border-start-start-radius: 0;
3057
- border-start-end-radius: 0;
3058
- border-end-start-radius: inherit;
3059
- border-end-end-radius: inherit;
3060
- }
3061
- .join.join-horizontal {
3062
- flex-direction: row;
3063
- }
3064
- .join.join-horizontal .join-item:first-child:not(:last-child),
3065
- .join.join-horizontal :first-child:not(:last-child) .join-item {
3066
- border-end-end-radius: 0;
3067
- border-start-end-radius: 0;
3068
- border-end-start-radius: inherit;
3069
- border-start-start-radius: inherit;
3070
- }
3071
- .join.join-horizontal .join-item:last-child:not(:first-child),
3072
- .join.join-horizontal :last-child:not(:first-child) .join-item {
3073
- border-end-start-radius: 0;
3074
- border-start-start-radius: 0;
3075
- border-end-end-radius: inherit;
3076
- border-start-end-radius: inherit;
3077
- }
3078
- .tabs-md :where(.tab) {
3079
- height: 2rem;
3080
- font-size: 0.875rem;
3081
- line-height: 1.25rem;
3082
- line-height: 2;
3083
- --tab-padding: 1rem;
3084
- }
3085
- .tabs-lg :where(.tab) {
3086
- height: 3rem;
3087
- font-size: 1.125rem;
3088
- line-height: 1.75rem;
3089
- line-height: 2;
3090
- --tab-padding: 1.25rem;
3091
- }
3092
- .tabs-sm :where(.tab) {
3093
- height: 1.5rem;
3094
- font-size: 0.875rem;
3095
- line-height: 0.75rem;
3096
- --tab-padding: 0.75rem;
3097
- }
3098
- .tabs-xs :where(.tab) {
3099
- height: 1.25rem;
3100
- font-size: 0.75rem;
3101
- line-height: 0.75rem;
3102
- --tab-padding: 0.5rem;
3103
- }
3104
- [type="checkbox"].toggle-sm {
3105
- --handleoffset: 0.75rem;
3106
- height: 1.25rem;
3107
- width: 2rem;
3108
- }
3109
- .card-compact .card-body {
3110
- padding: 1rem;
3111
- font-size: 0.875rem;
3112
- line-height: 1.25rem;
3113
- }
3114
- .card-compact .card-title {
3115
- margin-bottom: 0.25rem;
3116
- }
3117
- .card-normal .card-body {
3118
- padding: var(--padding-card, 2rem);
3119
- font-size: 1rem;
3120
- line-height: 1.5rem;
3121
- }
3122
- .card-normal .card-title {
3123
- margin-bottom: 0.75rem;
3124
- }
3125
- .join.join-vertical > :where(:not(:first-child)) {
3126
- margin-left: 0;
3127
- margin-right: 0;
3128
- margin-top: -1px;
3129
- }
3130
- .join.join-horizontal > :where(:not(:first-child)) {
3131
- margin-top: 0;
3132
- margin-bottom: 0;
3133
- margin-inline-start: -1px;
3134
- }
3135
- .static {
3136
- position: static;
3137
- }
3138
- .z-\[1\] {
3139
- z-index: 1;
3140
- }
3141
- .my-1 {
3142
- margin-top: 0.25rem;
3143
- margin-bottom: 0.25rem;
3144
- }
3145
- .my-2 {
3146
- margin-top: 0.5rem;
3147
- margin-bottom: 0.5rem;
3148
- }
3149
- .my-3 {
3150
- margin-top: 0.75rem;
3151
- margin-bottom: 0.75rem;
3152
- }
3153
- .my-4 {
3154
- margin-top: 1rem;
3155
- margin-bottom: 1rem;
3156
- }
3157
- .-mr-4 {
3158
- margin-right: -1rem;
3159
- }
3160
- .-mt-2 {
3161
- margin-top: -0.5rem;
3162
- }
3163
- .mb-0 {
3164
- margin-bottom: 0;
3165
- }
3166
- .mb-0\.5 {
3167
- margin-bottom: 0.125rem;
3168
- }
3169
- .mb-1 {
3170
- margin-bottom: 0.25rem;
3171
- }
3172
- .mb-2 {
3173
- margin-bottom: 0.5rem;
3174
- }
3175
- .mb-3 {
3176
- margin-bottom: 0.75rem;
3177
- }
3178
- .mb-4 {
3179
- margin-bottom: 1rem;
3180
- }
3181
- .mt-2 {
3182
- margin-top: 0.5rem;
3183
- }
3184
- .mt-3 {
3185
- margin-top: 0.75rem;
3186
- }
3187
- .mt-4 {
3188
- margin-top: 1rem;
3189
- }
3190
- .inline {
3191
- display: inline;
3192
- }
3193
- .flex {
3194
- display: flex;
3195
- }
3196
- .grid {
3197
- display: grid;
3198
- }
3199
- .hidden {
3200
- display: none;
3201
- }
3202
- .h-8 {
3203
- height: 2rem;
3204
- }
3205
- .h-\[125px\] {
3206
- height: 125px;
3207
- }
3208
- .h-full {
3209
- height: 100%;
3210
- }
3211
- .w-8 {
3212
- width: 2rem;
3213
- }
3214
- .w-\[125px\] {
3215
- width: 125px;
3216
- }
3217
- .w-\[275px\] {
3218
- width: 275px;
3219
- }
3220
- .w-\[350px\] {
3221
- width: 350px;
3222
- }
3223
- .w-full {
3224
- width: 100%;
3225
- }
3226
- .max-w-\[175px\] {
3227
- max-width: 175px;
3228
- }
3229
- .flex-1 {
3230
- flex: 1 1 0%;
3231
- }
3232
- .flex-grow {
3233
- flex-grow: 1;
3234
- }
3235
- .cursor-pointer {
3236
- cursor: pointer;
3237
- }
3238
- .list-disc {
3239
- list-style-type: disc;
3240
- }
3241
- .grid-cols-3 {
3242
- grid-template-columns: repeat(3, minmax(0, 1fr));
3243
- }
3244
- .flex-col {
3245
- flex-direction: column;
3246
- }
3247
- .items-center {
3248
- align-items: center;
3249
- }
3250
- .justify-center {
3251
- justify-content: center;
3252
- }
3253
- .gap-1 {
3254
- gap: 0.25rem;
3255
- }
3256
- .gap-2 {
3257
- gap: 0.5rem;
3258
- }
3259
- .gap-3 {
3260
- gap: 0.75rem;
3261
- }
3262
- .gap-4 {
3263
- gap: 1rem;
3264
- }
3265
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
3266
- --tw-space-y-reverse: 0;
3267
- margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
3268
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
3269
- }
3270
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
3271
- --tw-space-y-reverse: 0;
3272
- margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));
3273
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
3274
- }
3275
- .overflow-hidden {
3276
- overflow: hidden;
3277
- }
3278
- .whitespace-nowrap {
3279
- white-space: nowrap;
3280
- }
3281
- .rounded {
3282
- border-radius: 0.25rem;
3283
- }
3284
- .rounded-md {
3285
- border-radius: 0.375rem;
3286
- }
3287
- .rounded-b {
3288
- border-bottom-right-radius: 0.25rem;
3289
- border-bottom-left-radius: 0.25rem;
3290
- }
3291
- .bg-base-100 {
3292
- --tw-bg-opacity: 1;
3293
- background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));
3294
- }
3295
- .bg-base-300 {
3296
- --tw-bg-opacity: 1;
3297
- background-color: var(--fallback-b3, oklch(var(--b3) / var(--tw-bg-opacity)));
3298
- }
3299
- .bg-blue-100 {
3300
- --tw-bg-opacity: 1;
3301
- background-color: rgb(219 234 254 / var(--tw-bg-opacity));
3302
- }
3303
- .bg-blue-100\/0 {
3304
- background-color: #dbeafe00;
3305
- }
3306
- .bg-blue-100\/10 {
3307
- background-color: #dbeafe1a;
3308
- }
3309
- .bg-blue-100\/100 {
3310
- background-color: #dbeafe;
3311
- }
3312
- .bg-blue-100\/20 {
3313
- background-color: #dbeafe33;
3314
- }
3315
- .bg-blue-100\/25 {
3316
- background-color: #dbeafe40;
3317
- }
3318
- .bg-blue-100\/30 {
3319
- background-color: #dbeafe4d;
3320
- }
3321
- .bg-blue-100\/40 {
3322
- background-color: #dbeafe66;
3323
- }
3324
- .bg-blue-100\/5 {
3325
- background-color: #dbeafe0d;
3326
- }
3327
- .bg-blue-100\/50 {
3328
- background-color: #dbeafe80;
3329
- }
3330
- .bg-blue-100\/60 {
3331
- background-color: #dbeafe99;
3332
- }
3333
- .bg-blue-100\/70 {
3334
- background-color: #dbeafeb3;
3335
- }
3336
- .bg-blue-100\/75 {
3337
- background-color: #dbeafebf;
3338
- }
3339
- .bg-blue-100\/80 {
3340
- background-color: #dbeafecc;
3341
- }
3342
- .bg-blue-100\/90 {
3343
- background-color: #dbeafee6;
3344
- }
3345
- .bg-blue-100\/95 {
3346
- background-color: #dbeafef2;
3347
- }
3348
- .bg-blue-200 {
3349
- --tw-bg-opacity: 1;
3350
- background-color: rgb(191 219 254 / var(--tw-bg-opacity));
3351
- }
3352
- .bg-blue-200\/0 {
3353
- background-color: #bfdbfe00;
3354
- }
3355
- .bg-blue-200\/10 {
3356
- background-color: #bfdbfe1a;
3357
- }
3358
- .bg-blue-200\/100 {
3359
- background-color: #bfdbfe;
3360
- }
3361
- .bg-blue-200\/20 {
3362
- background-color: #bfdbfe33;
3363
- }
3364
- .bg-blue-200\/25 {
3365
- background-color: #bfdbfe40;
3366
- }
3367
- .bg-blue-200\/30 {
3368
- background-color: #bfdbfe4d;
3369
- }
3370
- .bg-blue-200\/40 {
3371
- background-color: #bfdbfe66;
3372
- }
3373
- .bg-blue-200\/5 {
3374
- background-color: #bfdbfe0d;
3375
- }
3376
- .bg-blue-200\/50 {
3377
- background-color: #bfdbfe80;
3378
- }
3379
- .bg-blue-200\/60 {
3380
- background-color: #bfdbfe99;
3381
- }
3382
- .bg-blue-200\/70 {
3383
- background-color: #bfdbfeb3;
3384
- }
3385
- .bg-blue-200\/75 {
3386
- background-color: #bfdbfebf;
3387
- }
3388
- .bg-blue-200\/80 {
3389
- background-color: #bfdbfecc;
3390
- }
3391
- .bg-blue-200\/90 {
3392
- background-color: #bfdbfee6;
3393
- }
3394
- .bg-blue-200\/95 {
3395
- background-color: #bfdbfef2;
3396
- }
3397
- .bg-blue-400 {
3398
- --tw-bg-opacity: 1;
3399
- background-color: rgb(96 165 250 / var(--tw-bg-opacity));
3400
- }
3401
- .bg-blue-400\/0 {
3402
- background-color: #60a5fa00;
3403
- }
3404
- .bg-blue-400\/10 {
3405
- background-color: #60a5fa1a;
3406
- }
3407
- .bg-blue-400\/100 {
3408
- background-color: #60a5fa;
3409
- }
3410
- .bg-blue-400\/20 {
3411
- background-color: #60a5fa33;
3412
- }
3413
- .bg-blue-400\/25 {
3414
- background-color: #60a5fa40;
3415
- }
3416
- .bg-blue-400\/30 {
3417
- background-color: #60a5fa4d;
3418
- }
3419
- .bg-blue-400\/40 {
3420
- background-color: #60a5fa66;
3421
- }
3422
- .bg-blue-400\/5 {
3423
- background-color: #60a5fa0d;
3424
- }
3425
- .bg-blue-400\/50 {
3426
- background-color: #60a5fa80;
3427
- }
3428
- .bg-blue-400\/60 {
3429
- background-color: #60a5fa99;
3430
- }
3431
- .bg-blue-400\/70 {
3432
- background-color: #60a5fab3;
3433
- }
3434
- .bg-blue-400\/75 {
3435
- background-color: #60a5fabf;
3436
- }
3437
- .bg-blue-400\/80 {
3438
- background-color: #60a5facc;
3439
- }
3440
- .bg-blue-400\/90 {
3441
- background-color: #60a5fae6;
3442
- }
3443
- .bg-blue-400\/95 {
3444
- background-color: #60a5faf2;
3445
- }
3446
- .bg-green-100 {
3447
- --tw-bg-opacity: 1;
3448
- background-color: rgb(220 252 231 / var(--tw-bg-opacity));
3449
- }
3450
- .bg-green-100\/0 {
3451
- background-color: #dcfce700;
3452
- }
3453
- .bg-green-100\/10 {
3454
- background-color: #dcfce71a;
3455
- }
3456
- .bg-green-100\/100 {
3457
- background-color: #dcfce7;
3458
- }
3459
- .bg-green-100\/20 {
3460
- background-color: #dcfce733;
3461
- }
3462
- .bg-green-100\/25 {
3463
- background-color: #dcfce740;
3464
- }
3465
- .bg-green-100\/30 {
3466
- background-color: #dcfce74d;
3467
- }
3468
- .bg-green-100\/40 {
3469
- background-color: #dcfce766;
3470
- }
3471
- .bg-green-100\/5 {
3472
- background-color: #dcfce70d;
3473
- }
3474
- .bg-green-100\/50 {
3475
- background-color: #dcfce780;
3476
- }
3477
- .bg-green-100\/60 {
3478
- background-color: #dcfce799;
3479
- }
3480
- .bg-green-100\/70 {
3481
- background-color: #dcfce7b3;
3482
- }
3483
- .bg-green-100\/75 {
3484
- background-color: #dcfce7bf;
3485
- }
3486
- .bg-green-100\/80 {
3487
- background-color: #dcfce7cc;
3488
- }
3489
- .bg-green-100\/90 {
3490
- background-color: #dcfce7e6;
3491
- }
3492
- .bg-green-100\/95 {
3493
- background-color: #dcfce7f2;
3494
- }
3495
- .bg-green-200 {
3496
- --tw-bg-opacity: 1;
3497
- background-color: rgb(187 247 208 / var(--tw-bg-opacity));
3498
- }
3499
- .bg-green-200\/0 {
3500
- background-color: #bbf7d000;
3501
- }
3502
- .bg-green-200\/10 {
3503
- background-color: #bbf7d01a;
3504
- }
3505
- .bg-green-200\/100 {
3506
- background-color: #bbf7d0;
3507
- }
3508
- .bg-green-200\/20 {
3509
- background-color: #bbf7d033;
3510
- }
3511
- .bg-green-200\/25 {
3512
- background-color: #bbf7d040;
3513
- }
3514
- .bg-green-200\/30 {
3515
- background-color: #bbf7d04d;
3516
- }
3517
- .bg-green-200\/40 {
3518
- background-color: #bbf7d066;
3519
- }
3520
- .bg-green-200\/5 {
3521
- background-color: #bbf7d00d;
3522
- }
3523
- .bg-green-200\/50 {
3524
- background-color: #bbf7d080;
3525
- }
3526
- .bg-green-200\/60 {
3527
- background-color: #bbf7d099;
3528
- }
3529
- .bg-green-200\/70 {
3530
- background-color: #bbf7d0b3;
3531
- }
3532
- .bg-green-200\/75 {
3533
- background-color: #bbf7d0bf;
3534
- }
3535
- .bg-green-200\/80 {
3536
- background-color: #bbf7d0cc;
3537
- }
3538
- .bg-green-200\/90 {
3539
- background-color: #bbf7d0e6;
3540
- }
3541
- .bg-green-200\/95 {
3542
- background-color: #bbf7d0f2;
3543
- }
3544
- .bg-green-400 {
3545
- --tw-bg-opacity: 1;
3546
- background-color: rgb(74 222 128 / var(--tw-bg-opacity));
3547
- }
3548
- .bg-green-400\/0 {
3549
- background-color: #4ade8000;
3550
- }
3551
- .bg-green-400\/10 {
3552
- background-color: #4ade801a;
3553
- }
3554
- .bg-green-400\/100 {
3555
- background-color: #4ade80;
3556
- }
3557
- .bg-green-400\/20 {
3558
- background-color: #4ade8033;
3559
- }
3560
- .bg-green-400\/25 {
3561
- background-color: #4ade8040;
3562
- }
3563
- .bg-green-400\/30 {
3564
- background-color: #4ade804d;
3565
- }
3566
- .bg-green-400\/40 {
3567
- background-color: #4ade8066;
3568
- }
3569
- .bg-green-400\/5 {
3570
- background-color: #4ade800d;
3571
- }
3572
- .bg-green-400\/50 {
3573
- background-color: #4ade8080;
3574
- }
3575
- .bg-green-400\/60 {
3576
- background-color: #4ade8099;
3577
- }
3578
- .bg-green-400\/70 {
3579
- background-color: #4ade80b3;
3580
- }
3581
- .bg-green-400\/75 {
3582
- background-color: #4ade80bf;
3583
- }
3584
- .bg-green-400\/80 {
3585
- background-color: #4ade80cc;
3586
- }
3587
- .bg-green-400\/90 {
3588
- background-color: #4ade80e6;
3589
- }
3590
- .bg-green-400\/95 {
3591
- background-color: #4ade80f2;
3592
- }
3593
- .bg-info {
3594
- --tw-bg-opacity: 1;
3595
- background-color: var(--fallback-in, oklch(var(--in) / var(--tw-bg-opacity)));
3596
- }
3597
- .bg-neutral {
3598
- --tw-bg-opacity: 1;
3599
- background-color: var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));
3600
- }
3601
- .bg-orange-100 {
3602
- --tw-bg-opacity: 1;
3603
- background-color: rgb(255 237 213 / var(--tw-bg-opacity));
3604
- }
3605
- .bg-orange-100\/0 {
3606
- background-color: #ffedd500;
3607
- }
3608
- .bg-orange-100\/10 {
3609
- background-color: #ffedd51a;
3610
- }
3611
- .bg-orange-100\/100 {
3612
- background-color: #ffedd5;
3613
- }
3614
- .bg-orange-100\/20 {
3615
- background-color: #ffedd533;
3616
- }
3617
- .bg-orange-100\/25 {
3618
- background-color: #ffedd540;
3619
- }
3620
- .bg-orange-100\/30 {
3621
- background-color: #ffedd54d;
3622
- }
3623
- .bg-orange-100\/40 {
3624
- background-color: #ffedd566;
3625
- }
3626
- .bg-orange-100\/5 {
3627
- background-color: #ffedd50d;
3628
- }
3629
- .bg-orange-100\/50 {
3630
- background-color: #ffedd580;
3631
- }
3632
- .bg-orange-100\/60 {
3633
- background-color: #ffedd599;
3634
- }
3635
- .bg-orange-100\/70 {
3636
- background-color: #ffedd5b3;
3637
- }
3638
- .bg-orange-100\/75 {
3639
- background-color: #ffedd5bf;
3640
- }
3641
- .bg-orange-100\/80 {
3642
- background-color: #ffedd5cc;
3643
- }
3644
- .bg-orange-100\/90 {
3645
- background-color: #ffedd5e6;
3646
- }
3647
- .bg-orange-100\/95 {
3648
- background-color: #ffedd5f2;
3649
- }
3650
- .bg-orange-200 {
3651
- --tw-bg-opacity: 1;
3652
- background-color: rgb(254 215 170 / var(--tw-bg-opacity));
3653
- }
3654
- .bg-orange-200\/0 {
3655
- background-color: #fed7aa00;
3656
- }
3657
- .bg-orange-200\/10 {
3658
- background-color: #fed7aa1a;
3659
- }
3660
- .bg-orange-200\/100 {
3661
- background-color: #fed7aa;
3662
- }
3663
- .bg-orange-200\/20 {
3664
- background-color: #fed7aa33;
3665
- }
3666
- .bg-orange-200\/25 {
3667
- background-color: #fed7aa40;
3668
- }
3669
- .bg-orange-200\/30 {
3670
- background-color: #fed7aa4d;
3671
- }
3672
- .bg-orange-200\/40 {
3673
- background-color: #fed7aa66;
3674
- }
3675
- .bg-orange-200\/5 {
3676
- background-color: #fed7aa0d;
3677
- }
3678
- .bg-orange-200\/50 {
3679
- background-color: #fed7aa80;
3680
- }
3681
- .bg-orange-200\/60 {
3682
- background-color: #fed7aa99;
3683
- }
3684
- .bg-orange-200\/70 {
3685
- background-color: #fed7aab3;
3686
- }
3687
- .bg-orange-200\/75 {
3688
- background-color: #fed7aabf;
3689
- }
3690
- .bg-orange-200\/80 {
3691
- background-color: #fed7aacc;
3692
- }
3693
- .bg-orange-200\/90 {
3694
- background-color: #fed7aae6;
3695
- }
3696
- .bg-orange-200\/95 {
3697
- background-color: #fed7aaf2;
3698
- }
3699
- .bg-orange-400 {
3700
- --tw-bg-opacity: 1;
3701
- background-color: rgb(251 146 60 / var(--tw-bg-opacity));
3702
- }
3703
- .bg-orange-400\/0 {
3704
- background-color: #fb923c00;
3705
- }
3706
- .bg-orange-400\/10 {
3707
- background-color: #fb923c1a;
3708
- }
3709
- .bg-orange-400\/100 {
3710
- background-color: #fb923c;
3711
- }
3712
- .bg-orange-400\/20 {
3713
- background-color: #fb923c33;
3714
- }
3715
- .bg-orange-400\/25 {
3716
- background-color: #fb923c40;
3717
- }
3718
- .bg-orange-400\/30 {
3719
- background-color: #fb923c4d;
3720
- }
3721
- .bg-orange-400\/40 {
3722
- background-color: #fb923c66;
3723
- }
3724
- .bg-orange-400\/5 {
3725
- background-color: #fb923c0d;
3726
- }
3727
- .bg-orange-400\/50 {
3728
- background-color: #fb923c80;
3729
- }
3730
- .bg-orange-400\/60 {
3731
- background-color: #fb923c99;
3732
- }
3733
- .bg-orange-400\/70 {
3734
- background-color: #fb923cb3;
3735
- }
3736
- .bg-orange-400\/75 {
3737
- background-color: #fb923cbf;
3738
- }
3739
- .bg-orange-400\/80 {
3740
- background-color: #fb923ccc;
3741
- }
3742
- .bg-orange-400\/90 {
3743
- background-color: #fb923ce6;
3744
- }
3745
- .bg-orange-400\/95 {
3746
- background-color: #fb923cf2;
3747
- }
3748
- .bg-red-100 {
3749
- --tw-bg-opacity: 1;
3750
- background-color: rgb(254 226 226 / var(--tw-bg-opacity));
3751
- }
3752
- .bg-red-100\/0 {
3753
- background-color: #fee2e200;
3754
- }
3755
- .bg-red-100\/10 {
3756
- background-color: #fee2e21a;
3757
- }
3758
- .bg-red-100\/100 {
3759
- background-color: #fee2e2;
3760
- }
3761
- .bg-red-100\/20 {
3762
- background-color: #fee2e233;
3763
- }
3764
- .bg-red-100\/25 {
3765
- background-color: #fee2e240;
3766
- }
3767
- .bg-red-100\/30 {
3768
- background-color: #fee2e24d;
3769
- }
3770
- .bg-red-100\/40 {
3771
- background-color: #fee2e266;
3772
- }
3773
- .bg-red-100\/5 {
3774
- background-color: #fee2e20d;
3775
- }
3776
- .bg-red-100\/50 {
3777
- background-color: #fee2e280;
3778
- }
3779
- .bg-red-100\/60 {
3780
- background-color: #fee2e299;
3781
- }
3782
- .bg-red-100\/70 {
3783
- background-color: #fee2e2b3;
3784
- }
3785
- .bg-red-100\/75 {
3786
- background-color: #fee2e2bf;
3787
- }
3788
- .bg-red-100\/80 {
3789
- background-color: #fee2e2cc;
3790
- }
3791
- .bg-red-100\/90 {
3792
- background-color: #fee2e2e6;
3793
- }
3794
- .bg-red-100\/95 {
3795
- background-color: #fee2e2f2;
3796
- }
3797
- .bg-red-200 {
3798
- --tw-bg-opacity: 1;
3799
- background-color: rgb(254 202 202 / var(--tw-bg-opacity));
3800
- }
3801
- .bg-red-200\/0 {
3802
- background-color: #fecaca00;
3803
- }
3804
- .bg-red-200\/10 {
3805
- background-color: #fecaca1a;
3806
- }
3807
- .bg-red-200\/100 {
3808
- background-color: #fecaca;
3809
- }
3810
- .bg-red-200\/20 {
3811
- background-color: #fecaca33;
3812
- }
3813
- .bg-red-200\/25 {
3814
- background-color: #fecaca40;
3815
- }
3816
- .bg-red-200\/30 {
3817
- background-color: #fecaca4d;
3818
- }
3819
- .bg-red-200\/40 {
3820
- background-color: #fecaca66;
3821
- }
3822
- .bg-red-200\/5 {
3823
- background-color: #fecaca0d;
3824
- }
3825
- .bg-red-200\/50 {
3826
- background-color: #fecaca80;
3827
- }
3828
- .bg-red-200\/60 {
3829
- background-color: #fecaca99;
3830
- }
3831
- .bg-red-200\/70 {
3832
- background-color: #fecacab3;
3833
- }
3834
- .bg-red-200\/75 {
3835
- background-color: #fecacabf;
3836
- }
3837
- .bg-red-200\/80 {
3838
- background-color: #fecacacc;
3839
- }
3840
- .bg-red-200\/90 {
3841
- background-color: #fecacae6;
3842
- }
3843
- .bg-red-200\/95 {
3844
- background-color: #fecacaf2;
3845
- }
3846
- .bg-red-400 {
3847
- --tw-bg-opacity: 1;
3848
- background-color: rgb(248 113 113 / var(--tw-bg-opacity));
3849
- }
3850
- .bg-red-400\/0 {
3851
- background-color: #f8717100;
3852
- }
3853
- .bg-red-400\/10 {
3854
- background-color: #f871711a;
3855
- }
3856
- .bg-red-400\/100 {
3857
- background-color: #f87171;
3858
- }
3859
- .bg-red-400\/20 {
3860
- background-color: #f8717133;
3861
- }
3862
- .bg-red-400\/25 {
3863
- background-color: #f8717140;
3864
- }
3865
- .bg-red-400\/30 {
3866
- background-color: #f871714d;
3867
- }
3868
- .bg-red-400\/40 {
3869
- background-color: #f8717166;
3870
- }
3871
- .bg-red-400\/5 {
3872
- background-color: #f871710d;
3873
- }
3874
- .bg-red-400\/50 {
3875
- background-color: #f8717180;
3876
- }
3877
- .bg-red-400\/60 {
3878
- background-color: #f8717199;
3879
- }
3880
- .bg-red-400\/70 {
3881
- background-color: #f87171b3;
3882
- }
3883
- .bg-red-400\/75 {
3884
- background-color: #f87171bf;
3885
- }
3886
- .bg-red-400\/80 {
3887
- background-color: #f87171cc;
3888
- }
3889
- .bg-red-400\/90 {
3890
- background-color: #f87171e6;
3891
- }
3892
- .bg-red-400\/95 {
3893
- background-color: #f87171f2;
3894
- }
3895
- .stroke-accent {
3896
- stroke: var(--fallback-a, oklch(var(--a) / 1));
3897
- }
3898
- .stroke-error {
3899
- stroke: var(--fallback-er, oklch(var(--er) / 1));
3900
- }
3901
- .stroke-info {
3902
- stroke: var(--fallback-in, oklch(var(--in) / 1));
3903
- }
3904
- .stroke-success {
3905
- stroke: var(--fallback-su, oklch(var(--su) / 1));
3906
- }
3907
- .stroke-warning {
3908
- stroke: var(--fallback-wa, oklch(var(--wa) / 1));
3909
- }
3910
- .p-4 {
3911
- padding: 1rem;
3912
- }
3913
- .p-5 {
3914
- padding: 1.25rem;
3915
- }
3916
- .px-2 {
3917
- padding-left: 0.5rem;
3918
- padding-right: 0.5rem;
3919
- }
3920
- .px-4 {
3921
- padding-left: 1rem;
3922
- padding-right: 1rem;
3923
- }
3924
- .py-2 {
3925
- padding-top: 0.5rem;
3926
- }
3927
- .pb-2,
3928
- .py-2 {
3929
- padding-bottom: 0.5rem;
3930
- }
3931
- .pb-3 {
3932
- padding-bottom: 0.75rem;
3933
- }
3934
- .pl-1 {
3935
- padding-left: 0.25rem;
3936
- }
3937
- .pl-2 {
3938
- padding-left: 0.5rem;
3939
- }
3940
- .pl-4 {
3941
- padding-left: 1rem;
3942
- }
3943
- .pt-2 {
3944
- padding-top: 0.5rem;
3945
- }
3946
- .text-right {
3947
- text-align: right;
3948
- }
3949
- .font-mono {
3950
- font-family:
3951
- ui-monospace,
3952
- SFMono-Regular,
3953
- Menlo,
3954
- Monaco,
3955
- Consolas,
3956
- Liberation Mono,
3957
- Courier New,
3958
- monospace;
3959
- }
3960
- .text-2xl {
3961
- font-size: 1.5rem;
3962
- line-height: 2rem;
3963
- }
3964
- .text-sm {
3965
- font-size: 0.875rem;
3966
- line-height: 1.25rem;
3967
- }
3968
- .text-xl {
3969
- font-size: 1.25rem;
3970
- line-height: 1.75rem;
3971
- }
3972
- .text-xs {
3973
- font-size: 0.75rem;
3974
- line-height: 1rem;
3975
- }
3976
- .font-bold {
3977
- font-weight: 700;
3978
- }
3979
- .font-normal {
3980
- font-weight: 400;
3981
- }
3982
- .italic {
3983
- font-style: italic;
3984
- }
3985
- .not-italic {
3986
- font-style: normal;
3987
- }
3988
- .text-blue-100 {
3989
- --tw-text-opacity: 1;
3990
- color: rgb(219 234 254 / var(--tw-text-opacity));
3991
- }
3992
- .text-blue-100\/0 {
3993
- color: #dbeafe00;
3994
- }
3995
- .text-blue-100\/10 {
3996
- color: #dbeafe1a;
3997
- }
3998
- .text-blue-100\/100 {
3999
- color: #dbeafe;
4000
- }
4001
- .text-blue-100\/20 {
4002
- color: #dbeafe33;
4003
- }
4004
- .text-blue-100\/25 {
4005
- color: #dbeafe40;
4006
- }
4007
- .text-blue-100\/30 {
4008
- color: #dbeafe4d;
4009
- }
4010
- .text-blue-100\/40 {
4011
- color: #dbeafe66;
4012
- }
4013
- .text-blue-100\/5 {
4014
- color: #dbeafe0d;
4015
- }
4016
- .text-blue-100\/50 {
4017
- color: #dbeafe80;
4018
- }
4019
- .text-blue-100\/60 {
4020
- color: #dbeafe99;
4021
- }
4022
- .text-blue-100\/70 {
4023
- color: #dbeafeb3;
4024
- }
4025
- .text-blue-100\/75 {
4026
- color: #dbeafebf;
4027
- }
4028
- .text-blue-100\/80 {
4029
- color: #dbeafecc;
4030
- }
4031
- .text-blue-100\/90 {
4032
- color: #dbeafee6;
4033
- }
4034
- .text-blue-100\/95 {
4035
- color: #dbeafef2;
4036
- }
4037
- .text-blue-200 {
4038
- --tw-text-opacity: 1;
4039
- color: rgb(191 219 254 / var(--tw-text-opacity));
4040
- }
4041
- .text-blue-200\/0 {
4042
- color: #bfdbfe00;
4043
- }
4044
- .text-blue-200\/10 {
4045
- color: #bfdbfe1a;
4046
- }
4047
- .text-blue-200\/100 {
4048
- color: #bfdbfe;
4049
- }
4050
- .text-blue-200\/20 {
4051
- color: #bfdbfe33;
4052
- }
4053
- .text-blue-200\/25 {
4054
- color: #bfdbfe40;
4055
- }
4056
- .text-blue-200\/30 {
4057
- color: #bfdbfe4d;
4058
- }
4059
- .text-blue-200\/40 {
4060
- color: #bfdbfe66;
4061
- }
4062
- .text-blue-200\/5 {
4063
- color: #bfdbfe0d;
4064
- }
4065
- .text-blue-200\/50 {
4066
- color: #bfdbfe80;
4067
- }
4068
- .text-blue-200\/60 {
4069
- color: #bfdbfe99;
4070
- }
4071
- .text-blue-200\/70 {
4072
- color: #bfdbfeb3;
4073
- }
4074
- .text-blue-200\/75 {
4075
- color: #bfdbfebf;
4076
- }
4077
- .text-blue-200\/80 {
4078
- color: #bfdbfecc;
4079
- }
4080
- .text-blue-200\/90 {
4081
- color: #bfdbfee6;
4082
- }
4083
- .text-blue-200\/95 {
4084
- color: #bfdbfef2;
4085
- }
4086
- .text-blue-400 {
4087
- --tw-text-opacity: 1;
4088
- color: rgb(96 165 250 / var(--tw-text-opacity));
4089
- }
4090
- .text-blue-400\/0 {
4091
- color: #60a5fa00;
4092
- }
4093
- .text-blue-400\/10 {
4094
- color: #60a5fa1a;
4095
- }
4096
- .text-blue-400\/100 {
4097
- color: #60a5fa;
4098
- }
4099
- .text-blue-400\/20 {
4100
- color: #60a5fa33;
4101
- }
4102
- .text-blue-400\/25 {
4103
- color: #60a5fa40;
4104
- }
4105
- .text-blue-400\/30 {
4106
- color: #60a5fa4d;
4107
- }
4108
- .text-blue-400\/40 {
4109
- color: #60a5fa66;
4110
- }
4111
- .text-blue-400\/5 {
4112
- color: #60a5fa0d;
4113
- }
4114
- .text-blue-400\/50 {
4115
- color: #60a5fa80;
4116
- }
4117
- .text-blue-400\/60 {
4118
- color: #60a5fa99;
4119
- }
4120
- .text-blue-400\/70 {
4121
- color: #60a5fab3;
4122
- }
4123
- .text-blue-400\/75 {
4124
- color: #60a5fabf;
4125
- }
4126
- .text-blue-400\/80 {
4127
- color: #60a5facc;
4128
- }
4129
- .text-blue-400\/90 {
4130
- color: #60a5fae6;
4131
- }
4132
- .text-blue-400\/95 {
4133
- color: #60a5faf2;
4134
- }
4135
- .text-error-content {
4136
- --tw-text-opacity: 1;
4137
- color: var(--fallback-erc, oklch(var(--erc) / var(--tw-text-opacity)));
4138
- }
4139
- .text-green-100 {
4140
- --tw-text-opacity: 1;
4141
- color: rgb(220 252 231 / var(--tw-text-opacity));
4142
- }
4143
- .text-green-100\/0 {
4144
- color: #dcfce700;
4145
- }
4146
- .text-green-100\/10 {
4147
- color: #dcfce71a;
4148
- }
4149
- .text-green-100\/100 {
4150
- color: #dcfce7;
4151
- }
4152
- .text-green-100\/20 {
4153
- color: #dcfce733;
4154
- }
4155
- .text-green-100\/25 {
4156
- color: #dcfce740;
4157
- }
4158
- .text-green-100\/30 {
4159
- color: #dcfce74d;
4160
- }
4161
- .text-green-100\/40 {
4162
- color: #dcfce766;
4163
- }
4164
- .text-green-100\/5 {
4165
- color: #dcfce70d;
4166
- }
4167
- .text-green-100\/50 {
4168
- color: #dcfce780;
4169
- }
4170
- .text-green-100\/60 {
4171
- color: #dcfce799;
4172
- }
4173
- .text-green-100\/70 {
4174
- color: #dcfce7b3;
4175
- }
4176
- .text-green-100\/75 {
4177
- color: #dcfce7bf;
4178
- }
4179
- .text-green-100\/80 {
4180
- color: #dcfce7cc;
4181
- }
4182
- .text-green-100\/90 {
4183
- color: #dcfce7e6;
4184
- }
4185
- .text-green-100\/95 {
4186
- color: #dcfce7f2;
4187
- }
4188
- .text-green-200 {
4189
- --tw-text-opacity: 1;
4190
- color: rgb(187 247 208 / var(--tw-text-opacity));
4191
- }
4192
- .text-green-200\/0 {
4193
- color: #bbf7d000;
4194
- }
4195
- .text-green-200\/10 {
4196
- color: #bbf7d01a;
4197
- }
4198
- .text-green-200\/100 {
4199
- color: #bbf7d0;
4200
- }
4201
- .text-green-200\/20 {
4202
- color: #bbf7d033;
4203
- }
4204
- .text-green-200\/25 {
4205
- color: #bbf7d040;
4206
- }
4207
- .text-green-200\/30 {
4208
- color: #bbf7d04d;
4209
- }
4210
- .text-green-200\/40 {
4211
- color: #bbf7d066;
4212
- }
4213
- .text-green-200\/5 {
4214
- color: #bbf7d00d;
4215
- }
4216
- .text-green-200\/50 {
4217
- color: #bbf7d080;
4218
- }
4219
- .text-green-200\/60 {
4220
- color: #bbf7d099;
4221
- }
4222
- .text-green-200\/70 {
4223
- color: #bbf7d0b3;
4224
- }
4225
- .text-green-200\/75 {
4226
- color: #bbf7d0bf;
4227
- }
4228
- .text-green-200\/80 {
4229
- color: #bbf7d0cc;
4230
- }
4231
- .text-green-200\/90 {
4232
- color: #bbf7d0e6;
4233
- }
4234
- .text-green-200\/95 {
4235
- color: #bbf7d0f2;
4236
- }
4237
- .text-green-400 {
4238
- --tw-text-opacity: 1;
4239
- color: rgb(74 222 128 / var(--tw-text-opacity));
4240
- }
4241
- .text-green-400\/0 {
4242
- color: #4ade8000;
4243
- }
4244
- .text-green-400\/10 {
4245
- color: #4ade801a;
4246
- }
4247
- .text-green-400\/100 {
4248
- color: #4ade80;
4249
- }
4250
- .text-green-400\/20 {
4251
- color: #4ade8033;
4252
- }
4253
- .text-green-400\/25 {
4254
- color: #4ade8040;
4255
- }
4256
- .text-green-400\/30 {
4257
- color: #4ade804d;
4258
- }
4259
- .text-green-400\/40 {
4260
- color: #4ade8066;
4261
- }
4262
- .text-green-400\/5 {
4263
- color: #4ade800d;
4264
- }
4265
- .text-green-400\/50 {
4266
- color: #4ade8080;
4267
- }
4268
- .text-green-400\/60 {
4269
- color: #4ade8099;
4270
- }
4271
- .text-green-400\/70 {
4272
- color: #4ade80b3;
4273
- }
4274
- .text-green-400\/75 {
4275
- color: #4ade80bf;
4276
- }
4277
- .text-green-400\/80 {
4278
- color: #4ade80cc;
4279
- }
4280
- .text-green-400\/90 {
4281
- color: #4ade80e6;
4282
- }
4283
- .text-green-400\/95 {
4284
- color: #4ade80f2;
4285
- }
4286
- .text-info-content {
4287
- --tw-text-opacity: 1;
4288
- color: var(--fallback-inc, oklch(var(--inc) / var(--tw-text-opacity)));
4289
- }
4290
- .text-orange-100 {
4291
- --tw-text-opacity: 1;
4292
- color: rgb(255 237 213 / var(--tw-text-opacity));
4293
- }
4294
- .text-orange-100\/0 {
4295
- color: #ffedd500;
4296
- }
4297
- .text-orange-100\/10 {
4298
- color: #ffedd51a;
4299
- }
4300
- .text-orange-100\/100 {
4301
- color: #ffedd5;
4302
- }
4303
- .text-orange-100\/20 {
4304
- color: #ffedd533;
4305
- }
4306
- .text-orange-100\/25 {
4307
- color: #ffedd540;
4308
- }
4309
- .text-orange-100\/30 {
4310
- color: #ffedd54d;
4311
- }
4312
- .text-orange-100\/40 {
4313
- color: #ffedd566;
4314
- }
4315
- .text-orange-100\/5 {
4316
- color: #ffedd50d;
4317
- }
4318
- .text-orange-100\/50 {
4319
- color: #ffedd580;
4320
- }
4321
- .text-orange-100\/60 {
4322
- color: #ffedd599;
4323
- }
4324
- .text-orange-100\/70 {
4325
- color: #ffedd5b3;
4326
- }
4327
- .text-orange-100\/75 {
4328
- color: #ffedd5bf;
4329
- }
4330
- .text-orange-100\/80 {
4331
- color: #ffedd5cc;
4332
- }
4333
- .text-orange-100\/90 {
4334
- color: #ffedd5e6;
4335
- }
4336
- .text-orange-100\/95 {
4337
- color: #ffedd5f2;
4338
- }
4339
- .text-orange-200 {
4340
- --tw-text-opacity: 1;
4341
- color: rgb(254 215 170 / var(--tw-text-opacity));
4342
- }
4343
- .text-orange-200\/0 {
4344
- color: #fed7aa00;
4345
- }
4346
- .text-orange-200\/10 {
4347
- color: #fed7aa1a;
4348
- }
4349
- .text-orange-200\/100 {
4350
- color: #fed7aa;
4351
- }
4352
- .text-orange-200\/20 {
4353
- color: #fed7aa33;
4354
- }
4355
- .text-orange-200\/25 {
4356
- color: #fed7aa40;
4357
- }
4358
- .text-orange-200\/30 {
4359
- color: #fed7aa4d;
4360
- }
4361
- .text-orange-200\/40 {
4362
- color: #fed7aa66;
4363
- }
4364
- .text-orange-200\/5 {
4365
- color: #fed7aa0d;
4366
- }
4367
- .text-orange-200\/50 {
4368
- color: #fed7aa80;
4369
- }
4370
- .text-orange-200\/60 {
4371
- color: #fed7aa99;
4372
- }
4373
- .text-orange-200\/70 {
4374
- color: #fed7aab3;
4375
- }
4376
- .text-orange-200\/75 {
4377
- color: #fed7aabf;
4378
- }
4379
- .text-orange-200\/80 {
4380
- color: #fed7aacc;
4381
- }
4382
- .text-orange-200\/90 {
4383
- color: #fed7aae6;
4384
- }
4385
- .text-orange-200\/95 {
4386
- color: #fed7aaf2;
4387
- }
4388
- .text-orange-400 {
4389
- --tw-text-opacity: 1;
4390
- color: rgb(251 146 60 / var(--tw-text-opacity));
4391
- }
4392
- .text-orange-400\/0 {
4393
- color: #fb923c00;
4394
- }
4395
- .text-orange-400\/10 {
4396
- color: #fb923c1a;
4397
- }
4398
- .text-orange-400\/100 {
4399
- color: #fb923c;
4400
- }
4401
- .text-orange-400\/20 {
4402
- color: #fb923c33;
4403
- }
4404
- .text-orange-400\/25 {
4405
- color: #fb923c40;
4406
- }
4407
- .text-orange-400\/30 {
4408
- color: #fb923c4d;
4409
- }
4410
- .text-orange-400\/40 {
4411
- color: #fb923c66;
4412
- }
4413
- .text-orange-400\/5 {
4414
- color: #fb923c0d;
4415
- }
4416
- .text-orange-400\/50 {
4417
- color: #fb923c80;
4418
- }
4419
- .text-orange-400\/60 {
4420
- color: #fb923c99;
4421
- }
4422
- .text-orange-400\/70 {
4423
- color: #fb923cb3;
4424
- }
4425
- .text-orange-400\/75 {
4426
- color: #fb923cbf;
4427
- }
4428
- .text-orange-400\/80 {
4429
- color: #fb923ccc;
4430
- }
4431
- .text-orange-400\/90 {
4432
- color: #fb923ce6;
4433
- }
4434
- .text-orange-400\/95 {
4435
- color: #fb923cf2;
4436
- }
4437
- .text-red-100 {
4438
- --tw-text-opacity: 1;
4439
- color: rgb(254 226 226 / var(--tw-text-opacity));
4440
- }
4441
- .text-red-100\/0 {
4442
- color: #fee2e200;
4443
- }
4444
- .text-red-100\/10 {
4445
- color: #fee2e21a;
4446
- }
4447
- .text-red-100\/100 {
4448
- color: #fee2e2;
4449
- }
4450
- .text-red-100\/20 {
4451
- color: #fee2e233;
4452
- }
4453
- .text-red-100\/25 {
4454
- color: #fee2e240;
4455
- }
4456
- .text-red-100\/30 {
4457
- color: #fee2e24d;
4458
- }
4459
- .text-red-100\/40 {
4460
- color: #fee2e266;
4461
- }
4462
- .text-red-100\/5 {
4463
- color: #fee2e20d;
4464
- }
4465
- .text-red-100\/50 {
4466
- color: #fee2e280;
4467
- }
4468
- .text-red-100\/60 {
4469
- color: #fee2e299;
4470
- }
4471
- .text-red-100\/70 {
4472
- color: #fee2e2b3;
4473
- }
4474
- .text-red-100\/75 {
4475
- color: #fee2e2bf;
4476
- }
4477
- .text-red-100\/80 {
4478
- color: #fee2e2cc;
4479
- }
4480
- .text-red-100\/90 {
4481
- color: #fee2e2e6;
4482
- }
4483
- .text-red-100\/95 {
4484
- color: #fee2e2f2;
4485
- }
4486
- .text-red-200 {
4487
- --tw-text-opacity: 1;
4488
- color: rgb(254 202 202 / var(--tw-text-opacity));
4489
- }
4490
- .text-red-200\/0 {
4491
- color: #fecaca00;
4492
- }
4493
- .text-red-200\/10 {
4494
- color: #fecaca1a;
4495
- }
4496
- .text-red-200\/100 {
4497
- color: #fecaca;
4498
- }
4499
- .text-red-200\/20 {
4500
- color: #fecaca33;
4501
- }
4502
- .text-red-200\/25 {
4503
- color: #fecaca40;
4504
- }
4505
- .text-red-200\/30 {
4506
- color: #fecaca4d;
4507
- }
4508
- .text-red-200\/40 {
4509
- color: #fecaca66;
4510
- }
4511
- .text-red-200\/5 {
4512
- color: #fecaca0d;
4513
- }
4514
- .text-red-200\/50 {
4515
- color: #fecaca80;
4516
- }
4517
- .text-red-200\/60 {
4518
- color: #fecaca99;
4519
- }
4520
- .text-red-200\/70 {
4521
- color: #fecacab3;
4522
- }
4523
- .text-red-200\/75 {
4524
- color: #fecacabf;
4525
- }
4526
- .text-red-200\/80 {
4527
- color: #fecacacc;
4528
- }
4529
- .text-red-200\/90 {
4530
- color: #fecacae6;
4531
- }
4532
- .text-red-200\/95 {
4533
- color: #fecacaf2;
4534
- }
4535
- .text-red-400 {
4536
- --tw-text-opacity: 1;
4537
- color: rgb(248 113 113 / var(--tw-text-opacity));
4538
- }
4539
- .text-red-400\/0 {
4540
- color: #f8717100;
4541
- }
4542
- .text-red-400\/10 {
4543
- color: #f871711a;
4544
- }
4545
- .text-red-400\/100 {
4546
- color: #f87171;
4547
- }
4548
- .text-red-400\/20 {
4549
- color: #f8717133;
4550
- }
4551
- .text-red-400\/25 {
4552
- color: #f8717140;
4553
- }
4554
- .text-red-400\/30 {
4555
- color: #f871714d;
4556
- }
4557
- .text-red-400\/40 {
4558
- color: #f8717166;
4559
- }
4560
- .text-red-400\/5 {
4561
- color: #f871710d;
4562
- }
4563
- .text-red-400\/50 {
4564
- color: #f8717180;
4565
- }
4566
- .text-red-400\/60 {
4567
- color: #f8717199;
4568
- }
4569
- .text-red-400\/70 {
4570
- color: #f87171b3;
4571
- }
4572
- .text-red-400\/75 {
4573
- color: #f87171bf;
4574
- }
4575
- .text-red-400\/80 {
4576
- color: #f87171cc;
4577
- }
4578
- .text-red-400\/90 {
4579
- color: #f87171e6;
4580
- }
4581
- .text-red-400\/95 {
4582
- color: #f87171f2;
4583
- }
4584
- .underline {
4585
- text-decoration-line: underline;
4586
- }
4587
- .opacity-60 {
4588
- opacity: 0.6;
4589
- }
4590
- .shadow {
4591
- --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
4592
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
4593
- 0 1px 2px -1px var(--tw-shadow-color);
4594
- }
4595
- .shadow,
4596
- .shadow-inner {
4597
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
4598
- var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4599
- }
4600
- .shadow-inner {
4601
- --tw-shadow: inset 0 2px 4px 0 #0000000d;
4602
- --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
4603
- }
4604
- @media (hover: hover) {
4605
- .hover\:btn-secondary:hover.btn-outline:hover {
4606
- --tw-text-opacity: 1;
4607
- color: var(--fallback-sc, oklch(var(--sc) / var(--tw-text-opacity)));
4608
- }
4609
- @supports (color: color-mix(in oklab, black, black)) {
4610
- .hover\:btn-secondary:hover.btn-outline:hover {
4611
- background-color: color-mix(
4612
- in oklab,
4613
- var(--fallback-s, oklch(var(--s) / 1)) 90%,
4614
- #000
4615
- );
4616
- border-color: color-mix(
4617
- in oklab,
4618
- var(--fallback-s, oklch(var(--s) / 1)) 90%,
4619
- #000
4620
- );
4621
- }
4622
- }
4623
- .hover\:btn-info:hover.btn-outline:hover {
4624
- --tw-text-opacity: 1;
4625
- color: var(--fallback-inc, oklch(var(--inc) / var(--tw-text-opacity)));
4626
- }
4627
- @supports (color: color-mix(in oklab, black, black)) {
4628
- .hover\:btn-info:hover.btn-outline:hover {
4629
- background-color: color-mix(
4630
- in oklab,
4631
- var(--fallback-in, oklch(var(--in) / 1)) 90%,
4632
- #000
4633
- );
4634
- border-color: color-mix(
4635
- in oklab,
4636
- var(--fallback-in, oklch(var(--in) / 1)) 90%,
4637
- #000
4638
- );
4639
- }
4640
- }
4641
- .hover\:btn-error:hover.btn-outline:hover {
4642
- --tw-text-opacity: 1;
4643
- color: var(--fallback-erc, oklch(var(--erc) / var(--tw-text-opacity)));
4644
- }
4645
- @supports (color: color-mix(in oklab, black, black)) {
4646
- .hover\:btn-error:hover.btn-outline:hover {
4647
- background-color: color-mix(
4648
- in oklab,
4649
- var(--fallback-er, oklch(var(--er) / 1)) 90%,
4650
- #000
4651
- );
4652
- border-color: color-mix(
4653
- in oklab,
4654
- var(--fallback-er, oklch(var(--er) / 1)) 90%,
4655
- #000
4656
- );
4657
- }
4658
- }
4659
- }
4660
- @supports not (color: oklch(0 0 0)) {
4661
- .hover\:btn-secondary:hover {
4662
- --btn-color: var(--fallback-s);
4663
- }
4664
- .hover\:btn-info:hover {
4665
- --btn-color: var(--fallback-in);
4666
- }
4667
- .hover\:btn-error:hover {
4668
- --btn-color: var(--fallback-er);
4669
- }
4670
- }
4671
- @supports (color: color-mix(in oklab, black, black)) {
4672
- .hover\:btn-secondary:hover.btn-outline.btn-active {
4673
- background-color: color-mix(
4674
- in oklab,
4675
- var(--fallback-s, oklch(var(--s) / 1)) 90%,
4676
- #000
4677
- );
4678
- border-color: color-mix(
4679
- in oklab,
4680
- var(--fallback-s, oklch(var(--s) / 1)) 90%,
4681
- #000
4682
- );
4683
- }
4684
- .hover\:btn-info:hover.btn-outline.btn-active {
4685
- background-color: color-mix(
4686
- in oklab,
4687
- var(--fallback-in, oklch(var(--in) / 1)) 90%,
4688
- #000
4689
- );
4690
- border-color: color-mix(
4691
- in oklab,
4692
- var(--fallback-in, oklch(var(--in) / 1)) 90%,
4693
- #000
4694
- );
4695
- }
4696
- .hover\:btn-error:hover.btn-outline.btn-active {
4697
- background-color: color-mix(
4698
- in oklab,
4699
- var(--fallback-er, oklch(var(--er) / 1)) 90%,
4700
- #000
4701
- );
4702
- border-color: color-mix(
4703
- in oklab,
4704
- var(--fallback-er, oklch(var(--er) / 1)) 90%,
4705
- #000
4706
- );
4707
- }
4708
- }
4709
- @supports (color: oklch(0 0 0)) {
4710
- .hover\:btn-secondary:hover {
4711
- --btn-color: var(--s);
4712
- }
4713
- .hover\:btn-info:hover {
4714
- --btn-color: var(--in);
4715
- }
4716
- .hover\:btn-error:hover {
4717
- --btn-color: var(--er);
4718
- }
4719
- }
4720
- .hover\:btn-secondary:hover {
4721
- --tw-text-opacity: 1;
4722
- color: var(--fallback-sc, oklch(var(--sc) / var(--tw-text-opacity)));
4723
- outline-color: var(--fallback-s, oklch(var(--s) / 1));
4724
- }
4725
- .hover\:btn-info:hover {
4726
- --tw-text-opacity: 1;
4727
- color: var(--fallback-inc, oklch(var(--inc) / var(--tw-text-opacity)));
4728
- outline-color: var(--fallback-in, oklch(var(--in) / 1));
4729
- }
4730
- .hover\:btn-error:hover {
4731
- --tw-text-opacity: 1;
4732
- color: var(--fallback-erc, oklch(var(--erc) / var(--tw-text-opacity)));
4733
- outline-color: var(--fallback-er, oklch(var(--er) / 1));
4734
- }
4735
- .hover\:btn-secondary:hover.btn-outline {
4736
- --tw-text-opacity: 1;
4737
- color: var(--fallback-s, oklch(var(--s) / var(--tw-text-opacity)));
4738
- }
4739
- .hover\:btn-secondary:hover.btn-outline.btn-active {
4740
- --tw-text-opacity: 1;
4741
- color: var(--fallback-sc, oklch(var(--sc) / var(--tw-text-opacity)));
4742
- }
4743
- .hover\:btn-info:hover.btn-outline {
4744
- --tw-text-opacity: 1;
4745
- color: var(--fallback-in, oklch(var(--in) / var(--tw-text-opacity)));
4746
- }
4747
- .hover\:btn-info:hover.btn-outline.btn-active {
4748
- --tw-text-opacity: 1;
4749
- color: var(--fallback-inc, oklch(var(--inc) / var(--tw-text-opacity)));
4750
- }
4751
- .hover\:btn-error:hover.btn-outline {
4752
- --tw-text-opacity: 1;
4753
- color: var(--fallback-er, oklch(var(--er) / var(--tw-text-opacity)));
4754
- }
4755
- .hover\:btn-error:hover.btn-outline.btn-active {
4756
- --tw-text-opacity: 1;
4757
- color: var(--fallback-erc, oklch(var(--erc) / var(--tw-text-opacity)));
4758
- }
4759
- .hover\:underline:hover {
4760
- text-decoration-line: underline;
4761
- }
4762
- .hover\:opacity-100:hover {
4763
- opacity: 1;
4764
- }