@moontra/moonui 2.0.3 → 2.0.4

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