@manago/admin 0.1.0 → 0.1.1

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.
@@ -1,3937 +0,0 @@
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 */