@moontra/moonui 2.0.4 → 2.0.6

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 CHANGED
@@ -1,4586 +1,4 @@
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 */
1
+ /* MoonUI - Complete CSS System */
2
+ @import "./tailwind.css";
3
+ @import "./tokens.css";
4
+ @import "./design-system.css";