ingeniuscliq-core 0.2.12 → 0.2.14

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