@segmentify/ui 0.0.10 → 0.0.11

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