@mlw-packages/react-components 1.4.6 → 1.4.7

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.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/dist/index.css +0 -4123
  3. package/dist/index.d.mts +0 -677
  4. package/dist/index.d.ts +0 -677
  5. package/dist/index.js +0 -89
  6. package/dist/index.mjs +0 -57
package/dist/index.css DELETED
@@ -1,4123 +0,0 @@
1
- @import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600&display=swap";
2
-
3
- /* src/style/global.css */
4
- *,
5
- ::before,
6
- ::after {
7
- --tw-border-spacing-x: 0;
8
- --tw-border-spacing-y: 0;
9
- --tw-translate-x: 0;
10
- --tw-translate-y: 0;
11
- --tw-rotate: 0;
12
- --tw-skew-x: 0;
13
- --tw-skew-y: 0;
14
- --tw-scale-x: 1;
15
- --tw-scale-y: 1;
16
- --tw-pan-x: ;
17
- --tw-pan-y: ;
18
- --tw-pinch-zoom: ;
19
- --tw-scroll-snap-strictness: proximity;
20
- --tw-gradient-from-position: ;
21
- --tw-gradient-via-position: ;
22
- --tw-gradient-to-position: ;
23
- --tw-ordinal: ;
24
- --tw-slashed-zero: ;
25
- --tw-numeric-figure: ;
26
- --tw-numeric-spacing: ;
27
- --tw-numeric-fraction: ;
28
- --tw-ring-inset: ;
29
- --tw-ring-offset-width: 0px;
30
- --tw-ring-offset-color: #fff;
31
- --tw-ring-color: rgb(59 130 246 / 0.5);
32
- --tw-ring-offset-shadow: 0 0 #0000;
33
- --tw-ring-shadow: 0 0 #0000;
34
- --tw-shadow: 0 0 #0000;
35
- --tw-shadow-colored: 0 0 #0000;
36
- --tw-blur: ;
37
- --tw-brightness: ;
38
- --tw-contrast: ;
39
- --tw-grayscale: ;
40
- --tw-hue-rotate: ;
41
- --tw-invert: ;
42
- --tw-saturate: ;
43
- --tw-sepia: ;
44
- --tw-drop-shadow: ;
45
- --tw-backdrop-blur: ;
46
- --tw-backdrop-brightness: ;
47
- --tw-backdrop-contrast: ;
48
- --tw-backdrop-grayscale: ;
49
- --tw-backdrop-hue-rotate: ;
50
- --tw-backdrop-invert: ;
51
- --tw-backdrop-opacity: ;
52
- --tw-backdrop-saturate: ;
53
- --tw-backdrop-sepia: ;
54
- --tw-contain-size: ;
55
- --tw-contain-layout: ;
56
- --tw-contain-paint: ;
57
- --tw-contain-style: ;
58
- }
59
- ::backdrop {
60
- --tw-border-spacing-x: 0;
61
- --tw-border-spacing-y: 0;
62
- --tw-translate-x: 0;
63
- --tw-translate-y: 0;
64
- --tw-rotate: 0;
65
- --tw-skew-x: 0;
66
- --tw-skew-y: 0;
67
- --tw-scale-x: 1;
68
- --tw-scale-y: 1;
69
- --tw-pan-x: ;
70
- --tw-pan-y: ;
71
- --tw-pinch-zoom: ;
72
- --tw-scroll-snap-strictness: proximity;
73
- --tw-gradient-from-position: ;
74
- --tw-gradient-via-position: ;
75
- --tw-gradient-to-position: ;
76
- --tw-ordinal: ;
77
- --tw-slashed-zero: ;
78
- --tw-numeric-figure: ;
79
- --tw-numeric-spacing: ;
80
- --tw-numeric-fraction: ;
81
- --tw-ring-inset: ;
82
- --tw-ring-offset-width: 0px;
83
- --tw-ring-offset-color: #fff;
84
- --tw-ring-color: rgb(59 130 246 / 0.5);
85
- --tw-ring-offset-shadow: 0 0 #0000;
86
- --tw-ring-shadow: 0 0 #0000;
87
- --tw-shadow: 0 0 #0000;
88
- --tw-shadow-colored: 0 0 #0000;
89
- --tw-blur: ;
90
- --tw-brightness: ;
91
- --tw-contrast: ;
92
- --tw-grayscale: ;
93
- --tw-hue-rotate: ;
94
- --tw-invert: ;
95
- --tw-saturate: ;
96
- --tw-sepia: ;
97
- --tw-drop-shadow: ;
98
- --tw-backdrop-blur: ;
99
- --tw-backdrop-brightness: ;
100
- --tw-backdrop-contrast: ;
101
- --tw-backdrop-grayscale: ;
102
- --tw-backdrop-hue-rotate: ;
103
- --tw-backdrop-invert: ;
104
- --tw-backdrop-opacity: ;
105
- --tw-backdrop-saturate: ;
106
- --tw-backdrop-sepia: ;
107
- --tw-contain-size: ;
108
- --tw-contain-layout: ;
109
- --tw-contain-paint: ;
110
- --tw-contain-style: ;
111
- }
112
- *,
113
- ::before,
114
- ::after {
115
- box-sizing: border-box;
116
- border-width: 0;
117
- border-style: solid;
118
- border-color: #e5e7eb;
119
- }
120
- ::before,
121
- ::after {
122
- --tw-content: "";
123
- }
124
- html,
125
- :host {
126
- line-height: 1.5;
127
- -webkit-text-size-adjust: 100%;
128
- -moz-tab-size: 4;
129
- -o-tab-size: 4;
130
- tab-size: 4;
131
- font-family:
132
- ui-sans-serif,
133
- system-ui,
134
- sans-serif,
135
- "Apple Color Emoji",
136
- "Segoe UI Emoji",
137
- "Segoe UI Symbol",
138
- "Noto Color Emoji";
139
- font-feature-settings: normal;
140
- font-variation-settings: normal;
141
- -webkit-tap-highlight-color: transparent;
142
- }
143
- body {
144
- margin: 0;
145
- line-height: inherit;
146
- }
147
- hr {
148
- height: 0;
149
- color: inherit;
150
- border-top-width: 1px;
151
- }
152
- abbr:where([title]) {
153
- -webkit-text-decoration: underline dotted;
154
- text-decoration: underline dotted;
155
- }
156
- h1,
157
- h2,
158
- h3,
159
- h4,
160
- h5,
161
- h6 {
162
- font-size: inherit;
163
- font-weight: inherit;
164
- }
165
- a {
166
- color: inherit;
167
- text-decoration: inherit;
168
- }
169
- b,
170
- strong {
171
- font-weight: bolder;
172
- }
173
- code,
174
- kbd,
175
- samp,
176
- pre {
177
- font-family:
178
- ui-monospace,
179
- SFMono-Regular,
180
- Menlo,
181
- Monaco,
182
- Consolas,
183
- "Liberation Mono",
184
- "Courier New",
185
- monospace;
186
- font-feature-settings: normal;
187
- font-variation-settings: normal;
188
- font-size: 1em;
189
- }
190
- small {
191
- font-size: 80%;
192
- }
193
- sub,
194
- sup {
195
- font-size: 75%;
196
- line-height: 0;
197
- position: relative;
198
- vertical-align: baseline;
199
- }
200
- sub {
201
- bottom: -0.25em;
202
- }
203
- sup {
204
- top: -0.5em;
205
- }
206
- table {
207
- text-indent: 0;
208
- border-color: inherit;
209
- border-collapse: collapse;
210
- }
211
- button,
212
- input,
213
- optgroup,
214
- select,
215
- textarea {
216
- font-family: inherit;
217
- font-feature-settings: inherit;
218
- font-variation-settings: inherit;
219
- font-size: 100%;
220
- font-weight: inherit;
221
- line-height: inherit;
222
- letter-spacing: inherit;
223
- color: inherit;
224
- margin: 0;
225
- padding: 0;
226
- }
227
- button,
228
- select {
229
- text-transform: none;
230
- }
231
- button,
232
- input:where([type=button]),
233
- input:where([type=reset]),
234
- input:where([type=submit]) {
235
- -webkit-appearance: button;
236
- background-color: transparent;
237
- background-image: none;
238
- }
239
- :-moz-focusring {
240
- outline: auto;
241
- }
242
- :-moz-ui-invalid {
243
- box-shadow: none;
244
- }
245
- progress {
246
- vertical-align: baseline;
247
- }
248
- ::-webkit-inner-spin-button,
249
- ::-webkit-outer-spin-button {
250
- height: auto;
251
- }
252
- [type=search] {
253
- -webkit-appearance: textfield;
254
- outline-offset: -2px;
255
- }
256
- ::-webkit-search-decoration {
257
- -webkit-appearance: none;
258
- }
259
- ::-webkit-file-upload-button {
260
- -webkit-appearance: button;
261
- font: inherit;
262
- }
263
- summary {
264
- display: list-item;
265
- }
266
- blockquote,
267
- dl,
268
- dd,
269
- h1,
270
- h2,
271
- h3,
272
- h4,
273
- h5,
274
- h6,
275
- hr,
276
- figure,
277
- p,
278
- pre {
279
- margin: 0;
280
- }
281
- fieldset {
282
- margin: 0;
283
- padding: 0;
284
- }
285
- legend {
286
- padding: 0;
287
- }
288
- ol,
289
- ul,
290
- menu {
291
- list-style: none;
292
- margin: 0;
293
- padding: 0;
294
- }
295
- dialog {
296
- padding: 0;
297
- }
298
- textarea {
299
- resize: vertical;
300
- }
301
- input::-moz-placeholder,
302
- textarea::-moz-placeholder {
303
- opacity: 1;
304
- color: #9ca3af;
305
- }
306
- input::placeholder,
307
- textarea::placeholder {
308
- opacity: 1;
309
- color: #9ca3af;
310
- }
311
- button,
312
- [role=button] {
313
- cursor: pointer;
314
- }
315
- :disabled {
316
- cursor: default;
317
- }
318
- img,
319
- svg,
320
- video,
321
- canvas,
322
- audio,
323
- iframe,
324
- embed,
325
- object {
326
- display: block;
327
- vertical-align: middle;
328
- }
329
- img,
330
- video {
331
- max-width: 100%;
332
- height: auto;
333
- }
334
- [hidden]:where(:not([hidden=until-found])) {
335
- display: none;
336
- }
337
- * {
338
- scrollbar-width: thin;
339
- scrollbar-color: hsl(var(--border)) hsl(var(--background));
340
- border-color: hsl(var(--border));
341
- }
342
- *::-webkit-scrollbar {
343
- width: 8px;
344
- height: 8px;
345
- }
346
- *::-webkit-scrollbar-track {
347
- background: hsl(var(--background));
348
- }
349
- *::-webkit-scrollbar-thumb {
350
- background-color: hsl(var(--border));
351
- border-radius: 9999px;
352
- border: 2px solid hsl(var(--background));
353
- -webkit-transition: background-color 0.3s ease;
354
- transition: background-color 0.3s ease;
355
- }
356
- *::-webkit-scrollbar-thumb:hover {
357
- background-color: hsl(var(--muted));
358
- }
359
- body {
360
- background-color: hsl(var(--background));
361
- font-family:
362
- ui-sans-serif,
363
- system-ui,
364
- sans-serif,
365
- "Apple Color Emoji",
366
- "Segoe UI Emoji",
367
- "Segoe UI Symbol",
368
- "Noto Color Emoji";
369
- color: hsl(var(--foreground));
370
- -webkit-font-smoothing: antialiased;
371
- -moz-osx-font-smoothing: grayscale;
372
- font-family: "Syne", sans-serif;
373
- }
374
- .sr-only {
375
- position: absolute;
376
- width: 1px;
377
- height: 1px;
378
- padding: 0;
379
- margin: -1px;
380
- overflow: hidden;
381
- clip: rect(0, 0, 0, 0);
382
- white-space: nowrap;
383
- border-width: 0;
384
- }
385
- .pointer-events-none {
386
- pointer-events: none;
387
- }
388
- .visible {
389
- visibility: visible;
390
- }
391
- .invisible {
392
- visibility: hidden;
393
- }
394
- .fixed {
395
- position: fixed;
396
- }
397
- .absolute {
398
- position: absolute;
399
- }
400
- .relative {
401
- position: relative;
402
- }
403
- .inset-0 {
404
- inset: 0px;
405
- }
406
- .inset-x-0 {
407
- left: 0px;
408
- right: 0px;
409
- }
410
- .inset-y-0 {
411
- top: 0px;
412
- bottom: 0px;
413
- }
414
- .-bottom-12 {
415
- bottom: -3rem;
416
- }
417
- .-left-12 {
418
- left: -3rem;
419
- }
420
- .-right-12 {
421
- right: -3rem;
422
- }
423
- .-top-12 {
424
- top: -3rem;
425
- }
426
- .bottom-0 {
427
- bottom: 0px;
428
- }
429
- .left-0 {
430
- left: 0px;
431
- }
432
- .left-1 {
433
- left: 0.25rem;
434
- }
435
- .left-1\/2 {
436
- left: 50%;
437
- }
438
- .left-2 {
439
- left: 0.5rem;
440
- }
441
- .left-\[50\%\] {
442
- left: 50%;
443
- }
444
- .right-0 {
445
- right: 0px;
446
- }
447
- .right-1 {
448
- right: 0.25rem;
449
- }
450
- .right-2 {
451
- right: 0.5rem;
452
- }
453
- .right-3 {
454
- right: 0.75rem;
455
- }
456
- .right-4 {
457
- right: 1rem;
458
- }
459
- .top-0 {
460
- top: 0px;
461
- }
462
- .top-1\.5 {
463
- top: 0.375rem;
464
- }
465
- .top-1\/2 {
466
- top: 50%;
467
- }
468
- .top-2 {
469
- top: 0.5rem;
470
- }
471
- .top-3\.5 {
472
- top: 0.875rem;
473
- }
474
- .top-4 {
475
- top: 1rem;
476
- }
477
- .top-5 {
478
- top: 1.25rem;
479
- }
480
- .top-\[1px\] {
481
- top: 1px;
482
- }
483
- .top-\[50\%\] {
484
- top: 50%;
485
- }
486
- .top-\[60\%\] {
487
- top: 60%;
488
- }
489
- .top-full {
490
- top: 100%;
491
- }
492
- .isolate {
493
- isolation: isolate;
494
- }
495
- .z-10 {
496
- z-index: 10;
497
- }
498
- .z-20 {
499
- z-index: 20;
500
- }
501
- .z-50 {
502
- z-index: 50;
503
- }
504
- .z-\[1\] {
505
- z-index: 1;
506
- }
507
- .z-\[9999\] {
508
- z-index: 9999;
509
- }
510
- .col-span-1 {
511
- grid-column: span 1 / span 1;
512
- }
513
- .col-span-2 {
514
- grid-column: span 2 / span 2;
515
- }
516
- .col-span-3 {
517
- grid-column: span 3 / span 3;
518
- }
519
- .row-span-3 {
520
- grid-row: span 3 / span 3;
521
- }
522
- .m-0 {
523
- margin: 0px;
524
- }
525
- .m-12 {
526
- margin: 3rem;
527
- }
528
- .m-6 {
529
- margin: 1.5rem;
530
- }
531
- .-mx-1 {
532
- margin-left: -0.25rem;
533
- margin-right: -0.25rem;
534
- }
535
- .mx-0\.5 {
536
- margin-left: 0.125rem;
537
- margin-right: 0.125rem;
538
- }
539
- .mx-2 {
540
- margin-left: 0.5rem;
541
- margin-right: 0.5rem;
542
- }
543
- .mx-3\.5 {
544
- margin-left: 0.875rem;
545
- margin-right: 0.875rem;
546
- }
547
- .mx-5 {
548
- margin-left: 1.25rem;
549
- margin-right: 1.25rem;
550
- }
551
- .mx-auto {
552
- margin-left: auto;
553
- margin-right: auto;
554
- }
555
- .my-1 {
556
- margin-top: 0.25rem;
557
- margin-bottom: 0.25rem;
558
- }
559
- .my-20 {
560
- margin-top: 5rem;
561
- margin-bottom: 5rem;
562
- }
563
- .my-5 {
564
- margin-top: 1.25rem;
565
- margin-bottom: 1.25rem;
566
- }
567
- .my-6 {
568
- margin-top: 1.5rem;
569
- margin-bottom: 1.5rem;
570
- }
571
- .my-8 {
572
- margin-top: 2rem;
573
- margin-bottom: 2rem;
574
- }
575
- .-ml-4 {
576
- margin-left: -1rem;
577
- }
578
- .-mt-1 {
579
- margin-top: -0.25rem;
580
- }
581
- .-mt-4 {
582
- margin-top: -1rem;
583
- }
584
- .mb-2 {
585
- margin-bottom: 0.5rem;
586
- }
587
- .mb-3 {
588
- margin-bottom: 0.75rem;
589
- }
590
- .mb-4 {
591
- margin-bottom: 1rem;
592
- }
593
- .mb-6 {
594
- margin-bottom: 1.5rem;
595
- }
596
- .mb-8 {
597
- margin-bottom: 2rem;
598
- }
599
- .mb-\[-1rem\] {
600
- margin-bottom: -1rem;
601
- }
602
- .ml-1 {
603
- margin-left: 0.25rem;
604
- }
605
- .ml-2 {
606
- margin-left: 0.5rem;
607
- }
608
- .ml-36 {
609
- margin-left: 9rem;
610
- }
611
- .ml-40 {
612
- margin-left: 10rem;
613
- }
614
- .ml-5 {
615
- margin-left: 1.25rem;
616
- }
617
- .ml-64 {
618
- margin-left: 16rem;
619
- }
620
- .ml-auto {
621
- margin-left: auto;
622
- }
623
- .mr-2 {
624
- margin-right: 0.5rem;
625
- }
626
- .mr-5 {
627
- margin-right: 1.25rem;
628
- }
629
- .mt-0\.5 {
630
- margin-top: 0.125rem;
631
- }
632
- .mt-1 {
633
- margin-top: 0.25rem;
634
- }
635
- .mt-1\.5 {
636
- margin-top: 0.375rem;
637
- }
638
- .mt-2 {
639
- margin-top: 0.5rem;
640
- }
641
- .mt-20 {
642
- margin-top: 5rem;
643
- }
644
- .mt-3 {
645
- margin-top: 0.75rem;
646
- }
647
- .mt-4 {
648
- margin-top: 1rem;
649
- }
650
- .mt-5 {
651
- margin-top: 1.25rem;
652
- }
653
- .mt-6 {
654
- margin-top: 1.5rem;
655
- }
656
- .mt-auto {
657
- margin-top: auto;
658
- }
659
- .line-clamp-2 {
660
- overflow: hidden;
661
- display: -webkit-box;
662
- -webkit-box-orient: vertical;
663
- -webkit-line-clamp: 2;
664
- }
665
- .block {
666
- display: block;
667
- }
668
- .inline-block {
669
- display: inline-block;
670
- }
671
- .inline {
672
- display: inline;
673
- }
674
- .flex {
675
- display: flex;
676
- }
677
- .inline-flex {
678
- display: inline-flex;
679
- }
680
- .table {
681
- display: table;
682
- }
683
- .grid {
684
- display: grid;
685
- }
686
- .hidden {
687
- display: none;
688
- }
689
- .aspect-\[4\/4\] {
690
- aspect-ratio: 4/4;
691
- }
692
- .aspect-\[5\/1\] {
693
- aspect-ratio: 5/1;
694
- }
695
- .aspect-square {
696
- aspect-ratio: 1 / 1;
697
- }
698
- .size-2 {
699
- width: 0.5rem;
700
- height: 0.5rem;
701
- }
702
- .size-3 {
703
- width: 0.75rem;
704
- height: 0.75rem;
705
- }
706
- .size-3\.5 {
707
- width: 0.875rem;
708
- height: 0.875rem;
709
- }
710
- .size-4 {
711
- width: 1rem;
712
- height: 1rem;
713
- }
714
- .size-5 {
715
- width: 1.25rem;
716
- height: 1.25rem;
717
- }
718
- .size-8 {
719
- width: 2rem;
720
- height: 2rem;
721
- }
722
- .size-9 {
723
- width: 2.25rem;
724
- height: 2.25rem;
725
- }
726
- .h-1 {
727
- height: 0.25rem;
728
- }
729
- .h-1\.5 {
730
- height: 0.375rem;
731
- }
732
- .h-10 {
733
- height: 2.5rem;
734
- }
735
- .h-11 {
736
- height: 2.75rem;
737
- }
738
- .h-12 {
739
- height: 3rem;
740
- }
741
- .h-14 {
742
- height: 3.5rem;
743
- }
744
- .h-2 {
745
- height: 0.5rem;
746
- }
747
- .h-2\.5 {
748
- height: 0.625rem;
749
- }
750
- .h-20 {
751
- height: 5rem;
752
- }
753
- .h-24 {
754
- height: 6rem;
755
- }
756
- .h-28 {
757
- height: 7rem;
758
- }
759
- .h-3 {
760
- height: 0.75rem;
761
- }
762
- .h-3\.5 {
763
- height: 0.875rem;
764
- }
765
- .h-32 {
766
- height: 8rem;
767
- }
768
- .h-4 {
769
- height: 1rem;
770
- }
771
- .h-40 {
772
- height: 10rem;
773
- }
774
- .h-5 {
775
- height: 1.25rem;
776
- }
777
- .h-56 {
778
- height: 14rem;
779
- }
780
- .h-6 {
781
- height: 1.5rem;
782
- }
783
- .h-7 {
784
- height: 1.75rem;
785
- }
786
- .h-72 {
787
- height: 18rem;
788
- }
789
- .h-8 {
790
- height: 2rem;
791
- }
792
- .h-9 {
793
- height: 2.25rem;
794
- }
795
- .h-\[1\.2rem\] {
796
- height: 1.2rem;
797
- }
798
- .h-\[150px\] {
799
- height: 150px;
800
- }
801
- .h-\[1px\] {
802
- height: 1px;
803
- }
804
- .h-\[200px\] {
805
- height: 200px;
806
- }
807
- .h-\[220px\] {
808
- height: 220px;
809
- }
810
- .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
811
- height: var(--radix-navigation-menu-viewport-height);
812
- }
813
- .h-\[var\(--radix-select-trigger-height\)\] {
814
- height: var(--radix-select-trigger-height);
815
- }
816
- .h-auto {
817
- height: auto;
818
- }
819
- .h-full {
820
- height: 100%;
821
- }
822
- .h-px {
823
- height: 1px;
824
- }
825
- .h-svh {
826
- height: 100svh;
827
- }
828
- .max-h-40 {
829
- max-height: 10rem;
830
- }
831
- .max-h-48 {
832
- max-height: 12rem;
833
- }
834
- .max-h-96 {
835
- max-height: 24rem;
836
- }
837
- .max-h-\[--radix-popover-content-available-height\] {
838
- max-height: var(--radix-popover-content-available-height);
839
- }
840
- .max-h-\[300px\] {
841
- max-height: 300px;
842
- }
843
- .max-h-\[var\(--radix-context-menu-content-available-height\)\] {
844
- max-height: var(--radix-context-menu-content-available-height);
845
- }
846
- .min-h-0 {
847
- min-height: 0px;
848
- }
849
- .min-h-\[220px\] {
850
- min-height: 220px;
851
- }
852
- .min-h-\[60px\] {
853
- min-height: 60px;
854
- }
855
- .min-h-screen {
856
- min-height: 100vh;
857
- }
858
- .min-h-svh {
859
- min-height: 100svh;
860
- }
861
- .w-1\.5 {
862
- width: 0.375rem;
863
- }
864
- .w-10 {
865
- width: 2.5rem;
866
- }
867
- .w-12 {
868
- width: 3rem;
869
- }
870
- .w-14 {
871
- width: 3.5rem;
872
- }
873
- .w-2 {
874
- width: 0.5rem;
875
- }
876
- .w-2\.5 {
877
- width: 0.625rem;
878
- }
879
- .w-28 {
880
- width: 7rem;
881
- }
882
- .w-3 {
883
- width: 0.75rem;
884
- }
885
- .w-3\.5 {
886
- width: 0.875rem;
887
- }
888
- .w-3\/4 {
889
- width: 75%;
890
- }
891
- .w-32 {
892
- width: 8rem;
893
- }
894
- .w-4 {
895
- width: 1rem;
896
- }
897
- .w-40 {
898
- width: 10rem;
899
- }
900
- .w-44 {
901
- width: 11rem;
902
- }
903
- .w-48 {
904
- width: 12rem;
905
- }
906
- .w-5 {
907
- width: 1.25rem;
908
- }
909
- .w-52 {
910
- width: 13rem;
911
- }
912
- .w-6 {
913
- width: 1.5rem;
914
- }
915
- .w-60 {
916
- width: 15rem;
917
- }
918
- .w-64 {
919
- width: 16rem;
920
- }
921
- .w-7 {
922
- width: 1.75rem;
923
- }
924
- .w-72 {
925
- width: 18rem;
926
- }
927
- .w-80 {
928
- width: 20rem;
929
- }
930
- .w-9 {
931
- width: 2.25rem;
932
- }
933
- .w-96 {
934
- width: 24rem;
935
- }
936
- .w-\[--radix-popover-trigger-width\] {
937
- width: var(--radix-popover-trigger-width);
938
- }
939
- .w-\[--sidebar-width\] {
940
- width: var(--sidebar-width);
941
- }
942
- .w-\[1\.2rem\] {
943
- width: 1.2rem;
944
- }
945
- .w-\[100px\] {
946
- width: 100px;
947
- }
948
- .w-\[150px\] {
949
- width: 150px;
950
- }
951
- .w-\[180px\] {
952
- width: 180px;
953
- }
954
- .w-\[1px\] {
955
- width: 1px;
956
- }
957
- .w-\[20\%\] {
958
- width: 20%;
959
- }
960
- .w-\[200px\] {
961
- width: 200px;
962
- }
963
- .w-\[300px\] {
964
- width: 300px;
965
- }
966
- .w-\[350px\] {
967
- width: 350px;
968
- }
969
- .w-\[400px\] {
970
- width: 400px;
971
- }
972
- .w-\[48px\] {
973
- width: 48px;
974
- }
975
- .w-\[50\%\] {
976
- width: 50%;
977
- }
978
- .w-\[70\%\] {
979
- width: 70%;
980
- }
981
- .w-\[80px\] {
982
- width: 80px;
983
- }
984
- .w-\[90\%\] {
985
- width: 90%;
986
- }
987
- .w-auto {
988
- width: auto;
989
- }
990
- .w-fit {
991
- width: -moz-fit-content;
992
- width: fit-content;
993
- }
994
- .w-full {
995
- width: 100%;
996
- }
997
- .w-max {
998
- width: -moz-max-content;
999
- width: max-content;
1000
- }
1001
- .w-px {
1002
- width: 1px;
1003
- }
1004
- .min-w-0 {
1005
- min-width: 0px;
1006
- }
1007
- .min-w-5 {
1008
- min-width: 1.25rem;
1009
- }
1010
- .min-w-\[1\.5rem\] {
1011
- min-width: 1.5rem;
1012
- }
1013
- .min-w-\[150px\] {
1014
- min-width: 150px;
1015
- }
1016
- .min-w-\[8rem\] {
1017
- min-width: 8rem;
1018
- }
1019
- .min-w-\[90px\] {
1020
- min-width: 90px;
1021
- }
1022
- .min-w-\[var\(--radix-select-trigger-width\)\] {
1023
- min-width: var(--radix-select-trigger-width);
1024
- }
1025
- .max-w-2xl {
1026
- max-width: 42rem;
1027
- }
1028
- .max-w-4xl {
1029
- max-width: 56rem;
1030
- }
1031
- .max-w-6xl {
1032
- max-width: 72rem;
1033
- }
1034
- .max-w-96 {
1035
- max-width: 24rem;
1036
- }
1037
- .max-w-\[--skeleton-width\] {
1038
- max-width: var(--skeleton-width);
1039
- }
1040
- .max-w-\[1100px\] {
1041
- max-width: 1100px;
1042
- }
1043
- .max-w-\[210px\] {
1044
- max-width: 210px;
1045
- }
1046
- .max-w-\[80px\] {
1047
- max-width: 80px;
1048
- }
1049
- .max-w-full {
1050
- max-width: 100%;
1051
- }
1052
- .max-w-lg {
1053
- max-width: 32rem;
1054
- }
1055
- .max-w-max {
1056
- max-width: -moz-max-content;
1057
- max-width: max-content;
1058
- }
1059
- .max-w-sm {
1060
- max-width: 24rem;
1061
- }
1062
- .max-w-xl {
1063
- max-width: 36rem;
1064
- }
1065
- .max-w-xs {
1066
- max-width: 20rem;
1067
- }
1068
- .flex-1 {
1069
- flex: 1 1 0%;
1070
- }
1071
- .flex-\[1_1_23\%\] {
1072
- flex: 1 1 23%;
1073
- }
1074
- .shrink-0 {
1075
- flex-shrink: 0;
1076
- }
1077
- .grow-0 {
1078
- flex-grow: 0;
1079
- }
1080
- .basis-full {
1081
- flex-basis: 100%;
1082
- }
1083
- .caption-bottom {
1084
- caption-side: bottom;
1085
- }
1086
- .border-collapse {
1087
- border-collapse: collapse;
1088
- }
1089
- .-translate-x-1\/2 {
1090
- --tw-translate-x: -50%;
1091
- 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));
1092
- }
1093
- .-translate-x-px {
1094
- --tw-translate-x: -1px;
1095
- 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));
1096
- }
1097
- .-translate-y-1\/2 {
1098
- --tw-translate-y: -50%;
1099
- 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));
1100
- }
1101
- .translate-x-\[-50\%\] {
1102
- --tw-translate-x: -50%;
1103
- 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));
1104
- }
1105
- .translate-x-px {
1106
- --tw-translate-x: 1px;
1107
- 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));
1108
- }
1109
- .translate-y-\[-50\%\] {
1110
- --tw-translate-y: -50%;
1111
- 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));
1112
- }
1113
- .rotate-0 {
1114
- --tw-rotate: 0deg;
1115
- 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));
1116
- }
1117
- .rotate-45 {
1118
- --tw-rotate: 45deg;
1119
- 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));
1120
- }
1121
- .rotate-90 {
1122
- --tw-rotate: 90deg;
1123
- 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));
1124
- }
1125
- .scale-0 {
1126
- --tw-scale-x: 0;
1127
- --tw-scale-y: 0;
1128
- 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));
1129
- }
1130
- .scale-100 {
1131
- --tw-scale-x: 1;
1132
- --tw-scale-y: 1;
1133
- 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));
1134
- }
1135
- .transform {
1136
- 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));
1137
- }
1138
- @keyframes pulse {
1139
- 50% {
1140
- opacity: .5;
1141
- }
1142
- }
1143
- .animate-pulse {
1144
- animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1145
- }
1146
- @keyframes spin {
1147
- to {
1148
- transform: rotate(360deg);
1149
- }
1150
- }
1151
- .animate-spin {
1152
- animation: spin 1s linear infinite;
1153
- }
1154
- .cursor-default {
1155
- cursor: default;
1156
- }
1157
- .cursor-pointer {
1158
- cursor: pointer;
1159
- }
1160
- .touch-none {
1161
- touch-action: none;
1162
- }
1163
- .select-none {
1164
- -webkit-user-select: none;
1165
- -moz-user-select: none;
1166
- user-select: none;
1167
- }
1168
- .select-text {
1169
- -webkit-user-select: text;
1170
- -moz-user-select: text;
1171
- user-select: text;
1172
- }
1173
- .select-all {
1174
- -webkit-user-select: all;
1175
- -moz-user-select: all;
1176
- user-select: all;
1177
- }
1178
- .list-none {
1179
- list-style-type: none;
1180
- }
1181
- .grid-cols-1 {
1182
- grid-template-columns: repeat(1, minmax(0, 1fr));
1183
- }
1184
- .grid-cols-3 {
1185
- grid-template-columns: repeat(3, minmax(0, 1fr));
1186
- }
1187
- .grid-cols-4 {
1188
- grid-template-columns: repeat(4, minmax(0, 1fr));
1189
- }
1190
- .flex-row {
1191
- flex-direction: row;
1192
- }
1193
- .flex-col {
1194
- flex-direction: column;
1195
- }
1196
- .flex-col-reverse {
1197
- flex-direction: column-reverse;
1198
- }
1199
- .flex-wrap {
1200
- flex-wrap: wrap;
1201
- }
1202
- .content-start {
1203
- align-content: flex-start;
1204
- }
1205
- .items-start {
1206
- align-items: flex-start;
1207
- }
1208
- .items-end {
1209
- align-items: flex-end;
1210
- }
1211
- .items-center {
1212
- align-items: center;
1213
- }
1214
- .justify-start {
1215
- justify-content: flex-start;
1216
- }
1217
- .justify-end {
1218
- justify-content: flex-end;
1219
- }
1220
- .justify-center {
1221
- justify-content: center;
1222
- }
1223
- .justify-between {
1224
- justify-content: space-between;
1225
- }
1226
- .gap-0\.5 {
1227
- gap: 0.125rem;
1228
- }
1229
- .gap-1 {
1230
- gap: 0.25rem;
1231
- }
1232
- .gap-1\.5 {
1233
- gap: 0.375rem;
1234
- }
1235
- .gap-10 {
1236
- gap: 2.5rem;
1237
- }
1238
- .gap-12 {
1239
- gap: 3rem;
1240
- }
1241
- .gap-16 {
1242
- gap: 4rem;
1243
- }
1244
- .gap-2 {
1245
- gap: 0.5rem;
1246
- }
1247
- .gap-20 {
1248
- gap: 5rem;
1249
- }
1250
- .gap-3 {
1251
- gap: 0.75rem;
1252
- }
1253
- .gap-4 {
1254
- gap: 1rem;
1255
- }
1256
- .gap-5 {
1257
- gap: 1.25rem;
1258
- }
1259
- .gap-6 {
1260
- gap: 1.5rem;
1261
- }
1262
- .gap-8 {
1263
- gap: 2rem;
1264
- }
1265
- .-space-x-3 > :not([hidden]) ~ :not([hidden]) {
1266
- --tw-space-x-reverse: 0;
1267
- margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
1268
- margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
1269
- }
1270
- .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1271
- --tw-space-x-reverse: 0;
1272
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1273
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1274
- }
1275
- .space-x-2 > :not([hidden]) ~ :not([hidden]) {
1276
- --tw-space-x-reverse: 0;
1277
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1278
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1279
- }
1280
- .space-x-4 > :not([hidden]) ~ :not([hidden]) {
1281
- --tw-space-x-reverse: 0;
1282
- margin-right: calc(1rem * var(--tw-space-x-reverse));
1283
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1284
- }
1285
- .space-y-1 > :not([hidden]) ~ :not([hidden]) {
1286
- --tw-space-y-reverse: 0;
1287
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1288
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1289
- }
1290
- .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
1291
- --tw-space-y-reverse: 0;
1292
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
1293
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
1294
- }
1295
- .space-y-12 > :not([hidden]) ~ :not([hidden]) {
1296
- --tw-space-y-reverse: 0;
1297
- margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
1298
- margin-bottom: calc(3rem * var(--tw-space-y-reverse));
1299
- }
1300
- .space-y-16 > :not([hidden]) ~ :not([hidden]) {
1301
- --tw-space-y-reverse: 0;
1302
- margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
1303
- margin-bottom: calc(4rem * var(--tw-space-y-reverse));
1304
- }
1305
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1306
- --tw-space-y-reverse: 0;
1307
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1308
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1309
- }
1310
- .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1311
- --tw-space-y-reverse: 0;
1312
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1313
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1314
- }
1315
- .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1316
- --tw-space-y-reverse: 0;
1317
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1318
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1319
- }
1320
- .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1321
- --tw-space-y-reverse: 0;
1322
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1323
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1324
- }
1325
- .space-y-8 > :not([hidden]) ~ :not([hidden]) {
1326
- --tw-space-y-reverse: 0;
1327
- margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1328
- margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1329
- }
1330
- .overflow-auto {
1331
- overflow: auto;
1332
- }
1333
- .overflow-hidden {
1334
- overflow: hidden;
1335
- }
1336
- .overflow-x-auto {
1337
- overflow-x: auto;
1338
- }
1339
- .overflow-y-auto {
1340
- overflow-y: auto;
1341
- }
1342
- .overflow-x-hidden {
1343
- overflow-x: hidden;
1344
- }
1345
- .truncate {
1346
- overflow: hidden;
1347
- text-overflow: ellipsis;
1348
- white-space: nowrap;
1349
- }
1350
- .whitespace-nowrap {
1351
- white-space: nowrap;
1352
- }
1353
- .whitespace-pre {
1354
- white-space: pre;
1355
- }
1356
- .whitespace-pre-wrap {
1357
- white-space: pre-wrap;
1358
- }
1359
- .whitespace-break-spaces {
1360
- white-space: break-spaces;
1361
- }
1362
- .break-words {
1363
- overflow-wrap: break-word;
1364
- }
1365
- .rounded {
1366
- border-radius: 0.25rem;
1367
- }
1368
- .rounded-2xl {
1369
- border-radius: 1rem;
1370
- }
1371
- .rounded-\[inherit\] {
1372
- border-radius: inherit;
1373
- }
1374
- .rounded-full {
1375
- border-radius: 9999px;
1376
- }
1377
- .rounded-lg {
1378
- border-radius: var(--radius);
1379
- }
1380
- .rounded-md {
1381
- border-radius: calc(var(--radius) - 2px);
1382
- }
1383
- .rounded-none {
1384
- border-radius: 0px;
1385
- }
1386
- .rounded-sm {
1387
- border-radius: calc(var(--radius) - 4px);
1388
- }
1389
- .rounded-xl {
1390
- border-radius: 0.75rem;
1391
- }
1392
- .rounded-b-lg {
1393
- border-bottom-right-radius: var(--radius);
1394
- border-bottom-left-radius: var(--radius);
1395
- }
1396
- .rounded-b-md {
1397
- border-bottom-right-radius: calc(var(--radius) - 2px);
1398
- border-bottom-left-radius: calc(var(--radius) - 2px);
1399
- }
1400
- .rounded-b-xl {
1401
- border-bottom-right-radius: 0.75rem;
1402
- border-bottom-left-radius: 0.75rem;
1403
- }
1404
- .rounded-l-md {
1405
- border-top-left-radius: calc(var(--radius) - 2px);
1406
- border-bottom-left-radius: calc(var(--radius) - 2px);
1407
- }
1408
- .rounded-r-md {
1409
- border-top-right-radius: calc(var(--radius) - 2px);
1410
- border-bottom-right-radius: calc(var(--radius) - 2px);
1411
- }
1412
- .rounded-t-md {
1413
- border-top-left-radius: calc(var(--radius) - 2px);
1414
- border-top-right-radius: calc(var(--radius) - 2px);
1415
- }
1416
- .rounded-t-none {
1417
- border-top-left-radius: 0px;
1418
- border-top-right-radius: 0px;
1419
- }
1420
- .rounded-t-xl {
1421
- border-top-left-radius: 0.75rem;
1422
- border-top-right-radius: 0.75rem;
1423
- }
1424
- .rounded-tl-sm {
1425
- border-top-left-radius: calc(var(--radius) - 4px);
1426
- }
1427
- .border {
1428
- border-width: 1px;
1429
- }
1430
- .border-0 {
1431
- border-width: 0px;
1432
- }
1433
- .border-2 {
1434
- border-width: 2px;
1435
- }
1436
- .border-x {
1437
- border-left-width: 1px;
1438
- border-right-width: 1px;
1439
- }
1440
- .border-y {
1441
- border-top-width: 1px;
1442
- border-bottom-width: 1px;
1443
- }
1444
- .border-b {
1445
- border-bottom-width: 1px;
1446
- }
1447
- .border-b-2 {
1448
- border-bottom-width: 2px;
1449
- }
1450
- .border-l {
1451
- border-left-width: 1px;
1452
- }
1453
- .border-l-4 {
1454
- border-left-width: 4px;
1455
- }
1456
- .border-r {
1457
- border-right-width: 1px;
1458
- }
1459
- .border-t {
1460
- border-top-width: 1px;
1461
- }
1462
- .border-t-2 {
1463
- border-top-width: 2px;
1464
- }
1465
- .border-dashed {
1466
- border-style: dashed;
1467
- }
1468
- .border-none {
1469
- border-style: none;
1470
- }
1471
- .border-border {
1472
- border-color: hsl(var(--border));
1473
- }
1474
- .border-gray-200 {
1475
- --tw-border-opacity: 1;
1476
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1477
- }
1478
- .border-gray-300 {
1479
- --tw-border-opacity: 1;
1480
- border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1481
- }
1482
- .border-input {
1483
- border-color: hsl(var(--input));
1484
- }
1485
- .border-primary {
1486
- border-color: hsl(var(--primary));
1487
- }
1488
- .border-primary\/70 {
1489
- border-color: hsl(var(--primary) / 0.7);
1490
- }
1491
- .border-red-500 {
1492
- --tw-border-opacity: 1;
1493
- border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
1494
- }
1495
- .border-slate-200 {
1496
- --tw-border-opacity: 1;
1497
- border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
1498
- }
1499
- .border-slate-300 {
1500
- --tw-border-opacity: 1;
1501
- border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
1502
- }
1503
- .border-transparent {
1504
- border-color: transparent;
1505
- }
1506
- .border-white {
1507
- --tw-border-opacity: 1;
1508
- border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1509
- }
1510
- .border-zinc-300 {
1511
- --tw-border-opacity: 1;
1512
- border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
1513
- }
1514
- .border-l-transparent {
1515
- border-left-color: transparent;
1516
- }
1517
- .border-t-transparent {
1518
- border-top-color: transparent;
1519
- }
1520
- .bg-background {
1521
- background-color: hsl(var(--background));
1522
- }
1523
- .bg-black\/50 {
1524
- background-color: rgb(0 0 0 / 0.5);
1525
- }
1526
- .bg-black\/80 {
1527
- background-color: rgb(0 0 0 / 0.8);
1528
- }
1529
- .bg-blue-500 {
1530
- --tw-bg-opacity: 1;
1531
- background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
1532
- }
1533
- .bg-blue-600 {
1534
- --tw-bg-opacity: 1;
1535
- background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
1536
- }
1537
- .bg-border {
1538
- background-color: hsl(var(--border));
1539
- }
1540
- .bg-card {
1541
- background-color: hsl(var(--card));
1542
- }
1543
- .bg-destructive {
1544
- background-color: hsl(var(--destructive));
1545
- }
1546
- .bg-emerald-600 {
1547
- --tw-bg-opacity: 1;
1548
- background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
1549
- }
1550
- .bg-foreground {
1551
- background-color: hsl(var(--foreground));
1552
- }
1553
- .bg-gray-200 {
1554
- --tw-bg-opacity: 1;
1555
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
1556
- }
1557
- .bg-gray-400 {
1558
- --tw-bg-opacity: 1;
1559
- background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
1560
- }
1561
- .bg-gray-700 {
1562
- --tw-bg-opacity: 1;
1563
- background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
1564
- }
1565
- .bg-gray-800 {
1566
- --tw-bg-opacity: 1;
1567
- background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
1568
- }
1569
- .bg-gray-900 {
1570
- --tw-bg-opacity: 1;
1571
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1572
- }
1573
- .bg-green-100 {
1574
- --tw-bg-opacity: 1;
1575
- background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
1576
- }
1577
- .bg-green-500 {
1578
- --tw-bg-opacity: 1;
1579
- background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
1580
- }
1581
- .bg-indigo-500 {
1582
- --tw-bg-opacity: 1;
1583
- background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
1584
- }
1585
- .bg-muted {
1586
- background-color: hsl(var(--muted));
1587
- }
1588
- .bg-muted\/50 {
1589
- background-color: hsl(var(--muted) / 0.5);
1590
- }
1591
- .bg-neutral-100 {
1592
- --tw-bg-opacity: 1;
1593
- background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
1594
- }
1595
- .bg-neutral-800 {
1596
- --tw-bg-opacity: 1;
1597
- background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
1598
- }
1599
- .bg-orange-500 {
1600
- --tw-bg-opacity: 1;
1601
- background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
1602
- }
1603
- .bg-pink-500 {
1604
- --tw-bg-opacity: 1;
1605
- background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
1606
- }
1607
- .bg-popover {
1608
- background-color: hsl(var(--popover));
1609
- }
1610
- .bg-primary {
1611
- background-color: hsl(var(--primary));
1612
- }
1613
- .bg-primary\/10 {
1614
- background-color: hsl(var(--primary) / 0.1);
1615
- }
1616
- .bg-primary\/20 {
1617
- background-color: hsl(var(--primary) / 0.2);
1618
- }
1619
- .bg-purple-500 {
1620
- --tw-bg-opacity: 1;
1621
- background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
1622
- }
1623
- .bg-red-500 {
1624
- --tw-bg-opacity: 1;
1625
- background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
1626
- }
1627
- .bg-secondary {
1628
- background-color: hsl(var(--secondary));
1629
- }
1630
- .bg-slate-100 {
1631
- --tw-bg-opacity: 1;
1632
- background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
1633
- }
1634
- .bg-slate-200 {
1635
- --tw-bg-opacity: 1;
1636
- background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
1637
- }
1638
- .bg-transparent {
1639
- background-color: transparent;
1640
- }
1641
- .bg-white {
1642
- --tw-bg-opacity: 1;
1643
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1644
- }
1645
- .bg-yellow-400 {
1646
- --tw-bg-opacity: 1;
1647
- background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
1648
- }
1649
- .bg-yellow-500 {
1650
- --tw-bg-opacity: 1;
1651
- background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
1652
- }
1653
- .bg-zinc-200 {
1654
- --tw-bg-opacity: 1;
1655
- background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
1656
- }
1657
- .bg-zinc-300 {
1658
- --tw-bg-opacity: 1;
1659
- background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1));
1660
- }
1661
- .bg-zinc-800 {
1662
- --tw-bg-opacity: 1;
1663
- background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
1664
- }
1665
- .bg-zinc-900 {
1666
- --tw-bg-opacity: 1;
1667
- background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
1668
- }
1669
- .bg-gradient-to-b {
1670
- background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
1671
- }
1672
- .from-muted\/50 {
1673
- --tw-gradient-from: hsl(var(--muted) / 0.5) var(--tw-gradient-from-position);
1674
- --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
1675
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1676
- }
1677
- .to-muted {
1678
- --tw-gradient-to: hsl(var(--muted)) var(--tw-gradient-to-position);
1679
- }
1680
- .fill-current {
1681
- fill: currentColor;
1682
- }
1683
- .object-cover {
1684
- -o-object-fit: cover;
1685
- object-fit: cover;
1686
- }
1687
- .p-0 {
1688
- padding: 0px;
1689
- }
1690
- .p-0\.5 {
1691
- padding: 0.125rem;
1692
- }
1693
- .p-1 {
1694
- padding: 0.25rem;
1695
- }
1696
- .p-1\.5 {
1697
- padding: 0.375rem;
1698
- }
1699
- .p-2 {
1700
- padding: 0.5rem;
1701
- }
1702
- .p-3 {
1703
- padding: 0.75rem;
1704
- }
1705
- .p-4 {
1706
- padding: 1rem;
1707
- }
1708
- .p-5 {
1709
- padding: 1.25rem;
1710
- }
1711
- .p-6 {
1712
- padding: 1.5rem;
1713
- }
1714
- .p-8 {
1715
- padding: 2rem;
1716
- }
1717
- .p-\[1px\] {
1718
- padding: 1px;
1719
- }
1720
- .px-1 {
1721
- padding-left: 0.25rem;
1722
- padding-right: 0.25rem;
1723
- }
1724
- .px-2 {
1725
- padding-left: 0.5rem;
1726
- padding-right: 0.5rem;
1727
- }
1728
- .px-2\.5 {
1729
- padding-left: 0.625rem;
1730
- padding-right: 0.625rem;
1731
- }
1732
- .px-3 {
1733
- padding-left: 0.75rem;
1734
- padding-right: 0.75rem;
1735
- }
1736
- .px-4 {
1737
- padding-left: 1rem;
1738
- padding-right: 1rem;
1739
- }
1740
- .px-5 {
1741
- padding-left: 1.25rem;
1742
- padding-right: 1.25rem;
1743
- }
1744
- .px-6 {
1745
- padding-left: 1.5rem;
1746
- padding-right: 1.5rem;
1747
- }
1748
- .px-8 {
1749
- padding-left: 2rem;
1750
- padding-right: 2rem;
1751
- }
1752
- .px-96 {
1753
- padding-left: 24rem;
1754
- padding-right: 24rem;
1755
- }
1756
- .py-0 {
1757
- padding-top: 0px;
1758
- padding-bottom: 0px;
1759
- }
1760
- .py-0\.5 {
1761
- padding-top: 0.125rem;
1762
- padding-bottom: 0.125rem;
1763
- }
1764
- .py-1 {
1765
- padding-top: 0.25rem;
1766
- padding-bottom: 0.25rem;
1767
- }
1768
- .py-1\.5 {
1769
- padding-top: 0.375rem;
1770
- padding-bottom: 0.375rem;
1771
- }
1772
- .py-10 {
1773
- padding-top: 2.5rem;
1774
- padding-bottom: 2.5rem;
1775
- }
1776
- .py-12 {
1777
- padding-top: 3rem;
1778
- padding-bottom: 3rem;
1779
- }
1780
- .py-16 {
1781
- padding-top: 4rem;
1782
- padding-bottom: 4rem;
1783
- }
1784
- .py-2 {
1785
- padding-top: 0.5rem;
1786
- padding-bottom: 0.5rem;
1787
- }
1788
- .py-3 {
1789
- padding-top: 0.75rem;
1790
- padding-bottom: 0.75rem;
1791
- }
1792
- .py-4 {
1793
- padding-top: 1rem;
1794
- padding-bottom: 1rem;
1795
- }
1796
- .py-6 {
1797
- padding-top: 1.5rem;
1798
- padding-bottom: 1.5rem;
1799
- }
1800
- .pb-0 {
1801
- padding-bottom: 0px;
1802
- }
1803
- .pb-1 {
1804
- padding-bottom: 0.25rem;
1805
- }
1806
- .pb-3 {
1807
- padding-bottom: 0.75rem;
1808
- }
1809
- .pl-2 {
1810
- padding-left: 0.5rem;
1811
- }
1812
- .pl-4 {
1813
- padding-left: 1rem;
1814
- }
1815
- .pl-8 {
1816
- padding-left: 2rem;
1817
- }
1818
- .pr-2 {
1819
- padding-right: 0.5rem;
1820
- }
1821
- .pr-2\.5 {
1822
- padding-right: 0.625rem;
1823
- }
1824
- .pr-4 {
1825
- padding-right: 1rem;
1826
- }
1827
- .pr-8 {
1828
- padding-right: 2rem;
1829
- }
1830
- .pt-0 {
1831
- padding-top: 0px;
1832
- }
1833
- .pt-1 {
1834
- padding-top: 0.25rem;
1835
- }
1836
- .pt-2 {
1837
- padding-top: 0.5rem;
1838
- }
1839
- .pt-4 {
1840
- padding-top: 1rem;
1841
- }
1842
- .text-left {
1843
- text-align: left;
1844
- }
1845
- .text-center {
1846
- text-align: center;
1847
- }
1848
- .text-right {
1849
- text-align: right;
1850
- }
1851
- .align-middle {
1852
- vertical-align: middle;
1853
- }
1854
- .font-mono {
1855
- font-family:
1856
- ui-monospace,
1857
- SFMono-Regular,
1858
- Menlo,
1859
- Monaco,
1860
- Consolas,
1861
- "Liberation Mono",
1862
- "Courier New",
1863
- monospace;
1864
- }
1865
- .text-2xl {
1866
- font-size: 1.5rem;
1867
- line-height: 2rem;
1868
- }
1869
- .text-3xl {
1870
- font-size: 1.875rem;
1871
- line-height: 2.25rem;
1872
- }
1873
- .text-4xl {
1874
- font-size: 2.25rem;
1875
- line-height: 2.5rem;
1876
- }
1877
- .text-6xl {
1878
- font-size: 3.75rem;
1879
- line-height: 1;
1880
- }
1881
- .text-\[0\.8rem\] {
1882
- font-size: 0.8rem;
1883
- }
1884
- .text-\[28\.5px\] {
1885
- font-size: 28.5px;
1886
- }
1887
- .text-base {
1888
- font-size: 1rem;
1889
- line-height: 1.5rem;
1890
- }
1891
- .text-lg {
1892
- font-size: 1.125rem;
1893
- line-height: 1.75rem;
1894
- }
1895
- .text-sm {
1896
- font-size: 0.875rem;
1897
- line-height: 1.25rem;
1898
- }
1899
- .text-xl {
1900
- font-size: 1.25rem;
1901
- line-height: 1.75rem;
1902
- }
1903
- .text-xs {
1904
- font-size: 0.75rem;
1905
- line-height: 1rem;
1906
- }
1907
- .font-bold {
1908
- font-weight: 700;
1909
- }
1910
- .font-extrabold {
1911
- font-weight: 800;
1912
- }
1913
- .font-medium {
1914
- font-weight: 500;
1915
- }
1916
- .font-normal {
1917
- font-weight: 400;
1918
- }
1919
- .font-semibold {
1920
- font-weight: 600;
1921
- }
1922
- .uppercase {
1923
- text-transform: uppercase;
1924
- }
1925
- .tabular-nums {
1926
- --tw-numeric-spacing: tabular-nums;
1927
- font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
1928
- }
1929
- .leading-none {
1930
- line-height: 1;
1931
- }
1932
- .leading-snug {
1933
- line-height: 1.375;
1934
- }
1935
- .leading-tight {
1936
- line-height: 1.25;
1937
- }
1938
- .tracking-tight {
1939
- letter-spacing: -0.025em;
1940
- }
1941
- .tracking-wider {
1942
- letter-spacing: 0.05em;
1943
- }
1944
- .tracking-widest {
1945
- letter-spacing: 0.1em;
1946
- }
1947
- .text-black {
1948
- --tw-text-opacity: 1;
1949
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1950
- }
1951
- .text-blue-600 {
1952
- --tw-text-opacity: 1;
1953
- color: rgb(37 99 235 / var(--tw-text-opacity, 1));
1954
- }
1955
- .text-card-foreground {
1956
- color: hsl(var(--card-foreground));
1957
- }
1958
- .text-current {
1959
- color: currentColor;
1960
- }
1961
- .text-destructive {
1962
- color: hsl(var(--destructive));
1963
- }
1964
- .text-destructive-foreground {
1965
- color: hsl(var(--destructive-foreground));
1966
- }
1967
- .text-emerald-600 {
1968
- --tw-text-opacity: 1;
1969
- color: rgb(5 150 105 / var(--tw-text-opacity, 1));
1970
- }
1971
- .text-foreground {
1972
- color: hsl(var(--foreground));
1973
- }
1974
- .text-gray-400 {
1975
- --tw-text-opacity: 1;
1976
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
1977
- }
1978
- .text-gray-500 {
1979
- --tw-text-opacity: 1;
1980
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
1981
- }
1982
- .text-gray-700 {
1983
- --tw-text-opacity: 1;
1984
- color: rgb(55 65 81 / var(--tw-text-opacity, 1));
1985
- }
1986
- .text-green-600 {
1987
- --tw-text-opacity: 1;
1988
- color: rgb(22 163 74 / var(--tw-text-opacity, 1));
1989
- }
1990
- .text-green-700 {
1991
- --tw-text-opacity: 1;
1992
- color: rgb(21 128 61 / var(--tw-text-opacity, 1));
1993
- }
1994
- .text-indigo-600 {
1995
- --tw-text-opacity: 1;
1996
- color: rgb(79 70 229 / var(--tw-text-opacity, 1));
1997
- }
1998
- .text-muted-foreground {
1999
- color: hsl(var(--muted-foreground));
2000
- }
2001
- .text-neutral-500 {
2002
- --tw-text-opacity: 1;
2003
- color: rgb(115 115 115 / var(--tw-text-opacity, 1));
2004
- }
2005
- .text-neutral-600 {
2006
- --tw-text-opacity: 1;
2007
- color: rgb(82 82 82 / var(--tw-text-opacity, 1));
2008
- }
2009
- .text-neutral-700 {
2010
- --tw-text-opacity: 1;
2011
- color: rgb(64 64 64 / var(--tw-text-opacity, 1));
2012
- }
2013
- .text-neutral-900 {
2014
- --tw-text-opacity: 1;
2015
- color: rgb(23 23 23 / var(--tw-text-opacity, 1));
2016
- }
2017
- .text-popover-foreground {
2018
- color: hsl(var(--popover-foreground));
2019
- }
2020
- .text-primary {
2021
- color: hsl(var(--primary));
2022
- }
2023
- .text-primary-foreground {
2024
- color: hsl(var(--primary-foreground));
2025
- }
2026
- .text-red-500 {
2027
- --tw-text-opacity: 1;
2028
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
2029
- }
2030
- .text-red-600 {
2031
- --tw-text-opacity: 1;
2032
- color: rgb(220 38 38 / var(--tw-text-opacity, 1));
2033
- }
2034
- .text-secondary-foreground {
2035
- color: hsl(var(--secondary-foreground));
2036
- }
2037
- .text-slate-50 {
2038
- --tw-text-opacity: 1;
2039
- color: rgb(248 250 252 / var(--tw-text-opacity, 1));
2040
- }
2041
- .text-slate-500 {
2042
- --tw-text-opacity: 1;
2043
- color: rgb(100 116 139 / var(--tw-text-opacity, 1));
2044
- }
2045
- .text-slate-600 {
2046
- --tw-text-opacity: 1;
2047
- color: rgb(71 85 105 / var(--tw-text-opacity, 1));
2048
- }
2049
- .text-slate-700 {
2050
- --tw-text-opacity: 1;
2051
- color: rgb(51 65 85 / var(--tw-text-opacity, 1));
2052
- }
2053
- .text-slate-800 {
2054
- --tw-text-opacity: 1;
2055
- color: rgb(30 41 59 / var(--tw-text-opacity, 1));
2056
- }
2057
- .text-slate-900 {
2058
- --tw-text-opacity: 1;
2059
- color: rgb(15 23 42 / var(--tw-text-opacity, 1));
2060
- }
2061
- .text-white {
2062
- --tw-text-opacity: 1;
2063
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2064
- }
2065
- .text-yellow-500 {
2066
- --tw-text-opacity: 1;
2067
- color: rgb(234 179 8 / var(--tw-text-opacity, 1));
2068
- }
2069
- .text-yellow-600 {
2070
- --tw-text-opacity: 1;
2071
- color: rgb(202 138 4 / var(--tw-text-opacity, 1));
2072
- }
2073
- .text-zinc-100 {
2074
- --tw-text-opacity: 1;
2075
- color: rgb(244 244 245 / var(--tw-text-opacity, 1));
2076
- }
2077
- .text-zinc-400 {
2078
- --tw-text-opacity: 1;
2079
- color: rgb(161 161 170 / var(--tw-text-opacity, 1));
2080
- }
2081
- .text-zinc-500 {
2082
- --tw-text-opacity: 1;
2083
- color: rgb(113 113 122 / var(--tw-text-opacity, 1));
2084
- }
2085
- .text-zinc-950 {
2086
- --tw-text-opacity: 1;
2087
- color: rgb(9 9 11 / var(--tw-text-opacity, 1));
2088
- }
2089
- .underline {
2090
- text-decoration-line: underline;
2091
- }
2092
- .no-underline {
2093
- text-decoration-line: none;
2094
- }
2095
- .underline-offset-4 {
2096
- text-underline-offset: 4px;
2097
- }
2098
- .caret-transparent {
2099
- caret-color: transparent;
2100
- }
2101
- .opacity-0 {
2102
- opacity: 0;
2103
- }
2104
- .opacity-100 {
2105
- opacity: 1;
2106
- }
2107
- .opacity-50 {
2108
- opacity: 0.5;
2109
- }
2110
- .opacity-60 {
2111
- opacity: 0.6;
2112
- }
2113
- .opacity-70 {
2114
- opacity: 0.7;
2115
- }
2116
- .shadow {
2117
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2118
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2119
- box-shadow:
2120
- var(--tw-ring-offset-shadow, 0 0 #0000),
2121
- var(--tw-ring-shadow, 0 0 #0000),
2122
- var(--tw-shadow);
2123
- }
2124
- .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
2125
- --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
2126
- --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
2127
- box-shadow:
2128
- var(--tw-ring-offset-shadow, 0 0 #0000),
2129
- var(--tw-ring-shadow, 0 0 #0000),
2130
- var(--tw-shadow);
2131
- }
2132
- .shadow-inner {
2133
- --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
2134
- --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
2135
- box-shadow:
2136
- var(--tw-ring-offset-shadow, 0 0 #0000),
2137
- var(--tw-ring-shadow, 0 0 #0000),
2138
- var(--tw-shadow);
2139
- }
2140
- .shadow-lg {
2141
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2142
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2143
- box-shadow:
2144
- var(--tw-ring-offset-shadow, 0 0 #0000),
2145
- var(--tw-ring-shadow, 0 0 #0000),
2146
- var(--tw-shadow);
2147
- }
2148
- .shadow-md {
2149
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2150
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2151
- box-shadow:
2152
- var(--tw-ring-offset-shadow, 0 0 #0000),
2153
- var(--tw-ring-shadow, 0 0 #0000),
2154
- var(--tw-shadow);
2155
- }
2156
- .shadow-none {
2157
- --tw-shadow: 0 0 #0000;
2158
- --tw-shadow-colored: 0 0 #0000;
2159
- box-shadow:
2160
- var(--tw-ring-offset-shadow, 0 0 #0000),
2161
- var(--tw-ring-shadow, 0 0 #0000),
2162
- var(--tw-shadow);
2163
- }
2164
- .shadow-sm {
2165
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2166
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2167
- box-shadow:
2168
- var(--tw-ring-offset-shadow, 0 0 #0000),
2169
- var(--tw-ring-shadow, 0 0 #0000),
2170
- var(--tw-shadow);
2171
- }
2172
- .shadow-xl {
2173
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2174
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2175
- box-shadow:
2176
- var(--tw-ring-offset-shadow, 0 0 #0000),
2177
- var(--tw-ring-shadow, 0 0 #0000),
2178
- var(--tw-shadow);
2179
- }
2180
- .outline-none {
2181
- outline: 2px solid transparent;
2182
- outline-offset: 2px;
2183
- }
2184
- .outline {
2185
- outline-style: solid;
2186
- }
2187
- .ring-0 {
2188
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2189
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2190
- box-shadow:
2191
- var(--tw-ring-offset-shadow),
2192
- var(--tw-ring-shadow),
2193
- var(--tw-shadow, 0 0 #0000);
2194
- }
2195
- .ring-2 {
2196
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2197
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2198
- box-shadow:
2199
- var(--tw-ring-offset-shadow),
2200
- var(--tw-ring-shadow),
2201
- var(--tw-shadow, 0 0 #0000);
2202
- }
2203
- .ring-background {
2204
- --tw-ring-color: hsl(var(--background));
2205
- }
2206
- .ring-primary {
2207
- --tw-ring-color: hsl(var(--primary));
2208
- }
2209
- .ring-offset-background {
2210
- --tw-ring-offset-color: hsl(var(--background));
2211
- }
2212
- .grayscale {
2213
- --tw-grayscale: grayscale(100%);
2214
- 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);
2215
- }
2216
- .\!filter {
2217
- 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) !important;
2218
- }
2219
- .filter {
2220
- 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);
2221
- }
2222
- .transition {
2223
- transition-property:
2224
- color,
2225
- background-color,
2226
- border-color,
2227
- text-decoration-color,
2228
- fill,
2229
- stroke,
2230
- opacity,
2231
- box-shadow,
2232
- transform,
2233
- filter,
2234
- -webkit-backdrop-filter;
2235
- transition-property:
2236
- color,
2237
- background-color,
2238
- border-color,
2239
- text-decoration-color,
2240
- fill,
2241
- stroke,
2242
- opacity,
2243
- box-shadow,
2244
- transform,
2245
- filter,
2246
- backdrop-filter;
2247
- transition-property:
2248
- color,
2249
- background-color,
2250
- border-color,
2251
- text-decoration-color,
2252
- fill,
2253
- stroke,
2254
- opacity,
2255
- box-shadow,
2256
- transform,
2257
- filter,
2258
- backdrop-filter,
2259
- -webkit-backdrop-filter;
2260
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2261
- transition-duration: 150ms;
2262
- }
2263
- .transition-\[color\,box-shadow\] {
2264
- transition-property: color, box-shadow;
2265
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2266
- transition-duration: 150ms;
2267
- }
2268
- .transition-\[left\,right\,width\] {
2269
- transition-property:
2270
- left,
2271
- right,
2272
- width;
2273
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2274
- transition-duration: 150ms;
2275
- }
2276
- .transition-\[margin\,opa\] {
2277
- transition-property: margin, opa;
2278
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2279
- transition-duration: 150ms;
2280
- }
2281
- .transition-\[width\,height\,padding\] {
2282
- transition-property:
2283
- width,
2284
- height,
2285
- padding;
2286
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2287
- transition-duration: 150ms;
2288
- }
2289
- .transition-\[width\] {
2290
- transition-property: width;
2291
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2292
- transition-duration: 150ms;
2293
- }
2294
- .transition-all {
2295
- transition-property: all;
2296
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2297
- transition-duration: 150ms;
2298
- }
2299
- .transition-colors {
2300
- transition-property:
2301
- color,
2302
- background-color,
2303
- border-color,
2304
- text-decoration-color,
2305
- fill,
2306
- stroke;
2307
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2308
- transition-duration: 150ms;
2309
- }
2310
- .transition-opacity {
2311
- transition-property: opacity;
2312
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2313
- transition-duration: 150ms;
2314
- }
2315
- .transition-shadow {
2316
- transition-property: box-shadow;
2317
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2318
- transition-duration: 150ms;
2319
- }
2320
- .transition-transform {
2321
- transition-property: transform;
2322
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2323
- transition-duration: 150ms;
2324
- }
2325
- .duration-1000 {
2326
- transition-duration: 1000ms;
2327
- }
2328
- .duration-200 {
2329
- transition-duration: 200ms;
2330
- }
2331
- .duration-300 {
2332
- transition-duration: 300ms;
2333
- }
2334
- .duration-500 {
2335
- transition-duration: 500ms;
2336
- }
2337
- .ease-in-out {
2338
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2339
- }
2340
- .ease-linear {
2341
- transition-timing-function: linear;
2342
- }
2343
- .ease-out {
2344
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2345
- }
2346
- @keyframes enter {
2347
- from {
2348
- opacity: var(--tw-enter-opacity, 1);
2349
- 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));
2350
- }
2351
- }
2352
- @keyframes exit {
2353
- to {
2354
- opacity: var(--tw-exit-opacity, 1);
2355
- 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));
2356
- }
2357
- }
2358
- .animate-in {
2359
- animation-name: enter;
2360
- animation-duration: 150ms;
2361
- --tw-enter-opacity: initial;
2362
- --tw-enter-scale: initial;
2363
- --tw-enter-rotate: initial;
2364
- --tw-enter-translate-x: initial;
2365
- --tw-enter-translate-y: initial;
2366
- }
2367
- .fade-in-0 {
2368
- --tw-enter-opacity: 0;
2369
- }
2370
- .zoom-in-95 {
2371
- --tw-enter-scale: .95;
2372
- }
2373
- .duration-1000 {
2374
- animation-duration: 1000ms;
2375
- }
2376
- .duration-200 {
2377
- animation-duration: 200ms;
2378
- }
2379
- .duration-300 {
2380
- animation-duration: 300ms;
2381
- }
2382
- .duration-500 {
2383
- animation-duration: 500ms;
2384
- }
2385
- .ease-in-out {
2386
- animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2387
- }
2388
- .ease-linear {
2389
- animation-timing-function: linear;
2390
- }
2391
- .ease-out {
2392
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2393
- }
2394
- .animate-fade-in {
2395
- animation: fade-in 400ms ease-out;
2396
- }
2397
- :root {
2398
- --white: #ffffff;
2399
- --purple: #8e68ff;
2400
- --green: #55af7d;
2401
- --blue: #2273e1;
2402
- --radius: 0.5rem;
2403
- --background: 0 0% 100%;
2404
- --foreground: 222.2 47.4% 11.2%;
2405
- --muted: 210 40% 96.1%;
2406
- --muted-foreground: 215.4 16.3% 46.9%;
2407
- --popover: 0 0% 100%;
2408
- --popover-foreground: 222.2 47.4% 11.2%;
2409
- --border: 214.3 31.8% 91.4%;
2410
- --input: 214.3 31.8% 91.4%;
2411
- --card: 0 0% 100%;
2412
- --card-foreground: 222.2 47.4% 11.2%;
2413
- --primary: 222.2 47.4% 11.2%;
2414
- --primary-foreground: 210 40% 98%;
2415
- --secondary: 210 40% 96.1%;
2416
- --secondary-foreground: 222.2 47.4% 11.2%;
2417
- --accent: 210 40% 96.1%;
2418
- --accent-foreground: 222.2 47.4% 11.2%;
2419
- --destructive: 0 100% 50%;
2420
- --destructive-foreground: 210 40% 98%;
2421
- --ring: 215 20.2% 65.1%;
2422
- --tick-color: #000;
2423
- }
2424
- .dark,
2425
- .dark-purple,
2426
- .dark-blue,
2427
- .dark-green {
2428
- --background: 231 15% 19%;
2429
- --foreground: 213 31% 91%;
2430
- --muted: 223 47% 11%;
2431
- --muted-foreground: 215.4 16.3% 56.9%;
2432
- --popover: 231 15% 25%;
2433
- --popover-foreground: 60 30% 96%;
2434
- --border: 231 15% 31%;
2435
- --input: 231 15% 31%;
2436
- --card: 231 15% 25%;
2437
- --card-foreground: 60 30% 96%;
2438
- --destructive: 0 100% 70%;
2439
- --destructive-foreground: 231 15% 19%;
2440
- --ring: 216 34% 17%;
2441
- --tick-color: #fff;
2442
- }
2443
- .dark {
2444
- --primary: 210 40% 98%;
2445
- --primary-foreground: 222.2 47.4% 1.2%;
2446
- --secondary: 222.2 47.4% 11.2%;
2447
- --secondary-foreground: 210 40% 98%;
2448
- --accent: 216 34% 17%;
2449
- --accent-foreground: 210 40% 98%;
2450
- }
2451
- .dark-purple {
2452
- --primary: 267 85% 75%;
2453
- --primary-foreground: 0 0% 100%;
2454
- --secondary: 267 85% 75%;
2455
- --secondary-foreground: 0 0% 100%;
2456
- --accent: 267 85% 75%;
2457
- --accent-foreground: 0 0% 100%;
2458
- }
2459
- .dark-blue {
2460
- --primary: 215 80% 50%;
2461
- --primary-foreground: 0 0% 100%;
2462
- --secondary: 215 80% 50%;
2463
- --secondary-foreground: 0 0% 100%;
2464
- --accent: 215 80% 50%;
2465
- --accent-foreground: 0 0% 100%;
2466
- }
2467
- .dark-green {
2468
- --primary: 147 36% 51%;
2469
- --primary-foreground: 0 0% 100%;
2470
- --secondary: 147 36% 51%;
2471
- --secondary-foreground: 0 0% 100%;
2472
- --accent: 147 36% 51%;
2473
- --accent-foreground: 0 0% 100%;
2474
- }
2475
- .light-purple {
2476
- --primary: 255 100% 70%;
2477
- --primary-foreground: 0 0% 100%;
2478
- --secondary: 255 100% 70%;
2479
- --secondary-foreground: 0 0% 100%;
2480
- --accent: 255 100% 70%;
2481
- --accent-foreground: 0 0% 100%;
2482
- }
2483
- .light-blue {
2484
- --primary: 215 76% 51%;
2485
- --primary-foreground: 0 0% 100%;
2486
- --secondary: 215 76% 51%;
2487
- --secondary-foreground: 0 0% 100%;
2488
- --accent: 215 76% 51%;
2489
- --accent-foreground: 0 0% 100%;
2490
- }
2491
- .light-green {
2492
- --primary: 147 36% 51%;
2493
- --primary-foreground: 0 0% 100%;
2494
- --secondary: 147 36% 51%;
2495
- --secondary-foreground: 0 0% 100%;
2496
- --accent: 147 36% 51%;
2497
- --accent-foreground: 0 0% 100%;
2498
- }
2499
- @keyframes fade-in {
2500
- from {
2501
- opacity: 0;
2502
- transform: translateY(4px);
2503
- }
2504
- to {
2505
- opacity: 1;
2506
- transform: translateY(0);
2507
- }
2508
- }
2509
- @keyframes slide-up {
2510
- from {
2511
- opacity: 0;
2512
- transform: translateY(20px);
2513
- }
2514
- to {
2515
- opacity: 1;
2516
- transform: translateY(0);
2517
- }
2518
- }
2519
- @keyframes slide-down {
2520
- from {
2521
- opacity: 0;
2522
- transform: translateY(-20px);
2523
- }
2524
- to {
2525
- opacity: 1;
2526
- transform: translateY(0);
2527
- }
2528
- }
2529
- @keyframes scale-in {
2530
- from {
2531
- opacity: 0;
2532
- transform: scale(0.95);
2533
- }
2534
- to {
2535
- opacity: 1;
2536
- transform: scale(1);
2537
- }
2538
- }
2539
- @keyframes pulse-soft {
2540
- 0%, 100% {
2541
- opacity: 1;
2542
- }
2543
- 50% {
2544
- opacity: 0.5;
2545
- }
2546
- }
2547
- .placeholder\:text-muted-foreground::-moz-placeholder {
2548
- color: hsl(var(--muted-foreground));
2549
- }
2550
- .placeholder\:text-muted-foreground::placeholder {
2551
- color: hsl(var(--muted-foreground));
2552
- }
2553
- .after\:absolute::after {
2554
- content: var(--tw-content);
2555
- position: absolute;
2556
- }
2557
- .after\:-inset-2::after {
2558
- content: var(--tw-content);
2559
- inset: -0.5rem;
2560
- }
2561
- .after\:inset-y-0::after {
2562
- content: var(--tw-content);
2563
- top: 0px;
2564
- bottom: 0px;
2565
- }
2566
- .after\:-bottom-0\.5::after {
2567
- content: var(--tw-content);
2568
- bottom: -0.125rem;
2569
- }
2570
- .after\:bottom-0::after {
2571
- content: var(--tw-content);
2572
- bottom: 0px;
2573
- }
2574
- .after\:left-0::after {
2575
- content: var(--tw-content);
2576
- left: 0px;
2577
- }
2578
- .after\:left-1\/2::after {
2579
- content: var(--tw-content);
2580
- left: 50%;
2581
- }
2582
- .after\:h-0\.5::after {
2583
- content: var(--tw-content);
2584
- height: 0.125rem;
2585
- }
2586
- .after\:h-\[1\.5px\]::after {
2587
- content: var(--tw-content);
2588
- height: 1.5px;
2589
- }
2590
- .after\:w-\[2px\]::after {
2591
- content: var(--tw-content);
2592
- width: 2px;
2593
- }
2594
- .after\:w-full::after {
2595
- content: var(--tw-content);
2596
- width: 100%;
2597
- }
2598
- .after\:origin-left::after {
2599
- content: var(--tw-content);
2600
- transform-origin: left;
2601
- }
2602
- .after\:scale-x-0::after {
2603
- content: var(--tw-content);
2604
- --tw-scale-x: 0;
2605
- 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));
2606
- }
2607
- .after\:bg-primary::after {
2608
- content: var(--tw-content);
2609
- background-color: hsl(var(--primary));
2610
- }
2611
- .after\:transition-transform::after {
2612
- content: var(--tw-content);
2613
- transition-property: transform;
2614
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2615
- transition-duration: 150ms;
2616
- }
2617
- .after\:duration-300::after {
2618
- transition-duration: 300ms;
2619
- content: var(--tw-content);
2620
- animation-duration: 300ms;
2621
- }
2622
- .first\:rounded-l-md:first-child {
2623
- border-top-left-radius: calc(var(--radius) - 2px);
2624
- border-bottom-left-radius: calc(var(--radius) - 2px);
2625
- }
2626
- .first\:border-l:first-child {
2627
- border-left-width: 1px;
2628
- }
2629
- .last\:rounded-r-md:last-child {
2630
- border-top-right-radius: calc(var(--radius) - 2px);
2631
- border-bottom-right-radius: calc(var(--radius) - 2px);
2632
- }
2633
- .focus-within\:relative:focus-within {
2634
- position: relative;
2635
- }
2636
- .focus-within\:z-20:focus-within {
2637
- z-index: 20;
2638
- }
2639
- .focus-within\:border-ring:focus-within {
2640
- border-color: hsl(var(--ring));
2641
- }
2642
- .focus-within\:ring-1:focus-within {
2643
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2644
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2645
- box-shadow:
2646
- var(--tw-ring-offset-shadow),
2647
- var(--tw-ring-shadow),
2648
- var(--tw-shadow, 0 0 #0000);
2649
- }
2650
- .focus-within\:ring-ring:focus-within {
2651
- --tw-ring-color: hsl(var(--ring));
2652
- }
2653
- .hover\:z-10:hover {
2654
- z-index: 10;
2655
- }
2656
- .hover\:scale-105:hover {
2657
- --tw-scale-x: 1.05;
2658
- --tw-scale-y: 1.05;
2659
- 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));
2660
- }
2661
- .hover\:scale-110:hover {
2662
- --tw-scale-x: 1.1;
2663
- --tw-scale-y: 1.1;
2664
- 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));
2665
- }
2666
- .hover\:scale-125:hover {
2667
- --tw-scale-x: 1.25;
2668
- --tw-scale-y: 1.25;
2669
- 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));
2670
- }
2671
- .hover\:scale-\[1\.02\]:hover {
2672
- --tw-scale-x: 1.02;
2673
- --tw-scale-y: 1.02;
2674
- 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));
2675
- }
2676
- .hover\:bg-accent:hover {
2677
- background-color: hsl(var(--accent));
2678
- }
2679
- .hover\:bg-blue-700:hover {
2680
- --tw-bg-opacity: 1;
2681
- background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
2682
- }
2683
- .hover\:bg-destructive\/90:hover {
2684
- background-color: hsl(var(--destructive) / 0.9);
2685
- }
2686
- .hover\:bg-emerald-700:hover {
2687
- --tw-bg-opacity: 1;
2688
- background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
2689
- }
2690
- .hover\:bg-gray-100:hover {
2691
- --tw-bg-opacity: 1;
2692
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
2693
- }
2694
- .hover\:bg-gray-200:hover {
2695
- --tw-bg-opacity: 1;
2696
- background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
2697
- }
2698
- .hover\:bg-indigo-600:hover {
2699
- --tw-bg-opacity: 1;
2700
- background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
2701
- }
2702
- .hover\:bg-muted:hover {
2703
- background-color: hsl(var(--muted));
2704
- }
2705
- .hover\:bg-muted\/50:hover {
2706
- background-color: hsl(var(--muted) / 0.5);
2707
- }
2708
- .hover\:bg-neutral-200:hover {
2709
- --tw-bg-opacity: 1;
2710
- background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
2711
- }
2712
- .hover\:bg-neutral-700:hover {
2713
- --tw-bg-opacity: 1;
2714
- background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
2715
- }
2716
- .hover\:bg-orange-600:hover {
2717
- --tw-bg-opacity: 1;
2718
- background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
2719
- }
2720
- .hover\:bg-pink-600:hover {
2721
- --tw-bg-opacity: 1;
2722
- background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1));
2723
- }
2724
- .hover\:bg-primary:hover {
2725
- background-color: hsl(var(--primary));
2726
- }
2727
- .hover\:bg-primary\/20:hover {
2728
- background-color: hsl(var(--primary) / 0.2);
2729
- }
2730
- .hover\:bg-primary\/90:hover {
2731
- background-color: hsl(var(--primary) / 0.9);
2732
- }
2733
- .hover\:bg-purple-600:hover {
2734
- --tw-bg-opacity: 1;
2735
- background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
2736
- }
2737
- .hover\:bg-red-600:hover {
2738
- --tw-bg-opacity: 1;
2739
- background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
2740
- }
2741
- .hover\:bg-yellow-600:hover {
2742
- --tw-bg-opacity: 1;
2743
- background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
2744
- }
2745
- .hover\:bg-zinc-300:hover {
2746
- --tw-bg-opacity: 1;
2747
- background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1));
2748
- }
2749
- .hover\:bg-zinc-400:hover {
2750
- --tw-bg-opacity: 1;
2751
- background-color: rgb(161 161 170 / var(--tw-bg-opacity, 1));
2752
- }
2753
- .hover\:text-accent-foreground:hover {
2754
- color: hsl(var(--accent-foreground));
2755
- }
2756
- .hover\:text-foreground:hover {
2757
- color: hsl(var(--foreground));
2758
- }
2759
- .hover\:text-primary:hover {
2760
- color: hsl(var(--primary));
2761
- }
2762
- .hover\:text-red-500:hover {
2763
- --tw-text-opacity: 1;
2764
- color: rgb(239 68 68 / var(--tw-text-opacity, 1));
2765
- }
2766
- .hover\:text-slate-50:hover {
2767
- --tw-text-opacity: 1;
2768
- color: rgb(248 250 252 / var(--tw-text-opacity, 1));
2769
- }
2770
- .hover\:underline:hover {
2771
- text-decoration-line: underline;
2772
- }
2773
- .hover\:opacity-100:hover {
2774
- opacity: 1;
2775
- }
2776
- .hover\:opacity-80:hover {
2777
- opacity: 0.8;
2778
- }
2779
- .hover\:opacity-90:hover {
2780
- opacity: 0.9;
2781
- }
2782
- .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
2783
- --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
2784
- --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
2785
- box-shadow:
2786
- var(--tw-ring-offset-shadow, 0 0 #0000),
2787
- var(--tw-ring-shadow, 0 0 #0000),
2788
- var(--tw-shadow);
2789
- }
2790
- .hover\:shadow-md:hover {
2791
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2792
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2793
- box-shadow:
2794
- var(--tw-ring-offset-shadow, 0 0 #0000),
2795
- var(--tw-ring-shadow, 0 0 #0000),
2796
- var(--tw-shadow);
2797
- }
2798
- .hover\:shadow-xl:hover {
2799
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2800
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2801
- box-shadow:
2802
- var(--tw-ring-offset-shadow, 0 0 #0000),
2803
- var(--tw-ring-shadow, 0 0 #0000),
2804
- var(--tw-shadow);
2805
- }
2806
- .hover\:after\:scale-x-100:hover::after {
2807
- content: var(--tw-content);
2808
- --tw-scale-x: 1;
2809
- 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));
2810
- }
2811
- .focus\:bg-accent:focus {
2812
- background-color: hsl(var(--accent));
2813
- }
2814
- .focus\:bg-primary\/90:focus {
2815
- background-color: hsl(var(--primary) / 0.9);
2816
- }
2817
- .focus\:bg-purple-500:focus {
2818
- --tw-bg-opacity: 1;
2819
- background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
2820
- }
2821
- .focus\:text-accent-foreground:focus {
2822
- color: hsl(var(--accent-foreground));
2823
- }
2824
- .focus\:text-slate-50:focus {
2825
- --tw-text-opacity: 1;
2826
- color: rgb(248 250 252 / var(--tw-text-opacity, 1));
2827
- }
2828
- .focus\:shadow-md:focus {
2829
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
2830
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
2831
- box-shadow:
2832
- var(--tw-ring-offset-shadow, 0 0 #0000),
2833
- var(--tw-ring-shadow, 0 0 #0000),
2834
- var(--tw-shadow);
2835
- }
2836
- .focus\:outline-none:focus {
2837
- outline: 2px solid transparent;
2838
- outline-offset: 2px;
2839
- }
2840
- .focus\:ring-1:focus {
2841
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2842
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2843
- box-shadow:
2844
- var(--tw-ring-offset-shadow),
2845
- var(--tw-ring-shadow),
2846
- var(--tw-shadow, 0 0 #0000);
2847
- }
2848
- .focus\:ring-2:focus {
2849
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2850
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2851
- box-shadow:
2852
- var(--tw-ring-offset-shadow),
2853
- var(--tw-ring-shadow),
2854
- var(--tw-shadow, 0 0 #0000);
2855
- }
2856
- .focus\:ring-primary:focus {
2857
- --tw-ring-color: hsl(var(--primary));
2858
- }
2859
- .focus\:ring-ring:focus {
2860
- --tw-ring-color: hsl(var(--ring));
2861
- }
2862
- .focus\:ring-offset-2:focus {
2863
- --tw-ring-offset-width: 2px;
2864
- }
2865
- .focus-visible\:border-ring:focus-visible {
2866
- border-color: hsl(var(--ring));
2867
- }
2868
- .focus-visible\:outline-none:focus-visible {
2869
- outline: 2px solid transparent;
2870
- outline-offset: 2px;
2871
- }
2872
- .focus-visible\:outline-1:focus-visible {
2873
- outline-width: 1px;
2874
- }
2875
- .focus-visible\:ring-1:focus-visible {
2876
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2877
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2878
- box-shadow:
2879
- var(--tw-ring-offset-shadow),
2880
- var(--tw-ring-shadow),
2881
- var(--tw-shadow, 0 0 #0000);
2882
- }
2883
- .focus-visible\:ring-2:focus-visible {
2884
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2885
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2886
- box-shadow:
2887
- var(--tw-ring-offset-shadow),
2888
- var(--tw-ring-shadow),
2889
- var(--tw-shadow, 0 0 #0000);
2890
- }
2891
- .focus-visible\:ring-\[3px\]:focus-visible {
2892
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2893
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2894
- box-shadow:
2895
- var(--tw-ring-offset-shadow),
2896
- var(--tw-ring-shadow),
2897
- var(--tw-shadow, 0 0 #0000);
2898
- }
2899
- .focus-visible\:ring-destructive\/20:focus-visible {
2900
- --tw-ring-color: hsl(var(--destructive) / 0.2);
2901
- }
2902
- .focus-visible\:ring-primary:focus-visible {
2903
- --tw-ring-color: hsl(var(--primary));
2904
- }
2905
- .focus-visible\:ring-ring:focus-visible {
2906
- --tw-ring-color: hsl(var(--ring));
2907
- }
2908
- .focus-visible\:ring-ring\/50:focus-visible {
2909
- --tw-ring-color: hsl(var(--ring) / 0.5);
2910
- }
2911
- .focus-visible\:ring-offset-1:focus-visible {
2912
- --tw-ring-offset-width: 1px;
2913
- }
2914
- .focus-visible\:ring-offset-2:focus-visible {
2915
- --tw-ring-offset-width: 2px;
2916
- }
2917
- .focus-visible\:ring-offset-background:focus-visible {
2918
- --tw-ring-offset-color: hsl(var(--background));
2919
- }
2920
- .active\:scale-125:active {
2921
- --tw-scale-x: 1.25;
2922
- --tw-scale-y: 1.25;
2923
- 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));
2924
- }
2925
- .active\:scale-\[0\.97\]:active {
2926
- --tw-scale-x: 0.97;
2927
- --tw-scale-y: 0.97;
2928
- 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));
2929
- }
2930
- .active\:scale-\[0\.98\]:active {
2931
- --tw-scale-x: 0.98;
2932
- --tw-scale-y: 0.98;
2933
- 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));
2934
- }
2935
- .disabled\:pointer-events-none:disabled {
2936
- pointer-events: none;
2937
- }
2938
- .disabled\:cursor-not-allowed:disabled {
2939
- cursor: not-allowed;
2940
- }
2941
- .disabled\:opacity-50:disabled {
2942
- opacity: 0.5;
2943
- }
2944
- .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
2945
- opacity: 1;
2946
- }
2947
- .group:hover .group-hover\:flex {
2948
- display: flex;
2949
- }
2950
- .group:hover .group-hover\:hidden {
2951
- display: none;
2952
- }
2953
- .group:hover .group-hover\:translate-x-1 {
2954
- --tw-translate-x: 0.25rem;
2955
- 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));
2956
- }
2957
- .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
2958
- opacity: 1;
2959
- }
2960
- .group.toast .group-\[\.toast\]\:text-neutral-600 {
2961
- --tw-text-opacity: 1;
2962
- color: rgb(82 82 82 / var(--tw-text-opacity, 1));
2963
- }
2964
- .peer:focus ~ .peer-focus\:shadow-lg {
2965
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2966
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2967
- box-shadow:
2968
- var(--tw-ring-offset-shadow, 0 0 #0000),
2969
- var(--tw-ring-shadow, 0 0 #0000),
2970
- var(--tw-shadow);
2971
- }
2972
- .peer:focus ~ .peer-focus\:ring-2 {
2973
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2974
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2975
- box-shadow:
2976
- var(--tw-ring-offset-shadow),
2977
- var(--tw-ring-shadow),
2978
- var(--tw-shadow, 0 0 #0000);
2979
- }
2980
- .peer:focus ~ .peer-focus\:ring-primary\/70 {
2981
- --tw-ring-color: hsl(var(--primary) / 0.7);
2982
- }
2983
- .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
2984
- cursor: not-allowed;
2985
- }
2986
- .peer:disabled ~ .peer-disabled\:opacity-70 {
2987
- opacity: 0.7;
2988
- }
2989
- .group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 {
2990
- padding-right: 2rem;
2991
- }
2992
- .aria-disabled\:pointer-events-none[aria-disabled=true] {
2993
- pointer-events: none;
2994
- }
2995
- .aria-disabled\:opacity-50[aria-disabled=true] {
2996
- opacity: 0.5;
2997
- }
2998
- .aria-selected\:bg-muted[aria-selected=true] {
2999
- background-color: hsl(var(--muted));
3000
- }
3001
- .aria-selected\:bg-muted\/50[aria-selected=true] {
3002
- background-color: hsl(var(--muted) / 0.5);
3003
- }
3004
- .aria-selected\:bg-slate-100[aria-selected=true] {
3005
- --tw-bg-opacity: 1;
3006
- background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
3007
- }
3008
- .aria-selected\:bg-slate-100\/50[aria-selected=true] {
3009
- background-color: rgb(241 245 249 / 0.5);
3010
- }
3011
- .aria-selected\:text-black[aria-selected=true] {
3012
- --tw-text-opacity: 1;
3013
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
3014
- }
3015
- .aria-selected\:text-foreground[aria-selected=true] {
3016
- color: hsl(var(--foreground));
3017
- }
3018
- .aria-selected\:text-slate-500[aria-selected=true] {
3019
- --tw-text-opacity: 1;
3020
- color: rgb(100 116 139 / var(--tw-text-opacity, 1));
3021
- }
3022
- .aria-selected\:text-slate-900[aria-selected=true] {
3023
- --tw-text-opacity: 1;
3024
- color: rgb(15 23 42 / var(--tw-text-opacity, 1));
3025
- }
3026
- .aria-selected\:opacity-100[aria-selected=true] {
3027
- opacity: 1;
3028
- }
3029
- .aria-selected\:opacity-30[aria-selected=true] {
3030
- opacity: 0.3;
3031
- }
3032
- .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
3033
- pointer-events: none;
3034
- }
3035
- .data-\[disabled\]\:pointer-events-none[data-disabled] {
3036
- pointer-events: none;
3037
- }
3038
- .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom] {
3039
- left: 0px;
3040
- right: 0px;
3041
- }
3042
- .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left] {
3043
- top: 0px;
3044
- bottom: 0px;
3045
- }
3046
- .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right] {
3047
- top: 0px;
3048
- bottom: 0px;
3049
- }
3050
- .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top] {
3051
- left: 0px;
3052
- right: 0px;
3053
- }
3054
- .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom] {
3055
- bottom: 0px;
3056
- }
3057
- .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left] {
3058
- left: 0px;
3059
- }
3060
- .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right] {
3061
- right: 0px;
3062
- }
3063
- .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top] {
3064
- top: 0px;
3065
- }
3066
- .data-\[active\=true\]\:z-10[data-active=true] {
3067
- z-index: 10;
3068
- }
3069
- .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom] {
3070
- margin-top: 6rem;
3071
- }
3072
- .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top] {
3073
- margin-bottom: 6rem;
3074
- }
3075
- .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom] {
3076
- max-height: 80vh;
3077
- }
3078
- .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top] {
3079
- max-height: 80vh;
3080
- }
3081
- .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left] {
3082
- width: 75%;
3083
- }
3084
- .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right] {
3085
- width: 75%;
3086
- }
3087
- .data-\[state\=checked\]\:translate-x-7[data-state=checked] {
3088
- --tw-translate-x: 1.75rem;
3089
- 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));
3090
- }
3091
- .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
3092
- --tw-translate-x: 0px;
3093
- 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));
3094
- }
3095
- .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom] {
3096
- border-top-left-radius: var(--radius);
3097
- border-top-right-radius: var(--radius);
3098
- }
3099
- .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top] {
3100
- border-bottom-right-radius: var(--radius);
3101
- border-bottom-left-radius: var(--radius);
3102
- }
3103
- .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom] {
3104
- border-top-width: 1px;
3105
- }
3106
- .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left] {
3107
- border-right-width: 1px;
3108
- }
3109
- .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right] {
3110
- border-left-width: 1px;
3111
- }
3112
- .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top] {
3113
- border-bottom-width: 1px;
3114
- }
3115
- .data-\[active\=true\]\:border-ring[data-active=true] {
3116
- border-color: hsl(var(--ring));
3117
- }
3118
- .data-\[type\=error\]\:border-red-500[data-type=error] {
3119
- --tw-border-opacity: 1;
3120
- border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
3121
- }
3122
- .data-\[type\=info\]\:border-blue-500[data-type=info] {
3123
- --tw-border-opacity: 1;
3124
- border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
3125
- }
3126
- .data-\[type\=success\]\:border-green-500[data-type=success] {
3127
- --tw-border-opacity: 1;
3128
- border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
3129
- }
3130
- .data-\[type\=warning\]\:border-yellow-500[data-type=warning] {
3131
- --tw-border-opacity: 1;
3132
- border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
3133
- }
3134
- .data-\[type\=error\]\:border-l-red-500[data-type=error] {
3135
- --tw-border-opacity: 1;
3136
- border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
3137
- }
3138
- .data-\[type\=info\]\:border-l-blue-500[data-type=info] {
3139
- --tw-border-opacity: 1;
3140
- border-left-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
3141
- }
3142
- .data-\[type\=success\]\:border-l-green-500[data-type=success] {
3143
- --tw-border-opacity: 1;
3144
- border-left-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
3145
- }
3146
- .data-\[type\=warning\]\:border-l-yellow-500[data-type=warning] {
3147
- --tw-border-opacity: 1;
3148
- border-left-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
3149
- }
3150
- .data-\[active\=true\]\:bg-accent\/50[data-active=true] {
3151
- background-color: hsl(var(--accent) / 0.5);
3152
- }
3153
- .data-\[selected\=true\]\:bg-primary[data-selected=true] {
3154
- background-color: hsl(var(--primary));
3155
- }
3156
- .data-\[state\=checked\]\:bg-green-500[data-state=checked] {
3157
- --tw-bg-opacity: 1;
3158
- background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
3159
- }
3160
- .data-\[state\=checked\]\:bg-primary[data-state=checked] {
3161
- background-color: hsl(var(--primary));
3162
- }
3163
- .data-\[state\=open\]\:bg-accent[data-state=open] {
3164
- background-color: hsl(var(--accent));
3165
- }
3166
- .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
3167
- background-color: hsl(var(--accent) / 0.5);
3168
- }
3169
- .data-\[state\=open\]\:bg-secondary[data-state=open] {
3170
- background-color: hsl(var(--secondary));
3171
- }
3172
- .data-\[state\=selected\]\:bg-muted[data-state=selected] {
3173
- background-color: hsl(var(--muted));
3174
- }
3175
- .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
3176
- background-color: hsl(var(--input));
3177
- }
3178
- .data-\[type\=error\]\:bg-red-50[data-type=error] {
3179
- --tw-bg-opacity: 1;
3180
- background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
3181
- }
3182
- .data-\[type\=info\]\:bg-blue-50[data-type=info] {
3183
- --tw-bg-opacity: 1;
3184
- background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
3185
- }
3186
- .data-\[type\=success\]\:bg-green-50[data-type=success] {
3187
- --tw-bg-opacity: 1;
3188
- background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
3189
- }
3190
- .data-\[type\=warning\]\:bg-yellow-50[data-type=warning] {
3191
- --tw-bg-opacity: 1;
3192
- background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
3193
- }
3194
- .data-\[inset\]\:pl-8[data-inset] {
3195
- padding-left: 2rem;
3196
- }
3197
- .data-\[active\=true\]\:font-medium[data-active=true] {
3198
- font-weight: 500;
3199
- }
3200
- .data-\[active\=true\]\:text-accent-foreground[data-active=true] {
3201
- color: hsl(var(--accent-foreground));
3202
- }
3203
- .data-\[selected\=true\]\:text-background[data-selected=true] {
3204
- color: hsl(var(--background));
3205
- }
3206
- .data-\[state\=active\]\:text-primary[data-state=active] {
3207
- color: hsl(var(--primary));
3208
- }
3209
- .data-\[state\=checked\]\:text-primary-foreground[data-state=checked] {
3210
- color: hsl(var(--primary-foreground));
3211
- }
3212
- .data-\[state\=open\]\:text-accent-foreground[data-state=open] {
3213
- color: hsl(var(--accent-foreground));
3214
- }
3215
- .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
3216
- color: hsl(var(--muted-foreground));
3217
- }
3218
- .data-\[type\=error\]\:text-red-800[data-type=error] {
3219
- --tw-text-opacity: 1;
3220
- color: rgb(153 27 27 / var(--tw-text-opacity, 1));
3221
- }
3222
- .data-\[type\=info\]\:text-blue-800[data-type=info] {
3223
- --tw-text-opacity: 1;
3224
- color: rgb(30 64 175 / var(--tw-text-opacity, 1));
3225
- }
3226
- .data-\[type\=success\]\:text-green-800[data-type=success] {
3227
- --tw-text-opacity: 1;
3228
- color: rgb(22 101 52 / var(--tw-text-opacity, 1));
3229
- }
3230
- .data-\[type\=warning\]\:text-yellow-800[data-type=warning] {
3231
- --tw-text-opacity: 1;
3232
- color: rgb(133 77 14 / var(--tw-text-opacity, 1));
3233
- }
3234
- .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive] {
3235
- color: hsl(var(--destructive));
3236
- }
3237
- .data-\[disabled\=true\]\:opacity-50[data-disabled=true] {
3238
- opacity: 0.5;
3239
- }
3240
- .data-\[disabled\]\:opacity-50[data-disabled] {
3241
- opacity: 0.5;
3242
- }
3243
- .data-\[state\=open\]\:opacity-100[data-state=open] {
3244
- opacity: 1;
3245
- }
3246
- .data-\[state\=checked\]\:shadow-\[0_0_15px_4px_var\(--tw-shadow-color\)\][data-state=checked] {
3247
- --tw-shadow: 0 0 15px 4px var(--tw-shadow-color);
3248
- --tw-shadow-colored: 0 0 15px 4px var(--tw-shadow-color);
3249
- box-shadow:
3250
- var(--tw-ring-offset-shadow, 0 0 #0000),
3251
- var(--tw-ring-shadow, 0 0 #0000),
3252
- var(--tw-shadow);
3253
- }
3254
- .data-\[state\=checked\]\:shadow-primary\/30[data-state=checked] {
3255
- --tw-shadow-color: hsl(var(--primary) / 0.3);
3256
- --tw-shadow: var(--tw-shadow-colored);
3257
- }
3258
- .data-\[active\=true\]\:ring-\[3px\][data-active=true] {
3259
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3260
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3261
- box-shadow:
3262
- var(--tw-ring-offset-shadow),
3263
- var(--tw-ring-shadow),
3264
- var(--tw-shadow, 0 0 #0000);
3265
- }
3266
- .data-\[active\=true\]\:ring-ring\/50[data-active=true] {
3267
- --tw-ring-color: hsl(var(--ring) / 0.5);
3268
- }
3269
- .data-\[state\=closed\]\:duration-300[data-state=closed] {
3270
- transition-duration: 300ms;
3271
- }
3272
- .data-\[state\=open\]\:duration-500[data-state=open] {
3273
- transition-duration: 500ms;
3274
- }
3275
- .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-] {
3276
- animation-name: enter;
3277
- animation-duration: 150ms;
3278
- --tw-enter-opacity: initial;
3279
- --tw-enter-scale: initial;
3280
- --tw-enter-rotate: initial;
3281
- --tw-enter-translate-x: initial;
3282
- --tw-enter-translate-y: initial;
3283
- }
3284
- .data-\[state\=open\]\:animate-in[data-state=open] {
3285
- animation-name: enter;
3286
- animation-duration: 150ms;
3287
- --tw-enter-opacity: initial;
3288
- --tw-enter-scale: initial;
3289
- --tw-enter-rotate: initial;
3290
- --tw-enter-translate-x: initial;
3291
- --tw-enter-translate-y: initial;
3292
- }
3293
- .data-\[state\=visible\]\:animate-in[data-state=visible] {
3294
- animation-name: enter;
3295
- animation-duration: 150ms;
3296
- --tw-enter-opacity: initial;
3297
- --tw-enter-scale: initial;
3298
- --tw-enter-rotate: initial;
3299
- --tw-enter-translate-x: initial;
3300
- --tw-enter-translate-y: initial;
3301
- }
3302
- .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-] {
3303
- animation-name: exit;
3304
- animation-duration: 150ms;
3305
- --tw-exit-opacity: initial;
3306
- --tw-exit-scale: initial;
3307
- --tw-exit-rotate: initial;
3308
- --tw-exit-translate-x: initial;
3309
- --tw-exit-translate-y: initial;
3310
- }
3311
- .data-\[state\=closed\]\:animate-out[data-state=closed] {
3312
- animation-name: exit;
3313
- animation-duration: 150ms;
3314
- --tw-exit-opacity: initial;
3315
- --tw-exit-scale: initial;
3316
- --tw-exit-rotate: initial;
3317
- --tw-exit-translate-x: initial;
3318
- --tw-exit-translate-y: initial;
3319
- }
3320
- .data-\[state\=hidden\]\:animate-out[data-state=hidden] {
3321
- animation-name: exit;
3322
- animation-duration: 150ms;
3323
- --tw-exit-opacity: initial;
3324
- --tw-exit-scale: initial;
3325
- --tw-exit-rotate: initial;
3326
- --tw-exit-translate-x: initial;
3327
- --tw-exit-translate-y: initial;
3328
- }
3329
- .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] {
3330
- --tw-enter-opacity: 0;
3331
- }
3332
- .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-] {
3333
- --tw-exit-opacity: 0;
3334
- }
3335
- .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
3336
- --tw-exit-opacity: 0;
3337
- }
3338
- .data-\[state\=hidden\]\:fade-out[data-state=hidden] {
3339
- --tw-exit-opacity: 0;
3340
- }
3341
- .data-\[state\=open\]\:fade-in-0[data-state=open] {
3342
- --tw-enter-opacity: 0;
3343
- }
3344
- .data-\[state\=visible\]\:fade-in[data-state=visible] {
3345
- --tw-enter-opacity: 0;
3346
- }
3347
- .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
3348
- --tw-exit-scale: .95;
3349
- }
3350
- .data-\[state\=open\]\:zoom-in-90[data-state=open] {
3351
- --tw-enter-scale: .9;
3352
- }
3353
- .data-\[state\=open\]\:zoom-in-95[data-state=open] {
3354
- --tw-enter-scale: .95;
3355
- }
3356
- .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] {
3357
- --tw-enter-translate-x: 13rem;
3358
- }
3359
- .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start] {
3360
- --tw-enter-translate-x: -13rem;
3361
- }
3362
- .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end] {
3363
- --tw-exit-translate-x: 13rem;
3364
- }
3365
- .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start] {
3366
- --tw-exit-translate-x: -13rem;
3367
- }
3368
- .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
3369
- --tw-enter-translate-y: -0.5rem;
3370
- }
3371
- .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
3372
- --tw-enter-translate-x: 0.5rem;
3373
- }
3374
- .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
3375
- --tw-enter-translate-x: -0.5rem;
3376
- }
3377
- .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
3378
- --tw-enter-translate-y: 0.5rem;
3379
- }
3380
- .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
3381
- --tw-exit-translate-y: 100%;
3382
- }
3383
- .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
3384
- --tw-exit-translate-x: -100%;
3385
- }
3386
- .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
3387
- --tw-exit-translate-x: -50%;
3388
- }
3389
- .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
3390
- --tw-exit-translate-x: 100%;
3391
- }
3392
- .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
3393
- --tw-exit-translate-y: -100%;
3394
- }
3395
- .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
3396
- --tw-exit-translate-y: -48%;
3397
- }
3398
- .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
3399
- --tw-enter-translate-y: 100%;
3400
- }
3401
- .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
3402
- --tw-enter-translate-x: -100%;
3403
- }
3404
- .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
3405
- --tw-enter-translate-x: -50%;
3406
- }
3407
- .data-\[state\=open\]\:slide-in-from-right[data-state=open] {
3408
- --tw-enter-translate-x: 100%;
3409
- }
3410
- .data-\[state\=open\]\:slide-in-from-top[data-state=open] {
3411
- --tw-enter-translate-y: -100%;
3412
- }
3413
- .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
3414
- --tw-enter-translate-y: -48%;
3415
- }
3416
- .data-\[state\=closed\]\:duration-300[data-state=closed] {
3417
- animation-duration: 300ms;
3418
- }
3419
- .data-\[state\=open\]\:duration-500[data-state=open] {
3420
- animation-duration: 500ms;
3421
- }
3422
- .data-\[state\=active\]\:after\:scale-x-100[data-state=active]::after {
3423
- content: var(--tw-content);
3424
- --tw-scale-x: 1;
3425
- 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));
3426
- }
3427
- .data-\[active\=true\]\:hover\:bg-accent:hover[data-active=true] {
3428
- background-color: hsl(var(--accent));
3429
- }
3430
- .data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open] {
3431
- background-color: hsl(var(--accent));
3432
- }
3433
- .data-\[active\=true\]\:focus\:bg-accent:focus[data-active=true] {
3434
- background-color: hsl(var(--accent));
3435
- }
3436
- .data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open] {
3437
- background-color: hsl(var(--accent));
3438
- }
3439
- .data-\[variant\=destructive\]\:focus\:bg-destructive\/10:focus[data-variant=destructive] {
3440
- background-color: hsl(var(--destructive) / 0.1);
3441
- }
3442
- .data-\[variant\=destructive\]\:focus\:text-destructive:focus[data-variant=destructive] {
3443
- color: hsl(var(--destructive));
3444
- }
3445
- .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
3446
- left: calc(var(--sidebar-width) * -1);
3447
- }
3448
- .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
3449
- right: calc(var(--sidebar-width) * -1);
3450
- }
3451
- .group[data-side=left] .group-data-\[side\=left\]\:-right-4 {
3452
- right: -1rem;
3453
- }
3454
- .group[data-side=right] .group-data-\[side\=right\]\:left-0 {
3455
- left: 0px;
3456
- }
3457
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
3458
- top: 100%;
3459
- }
3460
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8 {
3461
- margin-top: -2rem;
3462
- }
3463
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
3464
- margin-top: 0.375rem;
3465
- }
3466
- .group\/drawer-content[data-vaul-drawer-direction=bottom] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
3467
- display: block;
3468
- }
3469
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden {
3470
- display: none;
3471
- }
3472
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8 {
3473
- width: 2rem !important;
3474
- height: 2rem !important;
3475
- }
3476
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
3477
- width: var(--sidebar-width-icon);
3478
- }
3479
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] {
3480
- width: calc(var(--sidebar-width-icon) + 1rem);
3481
- }
3482
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] {
3483
- width: calc(var(--sidebar-width-icon) + 1rem + 2px);
3484
- }
3485
- .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0 {
3486
- width: 0px;
3487
- }
3488
- .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
3489
- --tw-translate-x: 0px;
3490
- 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));
3491
- }
3492
- .group[data-side=right] .group-data-\[side\=right\]\:rotate-180 {
3493
- --tw-rotate: 180deg;
3494
- 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));
3495
- }
3496
- .group[data-state=open] .group-data-\[state\=open\]\:rotate-180 {
3497
- --tw-rotate: 180deg;
3498
- 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));
3499
- }
3500
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden {
3501
- overflow: hidden;
3502
- }
3503
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
3504
- overflow: hidden;
3505
- }
3506
- .group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg {
3507
- border-radius: var(--radius);
3508
- }
3509
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
3510
- border-radius: calc(var(--radius) - 2px);
3511
- }
3512
- .group[data-variant=floating] .group-data-\[variant\=floating\]\:border {
3513
- border-width: 1px;
3514
- }
3515
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:border {
3516
- border-width: 1px;
3517
- }
3518
- .group[data-side=left] .group-data-\[side\=left\]\:border-r {
3519
- border-right-width: 1px;
3520
- }
3521
- .group[data-side=right] .group-data-\[side\=right\]\:border-l {
3522
- border-left-width: 1px;
3523
- }
3524
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover {
3525
- background-color: hsl(var(--popover));
3526
- }
3527
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0 {
3528
- padding: 0px !important;
3529
- }
3530
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2 {
3531
- padding: 0.5rem !important;
3532
- }
3533
- .group\/drawer-content[data-vaul-drawer-direction=bottom] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center {
3534
- text-align: center;
3535
- }
3536
- .group\/drawer-content[data-vaul-drawer-direction=top] .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center {
3537
- text-align: center;
3538
- }
3539
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground {
3540
- color: hsl(var(--popover-foreground));
3541
- }
3542
- .group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0 {
3543
- opacity: 0;
3544
- }
3545
- .group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow {
3546
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3547
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
3548
- box-shadow:
3549
- var(--tw-ring-offset-shadow, 0 0 #0000),
3550
- var(--tw-ring-shadow, 0 0 #0000),
3551
- var(--tw-shadow);
3552
- }
3553
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
3554
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3555
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
3556
- box-shadow:
3557
- var(--tw-ring-offset-shadow, 0 0 #0000),
3558
- var(--tw-ring-shadow, 0 0 #0000),
3559
- var(--tw-shadow);
3560
- }
3561
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
3562
- transition-duration: 200ms;
3563
- animation-duration: 200ms;
3564
- }
3565
- .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after {
3566
- content: var(--tw-content);
3567
- left: 100%;
3568
- }
3569
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in[data-state=open] {
3570
- animation-name: enter;
3571
- animation-duration: 150ms;
3572
- --tw-enter-opacity: initial;
3573
- --tw-enter-scale: initial;
3574
- --tw-enter-rotate: initial;
3575
- --tw-enter-translate-x: initial;
3576
- --tw-enter-translate-y: initial;
3577
- }
3578
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out[data-state=closed] {
3579
- animation-name: exit;
3580
- animation-duration: 150ms;
3581
- --tw-exit-opacity: initial;
3582
- --tw-exit-scale: initial;
3583
- --tw-exit-rotate: initial;
3584
- --tw-exit-translate-x: initial;
3585
- --tw-exit-translate-y: initial;
3586
- }
3587
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0[data-state=closed] {
3588
- --tw-exit-opacity: 0;
3589
- }
3590
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0[data-state=open] {
3591
- --tw-enter-opacity: 0;
3592
- }
3593
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
3594
- --tw-exit-scale: .95;
3595
- }
3596
- .group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95[data-state=open] {
3597
- --tw-enter-scale: .95;
3598
- }
3599
- .peer\/menu-button[data-size=default] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
3600
- top: 0.375rem;
3601
- }
3602
- .peer\/menu-button[data-size=lg] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
3603
- top: 0.625rem;
3604
- }
3605
- .peer\/menu-button[data-size=sm] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
3606
- top: 0.25rem;
3607
- }
3608
- .peer[data-variant=inset] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
3609
- min-height: calc(100svh - 1rem);
3610
- }
3611
- .dark\:border-gray-700:is(.dark *) {
3612
- --tw-border-opacity: 1;
3613
- border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
3614
- }
3615
- .dark\:border-gray-900:is(.dark *) {
3616
- --tw-border-opacity: 1;
3617
- border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
3618
- }
3619
- .dark\:border-slate-600:is(.dark *) {
3620
- --tw-border-opacity: 1;
3621
- border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
3622
- }
3623
- .dark\:border-slate-700:is(.dark *) {
3624
- --tw-border-opacity: 1;
3625
- border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
3626
- }
3627
- .dark\:border-zinc-900:is(.dark *) {
3628
- --tw-border-opacity: 1;
3629
- border-color: rgb(24 24 27 / var(--tw-border-opacity, 1));
3630
- }
3631
- .dark\:bg-\[hsl\(231\,15\%\,19\%\)\]:is(.dark *) {
3632
- --tw-bg-opacity: 1;
3633
- background-color: hsl(231 15% 19% / var(--tw-bg-opacity, 1));
3634
- }
3635
- .dark\:bg-destructive\/60:is(.dark *) {
3636
- background-color: hsl(var(--destructive) / 0.6);
3637
- }
3638
- .dark\:bg-gray-800:is(.dark *) {
3639
- --tw-bg-opacity: 1;
3640
- background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
3641
- }
3642
- .dark\:bg-input\/30:is(.dark *) {
3643
- background-color: hsl(var(--input) / 0.3);
3644
- }
3645
- .dark\:bg-muted:is(.dark *) {
3646
- background-color: hsl(var(--muted));
3647
- }
3648
- .dark\:bg-primary:is(.dark *) {
3649
- background-color: hsl(var(--primary));
3650
- }
3651
- .dark\:bg-slate-50:is(.dark *) {
3652
- --tw-bg-opacity: 1;
3653
- background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
3654
- }
3655
- .dark\:bg-slate-700:is(.dark *) {
3656
- --tw-bg-opacity: 1;
3657
- background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
3658
- }
3659
- .dark\:bg-slate-900\/30:is(.dark *) {
3660
- background-color: rgb(15 23 42 / 0.3);
3661
- }
3662
- .dark\:bg-slate-900\/40:is(.dark *) {
3663
- background-color: rgb(15 23 42 / 0.4);
3664
- }
3665
- .dark\:bg-zinc-500:is(.dark *) {
3666
- --tw-bg-opacity: 1;
3667
- background-color: rgb(113 113 122 / var(--tw-bg-opacity, 1));
3668
- }
3669
- .dark\:bg-zinc-700:is(.dark *) {
3670
- --tw-bg-opacity: 1;
3671
- background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
3672
- }
3673
- .dark\:bg-zinc-800:is(.dark *) {
3674
- --tw-bg-opacity: 1;
3675
- background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
3676
- }
3677
- .dark\:text-black:is(.dark *) {
3678
- --tw-text-opacity: 1;
3679
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
3680
- }
3681
- .dark\:text-foreground:is(.dark *) {
3682
- color: hsl(var(--foreground));
3683
- }
3684
- .dark\:text-gray-300:is(.dark *) {
3685
- --tw-text-opacity: 1;
3686
- color: rgb(209 213 219 / var(--tw-text-opacity, 1));
3687
- }
3688
- .dark\:text-indigo-400:is(.dark *) {
3689
- --tw-text-opacity: 1;
3690
- color: rgb(129 140 248 / var(--tw-text-opacity, 1));
3691
- }
3692
- .dark\:text-neutral-300:is(.dark *) {
3693
- --tw-text-opacity: 1;
3694
- color: rgb(212 212 212 / var(--tw-text-opacity, 1));
3695
- }
3696
- .dark\:text-slate-100:is(.dark *) {
3697
- --tw-text-opacity: 1;
3698
- color: rgb(241 245 249 / var(--tw-text-opacity, 1));
3699
- }
3700
- .dark\:text-slate-200:is(.dark *) {
3701
- --tw-text-opacity: 1;
3702
- color: rgb(226 232 240 / var(--tw-text-opacity, 1));
3703
- }
3704
- .dark\:text-slate-300:is(.dark *) {
3705
- --tw-text-opacity: 1;
3706
- color: rgb(203 213 225 / var(--tw-text-opacity, 1));
3707
- }
3708
- .dark\:text-slate-400:is(.dark *) {
3709
- --tw-text-opacity: 1;
3710
- color: rgb(148 163 184 / var(--tw-text-opacity, 1));
3711
- }
3712
- .dark\:text-slate-50:is(.dark *) {
3713
- --tw-text-opacity: 1;
3714
- color: rgb(248 250 252 / var(--tw-text-opacity, 1));
3715
- }
3716
- .dark\:text-slate-900:is(.dark *) {
3717
- --tw-text-opacity: 1;
3718
- color: rgb(15 23 42 / var(--tw-text-opacity, 1));
3719
- }
3720
- .dark\:text-white:is(.dark *) {
3721
- --tw-text-opacity: 1;
3722
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3723
- }
3724
- .dark\:hover\:bg-slate-50:hover:is(.dark *) {
3725
- --tw-bg-opacity: 1;
3726
- background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
3727
- }
3728
- .dark\:hover\:text-slate-900:hover:is(.dark *) {
3729
- --tw-text-opacity: 1;
3730
- color: rgb(15 23 42 / var(--tw-text-opacity, 1));
3731
- }
3732
- .dark\:focus\:bg-slate-50:focus:is(.dark *) {
3733
- --tw-bg-opacity: 1;
3734
- background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
3735
- }
3736
- .dark\:focus\:text-slate-900:focus:is(.dark *) {
3737
- --tw-text-opacity: 1;
3738
- color: rgb(15 23 42 / var(--tw-text-opacity, 1));
3739
- }
3740
- .dark\:focus-visible\:ring-destructive\/40:focus-visible:is(.dark *) {
3741
- --tw-ring-color: hsl(var(--destructive) / 0.4);
3742
- }
3743
- .dark\:aria-selected\:bg-primary[aria-selected=true]:is(.dark *) {
3744
- background-color: hsl(var(--primary));
3745
- }
3746
- .dark\:aria-selected\:bg-slate-800\/50[aria-selected=true]:is(.dark *) {
3747
- background-color: rgb(30 41 59 / 0.5);
3748
- }
3749
- .dark\:aria-selected\:text-primary[aria-selected=true]:is(.dark *) {
3750
- color: hsl(var(--primary));
3751
- }
3752
- .dark\:aria-selected\:text-slate-400[aria-selected=true]:is(.dark *) {
3753
- --tw-text-opacity: 1;
3754
- color: rgb(148 163 184 / var(--tw-text-opacity, 1));
3755
- }
3756
- .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:focus[data-variant=destructive]:is(.dark *) {
3757
- background-color: hsl(var(--destructive) / 0.2);
3758
- }
3759
- @media (min-width: 640px) {
3760
- .sm\:mt-0 {
3761
- margin-top: 0px;
3762
- }
3763
- .sm\:flex {
3764
- display: flex;
3765
- }
3766
- .sm\:max-w-md {
3767
- max-width: 28rem;
3768
- }
3769
- .sm\:max-w-sm {
3770
- max-width: 24rem;
3771
- }
3772
- .sm\:grid-cols-2 {
3773
- grid-template-columns: repeat(2, minmax(0, 1fr));
3774
- }
3775
- .sm\:flex-row {
3776
- flex-direction: row;
3777
- }
3778
- .sm\:justify-start {
3779
- justify-content: flex-start;
3780
- }
3781
- .sm\:justify-end {
3782
- justify-content: flex-end;
3783
- }
3784
- .sm\:gap-2\.5 {
3785
- gap: 0.625rem;
3786
- }
3787
- .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
3788
- --tw-space-x-reverse: 0;
3789
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
3790
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
3791
- }
3792
- .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
3793
- --tw-space-x-reverse: 0;
3794
- margin-right: calc(1rem * var(--tw-space-x-reverse));
3795
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
3796
- }
3797
- .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
3798
- --tw-space-y-reverse: 0;
3799
- margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
3800
- margin-bottom: calc(0px * var(--tw-space-y-reverse));
3801
- }
3802
- .sm\:rounded-lg {
3803
- border-radius: var(--radius);
3804
- }
3805
- .sm\:px-6 {
3806
- padding-left: 1.5rem;
3807
- padding-right: 1.5rem;
3808
- }
3809
- .sm\:text-left {
3810
- text-align: left;
3811
- }
3812
- .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left] {
3813
- max-width: 24rem;
3814
- }
3815
- .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right] {
3816
- max-width: 24rem;
3817
- }
3818
- }
3819
- @media (min-width: 768px) {
3820
- .md\:absolute {
3821
- position: absolute;
3822
- }
3823
- .md\:mx-0 {
3824
- margin-left: 0px;
3825
- margin-right: 0px;
3826
- }
3827
- .md\:block {
3828
- display: block;
3829
- }
3830
- .md\:flex {
3831
- display: flex;
3832
- }
3833
- .md\:w-\[400px\] {
3834
- width: 400px;
3835
- }
3836
- .md\:w-\[500px\] {
3837
- width: 500px;
3838
- }
3839
- .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
3840
- width: var(--radix-navigation-menu-viewport-width);
3841
- }
3842
- .md\:w-auto {
3843
- width: auto;
3844
- }
3845
- .md\:basis-1\/2 {
3846
- flex-basis: 50%;
3847
- }
3848
- .md\:grid-cols-2 {
3849
- grid-template-columns: repeat(2, minmax(0, 1fr));
3850
- }
3851
- .md\:grid-cols-4 {
3852
- grid-template-columns: repeat(4, minmax(0, 1fr));
3853
- }
3854
- .md\:flex-row {
3855
- flex-direction: row;
3856
- }
3857
- .md\:gap-1\.5 {
3858
- gap: 0.375rem;
3859
- }
3860
- .md\:space-x-44 > :not([hidden]) ~ :not([hidden]) {
3861
- --tw-space-x-reverse: 0;
3862
- margin-right: calc(11rem * var(--tw-space-x-reverse));
3863
- margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
3864
- }
3865
- .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
3866
- --tw-space-y-reverse: 0;
3867
- margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
3868
- margin-bottom: calc(0px * var(--tw-space-y-reverse));
3869
- }
3870
- .md\:text-left {
3871
- text-align: left;
3872
- }
3873
- .md\:text-4xl {
3874
- font-size: 2.25rem;
3875
- line-height: 2.5rem;
3876
- }
3877
- .md\:text-5xl {
3878
- font-size: 3rem;
3879
- line-height: 1;
3880
- }
3881
- .md\:text-sm {
3882
- font-size: 0.875rem;
3883
- line-height: 1.25rem;
3884
- }
3885
- .md\:text-xl {
3886
- font-size: 1.25rem;
3887
- line-height: 1.75rem;
3888
- }
3889
- .md\:opacity-0 {
3890
- opacity: 0;
3891
- }
3892
- .after\:md\:hidden::after {
3893
- content: var(--tw-content);
3894
- display: none;
3895
- }
3896
- .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
3897
- margin: 0.5rem;
3898
- }
3899
- .peer[data-state=collapsed][data-variant=inset] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 {
3900
- margin-left: 0.5rem;
3901
- }
3902
- .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
3903
- margin-left: 0px;
3904
- }
3905
- .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
3906
- border-radius: 0.75rem;
3907
- }
3908
- .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:shadow {
3909
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3910
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
3911
- box-shadow:
3912
- var(--tw-ring-offset-shadow, 0 0 #0000),
3913
- var(--tw-ring-shadow, 0 0 #0000),
3914
- var(--tw-shadow);
3915
- }
3916
- }
3917
- @media (min-width: 1024px) {
3918
- .lg\:w-\[500px\] {
3919
- width: 500px;
3920
- }
3921
- .lg\:w-\[600px\] {
3922
- width: 600px;
3923
- }
3924
- .lg\:basis-1\/3 {
3925
- flex-basis: 33.333333%;
3926
- }
3927
- .lg\:grid-cols-3 {
3928
- grid-template-columns: repeat(3, minmax(0, 1fr));
3929
- }
3930
- .lg\:grid-cols-\[\.75fr_1fr\] {
3931
- grid-template-columns: .75fr 1fr;
3932
- }
3933
- .lg\:px-8 {
3934
- padding-left: 2rem;
3935
- padding-right: 2rem;
3936
- }
3937
- }
3938
- .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
3939
- -webkit-appearance: none;
3940
- appearance: none;
3941
- }
3942
- .\[\&\:has\(\[aria-selected\]\)\]\:bg-muted:has([aria-selected]) {
3943
- background-color: hsl(var(--muted));
3944
- }
3945
- .\[\&\:has\(\[aria-selected\]\)\]\:bg-slate-100:has([aria-selected]) {
3946
- --tw-bg-opacity: 1;
3947
- background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
3948
- }
3949
- .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
3950
- border-top-left-radius: calc(var(--radius) - 2px);
3951
- border-bottom-left-radius: calc(var(--radius) - 2px);
3952
- }
3953
- .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
3954
- border-top-right-radius: calc(var(--radius) - 2px);
3955
- border-bottom-right-radius: calc(var(--radius) - 2px);
3956
- }
3957
- .dark\:\[\&\:has\(\[aria-selected\]\)\]\:bg-slate-800:has([aria-selected]):is(.dark *) {
3958
- --tw-bg-opacity: 1;
3959
- background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
3960
- }
3961
- .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-muted\/50:has([aria-selected].day-outside) {
3962
- background-color: hsl(var(--muted) / 0.5);
3963
- }
3964
- .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-slate-100\/50:has([aria-selected].day-outside) {
3965
- background-color: rgb(241 245 249 / 0.5);
3966
- }
3967
- .dark\:\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-slate-800\/50:has([aria-selected].day-outside):is(.dark *) {
3968
- background-color: rgb(30 41 59 / 0.5);
3969
- }
3970
- .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
3971
- border-top-right-radius: calc(var(--radius) - 2px);
3972
- border-bottom-right-radius: calc(var(--radius) - 2px);
3973
- }
3974
- .\[\&\:has\(\[aria-selected\]\.day-range-start\)\]\:rounded-l-md:has([aria-selected].day-range-start) {
3975
- border-top-left-radius: calc(var(--radius) - 2px);
3976
- border-bottom-left-radius: calc(var(--radius) - 2px);
3977
- }
3978
- .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
3979
- padding-right: 0px;
3980
- }
3981
- .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role=checkbox] {
3982
- --tw-translate-y: 2px;
3983
- 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));
3984
- }
3985
- .\[\&\>button\]\:hidden > button {
3986
- display: none;
3987
- }
3988
- .\[\&\>span\:last-child\]\:truncate > span:last-child {
3989
- overflow: hidden;
3990
- text-overflow: ellipsis;
3991
- white-space: nowrap;
3992
- }
3993
- .\[\&\>span\]\:line-clamp-1 > span {
3994
- overflow: hidden;
3995
- display: -webkit-box;
3996
- -webkit-box-orient: vertical;
3997
- -webkit-line-clamp: 1;
3998
- }
3999
- .\[\&\>svg\]\:pointer-events-none > svg {
4000
- pointer-events: none;
4001
- }
4002
- .\[\&\>svg\]\:size-3 > svg {
4003
- width: 0.75rem;
4004
- height: 0.75rem;
4005
- }
4006
- .\[\&\>svg\]\:size-3\.5 > svg {
4007
- width: 0.875rem;
4008
- height: 0.875rem;
4009
- }
4010
- .\[\&\>svg\]\:size-4 > svg {
4011
- width: 1rem;
4012
- height: 1rem;
4013
- }
4014
- .\[\&\>svg\]\:shrink-0 > svg {
4015
- flex-shrink: 0;
4016
- }
4017
- .\[\&\>tr\]\:last\:border-b-0:last-child > tr {
4018
- border-bottom-width: 0px;
4019
- }
4020
- .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
4021
- padding-left: 0.5rem;
4022
- padding-right: 0.5rem;
4023
- }
4024
- .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
4025
- padding-top: 0.375rem;
4026
- padding-bottom: 0.375rem;
4027
- }
4028
- .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
4029
- font-size: 0.75rem;
4030
- line-height: 1rem;
4031
- }
4032
- .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
4033
- font-weight: 500;
4034
- }
4035
- .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
4036
- color: hsl(var(--muted-foreground));
4037
- }
4038
- .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
4039
- padding-top: 0px;
4040
- }
4041
- .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
4042
- padding-left: 0.5rem;
4043
- padding-right: 0.5rem;
4044
- }
4045
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
4046
- height: 1.25rem;
4047
- }
4048
- .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
4049
- width: 1.25rem;
4050
- }
4051
- .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
4052
- height: 3rem;
4053
- }
4054
- .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
4055
- padding-left: 0.5rem;
4056
- padding-right: 0.5rem;
4057
- }
4058
- .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
4059
- padding-top: 0.75rem;
4060
- padding-bottom: 0.75rem;
4061
- }
4062
- .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
4063
- height: 1.25rem;
4064
- }
4065
- .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
4066
- width: 1.25rem;
4067
- }
4068
- .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
4069
- width: 1rem;
4070
- height: 1rem;
4071
- }
4072
- .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]) {
4073
- color: hsl(var(--muted-foreground));
4074
- }
4075
- .\[\&_svg\]\:pointer-events-none svg {
4076
- pointer-events: none;
4077
- }
4078
- .\[\&_svg\]\:size-4 svg {
4079
- width: 1rem;
4080
- height: 1rem;
4081
- }
4082
- .\[\&_svg\]\:shrink-0 svg {
4083
- flex-shrink: 0;
4084
- }
4085
- .\[\&_tr\:last-child\]\:border-0 tr:last-child {
4086
- border-width: 0px;
4087
- }
4088
- .\[\&_tr\]\:border-b tr {
4089
- border-bottom-width: 1px;
4090
- }
4091
- [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
4092
- right: -0.5rem;
4093
- }
4094
- [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
4095
- cursor: e-resize;
4096
- }
4097
- [data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
4098
- cursor: w-resize;
4099
- }
4100
- [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
4101
- left: -0.5rem;
4102
- }
4103
- [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
4104
- cursor: w-resize;
4105
- }
4106
- [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
4107
- cursor: e-resize;
4108
- }
4109
- a.\[a\&\]\:hover\:bg-accent:hover {
4110
- background-color: hsl(var(--accent));
4111
- }
4112
- a.\[a\&\]\:hover\:bg-destructive\/90:hover {
4113
- background-color: hsl(var(--destructive) / 0.9);
4114
- }
4115
- a.\[a\&\]\:hover\:bg-primary\/90:hover {
4116
- background-color: hsl(var(--primary) / 0.9);
4117
- }
4118
- a.\[a\&\]\:hover\:bg-secondary\/90:hover {
4119
- background-color: hsl(var(--secondary) / 0.9);
4120
- }
4121
- a.\[a\&\]\:hover\:text-accent-foreground:hover {
4122
- color: hsl(var(--accent-foreground));
4123
- }