@wrongstack/webui 0.119.1 → 0.148.0

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