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