@distri/react 0.3.4 → 0.3.5

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.
package/dist/index.css DELETED
@@ -1,2933 +0,0 @@
1
- /* src/globals.css */
2
- *,
3
- ::before,
4
- ::after {
5
- --tw-border-spacing-x: 0;
6
- --tw-border-spacing-y: 0;
7
- --tw-translate-x: 0;
8
- --tw-translate-y: 0;
9
- --tw-rotate: 0;
10
- --tw-skew-x: 0;
11
- --tw-skew-y: 0;
12
- --tw-scale-x: 1;
13
- --tw-scale-y: 1;
14
- --tw-pan-x: ;
15
- --tw-pan-y: ;
16
- --tw-pinch-zoom: ;
17
- --tw-scroll-snap-strictness: proximity;
18
- --tw-gradient-from-position: ;
19
- --tw-gradient-via-position: ;
20
- --tw-gradient-to-position: ;
21
- --tw-ordinal: ;
22
- --tw-slashed-zero: ;
23
- --tw-numeric-figure: ;
24
- --tw-numeric-spacing: ;
25
- --tw-numeric-fraction: ;
26
- --tw-ring-inset: ;
27
- --tw-ring-offset-width: 0px;
28
- --tw-ring-offset-color: #fff;
29
- --tw-ring-color: rgb(59 130 246 / 0.5);
30
- --tw-ring-offset-shadow: 0 0 #0000;
31
- --tw-ring-shadow: 0 0 #0000;
32
- --tw-shadow: 0 0 #0000;
33
- --tw-shadow-colored: 0 0 #0000;
34
- --tw-blur: ;
35
- --tw-brightness: ;
36
- --tw-contrast: ;
37
- --tw-grayscale: ;
38
- --tw-hue-rotate: ;
39
- --tw-invert: ;
40
- --tw-saturate: ;
41
- --tw-sepia: ;
42
- --tw-drop-shadow: ;
43
- --tw-backdrop-blur: ;
44
- --tw-backdrop-brightness: ;
45
- --tw-backdrop-contrast: ;
46
- --tw-backdrop-grayscale: ;
47
- --tw-backdrop-hue-rotate: ;
48
- --tw-backdrop-invert: ;
49
- --tw-backdrop-opacity: ;
50
- --tw-backdrop-saturate: ;
51
- --tw-backdrop-sepia: ;
52
- --tw-contain-size: ;
53
- --tw-contain-layout: ;
54
- --tw-contain-paint: ;
55
- --tw-contain-style: ;
56
- }
57
- ::backdrop {
58
- --tw-border-spacing-x: 0;
59
- --tw-border-spacing-y: 0;
60
- --tw-translate-x: 0;
61
- --tw-translate-y: 0;
62
- --tw-rotate: 0;
63
- --tw-skew-x: 0;
64
- --tw-skew-y: 0;
65
- --tw-scale-x: 1;
66
- --tw-scale-y: 1;
67
- --tw-pan-x: ;
68
- --tw-pan-y: ;
69
- --tw-pinch-zoom: ;
70
- --tw-scroll-snap-strictness: proximity;
71
- --tw-gradient-from-position: ;
72
- --tw-gradient-via-position: ;
73
- --tw-gradient-to-position: ;
74
- --tw-ordinal: ;
75
- --tw-slashed-zero: ;
76
- --tw-numeric-figure: ;
77
- --tw-numeric-spacing: ;
78
- --tw-numeric-fraction: ;
79
- --tw-ring-inset: ;
80
- --tw-ring-offset-width: 0px;
81
- --tw-ring-offset-color: #fff;
82
- --tw-ring-color: rgb(59 130 246 / 0.5);
83
- --tw-ring-offset-shadow: 0 0 #0000;
84
- --tw-ring-shadow: 0 0 #0000;
85
- --tw-shadow: 0 0 #0000;
86
- --tw-shadow-colored: 0 0 #0000;
87
- --tw-blur: ;
88
- --tw-brightness: ;
89
- --tw-contrast: ;
90
- --tw-grayscale: ;
91
- --tw-hue-rotate: ;
92
- --tw-invert: ;
93
- --tw-saturate: ;
94
- --tw-sepia: ;
95
- --tw-drop-shadow: ;
96
- --tw-backdrop-blur: ;
97
- --tw-backdrop-brightness: ;
98
- --tw-backdrop-contrast: ;
99
- --tw-backdrop-grayscale: ;
100
- --tw-backdrop-hue-rotate: ;
101
- --tw-backdrop-invert: ;
102
- --tw-backdrop-opacity: ;
103
- --tw-backdrop-saturate: ;
104
- --tw-backdrop-sepia: ;
105
- --tw-contain-size: ;
106
- --tw-contain-layout: ;
107
- --tw-contain-paint: ;
108
- --tw-contain-style: ;
109
- }
110
- *,
111
- ::before,
112
- ::after {
113
- box-sizing: border-box;
114
- border-width: 0;
115
- border-style: solid;
116
- border-color: #e5e7eb;
117
- }
118
- ::before,
119
- ::after {
120
- --tw-content: "";
121
- }
122
- html,
123
- :host {
124
- line-height: 1.5;
125
- -webkit-text-size-adjust: 100%;
126
- -moz-tab-size: 4;
127
- -o-tab-size: 4;
128
- tab-size: 4;
129
- font-family:
130
- ui-sans-serif,
131
- system-ui,
132
- sans-serif,
133
- "Apple Color Emoji",
134
- "Segoe UI Emoji",
135
- "Segoe UI Symbol",
136
- "Noto Color Emoji";
137
- font-feature-settings: normal;
138
- font-variation-settings: normal;
139
- -webkit-tap-highlight-color: transparent;
140
- }
141
- body {
142
- margin: 0;
143
- line-height: inherit;
144
- }
145
- hr {
146
- height: 0;
147
- color: inherit;
148
- border-top-width: 1px;
149
- }
150
- abbr:where([title]) {
151
- -webkit-text-decoration: underline dotted;
152
- text-decoration: underline dotted;
153
- }
154
- h1,
155
- h2,
156
- h3,
157
- h4,
158
- h5,
159
- h6 {
160
- font-size: inherit;
161
- font-weight: inherit;
162
- }
163
- a {
164
- color: inherit;
165
- text-decoration: inherit;
166
- }
167
- b,
168
- strong {
169
- font-weight: bolder;
170
- }
171
- code,
172
- kbd,
173
- samp,
174
- pre {
175
- font-family:
176
- ui-monospace,
177
- SFMono-Regular,
178
- Menlo,
179
- Monaco,
180
- Consolas,
181
- "Liberation Mono",
182
- "Courier New",
183
- monospace;
184
- font-feature-settings: normal;
185
- font-variation-settings: normal;
186
- font-size: 1em;
187
- }
188
- small {
189
- font-size: 80%;
190
- }
191
- sub,
192
- sup {
193
- font-size: 75%;
194
- line-height: 0;
195
- position: relative;
196
- vertical-align: baseline;
197
- }
198
- sub {
199
- bottom: -0.25em;
200
- }
201
- sup {
202
- top: -0.5em;
203
- }
204
- table {
205
- text-indent: 0;
206
- border-color: inherit;
207
- border-collapse: collapse;
208
- }
209
- button,
210
- input,
211
- optgroup,
212
- select,
213
- textarea {
214
- font-family: inherit;
215
- font-feature-settings: inherit;
216
- font-variation-settings: inherit;
217
- font-size: 100%;
218
- font-weight: inherit;
219
- line-height: inherit;
220
- letter-spacing: inherit;
221
- color: inherit;
222
- margin: 0;
223
- padding: 0;
224
- }
225
- button,
226
- select {
227
- text-transform: none;
228
- }
229
- button,
230
- input:where([type=button]),
231
- input:where([type=reset]),
232
- input:where([type=submit]) {
233
- -webkit-appearance: button;
234
- background-color: transparent;
235
- background-image: none;
236
- }
237
- :-moz-focusring {
238
- outline: auto;
239
- }
240
- :-moz-ui-invalid {
241
- box-shadow: none;
242
- }
243
- progress {
244
- vertical-align: baseline;
245
- }
246
- ::-webkit-inner-spin-button,
247
- ::-webkit-outer-spin-button {
248
- height: auto;
249
- }
250
- [type=search] {
251
- -webkit-appearance: textfield;
252
- outline-offset: -2px;
253
- }
254
- ::-webkit-search-decoration {
255
- -webkit-appearance: none;
256
- }
257
- ::-webkit-file-upload-button {
258
- -webkit-appearance: button;
259
- font: inherit;
260
- }
261
- summary {
262
- display: list-item;
263
- }
264
- blockquote,
265
- dl,
266
- dd,
267
- h1,
268
- h2,
269
- h3,
270
- h4,
271
- h5,
272
- h6,
273
- hr,
274
- figure,
275
- p,
276
- pre {
277
- margin: 0;
278
- }
279
- fieldset {
280
- margin: 0;
281
- padding: 0;
282
- }
283
- legend {
284
- padding: 0;
285
- }
286
- ol,
287
- ul,
288
- menu {
289
- list-style: none;
290
- margin: 0;
291
- padding: 0;
292
- }
293
- dialog {
294
- padding: 0;
295
- }
296
- textarea {
297
- resize: vertical;
298
- }
299
- input::-moz-placeholder,
300
- textarea::-moz-placeholder {
301
- opacity: 1;
302
- color: #9ca3af;
303
- }
304
- input::placeholder,
305
- textarea::placeholder {
306
- opacity: 1;
307
- color: #9ca3af;
308
- }
309
- button,
310
- [role=button] {
311
- cursor: pointer;
312
- }
313
- :disabled {
314
- cursor: default;
315
- }
316
- img,
317
- svg,
318
- video,
319
- canvas,
320
- audio,
321
- iframe,
322
- embed,
323
- object {
324
- display: block;
325
- vertical-align: middle;
326
- }
327
- img,
328
- video {
329
- max-width: 100%;
330
- height: auto;
331
- }
332
- [hidden]:where(:not([hidden=until-found])) {
333
- display: none;
334
- }
335
- * {
336
- border-color: hsl(var(--border));
337
- }
338
- body {
339
- background-color: hsl(var(--background));
340
- color: hsl(var(--foreground));
341
- }
342
- .container {
343
- width: 100%;
344
- }
345
- @media (min-width: 640px) {
346
- .container {
347
- max-width: 640px;
348
- }
349
- }
350
- @media (min-width: 768px) {
351
- .container {
352
- max-width: 768px;
353
- }
354
- }
355
- @media (min-width: 1024px) {
356
- .container {
357
- max-width: 1024px;
358
- }
359
- }
360
- @media (min-width: 1280px) {
361
- .container {
362
- max-width: 1280px;
363
- }
364
- }
365
- @media (min-width: 1536px) {
366
- .container {
367
- max-width: 1536px;
368
- }
369
- }
370
- .sr-only {
371
- position: absolute;
372
- width: 1px;
373
- height: 1px;
374
- padding: 0;
375
- margin: -1px;
376
- overflow: hidden;
377
- clip: rect(0, 0, 0, 0);
378
- white-space: nowrap;
379
- border-width: 0;
380
- }
381
- .pointer-events-none {
382
- pointer-events: none;
383
- }
384
- .pointer-events-auto {
385
- pointer-events: auto;
386
- }
387
- .visible {
388
- visibility: visible;
389
- }
390
- .static {
391
- position: static;
392
- }
393
- .fixed {
394
- position: fixed;
395
- }
396
- .absolute {
397
- position: absolute;
398
- }
399
- .relative {
400
- position: relative;
401
- }
402
- .sticky {
403
- position: sticky;
404
- }
405
- .inset-0 {
406
- inset: 0px;
407
- }
408
- .inset-1 {
409
- inset: 0.25rem;
410
- }
411
- .inset-x-0 {
412
- left: 0px;
413
- right: 0px;
414
- }
415
- .inset-y-0 {
416
- top: 0px;
417
- bottom: 0px;
418
- }
419
- .-right-1 {
420
- right: -0.25rem;
421
- }
422
- .-top-1 {
423
- top: -0.25rem;
424
- }
425
- .bottom-0 {
426
- bottom: 0px;
427
- }
428
- .left-0 {
429
- left: 0px;
430
- }
431
- .left-2 {
432
- left: 0.5rem;
433
- }
434
- .right-0 {
435
- right: 0px;
436
- }
437
- .right-1 {
438
- right: 0.25rem;
439
- }
440
- .right-2 {
441
- right: 0.5rem;
442
- }
443
- .right-3 {
444
- right: 0.75rem;
445
- }
446
- .right-4 {
447
- right: 1rem;
448
- }
449
- .top-0 {
450
- top: 0px;
451
- }
452
- .top-1 {
453
- top: 0.25rem;
454
- }
455
- .top-1\.5 {
456
- top: 0.375rem;
457
- }
458
- .top-2 {
459
- top: 0.5rem;
460
- }
461
- .top-3\.5 {
462
- top: 0.875rem;
463
- }
464
- .top-4 {
465
- top: 1rem;
466
- }
467
- .z-10 {
468
- z-index: 10;
469
- }
470
- .z-20 {
471
- z-index: 20;
472
- }
473
- .z-30 {
474
- z-index: 30;
475
- }
476
- .z-50 {
477
- z-index: 50;
478
- }
479
- .z-\[100\] {
480
- z-index: 100;
481
- }
482
- .-mx-1 {
483
- margin-left: -0.25rem;
484
- margin-right: -0.25rem;
485
- }
486
- .mx-1 {
487
- margin-left: 0.25rem;
488
- margin-right: 0.25rem;
489
- }
490
- .mx-2 {
491
- margin-left: 0.5rem;
492
- margin-right: 0.5rem;
493
- }
494
- .mx-3\.5 {
495
- margin-left: 0.875rem;
496
- margin-right: 0.875rem;
497
- }
498
- .mx-4 {
499
- margin-left: 1rem;
500
- margin-right: 1rem;
501
- }
502
- .mx-auto {
503
- margin-left: auto;
504
- margin-right: auto;
505
- }
506
- .my-1 {
507
- margin-top: 0.25rem;
508
- margin-bottom: 0.25rem;
509
- }
510
- .my-2 {
511
- margin-top: 0.5rem;
512
- margin-bottom: 0.5rem;
513
- }
514
- .my-3 {
515
- margin-top: 0.75rem;
516
- margin-bottom: 0.75rem;
517
- }
518
- .\!mb-0 {
519
- margin-bottom: 0px !important;
520
- }
521
- .\!mt-0 {
522
- margin-top: 0px !important;
523
- }
524
- .mb-1 {
525
- margin-bottom: 0.25rem;
526
- }
527
- .mb-2 {
528
- margin-bottom: 0.5rem;
529
- }
530
- .mb-3 {
531
- margin-bottom: 0.75rem;
532
- }
533
- .mb-4 {
534
- margin-bottom: 1rem;
535
- }
536
- .mb-6 {
537
- margin-bottom: 1.5rem;
538
- }
539
- .ml-1 {
540
- margin-left: 0.25rem;
541
- }
542
- .ml-2 {
543
- margin-left: 0.5rem;
544
- }
545
- .ml-3 {
546
- margin-left: 0.75rem;
547
- }
548
- .ml-auto {
549
- margin-left: auto;
550
- }
551
- .mr-1 {
552
- margin-right: 0.25rem;
553
- }
554
- .mr-2 {
555
- margin-right: 0.5rem;
556
- }
557
- .mt-0\.5 {
558
- margin-top: 0.125rem;
559
- }
560
- .mt-1 {
561
- margin-top: 0.25rem;
562
- }
563
- .mt-2 {
564
- margin-top: 0.5rem;
565
- }
566
- .mt-3 {
567
- margin-top: 0.75rem;
568
- }
569
- .mt-4 {
570
- margin-top: 1rem;
571
- }
572
- .line-clamp-3 {
573
- overflow: hidden;
574
- display: -webkit-box;
575
- -webkit-box-orient: vertical;
576
- -webkit-line-clamp: 3;
577
- }
578
- .block {
579
- display: block;
580
- }
581
- .inline-block {
582
- display: inline-block;
583
- }
584
- .flex {
585
- display: flex;
586
- }
587
- .inline-flex {
588
- display: inline-flex;
589
- }
590
- .table {
591
- display: table;
592
- }
593
- .grid {
594
- display: grid;
595
- }
596
- .hidden {
597
- display: none;
598
- }
599
- .aspect-square {
600
- aspect-ratio: 1 / 1;
601
- }
602
- .size-4 {
603
- width: 1rem;
604
- height: 1rem;
605
- }
606
- .h-1 {
607
- height: 0.25rem;
608
- }
609
- .h-1\.5 {
610
- height: 0.375rem;
611
- }
612
- .h-10 {
613
- height: 2.5rem;
614
- }
615
- .h-11 {
616
- height: 2.75rem;
617
- }
618
- .h-12 {
619
- height: 3rem;
620
- }
621
- .h-16 {
622
- height: 4rem;
623
- }
624
- .h-2 {
625
- height: 0.5rem;
626
- }
627
- .h-20 {
628
- height: 5rem;
629
- }
630
- .h-3 {
631
- height: 0.75rem;
632
- }
633
- .h-3\.5 {
634
- height: 0.875rem;
635
- }
636
- .h-4 {
637
- height: 1rem;
638
- }
639
- .h-5 {
640
- height: 1.25rem;
641
- }
642
- .h-6 {
643
- height: 1.5rem;
644
- }
645
- .h-7 {
646
- height: 1.75rem;
647
- }
648
- .h-8 {
649
- height: 2rem;
650
- }
651
- .h-9 {
652
- height: 2.25rem;
653
- }
654
- .h-\[1\.2rem\] {
655
- height: 1.2rem;
656
- }
657
- .h-\[1px\] {
658
- height: 1px;
659
- }
660
- .h-\[400px\] {
661
- height: 400px;
662
- }
663
- .h-\[var\(--radix-select-trigger-height\)\] {
664
- height: var(--radix-select-trigger-height);
665
- }
666
- .h-auto {
667
- height: auto;
668
- }
669
- .h-full {
670
- height: 100%;
671
- }
672
- .h-px {
673
- height: 1px;
674
- }
675
- .h-svh {
676
- height: 100svh;
677
- }
678
- .max-h-64 {
679
- max-height: 16rem;
680
- }
681
- .max-h-96 {
682
- max-height: 24rem;
683
- }
684
- .max-h-\[--radix-select-content-available-height\] {
685
- max-height: var(--radix-select-content-available-height);
686
- }
687
- .max-h-\[300px\] {
688
- max-height: 300px;
689
- }
690
- .max-h-\[85vh\] {
691
- max-height: 85vh;
692
- }
693
- .max-h-\[90vh\] {
694
- max-height: 90vh;
695
- }
696
- .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
697
- max-height: var(--radix-dropdown-menu-content-available-height);
698
- }
699
- .max-h-screen {
700
- max-height: 100vh;
701
- }
702
- .min-h-0 {
703
- min-height: 0px;
704
- }
705
- .min-h-\[100px\] {
706
- min-height: 100px;
707
- }
708
- .min-h-\[180px\] {
709
- min-height: 180px;
710
- }
711
- .min-h-\[220px\] {
712
- min-height: 220px;
713
- }
714
- .min-h-\[400px\] {
715
- min-height: 400px;
716
- }
717
- .min-h-\[60px\] {
718
- min-height: 60px;
719
- }
720
- .min-h-\[80px\] {
721
- min-height: 80px;
722
- }
723
- .min-h-svh {
724
- min-height: 100svh;
725
- }
726
- .w-0\.5 {
727
- width: 0.125rem;
728
- }
729
- .w-1 {
730
- width: 0.25rem;
731
- }
732
- .w-1\.5 {
733
- width: 0.375rem;
734
- }
735
- .w-1\/3 {
736
- width: 33.333333%;
737
- }
738
- .w-10 {
739
- width: 2.5rem;
740
- }
741
- .w-12 {
742
- width: 3rem;
743
- }
744
- .w-16 {
745
- width: 4rem;
746
- }
747
- .w-2 {
748
- width: 0.5rem;
749
- }
750
- .w-2\/3 {
751
- width: 66.666667%;
752
- }
753
- .w-20 {
754
- width: 5rem;
755
- }
756
- .w-3 {
757
- width: 0.75rem;
758
- }
759
- .w-3\.5 {
760
- width: 0.875rem;
761
- }
762
- .w-3\/4 {
763
- width: 75%;
764
- }
765
- .w-4 {
766
- width: 1rem;
767
- }
768
- .w-5 {
769
- width: 1.25rem;
770
- }
771
- .w-6 {
772
- width: 1.5rem;
773
- }
774
- .w-64 {
775
- width: 16rem;
776
- }
777
- .w-7 {
778
- width: 1.75rem;
779
- }
780
- .w-8 {
781
- width: 2rem;
782
- }
783
- .w-9 {
784
- width: 2.25rem;
785
- }
786
- .w-\[--radix-popper-anchor-width\] {
787
- width: var(--radix-popper-anchor-width);
788
- }
789
- .w-\[--sidebar-width-mobile\] {
790
- width: var(--sidebar-width-mobile);
791
- }
792
- .w-\[--sidebar-width\] {
793
- width: var(--sidebar-width);
794
- }
795
- .w-\[1\.2rem\] {
796
- width: 1.2rem;
797
- }
798
- .w-\[1px\] {
799
- width: 1px;
800
- }
801
- .w-auto {
802
- width: auto;
803
- }
804
- .w-fit {
805
- width: -moz-fit-content;
806
- width: fit-content;
807
- }
808
- .w-full {
809
- width: 100%;
810
- }
811
- .min-w-0 {
812
- min-width: 0px;
813
- }
814
- .min-w-5 {
815
- min-width: 1.25rem;
816
- }
817
- .min-w-\[8rem\] {
818
- min-width: 8rem;
819
- }
820
- .min-w-\[var\(--radix-select-trigger-width\)\] {
821
- min-width: var(--radix-select-trigger-width);
822
- }
823
- .min-w-full {
824
- min-width: 100%;
825
- }
826
- .max-w-2xl {
827
- max-width: 42rem;
828
- }
829
- .max-w-3xl {
830
- max-width: 48rem;
831
- }
832
- .max-w-4xl {
833
- max-width: 56rem;
834
- }
835
- .max-w-\[--skeleton-width\] {
836
- max-width: var(--skeleton-width);
837
- }
838
- .max-w-\[80\%\] {
839
- max-width: 80%;
840
- }
841
- .max-w-\[90vw\] {
842
- max-width: 90vw;
843
- }
844
- .max-w-full {
845
- max-width: 100%;
846
- }
847
- .max-w-lg {
848
- max-width: 32rem;
849
- }
850
- .max-w-md {
851
- max-width: 28rem;
852
- }
853
- .max-w-none {
854
- max-width: none;
855
- }
856
- .max-w-sm {
857
- max-width: 24rem;
858
- }
859
- .max-w-xs {
860
- max-width: 20rem;
861
- }
862
- .flex-1 {
863
- flex: 1 1 0%;
864
- }
865
- .flex-shrink-0 {
866
- flex-shrink: 0;
867
- }
868
- .shrink-0 {
869
- flex-shrink: 0;
870
- }
871
- .border-collapse {
872
- border-collapse: collapse;
873
- }
874
- .origin-\[--radix-dropdown-menu-content-transform-origin\] {
875
- transform-origin: var(--radix-dropdown-menu-content-transform-origin);
876
- }
877
- .origin-\[--radix-select-content-transform-origin\] {
878
- transform-origin: var(--radix-select-content-transform-origin);
879
- }
880
- .-translate-x-1\/2 {
881
- --tw-translate-x: -50%;
882
- 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));
883
- }
884
- .-translate-x-px {
885
- --tw-translate-x: -1px;
886
- 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));
887
- }
888
- .translate-x-px {
889
- --tw-translate-x: 1px;
890
- 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));
891
- }
892
- .rotate-0 {
893
- --tw-rotate: 0deg;
894
- 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));
895
- }
896
- .rotate-90 {
897
- --tw-rotate: 90deg;
898
- 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));
899
- }
900
- .scale-0 {
901
- --tw-scale-x: 0;
902
- --tw-scale-y: 0;
903
- 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));
904
- }
905
- .scale-100 {
906
- --tw-scale-x: 1;
907
- --tw-scale-y: 1;
908
- 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));
909
- }
910
- .transform {
911
- 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));
912
- }
913
- @keyframes bounce {
914
- 0%, 100% {
915
- transform: translateY(-25%);
916
- animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
917
- }
918
- 50% {
919
- transform: none;
920
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
921
- }
922
- }
923
- .animate-bounce {
924
- animation: bounce 1s infinite;
925
- }
926
- @keyframes ping {
927
- 75%, 100% {
928
- transform: scale(2);
929
- opacity: 0;
930
- }
931
- }
932
- .animate-ping {
933
- animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
934
- }
935
- @keyframes pulse {
936
- 50% {
937
- opacity: .5;
938
- }
939
- }
940
- .animate-pulse {
941
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
942
- }
943
- @keyframes spin {
944
- to {
945
- transform: rotate(360deg);
946
- }
947
- }
948
- .animate-spin {
949
- animation: spin 1s linear infinite;
950
- }
951
- .cursor-default {
952
- cursor: default;
953
- }
954
- .cursor-not-allowed {
955
- cursor: not-allowed;
956
- }
957
- .cursor-pointer {
958
- cursor: pointer;
959
- }
960
- .select-none {
961
- -webkit-user-select: none;
962
- -moz-user-select: none;
963
- user-select: none;
964
- }
965
- .resize-none {
966
- resize: none;
967
- }
968
- .resize {
969
- resize: both;
970
- }
971
- .list-inside {
972
- list-style-position: inside;
973
- }
974
- .list-decimal {
975
- list-style-type: decimal;
976
- }
977
- .list-disc {
978
- list-style-type: disc;
979
- }
980
- .grid-cols-1 {
981
- grid-template-columns: repeat(1, minmax(0, 1fr));
982
- }
983
- .grid-cols-2 {
984
- grid-template-columns: repeat(2, minmax(0, 1fr));
985
- }
986
- .flex-row {
987
- flex-direction: row;
988
- }
989
- .flex-col {
990
- flex-direction: column;
991
- }
992
- .flex-col-reverse {
993
- flex-direction: column-reverse;
994
- }
995
- .flex-wrap {
996
- flex-wrap: wrap;
997
- }
998
- .items-start {
999
- align-items: flex-start;
1000
- }
1001
- .items-end {
1002
- align-items: flex-end;
1003
- }
1004
- .items-center {
1005
- align-items: center;
1006
- }
1007
- .justify-start {
1008
- justify-content: flex-start;
1009
- }
1010
- .justify-end {
1011
- justify-content: flex-end;
1012
- }
1013
- .justify-center {
1014
- justify-content: center;
1015
- }
1016
- .justify-between {
1017
- justify-content: space-between;
1018
- }
1019
- .gap-1 {
1020
- gap: 0.25rem;
1021
- }
1022
- .gap-2 {
1023
- gap: 0.5rem;
1024
- }
1025
- .gap-3 {
1026
- gap: 0.75rem;
1027
- }
1028
- .gap-4 {
1029
- gap: 1rem;
1030
- }
1031
- .gap-6 {
1032
- gap: 1.5rem;
1033
- }
1034
- .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1035
- --tw-space-x-reverse: 0;
1036
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1037
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1038
- }
1039
- .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1040
- --tw-space-x-reverse: 0;
1041
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1042
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1043
- }
1044
- .space-x-3 > :not([hidden]) ~ :not([hidden]) {
1045
- --tw-space-x-reverse: 0;
1046
- margin-right: calc(0.75rem * var(--tw-space-x-reverse));
1047
- margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
1048
- }
1049
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1050
- --tw-space-y-reverse: 0;
1051
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1052
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1053
- }
1054
- .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1055
- --tw-space-y-reverse: 0;
1056
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1057
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1058
- }
1059
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1060
- --tw-space-y-reverse: 0;
1061
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1062
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1063
- }
1064
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1065
- --tw-space-y-reverse: 0;
1066
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1067
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1068
- }
1069
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1070
- --tw-space-y-reverse: 0;
1071
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1072
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1073
- }
1074
- .overflow-auto {
1075
- overflow: auto;
1076
- }
1077
- .overflow-hidden {
1078
- overflow: hidden;
1079
- }
1080
- .overflow-x-auto {
1081
- overflow-x: auto;
1082
- }
1083
- .overflow-y-auto {
1084
- overflow-y: auto;
1085
- }
1086
- .overflow-x-hidden {
1087
- overflow-x: hidden;
1088
- }
1089
- .truncate {
1090
- overflow: hidden;
1091
- text-overflow: ellipsis;
1092
- white-space: nowrap;
1093
- }
1094
- .whitespace-normal {
1095
- white-space: normal;
1096
- }
1097
- .whitespace-nowrap {
1098
- white-space: nowrap;
1099
- }
1100
- .whitespace-pre-wrap {
1101
- white-space: pre-wrap;
1102
- }
1103
- .break-words {
1104
- overflow-wrap: break-word;
1105
- }
1106
- .break-all {
1107
- word-break: break-all;
1108
- }
1109
- .rounded {
1110
- border-radius: 0.25rem;
1111
- }
1112
- .rounded-2xl {
1113
- border-radius: 1rem;
1114
- }
1115
- .rounded-full {
1116
- border-radius: 9999px;
1117
- }
1118
- .rounded-lg {
1119
- border-radius: var(--radius);
1120
- }
1121
- .rounded-md {
1122
- border-radius: calc(var(--radius) - 2px);
1123
- }
1124
- .rounded-sm {
1125
- border-radius: calc(var(--radius) - 4px);
1126
- }
1127
- .rounded-xl {
1128
- border-radius: 0.75rem;
1129
- }
1130
- .rounded-b-lg {
1131
- border-bottom-right-radius: var(--radius);
1132
- border-bottom-left-radius: var(--radius);
1133
- }
1134
- .rounded-r-lg {
1135
- border-top-right-radius: var(--radius);
1136
- border-bottom-right-radius: var(--radius);
1137
- }
1138
- .rounded-r-md {
1139
- border-top-right-radius: calc(var(--radius) - 2px);
1140
- border-bottom-right-radius: calc(var(--radius) - 2px);
1141
- }
1142
- .border {
1143
- border-width: 1px;
1144
- }
1145
- .border-0 {
1146
- border-width: 0px;
1147
- }
1148
- .border-2 {
1149
- border-width: 2px;
1150
- }
1151
- .border-b {
1152
- border-bottom-width: 1px;
1153
- }
1154
- .border-b-2 {
1155
- border-bottom-width: 2px;
1156
- }
1157
- .border-l {
1158
- border-left-width: 1px;
1159
- }
1160
- .border-l-2 {
1161
- border-left-width: 2px;
1162
- }
1163
- .border-l-4 {
1164
- border-left-width: 4px;
1165
- }
1166
- .border-r {
1167
- border-right-width: 1px;
1168
- }
1169
- .border-t {
1170
- border-top-width: 1px;
1171
- }
1172
- .border-dashed {
1173
- border-style: dashed;
1174
- }
1175
- .border-none {
1176
- border-style: none;
1177
- }
1178
- .border-black\/10 {
1179
- border-color: rgb(0 0 0 / 0.1);
1180
- }
1181
- .border-black\/5 {
1182
- border-color: rgb(0 0 0 / 0.05);
1183
- }
1184
- .border-blue-200 {
1185
- --tw-border-opacity: 1;
1186
- border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
1187
- }
1188
- .border-blue-400\/30 {
1189
- border-color: rgb(96 165 250 / 0.3);
1190
- }
1191
- .border-border {
1192
- border-color: hsl(var(--border));
1193
- }
1194
- .border-border\/30 {
1195
- border-color: hsl(var(--border) / 0.3);
1196
- }
1197
- .border-border\/40 {
1198
- border-color: hsl(var(--border) / 0.4);
1199
- }
1200
- .border-border\/50 {
1201
- border-color: hsl(var(--border) / 0.5);
1202
- }
1203
- .border-border\/60 {
1204
- border-color: hsl(var(--border) / 0.6);
1205
- }
1206
- .border-destructive {
1207
- border-color: hsl(var(--destructive));
1208
- }
1209
- .border-destructive\/20 {
1210
- border-color: hsl(var(--destructive) / 0.2);
1211
- }
1212
- .border-destructive\/40 {
1213
- border-color: hsl(var(--destructive) / 0.4);
1214
- }
1215
- .border-gray-200 {
1216
- --tw-border-opacity: 1;
1217
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1218
- }
1219
- .border-gray-300 {
1220
- --tw-border-opacity: 1;
1221
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1222
- }
1223
- .border-green-200 {
1224
- --tw-border-opacity: 1;
1225
- border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
1226
- }
1227
- .border-green-400\/30 {
1228
- border-color: rgb(74 222 128 / 0.3);
1229
- }
1230
- .border-input {
1231
- border-color: hsl(var(--input));
1232
- }
1233
- .border-muted {
1234
- border-color: hsl(var(--muted));
1235
- }
1236
- .border-muted-foreground {
1237
- border-color: hsl(var(--muted-foreground));
1238
- }
1239
- .border-muted-foreground\/30 {
1240
- border-color: hsl(var(--muted-foreground) / 0.3);
1241
- }
1242
- .border-primary {
1243
- border-color: hsl(var(--primary));
1244
- }
1245
- .border-primary\/20 {
1246
- border-color: hsl(var(--primary) / 0.2);
1247
- }
1248
- .border-red-200 {
1249
- --tw-border-opacity: 1;
1250
- border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
1251
- }
1252
- .border-red-400\/60 {
1253
- border-color: rgb(248 113 113 / 0.6);
1254
- }
1255
- .border-transparent {
1256
- border-color: transparent;
1257
- }
1258
- .border-white\/20 {
1259
- border-color: rgb(255 255 255 / 0.2);
1260
- }
1261
- .border-white\/5 {
1262
- border-color: rgb(255 255 255 / 0.05);
1263
- }
1264
- .border-yellow-200 {
1265
- --tw-border-opacity: 1;
1266
- border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
1267
- }
1268
- .border-yellow-400 {
1269
- --tw-border-opacity: 1;
1270
- border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
1271
- }
1272
- .border-t-current {
1273
- border-top-color: currentColor;
1274
- }
1275
- .border-t-transparent {
1276
- border-top-color: transparent;
1277
- }
1278
- .bg-\[\#0d0d0d\] {
1279
- --tw-bg-opacity: 1;
1280
- background-color: rgb(13 13 13 / var(--tw-bg-opacity, 1));
1281
- }
1282
- .bg-\[var\(--distri-accent\,\#3b82f6\)\] {
1283
- background-color: var(--distri-accent,#3b82f6);
1284
- }
1285
- .bg-amber-500 {
1286
- --tw-bg-opacity: 1;
1287
- background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
1288
- }
1289
- .bg-background {
1290
- background-color: hsl(var(--background));
1291
- }
1292
- .bg-background\/70 {
1293
- background-color: hsl(var(--background) / 0.7);
1294
- }
1295
- .bg-background\/80 {
1296
- background-color: hsl(var(--background) / 0.8);
1297
- }
1298
- .bg-background\/90 {
1299
- background-color: hsl(var(--background) / 0.9);
1300
- }
1301
- .bg-black {
1302
- --tw-bg-opacity: 1;
1303
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
1304
- }
1305
- .bg-black\/5 {
1306
- background-color: rgb(0 0 0 / 0.05);
1307
- }
1308
- .bg-black\/50 {
1309
- background-color: rgb(0 0 0 / 0.5);
1310
- }
1311
- .bg-black\/60 {
1312
- background-color: rgb(0 0 0 / 0.6);
1313
- }
1314
- .bg-black\/80 {
1315
- background-color: rgb(0 0 0 / 0.8);
1316
- }
1317
- .bg-blue-50 {
1318
- --tw-bg-opacity: 1;
1319
- background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
1320
- }
1321
- .bg-blue-50\/20 {
1322
- background-color: rgb(239 246 255 / 0.2);
1323
- }
1324
- .bg-blue-500 {
1325
- --tw-bg-opacity: 1;
1326
- background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
1327
- }
1328
- .bg-blue-600 {
1329
- --tw-bg-opacity: 1;
1330
- background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
1331
- }
1332
- .bg-border {
1333
- background-color: hsl(var(--border));
1334
- }
1335
- .bg-card {
1336
- background-color: hsl(var(--card));
1337
- }
1338
- .bg-destructive {
1339
- background-color: hsl(var(--destructive));
1340
- }
1341
- .bg-destructive\/10 {
1342
- background-color: hsl(var(--destructive) / 0.1);
1343
- }
1344
- .bg-destructive\/5 {
1345
- background-color: hsl(var(--destructive) / 0.05);
1346
- }
1347
- .bg-gray-100 {
1348
- --tw-bg-opacity: 1;
1349
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1350
- }
1351
- .bg-gray-50 {
1352
- --tw-bg-opacity: 1;
1353
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1354
- }
1355
- .bg-gray-500 {
1356
- --tw-bg-opacity: 1;
1357
- background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
1358
- }
1359
- .bg-green-50 {
1360
- --tw-bg-opacity: 1;
1361
- background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
1362
- }
1363
- .bg-green-50\/20 {
1364
- background-color: rgb(240 253 244 / 0.2);
1365
- }
1366
- .bg-green-500 {
1367
- --tw-bg-opacity: 1;
1368
- background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
1369
- }
1370
- .bg-muted {
1371
- background-color: hsl(var(--muted));
1372
- }
1373
- .bg-muted-foreground {
1374
- background-color: hsl(var(--muted-foreground));
1375
- }
1376
- .bg-muted-foreground\/50 {
1377
- background-color: hsl(var(--muted-foreground) / 0.5);
1378
- }
1379
- .bg-muted\/10 {
1380
- background-color: hsl(var(--muted) / 0.1);
1381
- }
1382
- .bg-muted\/30 {
1383
- background-color: hsl(var(--muted) / 0.3);
1384
- }
1385
- .bg-muted\/40 {
1386
- background-color: hsl(var(--muted) / 0.4);
1387
- }
1388
- .bg-muted\/50 {
1389
- background-color: hsl(var(--muted) / 0.5);
1390
- }
1391
- .bg-muted\/60 {
1392
- background-color: hsl(var(--muted) / 0.6);
1393
- }
1394
- .bg-popover {
1395
- background-color: hsl(var(--popover));
1396
- }
1397
- .bg-primary {
1398
- background-color: hsl(var(--primary));
1399
- }
1400
- .bg-primary\/10 {
1401
- background-color: hsl(var(--primary) / 0.1);
1402
- }
1403
- .bg-primary\/50 {
1404
- background-color: hsl(var(--primary) / 0.5);
1405
- }
1406
- .bg-red-400\/15 {
1407
- background-color: rgb(248 113 113 / 0.15);
1408
- }
1409
- .bg-red-50 {
1410
- --tw-bg-opacity: 1;
1411
- background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
1412
- }
1413
- .bg-red-500 {
1414
- --tw-bg-opacity: 1;
1415
- background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
1416
- }
1417
- .bg-red-600 {
1418
- --tw-bg-opacity: 1;
1419
- background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
1420
- }
1421
- .bg-secondary {
1422
- background-color: hsl(var(--secondary));
1423
- }
1424
- .bg-transparent {
1425
- background-color: transparent;
1426
- }
1427
- .bg-white {
1428
- --tw-bg-opacity: 1;
1429
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1430
- }
1431
- .bg-white\/10 {
1432
- background-color: rgb(255 255 255 / 0.1);
1433
- }
1434
- .bg-yellow-400 {
1435
- --tw-bg-opacity: 1;
1436
- background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
1437
- }
1438
- .bg-yellow-50 {
1439
- --tw-bg-opacity: 1;
1440
- background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
1441
- }
1442
- .bg-gradient-to-r {
1443
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
1444
- }
1445
- .fill-current {
1446
- fill: currentColor;
1447
- }
1448
- .object-contain {
1449
- -o-object-fit: contain;
1450
- object-fit: contain;
1451
- }
1452
- .object-cover {
1453
- -o-object-fit: cover;
1454
- object-fit: cover;
1455
- }
1456
- .p-0 {
1457
- padding: 0px;
1458
- }
1459
- .p-1 {
1460
- padding: 0.25rem;
1461
- }
1462
- .p-2 {
1463
- padding: 0.5rem;
1464
- }
1465
- .p-3 {
1466
- padding: 0.75rem;
1467
- }
1468
- .p-4 {
1469
- padding: 1rem;
1470
- }
1471
- .p-6 {
1472
- padding: 1.5rem;
1473
- }
1474
- .p-8 {
1475
- padding: 2rem;
1476
- }
1477
- .p-\[1px\] {
1478
- padding: 1px;
1479
- }
1480
- .px-1 {
1481
- padding-left: 0.25rem;
1482
- padding-right: 0.25rem;
1483
- }
1484
- .px-2 {
1485
- padding-left: 0.5rem;
1486
- padding-right: 0.5rem;
1487
- }
1488
- .px-2\.5 {
1489
- padding-left: 0.625rem;
1490
- padding-right: 0.625rem;
1491
- }
1492
- .px-3 {
1493
- padding-left: 0.75rem;
1494
- padding-right: 0.75rem;
1495
- }
1496
- .px-4 {
1497
- padding-left: 1rem;
1498
- padding-right: 1rem;
1499
- }
1500
- .px-8 {
1501
- padding-left: 2rem;
1502
- padding-right: 2rem;
1503
- }
1504
- .py-0\.5 {
1505
- padding-top: 0.125rem;
1506
- padding-bottom: 0.125rem;
1507
- }
1508
- .py-1 {
1509
- padding-top: 0.25rem;
1510
- padding-bottom: 0.25rem;
1511
- }
1512
- .py-1\.5 {
1513
- padding-top: 0.375rem;
1514
- padding-bottom: 0.375rem;
1515
- }
1516
- .py-12 {
1517
- padding-top: 3rem;
1518
- padding-bottom: 3rem;
1519
- }
1520
- .py-2 {
1521
- padding-top: 0.5rem;
1522
- padding-bottom: 0.5rem;
1523
- }
1524
- .py-3 {
1525
- padding-top: 0.75rem;
1526
- padding-bottom: 0.75rem;
1527
- }
1528
- .py-4 {
1529
- padding-top: 1rem;
1530
- padding-bottom: 1rem;
1531
- }
1532
- .pb-2 {
1533
- padding-bottom: 0.5rem;
1534
- }
1535
- .pb-3 {
1536
- padding-bottom: 0.75rem;
1537
- }
1538
- .pb-4 {
1539
- padding-bottom: 1rem;
1540
- }
1541
- .pb-\[env\(safe-area-inset-bottom\)\] {
1542
- padding-bottom: env(safe-area-inset-bottom);
1543
- }
1544
- .pl-2 {
1545
- padding-left: 0.5rem;
1546
- }
1547
- .pl-4 {
1548
- padding-left: 1rem;
1549
- }
1550
- .pl-8 {
1551
- padding-left: 2rem;
1552
- }
1553
- .pr-2 {
1554
- padding-right: 0.5rem;
1555
- }
1556
- .pr-6 {
1557
- padding-right: 1.5rem;
1558
- }
1559
- .pr-8 {
1560
- padding-right: 2rem;
1561
- }
1562
- .pt-0 {
1563
- padding-top: 0px;
1564
- }
1565
- .pt-2 {
1566
- padding-top: 0.5rem;
1567
- }
1568
- .pt-3 {
1569
- padding-top: 0.75rem;
1570
- }
1571
- .pt-4 {
1572
- padding-top: 1rem;
1573
- }
1574
- .text-left {
1575
- text-align: left;
1576
- }
1577
- .text-center {
1578
- text-align: center;
1579
- }
1580
- .font-mono {
1581
- font-family:
1582
- ui-monospace,
1583
- SFMono-Regular,
1584
- Menlo,
1585
- Monaco,
1586
- Consolas,
1587
- "Liberation Mono",
1588
- "Courier New",
1589
- monospace;
1590
- }
1591
- .font-sans {
1592
- font-family:
1593
- ui-sans-serif,
1594
- system-ui,
1595
- sans-serif,
1596
- "Apple Color Emoji",
1597
- "Segoe UI Emoji",
1598
- "Segoe UI Symbol",
1599
- "Noto Color Emoji";
1600
- }
1601
- .text-2xl {
1602
- font-size: 1.5rem;
1603
- line-height: 2rem;
1604
- }
1605
- .text-3xl {
1606
- font-size: 1.875rem;
1607
- line-height: 2.25rem;
1608
- }
1609
- .text-\[11px\] {
1610
- font-size: 11px;
1611
- }
1612
- .text-base {
1613
- font-size: 1rem;
1614
- line-height: 1.5rem;
1615
- }
1616
- .text-lg {
1617
- font-size: 1.125rem;
1618
- line-height: 1.75rem;
1619
- }
1620
- .text-sm {
1621
- font-size: 0.875rem;
1622
- line-height: 1.25rem;
1623
- }
1624
- .text-xl {
1625
- font-size: 1.25rem;
1626
- line-height: 1.75rem;
1627
- }
1628
- .text-xs {
1629
- font-size: 0.75rem;
1630
- line-height: 1rem;
1631
- }
1632
- .font-bold {
1633
- font-weight: 700;
1634
- }
1635
- .font-medium {
1636
- font-weight: 500;
1637
- }
1638
- .font-normal {
1639
- font-weight: 400;
1640
- }
1641
- .font-semibold {
1642
- font-weight: 600;
1643
- }
1644
- .uppercase {
1645
- text-transform: uppercase;
1646
- }
1647
- .capitalize {
1648
- text-transform: capitalize;
1649
- }
1650
- .italic {
1651
- font-style: italic;
1652
- }
1653
- .tabular-nums {
1654
- --tw-numeric-spacing: tabular-nums;
1655
- font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
1656
- }
1657
- .leading-none {
1658
- line-height: 1;
1659
- }
1660
- .leading-relaxed {
1661
- line-height: 1.625;
1662
- }
1663
- .leading-tight {
1664
- line-height: 1.25;
1665
- }
1666
- .tracking-\[0\.3em\] {
1667
- letter-spacing: 0.3em;
1668
- }
1669
- .tracking-tight {
1670
- letter-spacing: -0.025em;
1671
- }
1672
- .tracking-wide {
1673
- letter-spacing: 0.025em;
1674
- }
1675
- .tracking-widest {
1676
- letter-spacing: 0.1em;
1677
- }
1678
- .text-\[var\(--distri-accent\,\#3b82f6\)\] {
1679
- color: var(--distri-accent,#3b82f6);
1680
- }
1681
- .text-amber-500 {
1682
- --tw-text-opacity: 1;
1683
- color: rgb(245 158 11 / var(--tw-text-opacity, 1));
1684
- }
1685
- .text-black {
1686
- --tw-text-opacity: 1;
1687
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1688
- }
1689
- .text-black\/30 {
1690
- color: rgb(0 0 0 / 0.3);
1691
- }
1692
- .text-black\/60 {
1693
- color: rgb(0 0 0 / 0.6);
1694
- }
1695
- .text-blue-500 {
1696
- --tw-text-opacity: 1;
1697
- color: rgb(59 130 246 / var(--tw-text-opacity, 1));
1698
- }
1699
- .text-blue-600 {
1700
- --tw-text-opacity: 1;
1701
- color: rgb(37 99 235 / var(--tw-text-opacity, 1));
1702
- }
1703
- .text-card-foreground {
1704
- color: hsl(var(--card-foreground));
1705
- }
1706
- .text-current {
1707
- color: currentColor;
1708
- }
1709
- .text-destructive {
1710
- color: hsl(var(--destructive));
1711
- }
1712
- .text-destructive-foreground {
1713
- color: hsl(var(--destructive-foreground));
1714
- }
1715
- .text-foreground {
1716
- color: hsl(var(--foreground));
1717
- }
1718
- .text-foreground\/50 {
1719
- color: hsl(var(--foreground) / 0.5);
1720
- }
1721
- .text-gray-400 {
1722
- --tw-text-opacity: 1;
1723
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1724
- }
1725
- .text-gray-500 {
1726
- --tw-text-opacity: 1;
1727
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1728
- }
1729
- .text-gray-600 {
1730
- --tw-text-opacity: 1;
1731
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1732
- }
1733
- .text-gray-900 {
1734
- --tw-text-opacity: 1;
1735
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1736
- }
1737
- .text-green-400 {
1738
- --tw-text-opacity: 1;
1739
- color: rgb(74 222 128 / var(--tw-text-opacity, 1));
1740
- }
1741
- .text-green-500 {
1742
- --tw-text-opacity: 1;
1743
- color: rgb(34 197 94 / var(--tw-text-opacity, 1));
1744
- }
1745
- .text-green-600 {
1746
- --tw-text-opacity: 1;
1747
- color: rgb(22 163 74 / var(--tw-text-opacity, 1));
1748
- }
1749
- .text-muted-foreground {
1750
- color: hsl(var(--muted-foreground));
1751
- }
1752
- .text-muted-foreground\/70 {
1753
- color: hsl(var(--muted-foreground) / 0.7);
1754
- }
1755
- .text-muted-foreground\/80 {
1756
- color: hsl(var(--muted-foreground) / 0.8);
1757
- }
1758
- .text-popover-foreground {
1759
- color: hsl(var(--popover-foreground));
1760
- }
1761
- .text-primary {
1762
- color: hsl(var(--primary));
1763
- }
1764
- .text-primary-foreground {
1765
- color: hsl(var(--primary-foreground));
1766
- }
1767
- .text-red-400 {
1768
- --tw-text-opacity: 1;
1769
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
1770
- }
1771
- .text-red-500 {
1772
- --tw-text-opacity: 1;
1773
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
1774
- }
1775
- .text-red-600 {
1776
- --tw-text-opacity: 1;
1777
- color: rgb(220 38 38 / var(--tw-text-opacity, 1));
1778
- }
1779
- .text-secondary-foreground {
1780
- color: hsl(var(--secondary-foreground));
1781
- }
1782
- .text-white {
1783
- --tw-text-opacity: 1;
1784
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1785
- }
1786
- .text-white\/30 {
1787
- color: rgb(255 255 255 / 0.3);
1788
- }
1789
- .text-white\/70 {
1790
- color: rgb(255 255 255 / 0.7);
1791
- }
1792
- .text-white\/90 {
1793
- color: rgb(255 255 255 / 0.9);
1794
- }
1795
- .text-yellow-400 {
1796
- --tw-text-opacity: 1;
1797
- color: rgb(250 204 21 / var(--tw-text-opacity, 1));
1798
- }
1799
- .text-yellow-500 {
1800
- --tw-text-opacity: 1;
1801
- color: rgb(234 179 8 / var(--tw-text-opacity, 1));
1802
- }
1803
- .text-yellow-600 {
1804
- --tw-text-opacity: 1;
1805
- color: rgb(202 138 4 / var(--tw-text-opacity, 1));
1806
- }
1807
- .text-yellow-700 {
1808
- --tw-text-opacity: 1;
1809
- color: rgb(161 98 7 / var(--tw-text-opacity, 1));
1810
- }
1811
- .text-yellow-800 {
1812
- --tw-text-opacity: 1;
1813
- color: rgb(133 77 14 / var(--tw-text-opacity, 1));
1814
- }
1815
- .underline {
1816
- text-decoration-line: underline;
1817
- }
1818
- .line-through {
1819
- text-decoration-line: line-through;
1820
- }
1821
- .underline-offset-4 {
1822
- text-underline-offset: 4px;
1823
- }
1824
- .opacity-0 {
1825
- opacity: 0;
1826
- }
1827
- .opacity-50 {
1828
- opacity: 0.5;
1829
- }
1830
- .opacity-60 {
1831
- opacity: 0.6;
1832
- }
1833
- .opacity-70 {
1834
- opacity: 0.7;
1835
- }
1836
- .opacity-75 {
1837
- opacity: 0.75;
1838
- }
1839
- .opacity-90 {
1840
- opacity: 0.9;
1841
- }
1842
- .shadow {
1843
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1844
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1845
- box-shadow:
1846
- var(--tw-ring-offset-shadow, 0 0 #0000),
1847
- var(--tw-ring-shadow, 0 0 #0000),
1848
- var(--tw-shadow);
1849
- }
1850
- .shadow-2xl {
1851
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1852
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
1853
- box-shadow:
1854
- var(--tw-ring-offset-shadow, 0 0 #0000),
1855
- var(--tw-ring-shadow, 0 0 #0000),
1856
- var(--tw-shadow);
1857
- }
1858
- .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
1859
- --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
1860
- --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
1861
- box-shadow:
1862
- var(--tw-ring-offset-shadow, 0 0 #0000),
1863
- var(--tw-ring-shadow, 0 0 #0000),
1864
- var(--tw-shadow);
1865
- }
1866
- .shadow-lg {
1867
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1868
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1869
- box-shadow:
1870
- var(--tw-ring-offset-shadow, 0 0 #0000),
1871
- var(--tw-ring-shadow, 0 0 #0000),
1872
- var(--tw-shadow);
1873
- }
1874
- .shadow-md {
1875
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1876
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1877
- box-shadow:
1878
- var(--tw-ring-offset-shadow, 0 0 #0000),
1879
- var(--tw-ring-shadow, 0 0 #0000),
1880
- var(--tw-shadow);
1881
- }
1882
- .shadow-sm {
1883
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1884
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1885
- box-shadow:
1886
- var(--tw-ring-offset-shadow, 0 0 #0000),
1887
- var(--tw-ring-shadow, 0 0 #0000),
1888
- var(--tw-shadow);
1889
- }
1890
- .shadow-blue-600\/30 {
1891
- --tw-shadow-color: rgb(37 99 235 / 0.3);
1892
- --tw-shadow: var(--tw-shadow-colored);
1893
- }
1894
- .outline-none {
1895
- outline: 2px solid transparent;
1896
- outline-offset: 2px;
1897
- }
1898
- .outline {
1899
- outline-style: solid;
1900
- }
1901
- .ring {
1902
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1903
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1904
- box-shadow:
1905
- var(--tw-ring-offset-shadow),
1906
- var(--tw-ring-shadow),
1907
- var(--tw-shadow, 0 0 #0000);
1908
- }
1909
- .ring-offset-background {
1910
- --tw-ring-offset-color: hsl(var(--background));
1911
- }
1912
- .filter {
1913
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1914
- }
1915
- .backdrop-blur {
1916
- --tw-backdrop-blur: blur(8px);
1917
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1918
- }
1919
- .backdrop-blur-sm {
1920
- --tw-backdrop-blur: blur(4px);
1921
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1922
- }
1923
- .backdrop-filter {
1924
- backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1925
- }
1926
- .transition {
1927
- transition-property:
1928
- color,
1929
- background-color,
1930
- border-color,
1931
- text-decoration-color,
1932
- fill,
1933
- stroke,
1934
- opacity,
1935
- box-shadow,
1936
- transform,
1937
- filter,
1938
- backdrop-filter;
1939
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1940
- transition-duration: 150ms;
1941
- }
1942
- .transition-\[left\,right\,width\] {
1943
- transition-property:
1944
- left,
1945
- right,
1946
- width;
1947
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1948
- transition-duration: 150ms;
1949
- }
1950
- .transition-\[margin\,opa\] {
1951
- transition-property: margin, opa;
1952
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1953
- transition-duration: 150ms;
1954
- }
1955
- .transition-\[width\,height\,padding\] {
1956
- transition-property:
1957
- width,
1958
- height,
1959
- padding;
1960
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1961
- transition-duration: 150ms;
1962
- }
1963
- .transition-\[width\] {
1964
- transition-property: width;
1965
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1966
- transition-duration: 150ms;
1967
- }
1968
- .transition-all {
1969
- transition-property: all;
1970
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1971
- transition-duration: 150ms;
1972
- }
1973
- .transition-colors {
1974
- transition-property:
1975
- color,
1976
- background-color,
1977
- border-color,
1978
- text-decoration-color,
1979
- fill,
1980
- stroke;
1981
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1982
- transition-duration: 150ms;
1983
- }
1984
- .transition-opacity {
1985
- transition-property: opacity;
1986
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1987
- transition-duration: 150ms;
1988
- }
1989
- .transition-shadow {
1990
- transition-property: box-shadow;
1991
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1992
- transition-duration: 150ms;
1993
- }
1994
- .transition-transform {
1995
- transition-property: transform;
1996
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1997
- transition-duration: 150ms;
1998
- }
1999
- .duration-200 {
2000
- transition-duration: 200ms;
2001
- }
2002
- .duration-300 {
2003
- transition-duration: 300ms;
2004
- }
2005
- .ease-in-out {
2006
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2007
- }
2008
- .ease-linear {
2009
- transition-timing-function: linear;
2010
- }
2011
- .ease-out {
2012
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2013
- }
2014
- @keyframes enter {
2015
- from {
2016
- opacity: var(--tw-enter-opacity, 1);
2017
- transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
2018
- }
2019
- }
2020
- @keyframes exit {
2021
- to {
2022
- opacity: var(--tw-exit-opacity, 1);
2023
- transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
2024
- }
2025
- }
2026
- .animate-in {
2027
- animation-name: enter;
2028
- animation-duration: 150ms;
2029
- --tw-enter-opacity: initial;
2030
- --tw-enter-scale: initial;
2031
- --tw-enter-rotate: initial;
2032
- --tw-enter-translate-x: initial;
2033
- --tw-enter-translate-y: initial;
2034
- }
2035
- .fade-in {
2036
- --tw-enter-opacity: 0;
2037
- }
2038
- .fade-in-0 {
2039
- --tw-enter-opacity: 0;
2040
- }
2041
- .zoom-in-95 {
2042
- --tw-enter-scale: .95;
2043
- }
2044
- .duration-200 {
2045
- animation-duration: 200ms;
2046
- }
2047
- .duration-300 {
2048
- animation-duration: 300ms;
2049
- }
2050
- .ease-in-out {
2051
- animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2052
- }
2053
- .ease-linear {
2054
- animation-timing-function: linear;
2055
- }
2056
- .ease-out {
2057
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2058
- }
2059
- .running {
2060
- animation-play-state: running;
2061
- }
2062
- .selection\:bg-primary\/20 *::-moz-selection {
2063
- background-color: hsl(var(--primary) / 0.2);
2064
- }
2065
- .selection\:bg-primary\/20 *::selection {
2066
- background-color: hsl(var(--primary) / 0.2);
2067
- }
2068
- .selection\:text-primary-foreground *::-moz-selection {
2069
- color: hsl(var(--primary-foreground));
2070
- }
2071
- .selection\:text-primary-foreground *::selection {
2072
- color: hsl(var(--primary-foreground));
2073
- }
2074
- .selection\:bg-primary\/20::-moz-selection {
2075
- background-color: hsl(var(--primary) / 0.2);
2076
- }
2077
- .selection\:bg-primary\/20::selection {
2078
- background-color: hsl(var(--primary) / 0.2);
2079
- }
2080
- .selection\:text-primary-foreground::-moz-selection {
2081
- color: hsl(var(--primary-foreground));
2082
- }
2083
- .selection\:text-primary-foreground::selection {
2084
- color: hsl(var(--primary-foreground));
2085
- }
2086
- .file\:border-0::file-selector-button {
2087
- border-width: 0px;
2088
- }
2089
- .file\:bg-transparent::file-selector-button {
2090
- background-color: transparent;
2091
- }
2092
- .file\:text-sm::file-selector-button {
2093
- font-size: 0.875rem;
2094
- line-height: 1.25rem;
2095
- }
2096
- .file\:font-medium::file-selector-button {
2097
- font-weight: 500;
2098
- }
2099
- .placeholder\:text-muted-foreground::-moz-placeholder {
2100
- color: hsl(var(--muted-foreground));
2101
- }
2102
- .placeholder\:text-muted-foreground::placeholder {
2103
- color: hsl(var(--muted-foreground));
2104
- }
2105
- .after\:absolute::after {
2106
- content: var(--tw-content);
2107
- position: absolute;
2108
- }
2109
- .after\:-inset-2::after {
2110
- content: var(--tw-content);
2111
- inset: -0.5rem;
2112
- }
2113
- .after\:inset-y-0::after {
2114
- content: var(--tw-content);
2115
- top: 0px;
2116
- bottom: 0px;
2117
- }
2118
- .after\:left-1\/2::after {
2119
- content: var(--tw-content);
2120
- left: 50%;
2121
- }
2122
- .after\:w-\[2px\]::after {
2123
- content: var(--tw-content);
2124
- width: 2px;
2125
- }
2126
- .after\:-translate-x-1\/2::after {
2127
- content: var(--tw-content);
2128
- --tw-translate-x: -50%;
2129
- 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));
2130
- }
2131
- .last\:mb-0:last-child {
2132
- margin-bottom: 0px;
2133
- }
2134
- .hover\:border-border\/80:hover {
2135
- border-color: hsl(var(--border) / 0.8);
2136
- }
2137
- .hover\:border-primary\/40:hover {
2138
- border-color: hsl(var(--primary) / 0.4);
2139
- }
2140
- .hover\:bg-accent:hover {
2141
- background-color: hsl(var(--accent));
2142
- }
2143
- .hover\:bg-amber-400:hover {
2144
- --tw-bg-opacity: 1;
2145
- background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
2146
- }
2147
- .hover\:bg-black\/10:hover {
2148
- background-color: rgb(0 0 0 / 0.1);
2149
- }
2150
- .hover\:bg-black\/70:hover {
2151
- background-color: rgb(0 0 0 / 0.7);
2152
- }
2153
- .hover\:bg-blue-700:hover {
2154
- --tw-bg-opacity: 1;
2155
- background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
2156
- }
2157
- .hover\:bg-card\/80:hover {
2158
- background-color: hsl(var(--card) / 0.8);
2159
- }
2160
- .hover\:bg-destructive\/10:hover {
2161
- background-color: hsl(var(--destructive) / 0.1);
2162
- }
2163
- .hover\:bg-destructive\/80:hover {
2164
- background-color: hsl(var(--destructive) / 0.8);
2165
- }
2166
- .hover\:bg-destructive\/90:hover {
2167
- background-color: hsl(var(--destructive) / 0.9);
2168
- }
2169
- .hover\:bg-muted:hover {
2170
- background-color: hsl(var(--muted));
2171
- }
2172
- .hover\:bg-primary\/5:hover {
2173
- background-color: hsl(var(--primary) / 0.05);
2174
- }
2175
- .hover\:bg-primary\/80:hover {
2176
- background-color: hsl(var(--primary) / 0.8);
2177
- }
2178
- .hover\:bg-primary\/90:hover {
2179
- background-color: hsl(var(--primary) / 0.9);
2180
- }
2181
- .hover\:bg-red-600:hover {
2182
- --tw-bg-opacity: 1;
2183
- background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
2184
- }
2185
- .hover\:bg-red-700:hover {
2186
- --tw-bg-opacity: 1;
2187
- background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
2188
- }
2189
- .hover\:bg-secondary:hover {
2190
- background-color: hsl(var(--secondary));
2191
- }
2192
- .hover\:bg-secondary\/80:hover {
2193
- background-color: hsl(var(--secondary) / 0.8);
2194
- }
2195
- .hover\:bg-white\/20:hover {
2196
- background-color: rgb(255 255 255 / 0.2);
2197
- }
2198
- .hover\:bg-white\/90:hover {
2199
- background-color: rgb(255 255 255 / 0.9);
2200
- }
2201
- .hover\:text-accent-foreground:hover {
2202
- color: hsl(var(--accent-foreground));
2203
- }
2204
- .hover\:text-black:hover {
2205
- --tw-text-opacity: 1;
2206
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2207
- }
2208
- .hover\:text-foreground:hover {
2209
- color: hsl(var(--foreground));
2210
- }
2211
- .hover\:text-gray-600:hover {
2212
- --tw-text-opacity: 1;
2213
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
2214
- }
2215
- .hover\:text-white:hover {
2216
- --tw-text-opacity: 1;
2217
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2218
- }
2219
- .hover\:underline:hover {
2220
- text-decoration-line: underline;
2221
- }
2222
- .hover\:no-underline:hover {
2223
- text-decoration-line: none;
2224
- }
2225
- .hover\:opacity-100:hover {
2226
- opacity: 1;
2227
- }
2228
- .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
2229
- --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
2230
- --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
2231
- box-shadow:
2232
- var(--tw-ring-offset-shadow, 0 0 #0000),
2233
- var(--tw-ring-shadow, 0 0 #0000),
2234
- var(--tw-shadow);
2235
- }
2236
- .hover\:shadow-md:hover {
2237
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2238
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2239
- box-shadow:
2240
- var(--tw-ring-offset-shadow, 0 0 #0000),
2241
- var(--tw-ring-shadow, 0 0 #0000),
2242
- var(--tw-shadow);
2243
- }
2244
- .focus\:bg-accent:focus {
2245
- background-color: hsl(var(--accent));
2246
- }
2247
- .focus\:text-accent-foreground:focus {
2248
- color: hsl(var(--accent-foreground));
2249
- }
2250
- .focus\:opacity-100:focus {
2251
- opacity: 1;
2252
- }
2253
- .focus\:outline-none:focus {
2254
- outline: 2px solid transparent;
2255
- outline-offset: 2px;
2256
- }
2257
- .focus\:ring-1:focus {
2258
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2259
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2260
- box-shadow:
2261
- var(--tw-ring-offset-shadow),
2262
- var(--tw-ring-shadow),
2263
- var(--tw-shadow, 0 0 #0000);
2264
- }
2265
- .focus\:ring-2:focus {
2266
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2267
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2268
- box-shadow:
2269
- var(--tw-ring-offset-shadow),
2270
- var(--tw-ring-shadow),
2271
- var(--tw-shadow, 0 0 #0000);
2272
- }
2273
- .focus\:ring-primary\/50:focus {
2274
- --tw-ring-color: hsl(var(--primary) / 0.5);
2275
- }
2276
- .focus\:ring-ring:focus {
2277
- --tw-ring-color: hsl(var(--ring));
2278
- }
2279
- .focus\:ring-offset-1:focus {
2280
- --tw-ring-offset-width: 1px;
2281
- }
2282
- .focus\:ring-offset-2:focus {
2283
- --tw-ring-offset-width: 2px;
2284
- }
2285
- .focus-visible\:outline-none:focus-visible {
2286
- outline: 2px solid transparent;
2287
- outline-offset: 2px;
2288
- }
2289
- .focus-visible\:ring-0:focus-visible {
2290
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2291
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2292
- box-shadow:
2293
- var(--tw-ring-offset-shadow),
2294
- var(--tw-ring-shadow),
2295
- var(--tw-shadow, 0 0 #0000);
2296
- }
2297
- .focus-visible\:ring-1:focus-visible {
2298
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2299
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2300
- box-shadow:
2301
- var(--tw-ring-offset-shadow),
2302
- var(--tw-ring-shadow),
2303
- var(--tw-shadow, 0 0 #0000);
2304
- }
2305
- .focus-visible\:ring-2:focus-visible {
2306
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2307
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2308
- box-shadow:
2309
- var(--tw-ring-offset-shadow),
2310
- var(--tw-ring-shadow),
2311
- var(--tw-shadow, 0 0 #0000);
2312
- }
2313
- .focus-visible\:ring-ring:focus-visible {
2314
- --tw-ring-color: hsl(var(--ring));
2315
- }
2316
- .focus-visible\:ring-offset-2:focus-visible {
2317
- --tw-ring-offset-width: 2px;
2318
- }
2319
- .active\:scale-95:active {
2320
- --tw-scale-x: .95;
2321
- --tw-scale-y: .95;
2322
- 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));
2323
- }
2324
- .disabled\:pointer-events-none:disabled {
2325
- pointer-events: none;
2326
- }
2327
- .disabled\:cursor-not-allowed:disabled {
2328
- cursor: not-allowed;
2329
- }
2330
- .disabled\:opacity-50:disabled {
2331
- opacity: 0.5;
2332
- }
2333
- .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
2334
- opacity: 1;
2335
- }
2336
- .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
2337
- opacity: 1;
2338
- }
2339
- .group:hover .group-hover\:opacity-100 {
2340
- opacity: 1;
2341
- }
2342
- .group.destructive .group-\[\.destructive\]\:border-muted\/40 {
2343
- border-color: hsl(var(--muted) / 0.4);
2344
- }
2345
- .group.toaster .group-\[\.toaster\]\:border-border {
2346
- border-color: hsl(var(--border));
2347
- }
2348
- .group.toast .group-\[\.toast\]\:bg-muted {
2349
- background-color: hsl(var(--muted));
2350
- }
2351
- .group.toast .group-\[\.toast\]\:bg-primary {
2352
- background-color: hsl(var(--primary));
2353
- }
2354
- .group.toaster .group-\[\.toaster\]\:bg-background {
2355
- background-color: hsl(var(--background));
2356
- }
2357
- .group.destructive .group-\[\.destructive\]\:text-red-300 {
2358
- --tw-text-opacity: 1;
2359
- color: rgb(252 165 165 / var(--tw-text-opacity, 1));
2360
- }
2361
- .group.toast .group-\[\.toast\]\:text-muted-foreground {
2362
- color: hsl(var(--muted-foreground));
2363
- }
2364
- .group.toast .group-\[\.toast\]\:text-primary-foreground {
2365
- color: hsl(var(--primary-foreground));
2366
- }
2367
- .group.toaster .group-\[\.toaster\]\:text-foreground {
2368
- color: hsl(var(--foreground));
2369
- }
2370
- .group.toaster .group-\[\.toaster\]\:shadow-lg {
2371
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2372
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2373
- box-shadow:
2374
- var(--tw-ring-offset-shadow, 0 0 #0000),
2375
- var(--tw-ring-shadow, 0 0 #0000),
2376
- var(--tw-shadow);
2377
- }
2378
- .group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover {
2379
- border-color: hsl(var(--destructive) / 0.3);
2380
- }
2381
- .group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
2382
- background-color: hsl(var(--destructive));
2383
- }
2384
- .group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
2385
- color: hsl(var(--destructive-foreground));
2386
- }
2387
- .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
2388
- --tw-text-opacity: 1;
2389
- color: rgb(254 242 242 / var(--tw-text-opacity, 1));
2390
- }
2391
- .group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
2392
- --tw-ring-color: hsl(var(--destructive));
2393
- }
2394
- .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
2395
- --tw-ring-opacity: 1;
2396
- --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
2397
- }
2398
- .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
2399
- --tw-ring-offset-color: #dc2626;
2400
- }
2401
- .group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
2402
- padding-right: 2rem;
2403
- }
2404
- .aria-disabled\:pointer-events-none[aria-disabled=true] {
2405
- pointer-events: none;
2406
- }
2407
- .aria-disabled\:opacity-50[aria-disabled=true] {
2408
- opacity: 0.5;
2409
- }
2410
- .data-\[disabled\]\:pointer-events-none[data-disabled] {
2411
- pointer-events: none;
2412
- }
2413
- .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
2414
- --tw-translate-y: 0.25rem;
2415
- 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));
2416
- }
2417
- .data-\[side\=left\]\:-translate-x-1[data-side=left] {
2418
- --tw-translate-x: -0.25rem;
2419
- 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));
2420
- }
2421
- .data-\[side\=right\]\:translate-x-1[data-side=right] {
2422
- --tw-translate-x: 0.25rem;
2423
- 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));
2424
- }
2425
- .data-\[side\=top\]\:-translate-y-1[data-side=top] {
2426
- --tw-translate-y: -0.25rem;
2427
- 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));
2428
- }
2429
- .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
2430
- --tw-translate-x: 0px;
2431
- 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));
2432
- }
2433
- .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
2434
- --tw-translate-x: var(--radix-toast-swipe-end-x);
2435
- 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));
2436
- }
2437
- .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
2438
- --tw-translate-x: var(--radix-toast-swipe-move-x);
2439
- 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));
2440
- }
2441
- .data-\[state\=checked\]\:bg-primary[data-state=checked] {
2442
- background-color: hsl(var(--primary));
2443
- }
2444
- .data-\[state\=open\]\:bg-accent[data-state=open] {
2445
- background-color: hsl(var(--accent));
2446
- }
2447
- .data-\[state\=open\]\:bg-secondary[data-state=open] {
2448
- background-color: hsl(var(--secondary));
2449
- }
2450
- .data-\[active\=true\]\:font-medium[data-active=true] {
2451
- font-weight: 500;
2452
- }
2453
- .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
2454
- color: hsl(var(--muted-foreground));
2455
- }
2456
- .data-\[state\=checked\]\:text-primary-foreground[data-state=checked] {
2457
- color: hsl(var(--primary-foreground));
2458
- }
2459
- .data-\[disabled\]\:opacity-50[data-disabled] {
2460
- opacity: 0.5;
2461
- }
2462
- .data-\[state\=open\]\:opacity-100[data-state=open] {
2463
- opacity: 1;
2464
- }
2465
- .data-\[swipe\=move\]\:transition-none[data-swipe=move] {
2466
- transition-property: none;
2467
- }
2468
- .data-\[state\=closed\]\:duration-300[data-state=closed] {
2469
- transition-duration: 300ms;
2470
- }
2471
- .data-\[state\=open\]\:duration-500[data-state=open] {
2472
- transition-duration: 500ms;
2473
- }
2474
- .data-\[state\=open\]\:animate-in[data-state=open] {
2475
- animation-name: enter;
2476
- animation-duration: 150ms;
2477
- --tw-enter-opacity: initial;
2478
- --tw-enter-scale: initial;
2479
- --tw-enter-rotate: initial;
2480
- --tw-enter-translate-x: initial;
2481
- --tw-enter-translate-y: initial;
2482
- }
2483
- .data-\[state\=closed\]\:animate-out[data-state=closed] {
2484
- animation-name: exit;
2485
- animation-duration: 150ms;
2486
- --tw-exit-opacity: initial;
2487
- --tw-exit-scale: initial;
2488
- --tw-exit-rotate: initial;
2489
- --tw-exit-translate-x: initial;
2490
- --tw-exit-translate-y: initial;
2491
- }
2492
- .data-\[swipe\=end\]\:animate-out[data-swipe=end] {
2493
- animation-name: exit;
2494
- animation-duration: 150ms;
2495
- --tw-exit-opacity: initial;
2496
- --tw-exit-scale: initial;
2497
- --tw-exit-rotate: initial;
2498
- --tw-exit-translate-x: initial;
2499
- --tw-exit-translate-y: initial;
2500
- }
2501
- .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
2502
- --tw-exit-opacity: 0;
2503
- }
2504
- .data-\[state\=closed\]\:fade-out-80[data-state=closed] {
2505
- --tw-exit-opacity: 0.8;
2506
- }
2507
- .data-\[state\=open\]\:fade-in-0[data-state=open] {
2508
- --tw-enter-opacity: 0;
2509
- }
2510
- .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
2511
- --tw-exit-scale: .95;
2512
- }
2513
- .data-\[state\=open\]\:zoom-in-95[data-state=open] {
2514
- --tw-enter-scale: .95;
2515
- }
2516
- .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
2517
- --tw-enter-translate-y: -0.5rem;
2518
- }
2519
- .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
2520
- --tw-enter-translate-x: 0.5rem;
2521
- }
2522
- .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
2523
- --tw-enter-translate-x: -0.5rem;
2524
- }
2525
- .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
2526
- --tw-enter-translate-y: 0.5rem;
2527
- }
2528
- .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
2529
- --tw-exit-translate-y: 100%;
2530
- }
2531
- .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
2532
- --tw-exit-translate-x: -100%;
2533
- }
2534
- .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
2535
- --tw-exit-translate-x: 100%;
2536
- }
2537
- .data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed] {
2538
- --tw-exit-translate-x: 100%;
2539
- }
2540
- .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
2541
- --tw-exit-translate-y: -100%;
2542
- }
2543
- .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
2544
- --tw-enter-translate-y: 100%;
2545
- }
2546
- .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
2547
- --tw-enter-translate-x: -100%;
2548
- }
2549
- .data-\[state\=open\]\:slide-in-from-right[data-state=open] {
2550
- --tw-enter-translate-x: 100%;
2551
- }
2552
- .data-\[state\=open\]\:slide-in-from-top[data-state=open] {
2553
- --tw-enter-translate-y: -100%;
2554
- }
2555
- .data-\[state\=open\]\:slide-in-from-top-full[data-state=open] {
2556
- --tw-enter-translate-y: -100%;
2557
- }
2558
- .data-\[state\=closed\]\:duration-300[data-state=closed] {
2559
- animation-duration: 300ms;
2560
- }
2561
- .data-\[state\=open\]\:duration-500[data-state=open] {
2562
- animation-duration: 500ms;
2563
- }
2564
- .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
2565
- left: calc(var(--sidebar-width) * -1);
2566
- }
2567
- .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
2568
- right: calc(var(--sidebar-width) * -1);
2569
- }
2570
- .group[data-side=left] .group-data-\[side\=left\]\:-right-4 {
2571
- right: -1rem;
2572
- }
2573
- .group[data-side=right] .group-data-\[side\=right\]\:left-0 {
2574
- left: 0px;
2575
- }
2576
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8 {
2577
- margin-top: -2rem;
2578
- }
2579
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden {
2580
- display: none;
2581
- }
2582
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8 {
2583
- width: 2rem !important;
2584
- height: 2rem !important;
2585
- }
2586
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
2587
- width: var(--sidebar-width-icon);
2588
- }
2589
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
2590
- width: calc(var(--sidebar-width-icon) + 1rem);
2591
- }
2592
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
2593
- width: calc(var(--sidebar-width-icon) + 1rem + 2px);
2594
- }
2595
- .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0 {
2596
- width: 0px;
2597
- }
2598
- .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
2599
- --tw-translate-x: 0px;
2600
- 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));
2601
- }
2602
- .group[data-side=right] .group-data-\[side\=right\]\:rotate-180 {
2603
- --tw-rotate: 180deg;
2604
- 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));
2605
- }
2606
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden {
2607
- overflow: hidden;
2608
- }
2609
- .group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg {
2610
- border-radius: var(--radius);
2611
- }
2612
- .group[data-variant=floating] .group-data-\[variant\=floating\]\:border {
2613
- border-width: 1px;
2614
- }
2615
- .group[data-side=left] .group-data-\[side\=left\]\:border-r {
2616
- border-right-width: 1px;
2617
- }
2618
- .group[data-side=right] .group-data-\[side\=right\]\:border-l {
2619
- border-left-width: 1px;
2620
- }
2621
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2 {
2622
- padding: 0.5rem !important;
2623
- }
2624
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0 {
2625
- opacity: 0;
2626
- }
2627
- .group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow {
2628
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2629
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2630
- box-shadow:
2631
- var(--tw-ring-offset-shadow, 0 0 #0000),
2632
- var(--tw-ring-shadow, 0 0 #0000),
2633
- var(--tw-shadow);
2634
- }
2635
- .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after {
2636
- content: var(--tw-content);
2637
- left: 100%;
2638
- }
2639
- .peer\/menu-button[data-size=default] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
2640
- top: 0.375rem;
2641
- }
2642
- .peer\/menu-button[data-size=lg] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
2643
- top: 0.625rem;
2644
- }
2645
- .peer\/menu-button[data-size=sm] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
2646
- top: 0.25rem;
2647
- }
2648
- .peer[data-variant=inset] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
2649
- min-height: calc(100svh - 1rem);
2650
- }
2651
- @supports (backdrop-filter: var(--tw)) {
2652
- .supports-\[backdrop-filter\]\:bg-background\/60 {
2653
- background-color: hsl(var(--background) / 0.6);
2654
- }
2655
- }
2656
- @media (min-width: 640px) {
2657
- .sm\:bottom-0 {
2658
- bottom: 0px;
2659
- }
2660
- .sm\:right-0 {
2661
- right: 0px;
2662
- }
2663
- .sm\:top-auto {
2664
- top: auto;
2665
- }
2666
- .sm\:flex {
2667
- display: flex;
2668
- }
2669
- .sm\:max-w-sm {
2670
- max-width: 24rem;
2671
- }
2672
- .sm\:grid-cols-3 {
2673
- grid-template-columns: repeat(3, minmax(0, 1fr));
2674
- }
2675
- .sm\:flex-row {
2676
- flex-direction: row;
2677
- }
2678
- .sm\:flex-col {
2679
- flex-direction: column;
2680
- }
2681
- .sm\:justify-end {
2682
- justify-content: flex-end;
2683
- }
2684
- .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
2685
- --tw-space-x-reverse: 0;
2686
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2687
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2688
- }
2689
- .sm\:rounded-lg {
2690
- border-radius: var(--radius);
2691
- }
2692
- .sm\:p-4 {
2693
- padding: 1rem;
2694
- }
2695
- .sm\:py-4 {
2696
- padding-top: 1rem;
2697
- padding-bottom: 1rem;
2698
- }
2699
- .sm\:py-8 {
2700
- padding-top: 2rem;
2701
- padding-bottom: 2rem;
2702
- }
2703
- .sm\:text-left {
2704
- text-align: left;
2705
- }
2706
- .sm\:text-sm {
2707
- font-size: 0.875rem;
2708
- line-height: 1.25rem;
2709
- }
2710
- .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open] {
2711
- --tw-enter-translate-y: 100%;
2712
- }
2713
- }
2714
- @media (min-width: 768px) {
2715
- .md\:block {
2716
- display: block;
2717
- }
2718
- .md\:flex {
2719
- display: flex;
2720
- }
2721
- .md\:max-w-\[420px\] {
2722
- max-width: 420px;
2723
- }
2724
- .md\:grid-cols-2 {
2725
- grid-template-columns: repeat(2, minmax(0, 1fr));
2726
- }
2727
- .md\:opacity-0 {
2728
- opacity: 0;
2729
- }
2730
- .after\:md\:hidden::after {
2731
- content: var(--tw-content);
2732
- display: none;
2733
- }
2734
- .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
2735
- margin: 0.5rem;
2736
- }
2737
- .peer[data-state=collapsed][data-variant=inset] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
2738
- margin-left: 0.5rem;
2739
- }
2740
- .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
2741
- margin-left: 0px;
2742
- }
2743
- .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
2744
- border-radius: 0.75rem;
2745
- }
2746
- .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:shadow {
2747
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2748
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2749
- box-shadow:
2750
- var(--tw-ring-offset-shadow, 0 0 #0000),
2751
- var(--tw-ring-shadow, 0 0 #0000),
2752
- var(--tw-shadow);
2753
- }
2754
- }
2755
- @media (min-width: 1024px) {
2756
- .lg\:sticky {
2757
- position: sticky;
2758
- }
2759
- .lg\:top-4 {
2760
- top: 1rem;
2761
- }
2762
- .lg\:w-\[320px\] {
2763
- width: 320px;
2764
- }
2765
- .lg\:grid-cols-3 {
2766
- grid-template-columns: repeat(3, minmax(0, 1fr));
2767
- }
2768
- .lg\:flex-row {
2769
- flex-direction: row;
2770
- }
2771
- .lg\:items-start {
2772
- align-items: flex-start;
2773
- }
2774
- }
2775
- @media (min-width: 1280px) {
2776
- .xl\:w-\[360px\] {
2777
- width: 360px;
2778
- }
2779
- }
2780
- @media (prefers-color-scheme: dark) {
2781
- .dark\:-rotate-90 {
2782
- --tw-rotate: -90deg;
2783
- 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));
2784
- }
2785
- .dark\:rotate-0 {
2786
- --tw-rotate: 0deg;
2787
- 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));
2788
- }
2789
- .dark\:scale-0 {
2790
- --tw-scale-x: 0;
2791
- --tw-scale-y: 0;
2792
- 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));
2793
- }
2794
- .dark\:scale-100 {
2795
- --tw-scale-x: 1;
2796
- --tw-scale-y: 1;
2797
- 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));
2798
- }
2799
- .dark\:bg-gray-700 {
2800
- --tw-bg-opacity: 1;
2801
- background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
2802
- }
2803
- .dark\:bg-gray-800 {
2804
- --tw-bg-opacity: 1;
2805
- background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
2806
- }
2807
- .dark\:bg-green-950\/30 {
2808
- background-color: rgb(5 46 22 / 0.3);
2809
- }
2810
- .dark\:bg-red-950\/30 {
2811
- background-color: rgb(69 10 10 / 0.3);
2812
- }
2813
- .dark\:bg-yellow-900\/20 {
2814
- background-color: rgb(113 63 18 / 0.2);
2815
- }
2816
- .dark\:text-green-400 {
2817
- --tw-text-opacity: 1;
2818
- color: rgb(74 222 128 / var(--tw-text-opacity, 1));
2819
- }
2820
- .dark\:text-red-400 {
2821
- --tw-text-opacity: 1;
2822
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
2823
- }
2824
- .dark\:text-yellow-200 {
2825
- --tw-text-opacity: 1;
2826
- color: rgb(254 240 138 / var(--tw-text-opacity, 1));
2827
- }
2828
- .dark\:text-yellow-300 {
2829
- --tw-text-opacity: 1;
2830
- color: rgb(253 224 71 / var(--tw-text-opacity, 1));
2831
- }
2832
- .dark\:text-yellow-400 {
2833
- --tw-text-opacity: 1;
2834
- color: rgb(250 204 21 / var(--tw-text-opacity, 1));
2835
- }
2836
- .dark\:selection\:bg-primary\/40 *::-moz-selection {
2837
- background-color: hsl(var(--primary) / 0.4);
2838
- }
2839
- .dark\:selection\:bg-primary\/40 *::selection {
2840
- background-color: hsl(var(--primary) / 0.4);
2841
- }
2842
- .dark\:selection\:bg-primary\/40::-moz-selection {
2843
- background-color: hsl(var(--primary) / 0.4);
2844
- }
2845
- .dark\:selection\:bg-primary\/40::selection {
2846
- background-color: hsl(var(--primary) / 0.4);
2847
- }
2848
- }
2849
- .\[\&\+div\]\:text-xs + div {
2850
- font-size: 0.75rem;
2851
- line-height: 1rem;
2852
- }
2853
- .\[\&\>button\]\:hidden > button {
2854
- display: none;
2855
- }
2856
- .\[\&\>div\]\:flex-1 > div {
2857
- flex: 1 1 0%;
2858
- }
2859
- .\[\&\>span\:last-child\]\:truncate > span:last-child {
2860
- overflow: hidden;
2861
- text-overflow: ellipsis;
2862
- white-space: nowrap;
2863
- }
2864
- .\[\&\>span\]\:line-clamp-1 > span {
2865
- overflow: hidden;
2866
- display: -webkit-box;
2867
- -webkit-box-orient: vertical;
2868
- -webkit-line-clamp: 1;
2869
- }
2870
- .\[\&\>svg\]\:size-4 > svg {
2871
- width: 1rem;
2872
- height: 1rem;
2873
- }
2874
- .\[\&\>svg\]\:shrink-0 > svg {
2875
- flex-shrink: 0;
2876
- }
2877
- .\[\&_\.ProseMirror\]\:h-full .ProseMirror {
2878
- height: 100%;
2879
- }
2880
- .\[\&_\.ProseMirror\]\:outline-none .ProseMirror {
2881
- outline: 2px solid transparent;
2882
- outline-offset: 2px;
2883
- }
2884
- .\[\&_\.is-editor-empty\:first-child\:\:before\]\:pointer-events-none .is-editor-empty:first-child::before {
2885
- pointer-events: none;
2886
- }
2887
- .\[\&_\.is-editor-empty\:first-child\:\:before\]\:float-left .is-editor-empty:first-child::before {
2888
- float: left;
2889
- }
2890
- .\[\&_\.is-editor-empty\:first-child\:\:before\]\:h-0 .is-editor-empty:first-child::before {
2891
- height: 0px;
2892
- }
2893
- .\[\&_\.is-editor-empty\:first-child\:\:before\]\:text-gray-400 .is-editor-empty:first-child::before {
2894
- --tw-text-opacity: 1;
2895
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2896
- }
2897
- .\[\&_\.is-editor-empty\:first-child\:\:before\]\:text-white\/40 .is-editor-empty:first-child::before {
2898
- color: rgb(255 255 255 / 0.4);
2899
- }
2900
- .\[\&_\.is-editor-empty\:first-child\:\:before\]\:content-\[attr\(data-placeholder\)\] .is-editor-empty:first-child::before {
2901
- --tw-content: attr(data-placeholder);
2902
- content: var(--tw-content);
2903
- }
2904
- .\[\&_svg\]\:pointer-events-none svg {
2905
- pointer-events: none;
2906
- }
2907
- .\[\&_svg\]\:size-4 svg {
2908
- width: 1rem;
2909
- height: 1rem;
2910
- }
2911
- .\[\&_svg\]\:shrink-0 svg {
2912
- flex-shrink: 0;
2913
- }
2914
- [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
2915
- right: -0.5rem;
2916
- }
2917
- [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
2918
- cursor: e-resize;
2919
- }
2920
- [data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
2921
- cursor: w-resize;
2922
- }
2923
- [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
2924
- left: -0.5rem;
2925
- }
2926
- [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
2927
- cursor: w-resize;
2928
- }
2929
- [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
2930
- cursor: e-resize;
2931
- }
2932
- /*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
2933
- */