@segmentify/ui 0.0.11 → 0.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/output.css DELETED
@@ -1,4477 +0,0 @@
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
- }