@manago/admin 0.1.0

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