masks 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (126) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +50 -0
  4. data/Rakefile +11 -0
  5. data/app/assets/builds/application.css +4764 -0
  6. data/app/assets/builds/application.js +8236 -0
  7. data/app/assets/builds/application.js.map +7 -0
  8. data/app/assets/builds/masks/application.css +1 -0
  9. data/app/assets/builds/masks/application.js +7122 -0
  10. data/app/assets/builds/masks/application.js.map +7 -0
  11. data/app/assets/images/masks.png +0 -0
  12. data/app/assets/javascripts/application.js +2 -0
  13. data/app/assets/javascripts/controllers/application.js +9 -0
  14. data/app/assets/javascripts/controllers/emails_controller.js +28 -0
  15. data/app/assets/javascripts/controllers/index.js +12 -0
  16. data/app/assets/javascripts/controllers/keys_controller.js +20 -0
  17. data/app/assets/javascripts/controllers/recover_controller.js +21 -0
  18. data/app/assets/javascripts/controllers/recover_password_controller.js +21 -0
  19. data/app/assets/javascripts/controllers/session_controller.js +94 -0
  20. data/app/assets/manifest.js +2 -0
  21. data/app/assets/masks_manifest.js +2 -0
  22. data/app/assets/stylesheets/application.css +26 -0
  23. data/app/controllers/concerns/masks/controller.rb +114 -0
  24. data/app/controllers/masks/actors_controller.rb +15 -0
  25. data/app/controllers/masks/application_controller.rb +35 -0
  26. data/app/controllers/masks/backup_codes_controller.rb +34 -0
  27. data/app/controllers/masks/debug_controller.rb +9 -0
  28. data/app/controllers/masks/devices_controller.rb +20 -0
  29. data/app/controllers/masks/emails_controller.rb +60 -0
  30. data/app/controllers/masks/error_controller.rb +14 -0
  31. data/app/controllers/masks/keys_controller.rb +45 -0
  32. data/app/controllers/masks/manage/actor_controller.rb +35 -0
  33. data/app/controllers/masks/manage/actors_controller.rb +12 -0
  34. data/app/controllers/masks/manage/base_controller.rb +12 -0
  35. data/app/controllers/masks/one_time_code_controller.rb +49 -0
  36. data/app/controllers/masks/passwords_controller.rb +33 -0
  37. data/app/controllers/masks/recoveries_controller.rb +43 -0
  38. data/app/controllers/masks/sessions_controller.rb +53 -0
  39. data/app/helpers/masks/application_helper.rb +49 -0
  40. data/app/jobs/masks/application_job.rb +7 -0
  41. data/app/jobs/masks/expire_actors_job.rb +15 -0
  42. data/app/jobs/masks/expire_recoveries_job.rb +15 -0
  43. data/app/mailers/masks/actor_mailer.rb +22 -0
  44. data/app/mailers/masks/application_mailer.rb +15 -0
  45. data/app/models/concerns/masks/access.rb +162 -0
  46. data/app/models/concerns/masks/actor.rb +132 -0
  47. data/app/models/concerns/masks/adapter.rb +68 -0
  48. data/app/models/concerns/masks/role.rb +9 -0
  49. data/app/models/concerns/masks/scoped.rb +54 -0
  50. data/app/models/masks/access/actor_password.rb +20 -0
  51. data/app/models/masks/access/actor_scopes.rb +18 -0
  52. data/app/models/masks/access/actor_signup.rb +22 -0
  53. data/app/models/masks/actors/anonymous.rb +40 -0
  54. data/app/models/masks/actors/system.rb +24 -0
  55. data/app/models/masks/adapters/active_record.rb +85 -0
  56. data/app/models/masks/application_model.rb +15 -0
  57. data/app/models/masks/application_record.rb +8 -0
  58. data/app/models/masks/check.rb +192 -0
  59. data/app/models/masks/credential.rb +166 -0
  60. data/app/models/masks/credentials/backup_code.rb +30 -0
  61. data/app/models/masks/credentials/device.rb +59 -0
  62. data/app/models/masks/credentials/email.rb +48 -0
  63. data/app/models/masks/credentials/factor2.rb +71 -0
  64. data/app/models/masks/credentials/key.rb +38 -0
  65. data/app/models/masks/credentials/last_login.rb +12 -0
  66. data/app/models/masks/credentials/masquerade.rb +32 -0
  67. data/app/models/masks/credentials/nickname.rb +63 -0
  68. data/app/models/masks/credentials/one_time_code.rb +34 -0
  69. data/app/models/masks/credentials/password.rb +28 -0
  70. data/app/models/masks/credentials/recovery.rb +71 -0
  71. data/app/models/masks/credentials/session.rb +67 -0
  72. data/app/models/masks/device.rb +30 -0
  73. data/app/models/masks/error.rb +51 -0
  74. data/app/models/masks/event.rb +14 -0
  75. data/app/models/masks/mask.rb +255 -0
  76. data/app/models/masks/rails/actor.rb +190 -0
  77. data/app/models/masks/rails/actor_role.rb +12 -0
  78. data/app/models/masks/rails/device.rb +47 -0
  79. data/app/models/masks/rails/email.rb +96 -0
  80. data/app/models/masks/rails/key.rb +61 -0
  81. data/app/models/masks/rails/recovery.rb +116 -0
  82. data/app/models/masks/rails/role.rb +20 -0
  83. data/app/models/masks/rails/scope.rb +15 -0
  84. data/app/models/masks/session.rb +447 -0
  85. data/app/models/masks/sessions/access.rb +26 -0
  86. data/app/models/masks/sessions/inline.rb +16 -0
  87. data/app/models/masks/sessions/request.rb +42 -0
  88. data/app/resources/masks/actor_resource.rb +9 -0
  89. data/app/resources/masks/session_resource.rb +15 -0
  90. data/app/views/layouts/masks/application.html.erb +17 -0
  91. data/app/views/layouts/masks/mailer.html.erb +17 -0
  92. data/app/views/layouts/masks/mailer.text.erb +1 -0
  93. data/app/views/layouts/masks/manage.html.erb +25 -0
  94. data/app/views/masks/actor_mailer/recover_credentials.html.erb +33 -0
  95. data/app/views/masks/actor_mailer/recover_credentials.text.erb +1 -0
  96. data/app/views/masks/actor_mailer/verify_email.html.erb +34 -0
  97. data/app/views/masks/actor_mailer/verify_email.text.erb +8 -0
  98. data/app/views/masks/actors/current.html.erb +152 -0
  99. data/app/views/masks/application/_header.html.erb +31 -0
  100. data/app/views/masks/backup_codes/new.html.erb +103 -0
  101. data/app/views/masks/emails/new.html.erb +103 -0
  102. data/app/views/masks/emails/verify.html.erb +51 -0
  103. data/app/views/masks/keys/new.html.erb +127 -0
  104. data/app/views/masks/manage/actor/show.html.erb +126 -0
  105. data/app/views/masks/manage/actors/index.html.erb +40 -0
  106. data/app/views/masks/one_time_code/new.html.erb +150 -0
  107. data/app/views/masks/passwords/edit.html.erb +58 -0
  108. data/app/views/masks/recoveries/new.html.erb +71 -0
  109. data/app/views/masks/recoveries/password.html.erb +64 -0
  110. data/app/views/masks/sessions/new.html.erb +153 -0
  111. data/config/brakeman.ignore +28 -0
  112. data/config/locales/en.yml +286 -0
  113. data/config/routes.rb +46 -0
  114. data/db/migrate/20231205173845_create_actors.rb +94 -0
  115. data/lib/generators/masks/install/USAGE +8 -0
  116. data/lib/generators/masks/install/install_generator.rb +33 -0
  117. data/lib/generators/masks/install/templates/initializer.rb +5 -0
  118. data/lib/generators/masks/install/templates/masks.json +6 -0
  119. data/lib/masks/configuration.rb +236 -0
  120. data/lib/masks/engine.rb +25 -0
  121. data/lib/masks/middleware.rb +70 -0
  122. data/lib/masks/version.rb +5 -0
  123. data/lib/masks.rb +183 -0
  124. data/lib/tasks/masks_tasks.rake +71 -0
  125. data/masks.json +274 -0
  126. metadata +416 -0
@@ -0,0 +1,4764 @@
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
+ }