statedict2pytree 0.5.4__py3-none-any.whl → 1.0.0__py3-none-any.whl

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
client/public/output.css DELETED
@@ -1,1617 +0,0 @@
1
- /*
2
- ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
3
- */
4
-
5
- /*
6
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
7
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
8
- */
9
-
10
- *,
11
- ::before,
12
- ::after {
13
- box-sizing: border-box;
14
- /* 1 */
15
- border-width: 0;
16
- /* 2 */
17
- border-style: solid;
18
- /* 2 */
19
- border-color: #e5e7eb;
20
- /* 2 */
21
- }
22
-
23
- ::before,
24
- ::after {
25
- --tw-content: '';
26
- }
27
-
28
- /*
29
- 1. Use a consistent sensible line-height in all browsers.
30
- 2. Prevent adjustments of font size after orientation changes in iOS.
31
- 3. Use a more readable tab size.
32
- 4. Use the user's configured `sans` font-family by default.
33
- 5. Use the user's configured `sans` font-feature-settings by default.
34
- 6. Use the user's configured `sans` font-variation-settings by default.
35
- 7. Disable tap highlights on iOS
36
- */
37
-
38
- html,
39
- :host {
40
- line-height: 1.5;
41
- /* 1 */
42
- -webkit-text-size-adjust: 100%;
43
- /* 2 */
44
- -moz-tab-size: 4;
45
- /* 3 */
46
- -o-tab-size: 4;
47
- tab-size: 4;
48
- /* 3 */
49
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
50
- /* 4 */
51
- font-feature-settings: normal;
52
- /* 5 */
53
- font-variation-settings: normal;
54
- /* 6 */
55
- -webkit-tap-highlight-color: transparent;
56
- /* 7 */
57
- }
58
-
59
- /*
60
- 1. Remove the margin in all browsers.
61
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
62
- */
63
-
64
- body {
65
- margin: 0;
66
- /* 1 */
67
- line-height: inherit;
68
- /* 2 */
69
- }
70
-
71
- /*
72
- 1. Add the correct height in Firefox.
73
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
74
- 3. Ensure horizontal rules are visible by default.
75
- */
76
-
77
- hr {
78
- height: 0;
79
- /* 1 */
80
- color: inherit;
81
- /* 2 */
82
- border-top-width: 1px;
83
- /* 3 */
84
- }
85
-
86
- /*
87
- Add the correct text decoration in Chrome, Edge, and Safari.
88
- */
89
-
90
- abbr:where([title]) {
91
- -webkit-text-decoration: underline dotted;
92
- text-decoration: underline dotted;
93
- }
94
-
95
- /*
96
- Remove the default font size and weight for headings.
97
- */
98
-
99
- h1,
100
- h2,
101
- h3,
102
- h4,
103
- h5,
104
- h6 {
105
- font-size: inherit;
106
- font-weight: inherit;
107
- }
108
-
109
- /*
110
- Reset links to optimize for opt-in styling instead of opt-out.
111
- */
112
-
113
- a {
114
- color: inherit;
115
- text-decoration: inherit;
116
- }
117
-
118
- /*
119
- Add the correct font weight in Edge and Safari.
120
- */
121
-
122
- b,
123
- strong {
124
- font-weight: bolder;
125
- }
126
-
127
- /*
128
- 1. Use the user's configured `mono` font-family by default.
129
- 2. Use the user's configured `mono` font-feature-settings by default.
130
- 3. Use the user's configured `mono` font-variation-settings by default.
131
- 4. Correct the odd `em` font sizing in all browsers.
132
- */
133
-
134
- code,
135
- kbd,
136
- samp,
137
- pre {
138
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
139
- /* 1 */
140
- font-feature-settings: normal;
141
- /* 2 */
142
- font-variation-settings: normal;
143
- /* 3 */
144
- font-size: 1em;
145
- /* 4 */
146
- }
147
-
148
- /*
149
- Add the correct font size in all browsers.
150
- */
151
-
152
- small {
153
- font-size: 80%;
154
- }
155
-
156
- /*
157
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
158
- */
159
-
160
- sub,
161
- sup {
162
- font-size: 75%;
163
- line-height: 0;
164
- position: relative;
165
- vertical-align: baseline;
166
- }
167
-
168
- sub {
169
- bottom: -0.25em;
170
- }
171
-
172
- sup {
173
- top: -0.5em;
174
- }
175
-
176
- /*
177
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
178
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
179
- 3. Remove gaps between table borders by default.
180
- */
181
-
182
- table {
183
- text-indent: 0;
184
- /* 1 */
185
- border-color: inherit;
186
- /* 2 */
187
- border-collapse: collapse;
188
- /* 3 */
189
- }
190
-
191
- /*
192
- 1. Change the font styles in all browsers.
193
- 2. Remove the margin in Firefox and Safari.
194
- 3. Remove default padding in all browsers.
195
- */
196
-
197
- button,
198
- input,
199
- optgroup,
200
- select,
201
- textarea {
202
- font-family: inherit;
203
- /* 1 */
204
- font-feature-settings: inherit;
205
- /* 1 */
206
- font-variation-settings: inherit;
207
- /* 1 */
208
- font-size: 100%;
209
- /* 1 */
210
- font-weight: inherit;
211
- /* 1 */
212
- line-height: inherit;
213
- /* 1 */
214
- letter-spacing: inherit;
215
- /* 1 */
216
- color: inherit;
217
- /* 1 */
218
- margin: 0;
219
- /* 2 */
220
- padding: 0;
221
- /* 3 */
222
- }
223
-
224
- /*
225
- Remove the inheritance of text transform in Edge and Firefox.
226
- */
227
-
228
- button,
229
- select {
230
- text-transform: none;
231
- }
232
-
233
- /*
234
- 1. Correct the inability to style clickable types in iOS and Safari.
235
- 2. Remove default button styles.
236
- */
237
-
238
- button,
239
- input:where([type='button']),
240
- input:where([type='reset']),
241
- input:where([type='submit']) {
242
- -webkit-appearance: button;
243
- /* 1 */
244
- background-color: transparent;
245
- /* 2 */
246
- background-image: none;
247
- /* 2 */
248
- }
249
-
250
- /*
251
- Use the modern Firefox focus style for all focusable elements.
252
- */
253
-
254
- :-moz-focusring {
255
- outline: auto;
256
- }
257
-
258
- /*
259
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
260
- */
261
-
262
- :-moz-ui-invalid {
263
- box-shadow: none;
264
- }
265
-
266
- /*
267
- Add the correct vertical alignment in Chrome and Firefox.
268
- */
269
-
270
- progress {
271
- vertical-align: baseline;
272
- }
273
-
274
- /*
275
- Correct the cursor style of increment and decrement buttons in Safari.
276
- */
277
-
278
- ::-webkit-inner-spin-button,
279
- ::-webkit-outer-spin-button {
280
- height: auto;
281
- }
282
-
283
- /*
284
- 1. Correct the odd appearance in Chrome and Safari.
285
- 2. Correct the outline style in Safari.
286
- */
287
-
288
- [type='search'] {
289
- -webkit-appearance: textfield;
290
- /* 1 */
291
- outline-offset: -2px;
292
- /* 2 */
293
- }
294
-
295
- /*
296
- Remove the inner padding in Chrome and Safari on macOS.
297
- */
298
-
299
- ::-webkit-search-decoration {
300
- -webkit-appearance: none;
301
- }
302
-
303
- /*
304
- 1. Correct the inability to style clickable types in iOS and Safari.
305
- 2. Change font properties to `inherit` in Safari.
306
- */
307
-
308
- ::-webkit-file-upload-button {
309
- -webkit-appearance: button;
310
- /* 1 */
311
- font: inherit;
312
- /* 2 */
313
- }
314
-
315
- /*
316
- Add the correct display in Chrome and Safari.
317
- */
318
-
319
- summary {
320
- display: list-item;
321
- }
322
-
323
- /*
324
- Removes the default spacing and border for appropriate elements.
325
- */
326
-
327
- blockquote,
328
- dl,
329
- dd,
330
- h1,
331
- h2,
332
- h3,
333
- h4,
334
- h5,
335
- h6,
336
- hr,
337
- figure,
338
- p,
339
- pre {
340
- margin: 0;
341
- }
342
-
343
- fieldset {
344
- margin: 0;
345
- padding: 0;
346
- }
347
-
348
- legend {
349
- padding: 0;
350
- }
351
-
352
- ol,
353
- ul,
354
- menu {
355
- list-style: none;
356
- margin: 0;
357
- padding: 0;
358
- }
359
-
360
- /*
361
- Reset default styling for dialogs.
362
- */
363
-
364
- dialog {
365
- padding: 0;
366
- }
367
-
368
- /*
369
- Prevent resizing textareas horizontally by default.
370
- */
371
-
372
- textarea {
373
- resize: vertical;
374
- }
375
-
376
- /*
377
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
378
- 2. Set the default placeholder color to the user's configured gray 400 color.
379
- */
380
-
381
- input::-moz-placeholder, textarea::-moz-placeholder {
382
- opacity: 1;
383
- /* 1 */
384
- color: #9ca3af;
385
- /* 2 */
386
- }
387
-
388
- input::placeholder,
389
- textarea::placeholder {
390
- opacity: 1;
391
- /* 1 */
392
- color: #9ca3af;
393
- /* 2 */
394
- }
395
-
396
- /*
397
- Set the default cursor for buttons.
398
- */
399
-
400
- button,
401
- [role="button"] {
402
- cursor: pointer;
403
- }
404
-
405
- /*
406
- Make sure disabled buttons don't get the pointer cursor.
407
- */
408
-
409
- :disabled {
410
- cursor: default;
411
- }
412
-
413
- /*
414
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
415
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
416
- This can trigger a poorly considered lint error in some tools but is included by design.
417
- */
418
-
419
- img,
420
- svg,
421
- video,
422
- canvas,
423
- audio,
424
- iframe,
425
- embed,
426
- object {
427
- display: block;
428
- /* 1 */
429
- vertical-align: middle;
430
- /* 2 */
431
- }
432
-
433
- /*
434
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
435
- */
436
-
437
- img,
438
- video {
439
- max-width: 100%;
440
- height: auto;
441
- }
442
-
443
- /* Make elements with the HTML hidden attribute stay hidden by default */
444
-
445
- [hidden] {
446
- display: none;
447
- }
448
-
449
- :root,
450
- [data-theme] {
451
- background-color: var(--fallback-b1,oklch(var(--b1)/1));
452
- color: var(--fallback-bc,oklch(var(--bc)/1));
453
- }
454
-
455
- @supports not (color: oklch(0% 0 0)) {
456
- :root {
457
- color-scheme: light;
458
- --fallback-p: #491eff;
459
- --fallback-pc: #d4dbff;
460
- --fallback-s: #ff41c7;
461
- --fallback-sc: #fff9fc;
462
- --fallback-a: #00cfbd;
463
- --fallback-ac: #00100d;
464
- --fallback-n: #2b3440;
465
- --fallback-nc: #d7dde4;
466
- --fallback-b1: #ffffff;
467
- --fallback-b2: #e5e6e6;
468
- --fallback-b3: #e5e6e6;
469
- --fallback-bc: #1f2937;
470
- --fallback-in: #00b3f0;
471
- --fallback-inc: #000000;
472
- --fallback-su: #00ca92;
473
- --fallback-suc: #000000;
474
- --fallback-wa: #ffc22d;
475
- --fallback-wac: #000000;
476
- --fallback-er: #ff6f70;
477
- --fallback-erc: #000000;
478
- }
479
-
480
- @media (prefers-color-scheme: dark) {
481
- :root {
482
- color-scheme: dark;
483
- --fallback-p: #7582ff;
484
- --fallback-pc: #050617;
485
- --fallback-s: #ff71cf;
486
- --fallback-sc: #190211;
487
- --fallback-a: #00c7b5;
488
- --fallback-ac: #000e0c;
489
- --fallback-n: #2a323c;
490
- --fallback-nc: #a6adbb;
491
- --fallback-b1: #1d232a;
492
- --fallback-b2: #191e24;
493
- --fallback-b3: #15191e;
494
- --fallback-bc: #a6adbb;
495
- --fallback-in: #00b3f0;
496
- --fallback-inc: #000000;
497
- --fallback-su: #00ca92;
498
- --fallback-suc: #000000;
499
- --fallback-wa: #ffc22d;
500
- --fallback-wac: #000000;
501
- --fallback-er: #ff6f70;
502
- --fallback-erc: #000000;
503
- }
504
- }
505
- }
506
-
507
- html {
508
- -webkit-tap-highlight-color: transparent;
509
- }
510
-
511
- * {
512
- scrollbar-color: currentColor transparent;
513
- }
514
-
515
- :root {
516
- color-scheme: light;
517
- --in: 72.06% 0.191 231.6;
518
- --su: 64.8% 0.150 160;
519
- --wa: 84.71% 0.199 83.87;
520
- --er: 71.76% 0.221 22.18;
521
- --pc: 89.824% 0.06192 275.75;
522
- --ac: 15.352% 0.0368 183.61;
523
- --inc: 0% 0 0;
524
- --suc: 0% 0 0;
525
- --wac: 0% 0 0;
526
- --erc: 0% 0 0;
527
- --rounded-box: 1rem;
528
- --rounded-btn: 0.5rem;
529
- --rounded-badge: 1.9rem;
530
- --animation-btn: 0.25s;
531
- --animation-input: .2s;
532
- --btn-focus-scale: 0.95;
533
- --border-btn: 1px;
534
- --tab-border: 1px;
535
- --tab-radius: 0.5rem;
536
- --p: 49.12% 0.3096 275.75;
537
- --s: 69.71% 0.329 342.55;
538
- --sc: 98.71% 0.0106 342.55;
539
- --a: 76.76% 0.184 183.61;
540
- --n: 32.1785% 0.02476 255.701624;
541
- --nc: 89.4994% 0.011585 252.096176;
542
- --b1: 100% 0 0;
543
- --b2: 96.1151% 0 0;
544
- --b3: 92.4169% 0.00108 197.137559;
545
- --bc: 27.8078% 0.029596 256.847952;
546
- }
547
-
548
- @media (prefers-color-scheme: dark) {
549
- :root {
550
- color-scheme: dark;
551
- --in: 72.06% 0.191 231.6;
552
- --su: 64.8% 0.150 160;
553
- --wa: 84.71% 0.199 83.87;
554
- --er: 71.76% 0.221 22.18;
555
- --pc: 13.138% 0.0392 275.75;
556
- --sc: 14.96% 0.052 342.55;
557
- --ac: 14.902% 0.0334 183.61;
558
- --inc: 0% 0 0;
559
- --suc: 0% 0 0;
560
- --wac: 0% 0 0;
561
- --erc: 0% 0 0;
562
- --rounded-box: 1rem;
563
- --rounded-btn: 0.5rem;
564
- --rounded-badge: 1.9rem;
565
- --animation-btn: 0.25s;
566
- --animation-input: .2s;
567
- --btn-focus-scale: 0.95;
568
- --border-btn: 1px;
569
- --tab-border: 1px;
570
- --tab-radius: 0.5rem;
571
- --p: 65.69% 0.196 275.75;
572
- --s: 74.8% 0.26 342.55;
573
- --a: 74.51% 0.167 183.61;
574
- --n: 31.3815% 0.021108 254.139175;
575
- --nc: 74.6477% 0.0216 264.435964;
576
- --b1: 25.3267% 0.015896 252.417568;
577
- --b2: 23.2607% 0.013807 253.100675;
578
- --b3: 21.1484% 0.01165 254.087939;
579
- --bc: 74.6477% 0.0216 264.435964;
580
- }
581
- }
582
-
583
- [data-theme=light] {
584
- color-scheme: light;
585
- --in: 72.06% 0.191 231.6;
586
- --su: 64.8% 0.150 160;
587
- --wa: 84.71% 0.199 83.87;
588
- --er: 71.76% 0.221 22.18;
589
- --pc: 89.824% 0.06192 275.75;
590
- --ac: 15.352% 0.0368 183.61;
591
- --inc: 0% 0 0;
592
- --suc: 0% 0 0;
593
- --wac: 0% 0 0;
594
- --erc: 0% 0 0;
595
- --rounded-box: 1rem;
596
- --rounded-btn: 0.5rem;
597
- --rounded-badge: 1.9rem;
598
- --animation-btn: 0.25s;
599
- --animation-input: .2s;
600
- --btn-focus-scale: 0.95;
601
- --border-btn: 1px;
602
- --tab-border: 1px;
603
- --tab-radius: 0.5rem;
604
- --p: 49.12% 0.3096 275.75;
605
- --s: 69.71% 0.329 342.55;
606
- --sc: 98.71% 0.0106 342.55;
607
- --a: 76.76% 0.184 183.61;
608
- --n: 32.1785% 0.02476 255.701624;
609
- --nc: 89.4994% 0.011585 252.096176;
610
- --b1: 100% 0 0;
611
- --b2: 96.1151% 0 0;
612
- --b3: 92.4169% 0.00108 197.137559;
613
- --bc: 27.8078% 0.029596 256.847952;
614
- }
615
-
616
- [data-theme=dark] {
617
- color-scheme: dark;
618
- --in: 72.06% 0.191 231.6;
619
- --su: 64.8% 0.150 160;
620
- --wa: 84.71% 0.199 83.87;
621
- --er: 71.76% 0.221 22.18;
622
- --pc: 13.138% 0.0392 275.75;
623
- --sc: 14.96% 0.052 342.55;
624
- --ac: 14.902% 0.0334 183.61;
625
- --inc: 0% 0 0;
626
- --suc: 0% 0 0;
627
- --wac: 0% 0 0;
628
- --erc: 0% 0 0;
629
- --rounded-box: 1rem;
630
- --rounded-btn: 0.5rem;
631
- --rounded-badge: 1.9rem;
632
- --animation-btn: 0.25s;
633
- --animation-input: .2s;
634
- --btn-focus-scale: 0.95;
635
- --border-btn: 1px;
636
- --tab-border: 1px;
637
- --tab-radius: 0.5rem;
638
- --p: 65.69% 0.196 275.75;
639
- --s: 74.8% 0.26 342.55;
640
- --a: 74.51% 0.167 183.61;
641
- --n: 31.3815% 0.021108 254.139175;
642
- --nc: 74.6477% 0.0216 264.435964;
643
- --b1: 25.3267% 0.015896 252.417568;
644
- --b2: 23.2607% 0.013807 253.100675;
645
- --b3: 21.1484% 0.01165 254.087939;
646
- --bc: 74.6477% 0.0216 264.435964;
647
- }
648
-
649
- *, ::before, ::after {
650
- --tw-border-spacing-x: 0;
651
- --tw-border-spacing-y: 0;
652
- --tw-translate-x: 0;
653
- --tw-translate-y: 0;
654
- --tw-rotate: 0;
655
- --tw-skew-x: 0;
656
- --tw-skew-y: 0;
657
- --tw-scale-x: 1;
658
- --tw-scale-y: 1;
659
- --tw-pan-x: ;
660
- --tw-pan-y: ;
661
- --tw-pinch-zoom: ;
662
- --tw-scroll-snap-strictness: proximity;
663
- --tw-gradient-from-position: ;
664
- --tw-gradient-via-position: ;
665
- --tw-gradient-to-position: ;
666
- --tw-ordinal: ;
667
- --tw-slashed-zero: ;
668
- --tw-numeric-figure: ;
669
- --tw-numeric-spacing: ;
670
- --tw-numeric-fraction: ;
671
- --tw-ring-inset: ;
672
- --tw-ring-offset-width: 0px;
673
- --tw-ring-offset-color: #fff;
674
- --tw-ring-color: rgb(59 130 246 / 0.5);
675
- --tw-ring-offset-shadow: 0 0 #0000;
676
- --tw-ring-shadow: 0 0 #0000;
677
- --tw-shadow: 0 0 #0000;
678
- --tw-shadow-colored: 0 0 #0000;
679
- --tw-blur: ;
680
- --tw-brightness: ;
681
- --tw-contrast: ;
682
- --tw-grayscale: ;
683
- --tw-hue-rotate: ;
684
- --tw-invert: ;
685
- --tw-saturate: ;
686
- --tw-sepia: ;
687
- --tw-drop-shadow: ;
688
- --tw-backdrop-blur: ;
689
- --tw-backdrop-brightness: ;
690
- --tw-backdrop-contrast: ;
691
- --tw-backdrop-grayscale: ;
692
- --tw-backdrop-hue-rotate: ;
693
- --tw-backdrop-invert: ;
694
- --tw-backdrop-opacity: ;
695
- --tw-backdrop-saturate: ;
696
- --tw-backdrop-sepia: ;
697
- --tw-contain-size: ;
698
- --tw-contain-layout: ;
699
- --tw-contain-paint: ;
700
- --tw-contain-style: ;
701
- }
702
-
703
- ::backdrop {
704
- --tw-border-spacing-x: 0;
705
- --tw-border-spacing-y: 0;
706
- --tw-translate-x: 0;
707
- --tw-translate-y: 0;
708
- --tw-rotate: 0;
709
- --tw-skew-x: 0;
710
- --tw-skew-y: 0;
711
- --tw-scale-x: 1;
712
- --tw-scale-y: 1;
713
- --tw-pan-x: ;
714
- --tw-pan-y: ;
715
- --tw-pinch-zoom: ;
716
- --tw-scroll-snap-strictness: proximity;
717
- --tw-gradient-from-position: ;
718
- --tw-gradient-via-position: ;
719
- --tw-gradient-to-position: ;
720
- --tw-ordinal: ;
721
- --tw-slashed-zero: ;
722
- --tw-numeric-figure: ;
723
- --tw-numeric-spacing: ;
724
- --tw-numeric-fraction: ;
725
- --tw-ring-inset: ;
726
- --tw-ring-offset-width: 0px;
727
- --tw-ring-offset-color: #fff;
728
- --tw-ring-color: rgb(59 130 246 / 0.5);
729
- --tw-ring-offset-shadow: 0 0 #0000;
730
- --tw-ring-shadow: 0 0 #0000;
731
- --tw-shadow: 0 0 #0000;
732
- --tw-shadow-colored: 0 0 #0000;
733
- --tw-blur: ;
734
- --tw-brightness: ;
735
- --tw-contrast: ;
736
- --tw-grayscale: ;
737
- --tw-hue-rotate: ;
738
- --tw-invert: ;
739
- --tw-saturate: ;
740
- --tw-sepia: ;
741
- --tw-drop-shadow: ;
742
- --tw-backdrop-blur: ;
743
- --tw-backdrop-brightness: ;
744
- --tw-backdrop-contrast: ;
745
- --tw-backdrop-grayscale: ;
746
- --tw-backdrop-hue-rotate: ;
747
- --tw-backdrop-invert: ;
748
- --tw-backdrop-opacity: ;
749
- --tw-backdrop-saturate: ;
750
- --tw-backdrop-sepia: ;
751
- --tw-contain-size: ;
752
- --tw-contain-layout: ;
753
- --tw-contain-paint: ;
754
- --tw-contain-style: ;
755
- }
756
-
757
- .avatar.placeholder > div {
758
- display: flex;
759
- align-items: center;
760
- justify-content: center;
761
- }
762
-
763
- .btn {
764
- display: inline-flex;
765
- height: 3rem;
766
- min-height: 3rem;
767
- flex-shrink: 0;
768
- cursor: pointer;
769
- -webkit-user-select: none;
770
- -moz-user-select: none;
771
- user-select: none;
772
- flex-wrap: wrap;
773
- align-items: center;
774
- justify-content: center;
775
- border-radius: var(--rounded-btn, 0.5rem);
776
- border-color: transparent;
777
- border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
778
- padding-left: 1rem;
779
- padding-right: 1rem;
780
- text-align: center;
781
- font-size: 0.875rem;
782
- line-height: 1em;
783
- gap: 0.5rem;
784
- font-weight: 600;
785
- text-decoration-line: none;
786
- transition-duration: 200ms;
787
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
788
- border-width: var(--border-btn, 1px);
789
- transition-property: color, background-color, border-color, opacity, box-shadow, transform;
790
- --tw-text-opacity: 1;
791
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
792
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
793
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
794
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
795
- outline-color: var(--fallback-bc,oklch(var(--bc)/1));
796
- background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
797
- --tw-bg-opacity: 1;
798
- --tw-border-opacity: 1;
799
- }
800
-
801
- .btn-disabled,
802
- .btn[disabled],
803
- .btn:disabled {
804
- pointer-events: none;
805
- }
806
-
807
- :where(.btn:is(input[type="checkbox"])),
808
- :where(.btn:is(input[type="radio"])) {
809
- width: auto;
810
- -webkit-appearance: none;
811
- -moz-appearance: none;
812
- appearance: none;
813
- }
814
-
815
- .btn:is(input[type="checkbox"]):after,
816
- .btn:is(input[type="radio"]):after {
817
- --tw-content: attr(aria-label);
818
- content: var(--tw-content);
819
- }
820
-
821
- @media (hover: hover) {
822
- .btn:hover {
823
- --tw-border-opacity: 1;
824
- border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));
825
- --tw-bg-opacity: 1;
826
- background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
827
- }
828
-
829
- @supports (color: color-mix(in oklab, black, black)) {
830
- .btn:hover {
831
- background-color: color-mix(
832
- in oklab,
833
- oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,
834
- black
835
- );
836
- border-color: color-mix(
837
- in oklab,
838
- oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
839
- black
840
- );
841
- }
842
- }
843
-
844
- @supports not (color: oklch(0% 0 0)) {
845
- .btn:hover {
846
- background-color: var(--btn-color, var(--fallback-b2));
847
- border-color: var(--btn-color, var(--fallback-b2));
848
- }
849
- }
850
-
851
- .btn.glass:hover {
852
- --glass-opacity: 25%;
853
- --glass-border-opacity: 15%;
854
- }
855
-
856
- .btn-ghost:hover {
857
- border-color: transparent;
858
- }
859
-
860
- @supports (color: oklch(0% 0 0)) {
861
- .btn-ghost:hover {
862
- background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
863
- }
864
- }
865
-
866
- .btn-outline.btn-secondary:hover {
867
- --tw-text-opacity: 1;
868
- color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
869
- }
870
-
871
- @supports (color: color-mix(in oklab, black, black)) {
872
- .btn-outline.btn-secondary:hover {
873
- background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
874
- border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
875
- }
876
- }
877
-
878
- .btn-outline.btn-accent:hover {
879
- --tw-text-opacity: 1;
880
- color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
881
- }
882
-
883
- @supports (color: color-mix(in oklab, black, black)) {
884
- .btn-outline.btn-accent:hover {
885
- background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
886
- border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
887
- }
888
- }
889
-
890
- .btn-outline.btn-warning:hover {
891
- --tw-text-opacity: 1;
892
- color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
893
- }
894
-
895
- @supports (color: color-mix(in oklab, black, black)) {
896
- .btn-outline.btn-warning:hover {
897
- background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
898
- border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
899
- }
900
- }
901
-
902
- .btn-disabled:hover,
903
- .btn[disabled]:hover,
904
- .btn:disabled:hover {
905
- --tw-border-opacity: 0;
906
- background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
907
- --tw-bg-opacity: 0.2;
908
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
909
- --tw-text-opacity: 0.2;
910
- }
911
-
912
- @supports (color: color-mix(in oklab, black, black)) {
913
- .btn:is(input[type="checkbox"]:checked):hover, .btn:is(input[type="radio"]:checked):hover {
914
- background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
915
- border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
916
- }
917
- }
918
- }
919
-
920
- .input {
921
- flex-shrink: 1;
922
- -webkit-appearance: none;
923
- -moz-appearance: none;
924
- appearance: none;
925
- height: 3rem;
926
- padding-left: 1rem;
927
- padding-right: 1rem;
928
- font-size: 1rem;
929
- line-height: 2;
930
- line-height: 1.5rem;
931
- border-radius: var(--rounded-btn, 0.5rem);
932
- border-width: 1px;
933
- border-color: transparent;
934
- --tw-bg-opacity: 1;
935
- background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
936
- }
937
-
938
- .input[type="number"]::-webkit-inner-spin-button,
939
- .input-md[type="number"]::-webkit-inner-spin-button {
940
- margin-top: -1rem;
941
- margin-bottom: -1rem;
942
- margin-inline-end: -1rem;
943
- }
944
-
945
- .select {
946
- display: inline-flex;
947
- cursor: pointer;
948
- -webkit-user-select: none;
949
- -moz-user-select: none;
950
- user-select: none;
951
- -webkit-appearance: none;
952
- -moz-appearance: none;
953
- appearance: none;
954
- height: 3rem;
955
- min-height: 3rem;
956
- padding-left: 1rem;
957
- padding-right: 2.5rem;
958
- font-size: 0.875rem;
959
- line-height: 1.25rem;
960
- line-height: 2;
961
- border-radius: var(--rounded-btn, 0.5rem);
962
- border-width: 1px;
963
- border-color: transparent;
964
- --tw-bg-opacity: 1;
965
- background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
966
- background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
967
- linear-gradient(135deg, currentColor 50%, transparent 50%);
968
- background-position: calc(100% - 20px) calc(1px + 50%),
969
- calc(100% - 16.1px) calc(1px + 50%);
970
- background-size: 4px 4px,
971
- 4px 4px;
972
- background-repeat: no-repeat;
973
- }
974
-
975
- .select[multiple] {
976
- height: auto;
977
- }
978
-
979
- .toast {
980
- position: fixed;
981
- display: flex;
982
- min-width: -moz-fit-content;
983
- min-width: fit-content;
984
- flex-direction: column;
985
- white-space: nowrap;
986
- gap: 0.5rem;
987
- padding: 1rem;
988
- }
989
-
990
- @media (prefers-reduced-motion: no-preference) {
991
- .btn {
992
- animation: button-pop var(--animation-btn, 0.25s) ease-out;
993
- }
994
- }
995
-
996
- .btn:active:hover,
997
- .btn:active:focus {
998
- animation: button-pop 0s ease-out;
999
- transform: scale(var(--btn-focus-scale, 0.97));
1000
- }
1001
-
1002
- @supports not (color: oklch(0% 0 0)) {
1003
- .btn {
1004
- background-color: var(--btn-color, var(--fallback-b2));
1005
- border-color: var(--btn-color, var(--fallback-b2));
1006
- }
1007
-
1008
- .btn-secondary {
1009
- --btn-color: var(--fallback-s);
1010
- }
1011
-
1012
- .btn-accent {
1013
- --btn-color: var(--fallback-a);
1014
- }
1015
-
1016
- .btn-warning {
1017
- --btn-color: var(--fallback-wa);
1018
- }
1019
- }
1020
-
1021
- @supports (color: color-mix(in oklab, black, black)) {
1022
- .btn-outline.btn-secondary.btn-active {
1023
- background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
1024
- border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
1025
- }
1026
-
1027
- .btn-outline.btn-accent.btn-active {
1028
- background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
1029
- border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
1030
- }
1031
-
1032
- .btn-outline.btn-warning.btn-active {
1033
- background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
1034
- border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
1035
- }
1036
- }
1037
-
1038
- .btn:focus-visible {
1039
- outline-style: solid;
1040
- outline-width: 2px;
1041
- outline-offset: 2px;
1042
- }
1043
-
1044
- @supports (color: oklch(0% 0 0)) {
1045
- .btn-secondary {
1046
- --btn-color: var(--s);
1047
- }
1048
-
1049
- .btn-accent {
1050
- --btn-color: var(--a);
1051
- }
1052
-
1053
- .btn-warning {
1054
- --btn-color: var(--wa);
1055
- }
1056
- }
1057
-
1058
- .btn-secondary {
1059
- --tw-text-opacity: 1;
1060
- color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
1061
- outline-color: var(--fallback-s,oklch(var(--s)/1));
1062
- }
1063
-
1064
- .btn-accent {
1065
- --tw-text-opacity: 1;
1066
- color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
1067
- outline-color: var(--fallback-a,oklch(var(--a)/1));
1068
- }
1069
-
1070
- .btn-warning {
1071
- --tw-text-opacity: 1;
1072
- color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
1073
- outline-color: var(--fallback-wa,oklch(var(--wa)/1));
1074
- }
1075
-
1076
- .btn.glass {
1077
- --tw-shadow: 0 0 #0000;
1078
- --tw-shadow-colored: 0 0 #0000;
1079
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1080
- outline-color: currentColor;
1081
- }
1082
-
1083
- .btn.glass.btn-active {
1084
- --glass-opacity: 25%;
1085
- --glass-border-opacity: 15%;
1086
- }
1087
-
1088
- .btn-ghost {
1089
- border-width: 1px;
1090
- border-color: transparent;
1091
- background-color: transparent;
1092
- color: currentColor;
1093
- --tw-shadow: 0 0 #0000;
1094
- --tw-shadow-colored: 0 0 #0000;
1095
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1096
- outline-color: currentColor;
1097
- }
1098
-
1099
- .btn-ghost.btn-active {
1100
- border-color: transparent;
1101
- background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
1102
- }
1103
-
1104
- .btn-outline.btn-secondary {
1105
- --tw-text-opacity: 1;
1106
- color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
1107
- }
1108
-
1109
- .btn-outline.btn-secondary.btn-active {
1110
- --tw-text-opacity: 1;
1111
- color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
1112
- }
1113
-
1114
- .btn-outline.btn-accent {
1115
- --tw-text-opacity: 1;
1116
- color: var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity)));
1117
- }
1118
-
1119
- .btn-outline.btn-accent.btn-active {
1120
- --tw-text-opacity: 1;
1121
- color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
1122
- }
1123
-
1124
- .btn-outline.btn-warning {
1125
- --tw-text-opacity: 1;
1126
- color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)));
1127
- }
1128
-
1129
- .btn-outline.btn-warning.btn-active {
1130
- --tw-text-opacity: 1;
1131
- color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
1132
- }
1133
-
1134
- .btn.btn-disabled,
1135
- .btn[disabled],
1136
- .btn:disabled {
1137
- --tw-border-opacity: 0;
1138
- background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
1139
- --tw-bg-opacity: 0.2;
1140
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
1141
- --tw-text-opacity: 0.2;
1142
- }
1143
-
1144
- .btn:is(input[type="checkbox"]:checked),
1145
- .btn:is(input[type="radio"]:checked) {
1146
- --tw-border-opacity: 1;
1147
- border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
1148
- --tw-bg-opacity: 1;
1149
- background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
1150
- --tw-text-opacity: 1;
1151
- color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
1152
- }
1153
-
1154
- .btn:is(input[type="checkbox"]:checked):focus-visible, .btn:is(input[type="radio"]:checked):focus-visible {
1155
- outline-color: var(--fallback-p,oklch(var(--p)/1));
1156
- }
1157
-
1158
- @keyframes button-pop {
1159
- 0% {
1160
- transform: scale(var(--btn-focus-scale, 0.98));
1161
- }
1162
-
1163
- 40% {
1164
- transform: scale(1.02);
1165
- }
1166
-
1167
- 100% {
1168
- transform: scale(1);
1169
- }
1170
- }
1171
-
1172
- @keyframes checkmark {
1173
- 0% {
1174
- background-position-y: 5px;
1175
- }
1176
-
1177
- 50% {
1178
- background-position-y: -2px;
1179
- }
1180
-
1181
- 100% {
1182
- background-position-y: 0;
1183
- }
1184
- }
1185
-
1186
- .input input {
1187
- --tw-bg-opacity: 1;
1188
- background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
1189
- background-color: transparent;
1190
- }
1191
-
1192
- .input input:focus {
1193
- outline: 2px solid transparent;
1194
- outline-offset: 2px;
1195
- }
1196
-
1197
- .input[list]::-webkit-calendar-picker-indicator {
1198
- line-height: 1em;
1199
- }
1200
-
1201
- .input:focus,
1202
- .input:focus-within {
1203
- box-shadow: none;
1204
- border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
1205
- outline-style: solid;
1206
- outline-width: 2px;
1207
- outline-offset: 2px;
1208
- outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
1209
- }
1210
-
1211
- .input-primary {
1212
- --tw-border-opacity: 1;
1213
- border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
1214
- }
1215
-
1216
- .input-primary:focus,
1217
- .input-primary:focus-within {
1218
- --tw-border-opacity: 1;
1219
- border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
1220
- outline-color: var(--fallback-p,oklch(var(--p)/1));
1221
- }
1222
-
1223
- .input:has(> input[disabled]),
1224
- .input-disabled,
1225
- .input:disabled,
1226
- .input[disabled] {
1227
- cursor: not-allowed;
1228
- --tw-border-opacity: 1;
1229
- border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
1230
- --tw-bg-opacity: 1;
1231
- background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
1232
- color: var(--fallback-bc,oklch(var(--bc)/0.4));
1233
- }
1234
-
1235
- .input:has(> input[disabled])::-moz-placeholder, .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder {
1236
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
1237
- --tw-placeholder-opacity: 0.2;
1238
- }
1239
-
1240
- .input:has(> input[disabled])::placeholder,
1241
- .input-disabled::placeholder,
1242
- .input:disabled::placeholder,
1243
- .input[disabled]::placeholder {
1244
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
1245
- --tw-placeholder-opacity: 0.2;
1246
- }
1247
-
1248
- .input:has(> input[disabled]) > input[disabled] {
1249
- cursor: not-allowed;
1250
- }
1251
-
1252
- .input::-webkit-date-and-time-value {
1253
- text-align: inherit;
1254
- }
1255
-
1256
- .mockup-browser .mockup-browser-toolbar .input {
1257
- position: relative;
1258
- margin-left: auto;
1259
- margin-right: auto;
1260
- display: block;
1261
- height: 1.75rem;
1262
- width: 24rem;
1263
- overflow: hidden;
1264
- text-overflow: ellipsis;
1265
- white-space: nowrap;
1266
- --tw-bg-opacity: 1;
1267
- background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
1268
- padding-left: 2rem;
1269
- direction: ltr;
1270
- }
1271
-
1272
- .mockup-browser .mockup-browser-toolbar .input:before {
1273
- content: "";
1274
- position: absolute;
1275
- left: 0.5rem;
1276
- top: 50%;
1277
- aspect-ratio: 1 / 1;
1278
- height: 0.75rem;
1279
- --tw-translate-y: -50%;
1280
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1281
- border-radius: 9999px;
1282
- border-width: 2px;
1283
- border-color: currentColor;
1284
- opacity: 0.6;
1285
- }
1286
-
1287
- .mockup-browser .mockup-browser-toolbar .input:after {
1288
- content: "";
1289
- position: absolute;
1290
- left: 1.25rem;
1291
- top: 50%;
1292
- height: 0.5rem;
1293
- --tw-translate-y: 25%;
1294
- --tw-rotate: -45deg;
1295
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1296
- border-radius: 9999px;
1297
- border-width: 1px;
1298
- border-color: currentColor;
1299
- opacity: 0.6;
1300
- }
1301
-
1302
- @keyframes modal-pop {
1303
- 0% {
1304
- opacity: 0;
1305
- }
1306
- }
1307
-
1308
- @keyframes progress-loading {
1309
- 50% {
1310
- background-position-x: -115%;
1311
- }
1312
- }
1313
-
1314
- @keyframes radiomark {
1315
- 0% {
1316
- box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,
1317
- 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset;
1318
- }
1319
-
1320
- 50% {
1321
- box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,
1322
- 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset;
1323
- }
1324
-
1325
- 100% {
1326
- box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
1327
- 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
1328
- }
1329
- }
1330
-
1331
- @keyframes rating-pop {
1332
- 0% {
1333
- transform: translateY(-0.125em);
1334
- }
1335
-
1336
- 40% {
1337
- transform: translateY(-0.125em);
1338
- }
1339
-
1340
- 100% {
1341
- transform: translateY(0);
1342
- }
1343
- }
1344
-
1345
- .select:focus {
1346
- box-shadow: none;
1347
- border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
1348
- outline-style: solid;
1349
- outline-width: 2px;
1350
- outline-offset: 2px;
1351
- outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
1352
- }
1353
-
1354
- .select-disabled,
1355
- .select:disabled,
1356
- .select[disabled] {
1357
- cursor: not-allowed;
1358
- --tw-border-opacity: 1;
1359
- border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
1360
- --tw-bg-opacity: 1;
1361
- background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
1362
- color: var(--fallback-bc,oklch(var(--bc)/0.4));
1363
- }
1364
-
1365
- .select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder {
1366
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
1367
- --tw-placeholder-opacity: 0.2;
1368
- }
1369
-
1370
- .select-disabled::placeholder,
1371
- .select:disabled::placeholder,
1372
- .select[disabled]::placeholder {
1373
- color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
1374
- --tw-placeholder-opacity: 0.2;
1375
- }
1376
-
1377
- .select-multiple,
1378
- .select[multiple],
1379
- .select[size].select:not([size="1"]) {
1380
- background-image: none;
1381
- padding-right: 1rem;
1382
- }
1383
-
1384
- [dir="rtl"] .select {
1385
- background-position: calc(0% + 12px) calc(1px + 50%),
1386
- calc(0% + 16px) calc(1px + 50%);
1387
- }
1388
-
1389
- @keyframes skeleton {
1390
- from {
1391
- background-position: 150%;
1392
- }
1393
-
1394
- to {
1395
- background-position: -50%;
1396
- }
1397
- }
1398
-
1399
- .toast > * {
1400
- animation: toast-pop 0.25s ease-out;
1401
- }
1402
-
1403
- @keyframes toast-pop {
1404
- 0% {
1405
- transform: scale(0.9);
1406
- opacity: 0;
1407
- }
1408
-
1409
- 100% {
1410
- transform: scale(1);
1411
- opacity: 1;
1412
- }
1413
- }
1414
-
1415
- .btn-lg {
1416
- height: 4rem;
1417
- min-height: 4rem;
1418
- padding-left: 1.5rem;
1419
- padding-right: 1.5rem;
1420
- font-size: 1.125rem;
1421
- }
1422
-
1423
- .btn-wide {
1424
- width: 16rem;
1425
- }
1426
-
1427
- .btn-square:where(.btn-lg) {
1428
- height: 4rem;
1429
- width: 4rem;
1430
- padding: 0px;
1431
- }
1432
-
1433
- .btn-circle:where(.btn-lg) {
1434
- height: 4rem;
1435
- width: 4rem;
1436
- border-radius: 9999px;
1437
- padding: 0px;
1438
- }
1439
-
1440
- :where(.toast) {
1441
- bottom: 0px;
1442
- inset-inline-end: 0px;
1443
- inset-inline-start: auto;
1444
- top: auto;
1445
- --tw-translate-x: 0px;
1446
- --tw-translate-y: 0px;
1447
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1448
- }
1449
-
1450
- .toast:where(.toast-start) {
1451
- inset-inline-end: auto;
1452
- inset-inline-start: 0px;
1453
- --tw-translate-x: 0px;
1454
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1455
- }
1456
-
1457
- .toast:where(.toast-center) {
1458
- inset-inline-end: 50%;
1459
- inset-inline-start: 50%;
1460
- --tw-translate-x: -50%;
1461
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1462
- }
1463
-
1464
- :is([dir="rtl"] .toast:where(.toast-center)) {
1465
- --tw-translate-x: 50%;
1466
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1467
- }
1468
-
1469
- .toast:where(.toast-end) {
1470
- inset-inline-end: 0px;
1471
- inset-inline-start: auto;
1472
- --tw-translate-x: 0px;
1473
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1474
- }
1475
-
1476
- .toast:where(.toast-bottom) {
1477
- bottom: 0px;
1478
- top: auto;
1479
- --tw-translate-y: 0px;
1480
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1481
- }
1482
-
1483
- .toast:where(.toast-middle) {
1484
- bottom: auto;
1485
- top: 50%;
1486
- --tw-translate-y: -50%;
1487
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1488
- }
1489
-
1490
- .toast:where(.toast-top) {
1491
- bottom: auto;
1492
- top: 0px;
1493
- --tw-translate-y: 0px;
1494
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1495
- }
1496
-
1497
- .mx-2 {
1498
- margin-left: 0.5rem;
1499
- margin-right: 0.5rem;
1500
- }
1501
-
1502
- .mx-auto {
1503
- margin-left: auto;
1504
- margin-right: auto;
1505
- }
1506
-
1507
- .my-12 {
1508
- margin-top: 3rem;
1509
- margin-bottom: 3rem;
1510
- }
1511
-
1512
- .my-2 {
1513
- margin-top: 0.5rem;
1514
- margin-bottom: 0.5rem;
1515
- }
1516
-
1517
- .my-4 {
1518
- margin-top: 1rem;
1519
- margin-bottom: 1rem;
1520
- }
1521
-
1522
- .my-auto {
1523
- margin-top: auto;
1524
- margin-bottom: auto;
1525
- }
1526
-
1527
- .flex {
1528
- display: flex;
1529
- }
1530
-
1531
- .grid {
1532
- display: grid;
1533
- }
1534
-
1535
- .h-12 {
1536
- height: 3rem;
1537
- }
1538
-
1539
- .w-full {
1540
- width: 100%;
1541
- }
1542
-
1543
- .flex-1 {
1544
- flex: 1 1 0%;
1545
- }
1546
-
1547
- .cursor-pointer {
1548
- cursor: pointer;
1549
- }
1550
-
1551
- .grid-cols-2 {
1552
- grid-template-columns: repeat(2, minmax(0, 1fr));
1553
- }
1554
-
1555
- .flex-col {
1556
- flex-direction: column;
1557
- }
1558
-
1559
- .justify-center {
1560
- justify-content: center;
1561
- }
1562
-
1563
- .justify-evenly {
1564
- justify-content: space-evenly;
1565
- }
1566
-
1567
- .gap-x-2 {
1568
- -moz-column-gap: 0.5rem;
1569
- column-gap: 0.5rem;
1570
- }
1571
-
1572
- .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1573
- --tw-space-x-reverse: 0;
1574
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1575
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1576
- }
1577
-
1578
- .overflow-x-scroll {
1579
- overflow-x: scroll;
1580
- }
1581
-
1582
- .whitespace-nowrap {
1583
- white-space: nowrap;
1584
- }
1585
-
1586
- .rounded-xl {
1587
- border-radius: 0.75rem;
1588
- }
1589
-
1590
- .border {
1591
- border-width: 1px;
1592
- }
1593
-
1594
- .bg-accent {
1595
- --tw-bg-opacity: 1;
1596
- background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
1597
- }
1598
-
1599
- .bg-blue-400 {
1600
- --tw-bg-opacity: 1;
1601
- background-color: rgb(96 165 250 / var(--tw-bg-opacity));
1602
- }
1603
-
1604
- .bg-error {
1605
- --tw-bg-opacity: 1;
1606
- background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
1607
- }
1608
-
1609
- .text-2xl {
1610
- font-size: 1.5rem;
1611
- line-height: 2rem;
1612
- }
1613
-
1614
- .text-3xl {
1615
- font-size: 1.875rem;
1616
- line-height: 2.25rem;
1617
- }