@tenerife.music/ui 1.0.13 → 1.0.16

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