@nim-ui/components 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2953 @@
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
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
+ "Courier New", monospace;
10
+ --color-red-100: oklch(93.6% 0.032 17.717);
11
+ --color-red-300: oklch(80.8% 0.114 19.571);
12
+ --color-red-400: oklch(70.4% 0.191 22.216);
13
+ --color-red-500: oklch(63.7% 0.237 25.331);
14
+ --color-red-600: oklch(57.7% 0.245 27.325);
15
+ --color-red-700: oklch(50.5% 0.213 27.518);
16
+ --color-red-900: oklch(39.6% 0.141 25.723);
17
+ --color-yellow-50: oklch(98.7% 0.026 102.212);
18
+ --color-yellow-500: oklch(79.5% 0.184 86.047);
19
+ --color-green-100: oklch(96.2% 0.044 156.743);
20
+ --color-green-400: oklch(79.2% 0.209 151.711);
21
+ --color-green-500: oklch(72.3% 0.219 149.579);
22
+ --color-green-600: oklch(62.7% 0.194 149.214);
23
+ --color-green-900: oklch(39.3% 0.095 152.535);
24
+ --color-blue-50: oklch(97% 0.014 254.604);
25
+ --color-gray-50: oklch(98.5% 0.002 247.839);
26
+ --color-gray-100: oklch(96.7% 0.003 264.542);
27
+ --color-gray-200: oklch(92.8% 0.006 264.531);
28
+ --color-neutral-50: oklch(0.985 0.000 0);
29
+ --color-neutral-100: oklch(0.970 0.000 0);
30
+ --color-neutral-200: oklch(0.922 0.000 0);
31
+ --color-neutral-300: oklch(0.869 0.000 0);
32
+ --color-neutral-400: oklch(0.708 0.000 0);
33
+ --color-neutral-500: oklch(0.551 0.000 0);
34
+ --color-neutral-600: oklch(0.432 0.000 0);
35
+ --color-neutral-700: oklch(0.371 0.000 0);
36
+ --color-neutral-800: oklch(0.278 0.000 0);
37
+ --color-neutral-900: oklch(0.214 0.000 0);
38
+ --color-black: #000;
39
+ --color-white: #fff;
40
+ --spacing: 0.25rem;
41
+ --breakpoint-sm: 40rem;
42
+ --breakpoint-md: 48rem;
43
+ --breakpoint-lg: 64rem;
44
+ --breakpoint-xl: 80rem;
45
+ --breakpoint-2xl: 96rem;
46
+ --container-sm: 24rem;
47
+ --container-md: 28rem;
48
+ --container-lg: 32rem;
49
+ --container-2xl: 42rem;
50
+ --container-4xl: 56rem;
51
+ --text-xs: 0.75rem;
52
+ --text-xs--line-height: calc(1 / 0.75);
53
+ --text-sm: 0.875rem;
54
+ --text-sm--line-height: calc(1.25 / 0.875);
55
+ --text-base: 1rem;
56
+ --text-base--line-height: calc(1.5 / 1);
57
+ --text-lg: 1.125rem;
58
+ --text-lg--line-height: calc(1.75 / 1.125);
59
+ --text-xl: 1.25rem;
60
+ --text-xl--line-height: calc(1.75 / 1.25);
61
+ --text-2xl: 1.5rem;
62
+ --text-2xl--line-height: calc(2 / 1.5);
63
+ --text-3xl: 1.875rem;
64
+ --text-3xl--line-height: calc(2.25 / 1.875);
65
+ --text-4xl: 2.25rem;
66
+ --text-4xl--line-height: calc(2.5 / 2.25);
67
+ --text-5xl: 3rem;
68
+ --text-5xl--line-height: 1;
69
+ --text-6xl: 3.75rem;
70
+ --text-6xl--line-height: 1;
71
+ --font-weight-medium: 500;
72
+ --font-weight-semibold: 600;
73
+ --font-weight-bold: 700;
74
+ --tracking-tight: -0.025em;
75
+ --tracking-wide: 0.025em;
76
+ --leading-relaxed: 1.625;
77
+ --radius-sm: 0.25rem;
78
+ --radius-md: 0.375rem;
79
+ --radius-lg: 0.5rem;
80
+ --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
81
+ --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
82
+ --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
83
+ --animate-spin: spin 1s linear infinite;
84
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
85
+ --blur-sm: 8px;
86
+ --default-transition-duration: 150ms;
87
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
88
+ --default-font-family: var(--font-sans);
89
+ --default-mono-font-family: var(--font-mono);
90
+ --color-primary-50: oklch(0.976 0.014 236.6);
91
+ --color-primary-100: oklch(0.950 0.026 236.8);
92
+ --color-primary-400: oklch(0.746 0.160 232.7);
93
+ --color-primary-500: oklch(0.685 0.169 237.3);
94
+ --color-primary-600: oklch(0.588 0.158 241.0);
95
+ --color-primary-700: oklch(0.500 0.134 242.7);
96
+ --color-primary-800: oklch(0.433 0.109 240.1);
97
+ --color-primary-900: oklch(0.380 0.090 237.6);
98
+ --color-success-50: oklch(0.982 0.018 155.8);
99
+ --color-success-200: oklch(0.925 0.084 155.0);
100
+ --color-success-400: oklch(0.792 0.177 152.0);
101
+ --color-success-500: oklch(0.723 0.191 149.6);
102
+ --color-success-600: oklch(0.627 0.174 149.2);
103
+ --color-success-700: oklch(0.527 0.154 150.1);
104
+ --color-success-800: oklch(0.448 0.119 151.3);
105
+ --color-success-950: oklch(0.266 0.065 152.9);
106
+ --color-error-50: oklch(0.971 0.013 17.4);
107
+ --color-error-200: oklch(0.896 0.076 19.9);
108
+ --color-error-400: oklch(0.740 0.213 23.6);
109
+ --color-error-500: oklch(0.637 0.237 25.3);
110
+ --color-error-600: oklch(0.567 0.225 26.2);
111
+ --color-error-700: oklch(0.505 0.213 27.3);
112
+ --color-error-800: oklch(0.444 0.177 26.9);
113
+ --color-error-950: oklch(0.258 0.092 26.0);
114
+ --color-warning-50: oklch(0.987 0.022 95.3);
115
+ --color-warning-200: oklch(0.940 0.112 93.6);
116
+ --color-warning-400: oklch(0.852 0.199 75.8);
117
+ --color-warning-500: oklch(0.769 0.188 70.1);
118
+ --color-warning-600: oklch(0.666 0.179 58.3);
119
+ --color-warning-700: oklch(0.555 0.163 58.7);
120
+ --color-warning-800: oklch(0.473 0.137 60.2);
121
+ --color-warning-950: oklch(0.279 0.077 60.8);
122
+ --color-info-50: oklch(0.970 0.014 254.6);
123
+ --color-info-200: oklch(0.894 0.068 254.1);
124
+ --color-info-400: oklch(0.735 0.166 254.6);
125
+ --color-info-500: oklch(0.623 0.214 259.1);
126
+ --color-info-600: oklch(0.546 0.215 262.9);
127
+ --color-info-700: oklch(0.488 0.196 264.4);
128
+ --color-info-800: oklch(0.424 0.160 265.6);
129
+ --color-info-950: oklch(0.282 0.091 267.9);
130
+ --duration-normal: 200ms;
131
+ --duration-slow: 300ms;
132
+ --animate-fade-in: fade-in var(--duration-normal) var(--ease-out);
133
+ --animate-fade-out: fade-out var(--duration-normal) var(--ease-in);
134
+ --animate-scale-in: scale-in var(--duration-normal) var(--ease-out);
135
+ --animate-scale-out: scale-out var(--duration-normal) var(--ease-in);
136
+ --animate-slide-in-from-left: slide-in-from-left var(--duration-slow) var(--ease-out);
137
+ --animate-slide-in-from-right: slide-in-from-right var(--duration-slow) var(--ease-out);
138
+ --animate-slide-out-to-left: slide-out-to-left var(--duration-slow) var(--ease-in);
139
+ --animate-slide-out-to-right: slide-out-to-right var(--duration-slow) var(--ease-in);
140
+ --animate-accordion-down: accordion-down var(--duration-normal) var(--ease-out);
141
+ --animate-accordion-up: accordion-up var(--duration-normal) var(--ease-in);
142
+ }
143
+ }
144
+ @layer base {
145
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
146
+ box-sizing: border-box;
147
+ margin: 0;
148
+ padding: 0;
149
+ border: 0 solid;
150
+ }
151
+ html, :host {
152
+ line-height: 1.5;
153
+ -webkit-text-size-adjust: 100%;
154
+ -moz-tab-size: 4;
155
+ -o-tab-size: 4;
156
+ tab-size: 4;
157
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
158
+ font-feature-settings: var(--default-font-feature-settings, normal);
159
+ font-variation-settings: var(--default-font-variation-settings, normal);
160
+ -webkit-tap-highlight-color: transparent;
161
+ }
162
+ hr {
163
+ height: 0;
164
+ color: inherit;
165
+ border-top-width: 1px;
166
+ }
167
+ abbr:where([title]) {
168
+ -webkit-text-decoration: underline dotted;
169
+ text-decoration: underline dotted;
170
+ }
171
+ h1, h2, h3, h4, h5, h6 {
172
+ font-size: inherit;
173
+ font-weight: inherit;
174
+ }
175
+ a {
176
+ color: inherit;
177
+ -webkit-text-decoration: inherit;
178
+ text-decoration: inherit;
179
+ }
180
+ b, strong {
181
+ font-weight: bolder;
182
+ }
183
+ code, kbd, samp, pre {
184
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
185
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
186
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
187
+ font-size: 1em;
188
+ }
189
+ small {
190
+ font-size: 80%;
191
+ }
192
+ sub, sup {
193
+ font-size: 75%;
194
+ line-height: 0;
195
+ position: relative;
196
+ vertical-align: baseline;
197
+ }
198
+ sub {
199
+ bottom: -0.25em;
200
+ }
201
+ sup {
202
+ top: -0.5em;
203
+ }
204
+ table {
205
+ text-indent: 0;
206
+ border-color: inherit;
207
+ border-collapse: collapse;
208
+ }
209
+ :-moz-focusring {
210
+ outline: auto;
211
+ }
212
+ progress {
213
+ vertical-align: baseline;
214
+ }
215
+ summary {
216
+ display: list-item;
217
+ }
218
+ ol, ul, menu {
219
+ list-style: none;
220
+ }
221
+ img, svg, video, canvas, audio, iframe, embed, object {
222
+ display: block;
223
+ vertical-align: middle;
224
+ }
225
+ img, video {
226
+ max-width: 100%;
227
+ height: auto;
228
+ }
229
+ button, input, select, optgroup, textarea, ::file-selector-button {
230
+ font: inherit;
231
+ font-feature-settings: inherit;
232
+ font-variation-settings: inherit;
233
+ letter-spacing: inherit;
234
+ color: inherit;
235
+ border-radius: 0;
236
+ background-color: transparent;
237
+ opacity: 1;
238
+ }
239
+ :where(select:is([multiple], [size])) optgroup {
240
+ font-weight: bolder;
241
+ }
242
+ :where(select:is([multiple], [size])) optgroup option {
243
+ padding-inline-start: 20px;
244
+ }
245
+ ::file-selector-button {
246
+ margin-inline-end: 4px;
247
+ }
248
+ ::-moz-placeholder {
249
+ opacity: 1;
250
+ }
251
+ ::placeholder {
252
+ opacity: 1;
253
+ }
254
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
255
+ ::-moz-placeholder {
256
+ color: currentcolor;
257
+ @supports (color: color-mix(in lab, red, red)) {
258
+ color: color-mix(in oklab, currentcolor 50%, transparent);
259
+ }
260
+ }
261
+ ::placeholder {
262
+ color: currentcolor;
263
+ @supports (color: color-mix(in lab, red, red)) {
264
+ color: color-mix(in oklab, currentcolor 50%, transparent);
265
+ }
266
+ }
267
+ }
268
+ textarea {
269
+ resize: vertical;
270
+ }
271
+ ::-webkit-search-decoration {
272
+ -webkit-appearance: none;
273
+ }
274
+ ::-webkit-date-and-time-value {
275
+ min-height: 1lh;
276
+ text-align: inherit;
277
+ }
278
+ ::-webkit-datetime-edit {
279
+ display: inline-flex;
280
+ }
281
+ ::-webkit-datetime-edit-fields-wrapper {
282
+ padding: 0;
283
+ }
284
+ ::-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 {
285
+ padding-block: 0;
286
+ }
287
+ ::-webkit-calendar-picker-indicator {
288
+ line-height: 1;
289
+ }
290
+ :-moz-ui-invalid {
291
+ box-shadow: none;
292
+ }
293
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
294
+ -webkit-appearance: button;
295
+ -moz-appearance: button;
296
+ appearance: button;
297
+ }
298
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
299
+ height: auto;
300
+ }
301
+ [hidden]:where(:not([hidden="until-found"])) {
302
+ display: none !important;
303
+ }
304
+ }
305
+ @layer utilities {
306
+ .pointer-events-auto {
307
+ pointer-events: auto;
308
+ }
309
+ .pointer-events-none {
310
+ pointer-events: none;
311
+ }
312
+ .collapse {
313
+ visibility: collapse;
314
+ }
315
+ .visible {
316
+ visibility: visible;
317
+ }
318
+ .sr-only {
319
+ position: absolute;
320
+ width: 1px;
321
+ height: 1px;
322
+ padding: 0;
323
+ margin: -1px;
324
+ overflow: hidden;
325
+ clip-path: inset(50%);
326
+ white-space: nowrap;
327
+ border-width: 0;
328
+ }
329
+ .absolute {
330
+ position: absolute;
331
+ }
332
+ .fixed {
333
+ position: fixed;
334
+ }
335
+ .relative {
336
+ position: relative;
337
+ }
338
+ .inset-0 {
339
+ inset: calc(var(--spacing) * 0);
340
+ }
341
+ .inset-y-0 {
342
+ inset-block: calc(var(--spacing) * 0);
343
+ }
344
+ .top-0 {
345
+ top: calc(var(--spacing) * 0);
346
+ }
347
+ .top-1\/2 {
348
+ top: calc(1/2 * 100%);
349
+ }
350
+ .top-2 {
351
+ top: calc(var(--spacing) * 2);
352
+ }
353
+ .top-\[50\%\] {
354
+ top: 50%;
355
+ }
356
+ .right-0 {
357
+ right: calc(var(--spacing) * 0);
358
+ }
359
+ .right-2 {
360
+ right: calc(var(--spacing) * 2);
361
+ }
362
+ .bottom-0 {
363
+ bottom: calc(var(--spacing) * 0);
364
+ }
365
+ .left-0 {
366
+ left: calc(var(--spacing) * 0);
367
+ }
368
+ .left-1\/2 {
369
+ left: calc(1/2 * 100%);
370
+ }
371
+ .left-2 {
372
+ left: calc(var(--spacing) * 2);
373
+ }
374
+ .left-\[50\%\] {
375
+ left: 50%;
376
+ }
377
+ .z-50 {
378
+ z-index: 50;
379
+ }
380
+ .z-\[100\] {
381
+ z-index: 100;
382
+ }
383
+ .container {
384
+ width: 100%;
385
+ @media (width >= 40rem) {
386
+ max-width: 40rem;
387
+ }
388
+ @media (width >= 48rem) {
389
+ max-width: 48rem;
390
+ }
391
+ @media (width >= 64rem) {
392
+ max-width: 64rem;
393
+ }
394
+ @media (width >= 80rem) {
395
+ max-width: 80rem;
396
+ }
397
+ @media (width >= 96rem) {
398
+ max-width: 96rem;
399
+ }
400
+ }
401
+ .-mx-1 {
402
+ margin-inline: calc(var(--spacing) * -1);
403
+ }
404
+ .mx-auto {
405
+ margin-inline: auto;
406
+ }
407
+ .my-1 {
408
+ margin-block: calc(var(--spacing) * 1);
409
+ }
410
+ .my-4 {
411
+ margin-block: calc(var(--spacing) * 4);
412
+ }
413
+ .mt-2 {
414
+ margin-top: calc(var(--spacing) * 2);
415
+ }
416
+ .mt-4 {
417
+ margin-top: calc(var(--spacing) * 4);
418
+ }
419
+ .mr-2 {
420
+ margin-right: calc(var(--spacing) * 2);
421
+ }
422
+ .mb-1 {
423
+ margin-bottom: calc(var(--spacing) * 1);
424
+ }
425
+ .mb-4 {
426
+ margin-bottom: calc(var(--spacing) * 4);
427
+ }
428
+ .-ml-1 {
429
+ margin-left: calc(var(--spacing) * -1);
430
+ }
431
+ .ml-1 {
432
+ margin-left: calc(var(--spacing) * 1);
433
+ }
434
+ .ml-2 {
435
+ margin-left: calc(var(--spacing) * 2);
436
+ }
437
+ .ml-auto {
438
+ margin-left: auto;
439
+ }
440
+ .line-clamp-1 {
441
+ overflow: hidden;
442
+ display: -webkit-box;
443
+ -webkit-box-orient: vertical;
444
+ -webkit-line-clamp: 1;
445
+ }
446
+ .line-clamp-2 {
447
+ overflow: hidden;
448
+ display: -webkit-box;
449
+ -webkit-box-orient: vertical;
450
+ -webkit-line-clamp: 2;
451
+ }
452
+ .block {
453
+ display: block;
454
+ }
455
+ .flex {
456
+ display: flex;
457
+ }
458
+ .grid {
459
+ display: grid;
460
+ }
461
+ .hidden {
462
+ display: none;
463
+ }
464
+ .inline {
465
+ display: inline;
466
+ }
467
+ .inline-flex {
468
+ display: inline-flex;
469
+ }
470
+ .table {
471
+ display: table;
472
+ }
473
+ .aspect-square {
474
+ aspect-ratio: 1 / 1;
475
+ }
476
+ .h-1 {
477
+ height: calc(var(--spacing) * 1);
478
+ }
479
+ .h-1\.5 {
480
+ height: calc(var(--spacing) * 1.5);
481
+ }
482
+ .h-2 {
483
+ height: calc(var(--spacing) * 2);
484
+ }
485
+ .h-2\.5 {
486
+ height: calc(var(--spacing) * 2.5);
487
+ }
488
+ .h-3\.5 {
489
+ height: calc(var(--spacing) * 3.5);
490
+ }
491
+ .h-4 {
492
+ height: calc(var(--spacing) * 4);
493
+ }
494
+ .h-5 {
495
+ height: calc(var(--spacing) * 5);
496
+ }
497
+ .h-6 {
498
+ height: calc(var(--spacing) * 6);
499
+ }
500
+ .h-7 {
501
+ height: calc(var(--spacing) * 7);
502
+ }
503
+ .h-8 {
504
+ height: calc(var(--spacing) * 8);
505
+ }
506
+ .h-10 {
507
+ height: calc(var(--spacing) * 10);
508
+ }
509
+ .h-12 {
510
+ height: calc(var(--spacing) * 12);
511
+ }
512
+ .h-14 {
513
+ height: calc(var(--spacing) * 14);
514
+ }
515
+ .h-16 {
516
+ height: calc(var(--spacing) * 16);
517
+ }
518
+ .h-20 {
519
+ height: calc(var(--spacing) * 20);
520
+ }
521
+ .h-40 {
522
+ height: calc(var(--spacing) * 40);
523
+ }
524
+ .h-full {
525
+ height: 100%;
526
+ }
527
+ .h-px {
528
+ height: 1px;
529
+ }
530
+ .max-h-96 {
531
+ max-height: calc(var(--spacing) * 96);
532
+ }
533
+ .max-h-screen {
534
+ max-height: 100vh;
535
+ }
536
+ .min-h-screen {
537
+ min-height: 100vh;
538
+ }
539
+ .w-1 {
540
+ width: calc(var(--spacing) * 1);
541
+ }
542
+ .w-1\/2 {
543
+ width: calc(1/2 * 100%);
544
+ }
545
+ .w-2 {
546
+ width: calc(var(--spacing) * 2);
547
+ }
548
+ .w-2\.5 {
549
+ width: calc(var(--spacing) * 2.5);
550
+ }
551
+ .w-3\.5 {
552
+ width: calc(var(--spacing) * 3.5);
553
+ }
554
+ .w-3\/4 {
555
+ width: calc(3/4 * 100%);
556
+ }
557
+ .w-4 {
558
+ width: calc(var(--spacing) * 4);
559
+ }
560
+ .w-5 {
561
+ width: calc(var(--spacing) * 5);
562
+ }
563
+ .w-6 {
564
+ width: calc(var(--spacing) * 6);
565
+ }
566
+ .w-8 {
567
+ width: calc(var(--spacing) * 8);
568
+ }
569
+ .w-9 {
570
+ width: calc(var(--spacing) * 9);
571
+ }
572
+ .w-10 {
573
+ width: calc(var(--spacing) * 10);
574
+ }
575
+ .w-11 {
576
+ width: calc(var(--spacing) * 11);
577
+ }
578
+ .w-12 {
579
+ width: calc(var(--spacing) * 12);
580
+ }
581
+ .w-16 {
582
+ width: calc(var(--spacing) * 16);
583
+ }
584
+ .w-20 {
585
+ width: calc(var(--spacing) * 20);
586
+ }
587
+ .w-32 {
588
+ width: calc(var(--spacing) * 32);
589
+ }
590
+ .w-48 {
591
+ width: calc(var(--spacing) * 48);
592
+ }
593
+ .w-72 {
594
+ width: calc(var(--spacing) * 72);
595
+ }
596
+ .w-\[3\.25rem\] {
597
+ width: 3.25rem;
598
+ }
599
+ .w-full {
600
+ width: 100%;
601
+ }
602
+ .w-px {
603
+ width: 1px;
604
+ }
605
+ .max-w-2xl {
606
+ max-width: var(--container-2xl);
607
+ }
608
+ .max-w-4xl {
609
+ max-width: var(--container-4xl);
610
+ }
611
+ .max-w-\[calc\(100vw-2rem\)\] {
612
+ max-width: calc(100vw - 2rem);
613
+ }
614
+ .max-w-full {
615
+ max-width: 100%;
616
+ }
617
+ .max-w-lg {
618
+ max-width: var(--container-lg);
619
+ }
620
+ .max-w-md {
621
+ max-width: var(--container-md);
622
+ }
623
+ .max-w-screen-2xl {
624
+ max-width: var(--breakpoint-2xl);
625
+ }
626
+ .max-w-screen-lg {
627
+ max-width: var(--breakpoint-lg);
628
+ }
629
+ .max-w-screen-md {
630
+ max-width: var(--breakpoint-md);
631
+ }
632
+ .max-w-screen-sm {
633
+ max-width: var(--breakpoint-sm);
634
+ }
635
+ .max-w-screen-xl {
636
+ max-width: var(--breakpoint-xl);
637
+ }
638
+ .max-w-sm {
639
+ max-width: var(--container-sm);
640
+ }
641
+ .min-w-\[8rem\] {
642
+ min-width: 8rem;
643
+ }
644
+ .flex-1 {
645
+ flex: 1;
646
+ }
647
+ .flex-shrink-0 {
648
+ flex-shrink: 0;
649
+ }
650
+ .shrink-0 {
651
+ flex-shrink: 0;
652
+ }
653
+ .caption-bottom {
654
+ caption-side: bottom;
655
+ }
656
+ .border-collapse {
657
+ border-collapse: collapse;
658
+ }
659
+ .-translate-x-1\/2 {
660
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
661
+ translate: var(--tw-translate-x) var(--tw-translate-y);
662
+ }
663
+ .translate-x-\[-50\%\] {
664
+ --tw-translate-x: -50%;
665
+ translate: var(--tw-translate-x) var(--tw-translate-y);
666
+ }
667
+ .-translate-y-1\/2 {
668
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
669
+ translate: var(--tw-translate-x) var(--tw-translate-y);
670
+ }
671
+ .translate-y-\[-50\%\] {
672
+ --tw-translate-y: -50%;
673
+ translate: var(--tw-translate-x) var(--tw-translate-y);
674
+ }
675
+ .transform {
676
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
677
+ }
678
+ .animate-fade-in {
679
+ animation: var(--animate-fade-in);
680
+ }
681
+ .animate-fade-out {
682
+ animation: var(--animate-fade-out);
683
+ }
684
+ .animate-pulse {
685
+ animation: var(--animate-pulse);
686
+ }
687
+ .animate-scale-in {
688
+ animation: var(--animate-scale-in);
689
+ }
690
+ .animate-spin {
691
+ animation: var(--animate-spin);
692
+ }
693
+ .cursor-pointer {
694
+ cursor: pointer;
695
+ }
696
+ .\!resize {
697
+ resize: both !important;
698
+ }
699
+ .resize {
700
+ resize: both;
701
+ }
702
+ .resize-none {
703
+ resize: none;
704
+ }
705
+ .grid-cols-1 {
706
+ grid-template-columns: repeat(1, minmax(0, 1fr));
707
+ }
708
+ .grid-cols-3 {
709
+ grid-template-columns: repeat(3, minmax(0, 1fr));
710
+ }
711
+ .flex-col {
712
+ flex-direction: column;
713
+ }
714
+ .flex-col-reverse {
715
+ flex-direction: column-reverse;
716
+ }
717
+ .flex-row {
718
+ flex-direction: row;
719
+ }
720
+ .flex-row-reverse {
721
+ flex-direction: row-reverse;
722
+ }
723
+ .flex-nowrap {
724
+ flex-wrap: nowrap;
725
+ }
726
+ .flex-wrap {
727
+ flex-wrap: wrap;
728
+ }
729
+ .items-baseline {
730
+ align-items: baseline;
731
+ }
732
+ .items-center {
733
+ align-items: center;
734
+ }
735
+ .items-end {
736
+ align-items: flex-end;
737
+ }
738
+ .items-start {
739
+ align-items: flex-start;
740
+ }
741
+ .items-stretch {
742
+ align-items: stretch;
743
+ }
744
+ .justify-around {
745
+ justify-content: space-around;
746
+ }
747
+ .justify-between {
748
+ justify-content: space-between;
749
+ }
750
+ .justify-center {
751
+ justify-content: center;
752
+ }
753
+ .justify-end {
754
+ justify-content: flex-end;
755
+ }
756
+ .justify-evenly {
757
+ justify-content: space-evenly;
758
+ }
759
+ .justify-start {
760
+ justify-content: flex-start;
761
+ }
762
+ .gap-0 {
763
+ gap: calc(var(--spacing) * 0);
764
+ }
765
+ .gap-1 {
766
+ gap: calc(var(--spacing) * 1);
767
+ }
768
+ .gap-1\.5 {
769
+ gap: calc(var(--spacing) * 1.5);
770
+ }
771
+ .gap-2 {
772
+ gap: calc(var(--spacing) * 2);
773
+ }
774
+ .gap-3 {
775
+ gap: calc(var(--spacing) * 3);
776
+ }
777
+ .gap-4 {
778
+ gap: calc(var(--spacing) * 4);
779
+ }
780
+ .gap-6 {
781
+ gap: calc(var(--spacing) * 6);
782
+ }
783
+ .gap-8 {
784
+ gap: calc(var(--spacing) * 8);
785
+ }
786
+ .space-y-1 {
787
+ :where(& > :not(:last-child)) {
788
+ --tw-space-y-reverse: 0;
789
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
790
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
791
+ }
792
+ }
793
+ .space-y-1\.5 {
794
+ :where(& > :not(:last-child)) {
795
+ --tw-space-y-reverse: 0;
796
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
797
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
798
+ }
799
+ }
800
+ .space-y-2 {
801
+ :where(& > :not(:last-child)) {
802
+ --tw-space-y-reverse: 0;
803
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
804
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
805
+ }
806
+ }
807
+ .space-y-3 {
808
+ :where(& > :not(:last-child)) {
809
+ --tw-space-y-reverse: 0;
810
+ margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
811
+ margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
812
+ }
813
+ }
814
+ .space-y-4 {
815
+ :where(& > :not(:last-child)) {
816
+ --tw-space-y-reverse: 0;
817
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
818
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
819
+ }
820
+ }
821
+ .space-y-6 {
822
+ :where(& > :not(:last-child)) {
823
+ --tw-space-y-reverse: 0;
824
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
825
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
826
+ }
827
+ }
828
+ .space-x-2 {
829
+ :where(& > :not(:last-child)) {
830
+ --tw-space-x-reverse: 0;
831
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
832
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
833
+ }
834
+ }
835
+ .space-x-4 {
836
+ :where(& > :not(:last-child)) {
837
+ --tw-space-x-reverse: 0;
838
+ margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
839
+ margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
840
+ }
841
+ }
842
+ .overflow-auto {
843
+ overflow: auto;
844
+ }
845
+ .overflow-hidden {
846
+ overflow: hidden;
847
+ }
848
+ .rounded {
849
+ border-radius: 0.25rem;
850
+ }
851
+ .rounded-full {
852
+ border-radius: calc(infinity * 1px);
853
+ }
854
+ .rounded-lg {
855
+ border-radius: var(--radius-lg);
856
+ }
857
+ .rounded-md {
858
+ border-radius: var(--radius-md);
859
+ }
860
+ .rounded-sm {
861
+ border-radius: var(--radius-sm);
862
+ }
863
+ .border {
864
+ border-style: var(--tw-border-style);
865
+ border-width: 1px;
866
+ }
867
+ .border-2 {
868
+ border-style: var(--tw-border-style);
869
+ border-width: 2px;
870
+ }
871
+ .border-x {
872
+ border-inline-style: var(--tw-border-style);
873
+ border-inline-width: 1px;
874
+ }
875
+ .border-t {
876
+ border-top-style: var(--tw-border-style);
877
+ border-top-width: 1px;
878
+ }
879
+ .border-t-4 {
880
+ border-top-style: var(--tw-border-style);
881
+ border-top-width: 4px;
882
+ }
883
+ .border-r {
884
+ border-right-style: var(--tw-border-style);
885
+ border-right-width: 1px;
886
+ }
887
+ .border-b {
888
+ border-bottom-style: var(--tw-border-style);
889
+ border-bottom-width: 1px;
890
+ }
891
+ .border-l {
892
+ border-left-style: var(--tw-border-style);
893
+ border-left-width: 1px;
894
+ }
895
+ .border-error-200 {
896
+ border-color: var(--color-error-200);
897
+ }
898
+ .border-error-500\/30 {
899
+ border-color: color-mix(in srgb, oklch(0.637 0.237 25.3) 30%, transparent);
900
+ @supports (color: color-mix(in lab, red, red)) {
901
+ border-color: color-mix(in oklab, var(--color-error-500) 30%, transparent);
902
+ }
903
+ }
904
+ .border-green-500 {
905
+ border-color: var(--color-green-500);
906
+ }
907
+ .border-info-200 {
908
+ border-color: var(--color-info-200);
909
+ }
910
+ .border-neutral-200 {
911
+ border-color: var(--color-neutral-200);
912
+ }
913
+ .border-neutral-300 {
914
+ border-color: var(--color-neutral-300);
915
+ }
916
+ .border-primary-500 {
917
+ border-color: var(--color-primary-500);
918
+ }
919
+ .border-primary-500\/30 {
920
+ border-color: color-mix(in srgb, oklch(0.685 0.169 237.3) 30%, transparent);
921
+ @supports (color: color-mix(in lab, red, red)) {
922
+ border-color: color-mix(in oklab, var(--color-primary-500) 30%, transparent);
923
+ }
924
+ }
925
+ .border-red-500 {
926
+ border-color: var(--color-red-500);
927
+ }
928
+ .border-success-200 {
929
+ border-color: var(--color-success-200);
930
+ }
931
+ .border-success-500\/30 {
932
+ border-color: color-mix(in srgb, oklch(0.723 0.191 149.6) 30%, transparent);
933
+ @supports (color: color-mix(in lab, red, red)) {
934
+ border-color: color-mix(in oklab, var(--color-success-500) 30%, transparent);
935
+ }
936
+ }
937
+ .border-transparent {
938
+ border-color: transparent;
939
+ }
940
+ .border-warning-200 {
941
+ border-color: var(--color-warning-200);
942
+ }
943
+ .border-warning-500\/30 {
944
+ border-color: color-mix(in srgb, oklch(0.769 0.188 70.1) 30%, transparent);
945
+ @supports (color: color-mix(in lab, red, red)) {
946
+ border-color: color-mix(in oklab, var(--color-warning-500) 30%, transparent);
947
+ }
948
+ }
949
+ .border-white {
950
+ border-color: var(--color-white);
951
+ }
952
+ .border-t-error-500 {
953
+ border-top-color: var(--color-error-500);
954
+ }
955
+ .bg-black\/50 {
956
+ background-color: color-mix(in srgb, #000 50%, transparent);
957
+ @supports (color: color-mix(in lab, red, red)) {
958
+ background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
959
+ }
960
+ }
961
+ .bg-blue-50 {
962
+ background-color: var(--color-blue-50);
963
+ }
964
+ .bg-current {
965
+ background-color: currentcolor;
966
+ }
967
+ .bg-error-50 {
968
+ background-color: var(--color-error-50);
969
+ }
970
+ .bg-error-600 {
971
+ background-color: var(--color-error-600);
972
+ }
973
+ .bg-gray-50 {
974
+ background-color: var(--color-gray-50);
975
+ }
976
+ .bg-gray-100 {
977
+ background-color: var(--color-gray-100);
978
+ }
979
+ .bg-gray-200 {
980
+ background-color: var(--color-gray-200);
981
+ }
982
+ .bg-info-50 {
983
+ background-color: var(--color-info-50);
984
+ }
985
+ .bg-info-600 {
986
+ background-color: var(--color-info-600);
987
+ }
988
+ .bg-neutral-50 {
989
+ background-color: var(--color-neutral-50);
990
+ }
991
+ .bg-neutral-100 {
992
+ background-color: var(--color-neutral-100);
993
+ }
994
+ .bg-neutral-200 {
995
+ background-color: var(--color-neutral-200);
996
+ }
997
+ .bg-neutral-900 {
998
+ background-color: var(--color-neutral-900);
999
+ }
1000
+ .bg-primary-50 {
1001
+ background-color: var(--color-primary-50);
1002
+ }
1003
+ .bg-primary-100 {
1004
+ background-color: var(--color-primary-100);
1005
+ }
1006
+ .bg-primary-600 {
1007
+ background-color: var(--color-primary-600);
1008
+ }
1009
+ .bg-red-500 {
1010
+ background-color: var(--color-red-500);
1011
+ }
1012
+ .bg-red-600 {
1013
+ background-color: var(--color-red-600);
1014
+ }
1015
+ .bg-success-50 {
1016
+ background-color: var(--color-success-50);
1017
+ }
1018
+ .bg-success-600 {
1019
+ background-color: var(--color-success-600);
1020
+ }
1021
+ .bg-transparent {
1022
+ background-color: transparent;
1023
+ }
1024
+ .bg-warning-50 {
1025
+ background-color: var(--color-warning-50);
1026
+ }
1027
+ .bg-warning-500 {
1028
+ background-color: var(--color-warning-500);
1029
+ }
1030
+ .bg-white {
1031
+ background-color: var(--color-white);
1032
+ }
1033
+ .bg-yellow-50 {
1034
+ background-color: var(--color-yellow-50);
1035
+ }
1036
+ .bg-yellow-500 {
1037
+ background-color: var(--color-yellow-500);
1038
+ }
1039
+ .bg-gradient-to-b {
1040
+ --tw-gradient-position: to bottom in oklab;
1041
+ background-image: linear-gradient(var(--tw-gradient-stops));
1042
+ }
1043
+ .bg-gradient-to-r {
1044
+ --tw-gradient-position: to right in oklab;
1045
+ background-image: linear-gradient(var(--tw-gradient-stops));
1046
+ }
1047
+ .from-neutral-50 {
1048
+ --tw-gradient-from: var(--color-neutral-50);
1049
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1050
+ }
1051
+ .from-primary-600 {
1052
+ --tw-gradient-from: var(--color-primary-600);
1053
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1054
+ }
1055
+ .to-primary-800 {
1056
+ --tw-gradient-to: var(--color-primary-800);
1057
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1058
+ }
1059
+ .to-white {
1060
+ --tw-gradient-to: var(--color-white);
1061
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1062
+ }
1063
+ .fill-current {
1064
+ fill: currentcolor;
1065
+ }
1066
+ .fill-neutral-900 {
1067
+ fill: var(--color-neutral-900);
1068
+ }
1069
+ .fill-white {
1070
+ fill: var(--color-white);
1071
+ }
1072
+ .object-cover {
1073
+ -o-object-fit: cover;
1074
+ object-fit: cover;
1075
+ }
1076
+ .p-1 {
1077
+ padding: calc(var(--spacing) * 1);
1078
+ }
1079
+ .p-2 {
1080
+ padding: calc(var(--spacing) * 2);
1081
+ }
1082
+ .p-4 {
1083
+ padding: calc(var(--spacing) * 4);
1084
+ }
1085
+ .p-6 {
1086
+ padding: calc(var(--spacing) * 6);
1087
+ }
1088
+ .px-2 {
1089
+ padding-inline: calc(var(--spacing) * 2);
1090
+ }
1091
+ .px-2\.5 {
1092
+ padding-inline: calc(var(--spacing) * 2.5);
1093
+ }
1094
+ .px-3 {
1095
+ padding-inline: calc(var(--spacing) * 3);
1096
+ }
1097
+ .px-4 {
1098
+ padding-inline: calc(var(--spacing) * 4);
1099
+ }
1100
+ .px-6 {
1101
+ padding-inline: calc(var(--spacing) * 6);
1102
+ }
1103
+ .px-8 {
1104
+ padding-inline: calc(var(--spacing) * 8);
1105
+ }
1106
+ .py-0\.5 {
1107
+ padding-block: calc(var(--spacing) * 0.5);
1108
+ }
1109
+ .py-1 {
1110
+ padding-block: calc(var(--spacing) * 1);
1111
+ }
1112
+ .py-1\.5 {
1113
+ padding-block: calc(var(--spacing) * 1.5);
1114
+ }
1115
+ .py-2 {
1116
+ padding-block: calc(var(--spacing) * 2);
1117
+ }
1118
+ .py-3 {
1119
+ padding-block: calc(var(--spacing) * 3);
1120
+ }
1121
+ .py-4 {
1122
+ padding-block: calc(var(--spacing) * 4);
1123
+ }
1124
+ .py-12 {
1125
+ padding-block: calc(var(--spacing) * 12);
1126
+ }
1127
+ .py-16 {
1128
+ padding-block: calc(var(--spacing) * 16);
1129
+ }
1130
+ .py-20 {
1131
+ padding-block: calc(var(--spacing) * 20);
1132
+ }
1133
+ .pt-0 {
1134
+ padding-top: calc(var(--spacing) * 0);
1135
+ }
1136
+ .pt-2 {
1137
+ padding-top: calc(var(--spacing) * 2);
1138
+ }
1139
+ .pt-4 {
1140
+ padding-top: calc(var(--spacing) * 4);
1141
+ }
1142
+ .pr-2 {
1143
+ padding-right: calc(var(--spacing) * 2);
1144
+ }
1145
+ .pr-3 {
1146
+ padding-right: calc(var(--spacing) * 3);
1147
+ }
1148
+ .pr-8 {
1149
+ padding-right: calc(var(--spacing) * 8);
1150
+ }
1151
+ .pr-10 {
1152
+ padding-right: calc(var(--spacing) * 10);
1153
+ }
1154
+ .pb-4 {
1155
+ padding-bottom: calc(var(--spacing) * 4);
1156
+ }
1157
+ .pl-3 {
1158
+ padding-left: calc(var(--spacing) * 3);
1159
+ }
1160
+ .pl-8 {
1161
+ padding-left: calc(var(--spacing) * 8);
1162
+ }
1163
+ .pl-10 {
1164
+ padding-left: calc(var(--spacing) * 10);
1165
+ }
1166
+ .text-center {
1167
+ text-align: center;
1168
+ }
1169
+ .text-left {
1170
+ text-align: left;
1171
+ }
1172
+ .align-middle {
1173
+ vertical-align: middle;
1174
+ }
1175
+ .text-2xl {
1176
+ font-size: var(--text-2xl);
1177
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
1178
+ }
1179
+ .text-3xl {
1180
+ font-size: var(--text-3xl);
1181
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
1182
+ }
1183
+ .text-4xl {
1184
+ font-size: var(--text-4xl);
1185
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
1186
+ }
1187
+ .text-base {
1188
+ font-size: var(--text-base);
1189
+ line-height: var(--tw-leading, var(--text-base--line-height));
1190
+ }
1191
+ .text-lg {
1192
+ font-size: var(--text-lg);
1193
+ line-height: var(--tw-leading, var(--text-lg--line-height));
1194
+ }
1195
+ .text-sm {
1196
+ font-size: var(--text-sm);
1197
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1198
+ }
1199
+ .text-xl {
1200
+ font-size: var(--text-xl);
1201
+ line-height: var(--tw-leading, var(--text-xl--line-height));
1202
+ }
1203
+ .text-xs {
1204
+ font-size: var(--text-xs);
1205
+ line-height: var(--tw-leading, var(--text-xs--line-height));
1206
+ }
1207
+ .leading-none {
1208
+ --tw-leading: 1;
1209
+ line-height: 1;
1210
+ }
1211
+ .leading-relaxed {
1212
+ --tw-leading: var(--leading-relaxed);
1213
+ line-height: var(--leading-relaxed);
1214
+ }
1215
+ .font-bold {
1216
+ --tw-font-weight: var(--font-weight-bold);
1217
+ font-weight: var(--font-weight-bold);
1218
+ }
1219
+ .font-medium {
1220
+ --tw-font-weight: var(--font-weight-medium);
1221
+ font-weight: var(--font-weight-medium);
1222
+ }
1223
+ .font-semibold {
1224
+ --tw-font-weight: var(--font-weight-semibold);
1225
+ font-weight: var(--font-weight-semibold);
1226
+ }
1227
+ .tracking-tight {
1228
+ --tw-tracking: var(--tracking-tight);
1229
+ letter-spacing: var(--tracking-tight);
1230
+ }
1231
+ .tracking-wide {
1232
+ --tw-tracking: var(--tracking-wide);
1233
+ letter-spacing: var(--tracking-wide);
1234
+ }
1235
+ .whitespace-nowrap {
1236
+ white-space: nowrap;
1237
+ }
1238
+ .text-current {
1239
+ color: currentcolor;
1240
+ }
1241
+ .text-error-600 {
1242
+ color: var(--color-error-600);
1243
+ }
1244
+ .text-error-700 {
1245
+ color: var(--color-error-700);
1246
+ }
1247
+ .text-error-800 {
1248
+ color: var(--color-error-800);
1249
+ }
1250
+ .text-green-600 {
1251
+ color: var(--color-green-600);
1252
+ }
1253
+ .text-green-900 {
1254
+ color: var(--color-green-900);
1255
+ }
1256
+ .text-info-600 {
1257
+ color: var(--color-info-600);
1258
+ }
1259
+ .text-info-800 {
1260
+ color: var(--color-info-800);
1261
+ }
1262
+ .text-neutral-50 {
1263
+ color: var(--color-neutral-50);
1264
+ }
1265
+ .text-neutral-100 {
1266
+ color: var(--color-neutral-100);
1267
+ }
1268
+ .text-neutral-400 {
1269
+ color: var(--color-neutral-400);
1270
+ }
1271
+ .text-neutral-500 {
1272
+ color: var(--color-neutral-500);
1273
+ }
1274
+ .text-neutral-600 {
1275
+ color: var(--color-neutral-600);
1276
+ }
1277
+ .text-neutral-700 {
1278
+ color: var(--color-neutral-700);
1279
+ }
1280
+ .text-neutral-900 {
1281
+ color: var(--color-neutral-900);
1282
+ }
1283
+ .text-primary-600 {
1284
+ color: var(--color-primary-600);
1285
+ }
1286
+ .text-primary-700 {
1287
+ color: var(--color-primary-700);
1288
+ }
1289
+ .text-red-600 {
1290
+ color: var(--color-red-600);
1291
+ }
1292
+ .text-red-900 {
1293
+ color: var(--color-red-900);
1294
+ }
1295
+ .text-success-600 {
1296
+ color: var(--color-success-600);
1297
+ }
1298
+ .text-success-700 {
1299
+ color: var(--color-success-700);
1300
+ }
1301
+ .text-success-800 {
1302
+ color: var(--color-success-800);
1303
+ }
1304
+ .text-warning-700 {
1305
+ color: var(--color-warning-700);
1306
+ }
1307
+ .text-warning-800 {
1308
+ color: var(--color-warning-800);
1309
+ }
1310
+ .text-warning-950 {
1311
+ color: var(--color-warning-950);
1312
+ }
1313
+ .text-white {
1314
+ color: var(--color-white);
1315
+ }
1316
+ .text-white\/90 {
1317
+ color: color-mix(in srgb, #fff 90%, transparent);
1318
+ @supports (color: color-mix(in lab, red, red)) {
1319
+ color: color-mix(in oklab, var(--color-white) 90%, transparent);
1320
+ }
1321
+ }
1322
+ .uppercase {
1323
+ text-transform: uppercase;
1324
+ }
1325
+ .line-through {
1326
+ text-decoration-line: line-through;
1327
+ }
1328
+ .opacity-25 {
1329
+ opacity: 25%;
1330
+ }
1331
+ .opacity-50 {
1332
+ opacity: 50%;
1333
+ }
1334
+ .opacity-70 {
1335
+ opacity: 70%;
1336
+ }
1337
+ .opacity-75 {
1338
+ opacity: 75%;
1339
+ }
1340
+ .opacity-90 {
1341
+ opacity: 90%;
1342
+ }
1343
+ .shadow {
1344
+ --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));
1345
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1346
+ }
1347
+ .shadow-lg {
1348
+ --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));
1349
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1350
+ }
1351
+ .shadow-md {
1352
+ --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));
1353
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1354
+ }
1355
+ .shadow-sm {
1356
+ --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));
1357
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1358
+ }
1359
+ .shadow-xl {
1360
+ --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));
1361
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1362
+ }
1363
+ .ring {
1364
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1365
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1366
+ }
1367
+ .ring-0 {
1368
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1369
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1370
+ }
1371
+ .ring-offset-white {
1372
+ --tw-ring-offset-color: var(--color-white);
1373
+ }
1374
+ .outline {
1375
+ outline-style: var(--tw-outline-style);
1376
+ outline-width: 1px;
1377
+ }
1378
+ .backdrop-blur-sm {
1379
+ --tw-backdrop-blur: blur(var(--blur-sm));
1380
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1381
+ }
1382
+ .transition {
1383
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1384
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1385
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1386
+ }
1387
+ .transition-\[background-color\,border-color\] {
1388
+ transition-property: background-color,border-color;
1389
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1390
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1391
+ }
1392
+ .transition-\[background-color\,box-shadow\,color\] {
1393
+ transition-property: background-color,box-shadow,color;
1394
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1395
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1396
+ }
1397
+ .transition-\[border-color\,box-shadow\] {
1398
+ transition-property: border-color,box-shadow;
1399
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1400
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1401
+ }
1402
+ .transition-\[box-shadow\,transform\,border-color\] {
1403
+ transition-property: box-shadow,transform,border-color;
1404
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1405
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1406
+ }
1407
+ .transition-\[box-shadow\,transform\] {
1408
+ transition-property: box-shadow,transform;
1409
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1410
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1411
+ }
1412
+ .transition-all {
1413
+ transition-property: all;
1414
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1415
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1416
+ }
1417
+ .transition-colors {
1418
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1419
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1420
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1421
+ }
1422
+ .transition-opacity {
1423
+ transition-property: opacity;
1424
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1425
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1426
+ }
1427
+ .transition-transform {
1428
+ transition-property: transform, translate, scale, rotate;
1429
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1430
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1431
+ }
1432
+ .ease-in {
1433
+ --tw-ease: var(--ease-in);
1434
+ transition-timing-function: var(--ease-in);
1435
+ }
1436
+ .ease-in-out {
1437
+ --tw-ease: var(--ease-in-out);
1438
+ transition-timing-function: var(--ease-in-out);
1439
+ }
1440
+ .ease-out {
1441
+ --tw-ease: var(--ease-out);
1442
+ transition-timing-function: var(--ease-out);
1443
+ }
1444
+ .outline-none {
1445
+ --tw-outline-style: none;
1446
+ outline-style: none;
1447
+ }
1448
+ .select-none {
1449
+ -webkit-user-select: none;
1450
+ -moz-user-select: none;
1451
+ user-select: none;
1452
+ }
1453
+ .file\:border-0 {
1454
+ &::file-selector-button {
1455
+ border-style: var(--tw-border-style);
1456
+ border-width: 0px;
1457
+ }
1458
+ }
1459
+ .file\:bg-transparent {
1460
+ &::file-selector-button {
1461
+ background-color: transparent;
1462
+ }
1463
+ }
1464
+ .file\:text-sm {
1465
+ &::file-selector-button {
1466
+ font-size: var(--text-sm);
1467
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1468
+ }
1469
+ }
1470
+ .file\:font-medium {
1471
+ &::file-selector-button {
1472
+ --tw-font-weight: var(--font-weight-medium);
1473
+ font-weight: var(--font-weight-medium);
1474
+ }
1475
+ }
1476
+ .placeholder\:text-neutral-500 {
1477
+ &::-moz-placeholder {
1478
+ color: var(--color-neutral-500);
1479
+ }
1480
+ &::placeholder {
1481
+ color: var(--color-neutral-500);
1482
+ }
1483
+ }
1484
+ .hover\:-translate-y-0\.5 {
1485
+ &:hover {
1486
+ @media (hover: hover) {
1487
+ --tw-translate-y: calc(var(--spacing) * -0.5);
1488
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1489
+ }
1490
+ }
1491
+ }
1492
+ .hover\:scale-105 {
1493
+ &:hover {
1494
+ @media (hover: hover) {
1495
+ --tw-scale-x: 105%;
1496
+ --tw-scale-y: 105%;
1497
+ --tw-scale-z: 105%;
1498
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1499
+ }
1500
+ }
1501
+ }
1502
+ .hover\:bg-neutral-50 {
1503
+ &:hover {
1504
+ @media (hover: hover) {
1505
+ background-color: var(--color-neutral-50);
1506
+ }
1507
+ }
1508
+ }
1509
+ .hover\:bg-neutral-100 {
1510
+ &:hover {
1511
+ @media (hover: hover) {
1512
+ background-color: var(--color-neutral-100);
1513
+ }
1514
+ }
1515
+ }
1516
+ .hover\:bg-neutral-300 {
1517
+ &:hover {
1518
+ @media (hover: hover) {
1519
+ background-color: var(--color-neutral-300);
1520
+ }
1521
+ }
1522
+ }
1523
+ .hover\:bg-primary-700 {
1524
+ &:hover {
1525
+ @media (hover: hover) {
1526
+ background-color: var(--color-primary-700);
1527
+ }
1528
+ }
1529
+ }
1530
+ .hover\:bg-red-700 {
1531
+ &:hover {
1532
+ @media (hover: hover) {
1533
+ background-color: var(--color-red-700);
1534
+ }
1535
+ }
1536
+ }
1537
+ .hover\:bg-white\/10 {
1538
+ &:hover {
1539
+ @media (hover: hover) {
1540
+ background-color: color-mix(in srgb, #fff 10%, transparent);
1541
+ @supports (color: color-mix(in lab, red, red)) {
1542
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1543
+ }
1544
+ }
1545
+ }
1546
+ }
1547
+ .hover\:text-neutral-900 {
1548
+ &:hover {
1549
+ @media (hover: hover) {
1550
+ color: var(--color-neutral-900);
1551
+ }
1552
+ }
1553
+ }
1554
+ .hover\:text-red-700 {
1555
+ &:hover {
1556
+ @media (hover: hover) {
1557
+ color: var(--color-red-700);
1558
+ }
1559
+ }
1560
+ }
1561
+ .hover\:underline {
1562
+ &:hover {
1563
+ @media (hover: hover) {
1564
+ text-decoration-line: underline;
1565
+ }
1566
+ }
1567
+ }
1568
+ .hover\:opacity-100 {
1569
+ &:hover {
1570
+ @media (hover: hover) {
1571
+ opacity: 100%;
1572
+ }
1573
+ }
1574
+ }
1575
+ .hover\:shadow-lg {
1576
+ &:hover {
1577
+ @media (hover: hover) {
1578
+ --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));
1579
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1580
+ }
1581
+ }
1582
+ }
1583
+ .hover\:shadow-md {
1584
+ &:hover {
1585
+ @media (hover: hover) {
1586
+ --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));
1587
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1588
+ }
1589
+ }
1590
+ }
1591
+ .focus\:outline-none {
1592
+ &:focus {
1593
+ --tw-outline-style: none;
1594
+ outline-style: none;
1595
+ }
1596
+ }
1597
+ .focus-visible\:bg-neutral-100 {
1598
+ &:focus-visible {
1599
+ background-color: var(--color-neutral-100);
1600
+ }
1601
+ }
1602
+ .focus-visible\:bg-primary-500 {
1603
+ &:focus-visible {
1604
+ background-color: var(--color-primary-500);
1605
+ }
1606
+ }
1607
+ .focus-visible\:text-neutral-900 {
1608
+ &:focus-visible {
1609
+ color: var(--color-neutral-900);
1610
+ }
1611
+ }
1612
+ .focus-visible\:text-white {
1613
+ &:focus-visible {
1614
+ color: var(--color-white);
1615
+ }
1616
+ }
1617
+ .focus-visible\:ring-2 {
1618
+ &:focus-visible {
1619
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1620
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1621
+ }
1622
+ }
1623
+ .focus-visible\:ring-green-500 {
1624
+ &:focus-visible {
1625
+ --tw-ring-color: var(--color-green-500);
1626
+ }
1627
+ }
1628
+ .focus-visible\:ring-neutral-400 {
1629
+ &:focus-visible {
1630
+ --tw-ring-color: var(--color-neutral-400);
1631
+ }
1632
+ }
1633
+ .focus-visible\:ring-primary-500 {
1634
+ &:focus-visible {
1635
+ --tw-ring-color: var(--color-primary-500);
1636
+ }
1637
+ }
1638
+ .focus-visible\:ring-red-500 {
1639
+ &:focus-visible {
1640
+ --tw-ring-color: var(--color-red-500);
1641
+ }
1642
+ }
1643
+ .focus-visible\:ring-offset-2 {
1644
+ &:focus-visible {
1645
+ --tw-ring-offset-width: 2px;
1646
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1647
+ }
1648
+ }
1649
+ .focus-visible\:outline-none {
1650
+ &:focus-visible {
1651
+ --tw-outline-style: none;
1652
+ outline-style: none;
1653
+ }
1654
+ }
1655
+ .active\:scale-\[0\.97\] {
1656
+ &:active {
1657
+ scale: 0.97;
1658
+ }
1659
+ }
1660
+ .disabled\:pointer-events-none {
1661
+ &:disabled {
1662
+ pointer-events: none;
1663
+ }
1664
+ }
1665
+ .disabled\:cursor-not-allowed {
1666
+ &:disabled {
1667
+ cursor: not-allowed;
1668
+ }
1669
+ }
1670
+ .disabled\:opacity-50 {
1671
+ &:disabled {
1672
+ opacity: 50%;
1673
+ }
1674
+ }
1675
+ .data-disabled\:pointer-events-none {
1676
+ &[data-disabled] {
1677
+ pointer-events: none;
1678
+ }
1679
+ }
1680
+ .data-disabled\:cursor-default {
1681
+ &[data-disabled] {
1682
+ cursor: default;
1683
+ }
1684
+ }
1685
+ .data-disabled\:opacity-50 {
1686
+ &[data-disabled] {
1687
+ opacity: 50%;
1688
+ }
1689
+ }
1690
+ .data-\[disabled\]\:pointer-events-none {
1691
+ &[data-disabled] {
1692
+ pointer-events: none;
1693
+ }
1694
+ }
1695
+ .data-\[disabled\]\:opacity-50 {
1696
+ &[data-disabled] {
1697
+ opacity: 50%;
1698
+ }
1699
+ }
1700
+ .data-\[state\=active\]\:bg-white {
1701
+ &[data-state="active"] {
1702
+ background-color: var(--color-white);
1703
+ }
1704
+ }
1705
+ .data-\[state\=active\]\:text-neutral-900 {
1706
+ &[data-state="active"] {
1707
+ color: var(--color-neutral-900);
1708
+ }
1709
+ }
1710
+ .data-\[state\=active\]\:shadow-sm {
1711
+ &[data-state="active"] {
1712
+ --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));
1713
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1714
+ }
1715
+ }
1716
+ .data-\[state\=checked\]\:translate-x-4 {
1717
+ &[data-state="checked"] {
1718
+ --tw-translate-x: calc(var(--spacing) * 4);
1719
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1720
+ }
1721
+ }
1722
+ .data-\[state\=checked\]\:translate-x-5 {
1723
+ &[data-state="checked"] {
1724
+ --tw-translate-x: calc(var(--spacing) * 5);
1725
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1726
+ }
1727
+ }
1728
+ .data-\[state\=checked\]\:translate-x-6 {
1729
+ &[data-state="checked"] {
1730
+ --tw-translate-x: calc(var(--spacing) * 6);
1731
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1732
+ }
1733
+ }
1734
+ .data-\[state\=checked\]\:border-primary-600 {
1735
+ &[data-state="checked"] {
1736
+ border-color: var(--color-primary-600);
1737
+ }
1738
+ }
1739
+ .data-\[state\=checked\]\:bg-primary-600 {
1740
+ &[data-state="checked"] {
1741
+ background-color: var(--color-primary-600);
1742
+ }
1743
+ }
1744
+ .data-\[state\=checked\]\:text-white {
1745
+ &[data-state="checked"] {
1746
+ color: var(--color-white);
1747
+ }
1748
+ }
1749
+ .data-\[state\=closed\]\:animate-accordion-up {
1750
+ &[data-state="closed"] {
1751
+ animation: var(--animate-accordion-up);
1752
+ }
1753
+ }
1754
+ .data-\[state\=closed\]\:animate-fade-out {
1755
+ &[data-state="closed"] {
1756
+ animation: var(--animate-fade-out);
1757
+ }
1758
+ }
1759
+ .data-\[state\=closed\]\:animate-scale-out {
1760
+ &[data-state="closed"] {
1761
+ animation: var(--animate-scale-out);
1762
+ }
1763
+ }
1764
+ .data-\[state\=closed\]\:animate-slide-out-to-left {
1765
+ &[data-state="closed"] {
1766
+ animation: var(--animate-slide-out-to-left);
1767
+ }
1768
+ }
1769
+ .data-\[state\=closed\]\:animate-slide-out-to-right {
1770
+ &[data-state="closed"] {
1771
+ animation: var(--animate-slide-out-to-right);
1772
+ }
1773
+ }
1774
+ .data-\[state\=delayed-open\]\:animate-fade-in {
1775
+ &[data-state="delayed-open"] {
1776
+ animation: var(--animate-fade-in);
1777
+ }
1778
+ }
1779
+ .data-\[state\=open\]\:animate-accordion-down {
1780
+ &[data-state="open"] {
1781
+ animation: var(--animate-accordion-down);
1782
+ }
1783
+ }
1784
+ .data-\[state\=open\]\:animate-fade-in {
1785
+ &[data-state="open"] {
1786
+ animation: var(--animate-fade-in);
1787
+ }
1788
+ }
1789
+ .data-\[state\=open\]\:animate-scale-in {
1790
+ &[data-state="open"] {
1791
+ animation: var(--animate-scale-in);
1792
+ }
1793
+ }
1794
+ .data-\[state\=open\]\:animate-slide-in-from-left {
1795
+ &[data-state="open"] {
1796
+ animation: var(--animate-slide-in-from-left);
1797
+ }
1798
+ }
1799
+ .data-\[state\=open\]\:animate-slide-in-from-right {
1800
+ &[data-state="open"] {
1801
+ animation: var(--animate-slide-in-from-right);
1802
+ }
1803
+ }
1804
+ .data-\[state\=open\]\:bg-neutral-100 {
1805
+ &[data-state="open"] {
1806
+ background-color: var(--color-neutral-100);
1807
+ }
1808
+ }
1809
+ .data-\[state\=selected\]\:bg-neutral-100 {
1810
+ &[data-state="selected"] {
1811
+ background-color: var(--color-neutral-100);
1812
+ }
1813
+ }
1814
+ .data-\[state\=unchecked\]\:translate-x-0 {
1815
+ &[data-state="unchecked"] {
1816
+ --tw-translate-x: calc(var(--spacing) * 0);
1817
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1818
+ }
1819
+ }
1820
+ .data-\[state\=unchecked\]\:bg-neutral-200 {
1821
+ &[data-state="unchecked"] {
1822
+ background-color: var(--color-neutral-200);
1823
+ }
1824
+ }
1825
+ .data-\[swipe\=cancel\]\:translate-x-0 {
1826
+ &[data-swipe="cancel"] {
1827
+ --tw-translate-x: calc(var(--spacing) * 0);
1828
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1829
+ }
1830
+ }
1831
+ .data-\[swipe\=end\]\:animate-slide-out-to-right {
1832
+ &[data-swipe="end"] {
1833
+ animation: var(--animate-slide-out-to-right);
1834
+ }
1835
+ }
1836
+ .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\] {
1837
+ &[data-swipe="move"] {
1838
+ --tw-translate-x: var(--radix-toast-swipe-move-x);
1839
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1840
+ }
1841
+ }
1842
+ .sm\:w-\[380px\] {
1843
+ @media (width >= 40rem) {
1844
+ width: 380px;
1845
+ }
1846
+ }
1847
+ .sm\:max-w-md {
1848
+ @media (width >= 40rem) {
1849
+ max-width: var(--container-md);
1850
+ }
1851
+ }
1852
+ .sm\:grid-cols-2 {
1853
+ @media (width >= 40rem) {
1854
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1855
+ }
1856
+ }
1857
+ .sm\:flex-row {
1858
+ @media (width >= 40rem) {
1859
+ flex-direction: row;
1860
+ }
1861
+ }
1862
+ .sm\:px-6 {
1863
+ @media (width >= 40rem) {
1864
+ padding-inline: calc(var(--spacing) * 6);
1865
+ }
1866
+ }
1867
+ .sm\:text-left {
1868
+ @media (width >= 40rem) {
1869
+ text-align: left;
1870
+ }
1871
+ }
1872
+ .sm\:text-4xl {
1873
+ @media (width >= 40rem) {
1874
+ font-size: var(--text-4xl);
1875
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
1876
+ }
1877
+ }
1878
+ .sm\:text-5xl {
1879
+ @media (width >= 40rem) {
1880
+ font-size: var(--text-5xl);
1881
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
1882
+ }
1883
+ }
1884
+ .sm\:text-xl {
1885
+ @media (width >= 40rem) {
1886
+ font-size: var(--text-xl);
1887
+ line-height: var(--tw-leading, var(--text-xl--line-height));
1888
+ }
1889
+ }
1890
+ .md\:grid-cols-2 {
1891
+ @media (width >= 48rem) {
1892
+ grid-template-columns: repeat(2, minmax(0, 1fr));
1893
+ }
1894
+ }
1895
+ .md\:grid-cols-3 {
1896
+ @media (width >= 48rem) {
1897
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1898
+ }
1899
+ }
1900
+ .md\:grid-cols-4 {
1901
+ @media (width >= 48rem) {
1902
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1903
+ }
1904
+ }
1905
+ .md\:text-2xl {
1906
+ @media (width >= 48rem) {
1907
+ font-size: var(--text-2xl);
1908
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
1909
+ }
1910
+ }
1911
+ .md\:text-6xl {
1912
+ @media (width >= 48rem) {
1913
+ font-size: var(--text-6xl);
1914
+ line-height: var(--tw-leading, var(--text-6xl--line-height));
1915
+ }
1916
+ }
1917
+ .lg\:grid-cols-3 {
1918
+ @media (width >= 64rem) {
1919
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1920
+ }
1921
+ }
1922
+ .lg\:grid-cols-4 {
1923
+ @media (width >= 64rem) {
1924
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1925
+ }
1926
+ }
1927
+ .lg\:grid-cols-5 {
1928
+ @media (width >= 64rem) {
1929
+ grid-template-columns: repeat(5, minmax(0, 1fr));
1930
+ }
1931
+ }
1932
+ .lg\:grid-cols-6 {
1933
+ @media (width >= 64rem) {
1934
+ grid-template-columns: repeat(6, minmax(0, 1fr));
1935
+ }
1936
+ }
1937
+ .lg\:grid-cols-12 {
1938
+ @media (width >= 64rem) {
1939
+ grid-template-columns: repeat(12, minmax(0, 1fr));
1940
+ }
1941
+ }
1942
+ .lg\:px-8 {
1943
+ @media (width >= 64rem) {
1944
+ padding-inline: calc(var(--spacing) * 8);
1945
+ }
1946
+ }
1947
+ .dark\:border-error-500\/20 {
1948
+ @media (prefers-color-scheme: dark) {
1949
+ border-color: color-mix(in srgb, oklch(0.637 0.237 25.3) 20%, transparent);
1950
+ @supports (color: color-mix(in lab, red, red)) {
1951
+ border-color: color-mix(in oklab, var(--color-error-500) 20%, transparent);
1952
+ }
1953
+ }
1954
+ }
1955
+ .dark\:border-error-800 {
1956
+ @media (prefers-color-scheme: dark) {
1957
+ border-color: var(--color-error-800);
1958
+ }
1959
+ }
1960
+ .dark\:border-green-400 {
1961
+ @media (prefers-color-scheme: dark) {
1962
+ border-color: var(--color-green-400);
1963
+ }
1964
+ }
1965
+ .dark\:border-info-800 {
1966
+ @media (prefers-color-scheme: dark) {
1967
+ border-color: var(--color-info-800);
1968
+ }
1969
+ }
1970
+ .dark\:border-neutral-600 {
1971
+ @media (prefers-color-scheme: dark) {
1972
+ border-color: var(--color-neutral-600);
1973
+ }
1974
+ }
1975
+ .dark\:border-neutral-700 {
1976
+ @media (prefers-color-scheme: dark) {
1977
+ border-color: var(--color-neutral-700);
1978
+ }
1979
+ }
1980
+ .dark\:border-primary-400 {
1981
+ @media (prefers-color-scheme: dark) {
1982
+ border-color: var(--color-primary-400);
1983
+ }
1984
+ }
1985
+ .dark\:border-primary-500\/20 {
1986
+ @media (prefers-color-scheme: dark) {
1987
+ border-color: color-mix(in srgb, oklch(0.685 0.169 237.3) 20%, transparent);
1988
+ @supports (color: color-mix(in lab, red, red)) {
1989
+ border-color: color-mix(in oklab, var(--color-primary-500) 20%, transparent);
1990
+ }
1991
+ }
1992
+ }
1993
+ .dark\:border-red-400 {
1994
+ @media (prefers-color-scheme: dark) {
1995
+ border-color: var(--color-red-400);
1996
+ }
1997
+ }
1998
+ .dark\:border-success-500\/20 {
1999
+ @media (prefers-color-scheme: dark) {
2000
+ border-color: color-mix(in srgb, oklch(0.723 0.191 149.6) 20%, transparent);
2001
+ @supports (color: color-mix(in lab, red, red)) {
2002
+ border-color: color-mix(in oklab, var(--color-success-500) 20%, transparent);
2003
+ }
2004
+ }
2005
+ }
2006
+ .dark\:border-success-800 {
2007
+ @media (prefers-color-scheme: dark) {
2008
+ border-color: var(--color-success-800);
2009
+ }
2010
+ }
2011
+ .dark\:border-warning-500\/20 {
2012
+ @media (prefers-color-scheme: dark) {
2013
+ border-color: color-mix(in srgb, oklch(0.769 0.188 70.1) 20%, transparent);
2014
+ @supports (color: color-mix(in lab, red, red)) {
2015
+ border-color: color-mix(in oklab, var(--color-warning-500) 20%, transparent);
2016
+ }
2017
+ }
2018
+ }
2019
+ .dark\:border-warning-800 {
2020
+ @media (prefers-color-scheme: dark) {
2021
+ border-color: var(--color-warning-800);
2022
+ }
2023
+ }
2024
+ .dark\:border-t-error-500 {
2025
+ @media (prefers-color-scheme: dark) {
2026
+ border-top-color: var(--color-error-500);
2027
+ }
2028
+ }
2029
+ .dark\:bg-error-500 {
2030
+ @media (prefers-color-scheme: dark) {
2031
+ background-color: var(--color-error-500);
2032
+ }
2033
+ }
2034
+ .dark\:bg-error-500\/10 {
2035
+ @media (prefers-color-scheme: dark) {
2036
+ background-color: color-mix(in srgb, oklch(0.637 0.237 25.3) 10%, transparent);
2037
+ @supports (color: color-mix(in lab, red, red)) {
2038
+ background-color: color-mix(in oklab, var(--color-error-500) 10%, transparent);
2039
+ }
2040
+ }
2041
+ }
2042
+ .dark\:bg-error-700 {
2043
+ @media (prefers-color-scheme: dark) {
2044
+ background-color: var(--color-error-700);
2045
+ }
2046
+ }
2047
+ .dark\:bg-error-950 {
2048
+ @media (prefers-color-scheme: dark) {
2049
+ background-color: var(--color-error-950);
2050
+ }
2051
+ }
2052
+ .dark\:bg-info-500 {
2053
+ @media (prefers-color-scheme: dark) {
2054
+ background-color: var(--color-info-500);
2055
+ }
2056
+ }
2057
+ .dark\:bg-info-700 {
2058
+ @media (prefers-color-scheme: dark) {
2059
+ background-color: var(--color-info-700);
2060
+ }
2061
+ }
2062
+ .dark\:bg-info-950 {
2063
+ @media (prefers-color-scheme: dark) {
2064
+ background-color: var(--color-info-950);
2065
+ }
2066
+ }
2067
+ .dark\:bg-neutral-50 {
2068
+ @media (prefers-color-scheme: dark) {
2069
+ background-color: var(--color-neutral-50);
2070
+ }
2071
+ }
2072
+ .dark\:bg-neutral-100 {
2073
+ @media (prefers-color-scheme: dark) {
2074
+ background-color: var(--color-neutral-100);
2075
+ }
2076
+ }
2077
+ .dark\:bg-neutral-700 {
2078
+ @media (prefers-color-scheme: dark) {
2079
+ background-color: var(--color-neutral-700);
2080
+ }
2081
+ }
2082
+ .dark\:bg-neutral-800 {
2083
+ @media (prefers-color-scheme: dark) {
2084
+ background-color: var(--color-neutral-800);
2085
+ }
2086
+ }
2087
+ .dark\:bg-neutral-900 {
2088
+ @media (prefers-color-scheme: dark) {
2089
+ background-color: var(--color-neutral-900);
2090
+ }
2091
+ }
2092
+ .dark\:bg-primary-500 {
2093
+ @media (prefers-color-scheme: dark) {
2094
+ background-color: var(--color-primary-500);
2095
+ }
2096
+ }
2097
+ .dark\:bg-primary-500\/10 {
2098
+ @media (prefers-color-scheme: dark) {
2099
+ background-color: color-mix(in srgb, oklch(0.685 0.169 237.3) 10%, transparent);
2100
+ @supports (color: color-mix(in lab, red, red)) {
2101
+ background-color: color-mix(in oklab, var(--color-primary-500) 10%, transparent);
2102
+ }
2103
+ }
2104
+ }
2105
+ .dark\:bg-primary-700 {
2106
+ @media (prefers-color-scheme: dark) {
2107
+ background-color: var(--color-primary-700);
2108
+ }
2109
+ }
2110
+ .dark\:bg-primary-900 {
2111
+ @media (prefers-color-scheme: dark) {
2112
+ background-color: var(--color-primary-900);
2113
+ }
2114
+ }
2115
+ .dark\:bg-red-700 {
2116
+ @media (prefers-color-scheme: dark) {
2117
+ background-color: var(--color-red-700);
2118
+ }
2119
+ }
2120
+ .dark\:bg-success-500 {
2121
+ @media (prefers-color-scheme: dark) {
2122
+ background-color: var(--color-success-500);
2123
+ }
2124
+ }
2125
+ .dark\:bg-success-500\/10 {
2126
+ @media (prefers-color-scheme: dark) {
2127
+ background-color: color-mix(in srgb, oklch(0.723 0.191 149.6) 10%, transparent);
2128
+ @supports (color: color-mix(in lab, red, red)) {
2129
+ background-color: color-mix(in oklab, var(--color-success-500) 10%, transparent);
2130
+ }
2131
+ }
2132
+ }
2133
+ .dark\:bg-success-700 {
2134
+ @media (prefers-color-scheme: dark) {
2135
+ background-color: var(--color-success-700);
2136
+ }
2137
+ }
2138
+ .dark\:bg-success-950 {
2139
+ @media (prefers-color-scheme: dark) {
2140
+ background-color: var(--color-success-950);
2141
+ }
2142
+ }
2143
+ .dark\:bg-warning-400 {
2144
+ @media (prefers-color-scheme: dark) {
2145
+ background-color: var(--color-warning-400);
2146
+ }
2147
+ }
2148
+ .dark\:bg-warning-500\/10 {
2149
+ @media (prefers-color-scheme: dark) {
2150
+ background-color: color-mix(in srgb, oklch(0.769 0.188 70.1) 10%, transparent);
2151
+ @supports (color: color-mix(in lab, red, red)) {
2152
+ background-color: color-mix(in oklab, var(--color-warning-500) 10%, transparent);
2153
+ }
2154
+ }
2155
+ }
2156
+ .dark\:bg-warning-600 {
2157
+ @media (prefers-color-scheme: dark) {
2158
+ background-color: var(--color-warning-600);
2159
+ }
2160
+ }
2161
+ .dark\:bg-warning-950 {
2162
+ @media (prefers-color-scheme: dark) {
2163
+ background-color: var(--color-warning-950);
2164
+ }
2165
+ }
2166
+ .dark\:from-neutral-900 {
2167
+ @media (prefers-color-scheme: dark) {
2168
+ --tw-gradient-from: var(--color-neutral-900);
2169
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2170
+ }
2171
+ }
2172
+ .dark\:to-neutral-800 {
2173
+ @media (prefers-color-scheme: dark) {
2174
+ --tw-gradient-to: var(--color-neutral-800);
2175
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2176
+ }
2177
+ }
2178
+ .dark\:fill-neutral-50 {
2179
+ @media (prefers-color-scheme: dark) {
2180
+ fill: var(--color-neutral-50);
2181
+ }
2182
+ }
2183
+ .dark\:fill-neutral-800 {
2184
+ @media (prefers-color-scheme: dark) {
2185
+ fill: var(--color-neutral-800);
2186
+ }
2187
+ }
2188
+ .dark\:text-error-200 {
2189
+ @media (prefers-color-scheme: dark) {
2190
+ color: var(--color-error-200);
2191
+ }
2192
+ }
2193
+ .dark\:text-error-400 {
2194
+ @media (prefers-color-scheme: dark) {
2195
+ color: var(--color-error-400);
2196
+ }
2197
+ }
2198
+ .dark\:text-error-500 {
2199
+ @media (prefers-color-scheme: dark) {
2200
+ color: var(--color-error-500);
2201
+ }
2202
+ }
2203
+ .dark\:text-green-100 {
2204
+ @media (prefers-color-scheme: dark) {
2205
+ color: var(--color-green-100);
2206
+ }
2207
+ }
2208
+ .dark\:text-green-400 {
2209
+ @media (prefers-color-scheme: dark) {
2210
+ color: var(--color-green-400);
2211
+ }
2212
+ }
2213
+ .dark\:text-info-200 {
2214
+ @media (prefers-color-scheme: dark) {
2215
+ color: var(--color-info-200);
2216
+ }
2217
+ }
2218
+ .dark\:text-info-400 {
2219
+ @media (prefers-color-scheme: dark) {
2220
+ color: var(--color-info-400);
2221
+ }
2222
+ }
2223
+ .dark\:text-neutral-100 {
2224
+ @media (prefers-color-scheme: dark) {
2225
+ color: var(--color-neutral-100);
2226
+ }
2227
+ }
2228
+ .dark\:text-neutral-300 {
2229
+ @media (prefers-color-scheme: dark) {
2230
+ color: var(--color-neutral-300);
2231
+ }
2232
+ }
2233
+ .dark\:text-neutral-400 {
2234
+ @media (prefers-color-scheme: dark) {
2235
+ color: var(--color-neutral-400);
2236
+ }
2237
+ }
2238
+ .dark\:text-neutral-500 {
2239
+ @media (prefers-color-scheme: dark) {
2240
+ color: var(--color-neutral-500);
2241
+ }
2242
+ }
2243
+ .dark\:text-neutral-900 {
2244
+ @media (prefers-color-scheme: dark) {
2245
+ color: var(--color-neutral-900);
2246
+ }
2247
+ }
2248
+ .dark\:text-primary-400 {
2249
+ @media (prefers-color-scheme: dark) {
2250
+ color: var(--color-primary-400);
2251
+ }
2252
+ }
2253
+ .dark\:text-primary-500 {
2254
+ @media (prefers-color-scheme: dark) {
2255
+ color: var(--color-primary-500);
2256
+ }
2257
+ }
2258
+ .dark\:text-red-100 {
2259
+ @media (prefers-color-scheme: dark) {
2260
+ color: var(--color-red-100);
2261
+ }
2262
+ }
2263
+ .dark\:text-red-400 {
2264
+ @media (prefers-color-scheme: dark) {
2265
+ color: var(--color-red-400);
2266
+ }
2267
+ }
2268
+ .dark\:text-success-200 {
2269
+ @media (prefers-color-scheme: dark) {
2270
+ color: var(--color-success-200);
2271
+ }
2272
+ }
2273
+ .dark\:text-success-400 {
2274
+ @media (prefers-color-scheme: dark) {
2275
+ color: var(--color-success-400);
2276
+ }
2277
+ }
2278
+ .dark\:text-success-500 {
2279
+ @media (prefers-color-scheme: dark) {
2280
+ color: var(--color-success-500);
2281
+ }
2282
+ }
2283
+ .dark\:text-warning-50 {
2284
+ @media (prefers-color-scheme: dark) {
2285
+ color: var(--color-warning-50);
2286
+ }
2287
+ }
2288
+ .dark\:text-warning-200 {
2289
+ @media (prefers-color-scheme: dark) {
2290
+ color: var(--color-warning-200);
2291
+ }
2292
+ }
2293
+ .dark\:text-warning-500 {
2294
+ @media (prefers-color-scheme: dark) {
2295
+ color: var(--color-warning-500);
2296
+ }
2297
+ }
2298
+ .dark\:ring-offset-neutral-900 {
2299
+ @media (prefers-color-scheme: dark) {
2300
+ --tw-ring-offset-color: var(--color-neutral-900);
2301
+ }
2302
+ }
2303
+ .dark\:placeholder\:text-neutral-400 {
2304
+ @media (prefers-color-scheme: dark) {
2305
+ &::-moz-placeholder {
2306
+ color: var(--color-neutral-400);
2307
+ }
2308
+ &::placeholder {
2309
+ color: var(--color-neutral-400);
2310
+ }
2311
+ }
2312
+ }
2313
+ .dark\:hover\:bg-neutral-600 {
2314
+ @media (prefers-color-scheme: dark) {
2315
+ &:hover {
2316
+ @media (hover: hover) {
2317
+ background-color: var(--color-neutral-600);
2318
+ }
2319
+ }
2320
+ }
2321
+ }
2322
+ .dark\:hover\:bg-neutral-800 {
2323
+ @media (prefers-color-scheme: dark) {
2324
+ &:hover {
2325
+ @media (hover: hover) {
2326
+ background-color: var(--color-neutral-800);
2327
+ }
2328
+ }
2329
+ }
2330
+ }
2331
+ .dark\:hover\:bg-primary-600 {
2332
+ @media (prefers-color-scheme: dark) {
2333
+ &:hover {
2334
+ @media (hover: hover) {
2335
+ background-color: var(--color-primary-600);
2336
+ }
2337
+ }
2338
+ }
2339
+ }
2340
+ .dark\:hover\:bg-red-600 {
2341
+ @media (prefers-color-scheme: dark) {
2342
+ &:hover {
2343
+ @media (hover: hover) {
2344
+ background-color: var(--color-red-600);
2345
+ }
2346
+ }
2347
+ }
2348
+ }
2349
+ .dark\:hover\:text-neutral-100 {
2350
+ @media (prefers-color-scheme: dark) {
2351
+ &:hover {
2352
+ @media (hover: hover) {
2353
+ color: var(--color-neutral-100);
2354
+ }
2355
+ }
2356
+ }
2357
+ }
2358
+ .dark\:hover\:text-red-300 {
2359
+ @media (prefers-color-scheme: dark) {
2360
+ &:hover {
2361
+ @media (hover: hover) {
2362
+ color: var(--color-red-300);
2363
+ }
2364
+ }
2365
+ }
2366
+ }
2367
+ .dark\:focus-visible\:bg-neutral-800 {
2368
+ @media (prefers-color-scheme: dark) {
2369
+ &:focus-visible {
2370
+ background-color: var(--color-neutral-800);
2371
+ }
2372
+ }
2373
+ }
2374
+ .dark\:focus-visible\:bg-primary-600 {
2375
+ @media (prefers-color-scheme: dark) {
2376
+ &:focus-visible {
2377
+ background-color: var(--color-primary-600);
2378
+ }
2379
+ }
2380
+ }
2381
+ .dark\:focus-visible\:text-neutral-100 {
2382
+ @media (prefers-color-scheme: dark) {
2383
+ &:focus-visible {
2384
+ color: var(--color-neutral-100);
2385
+ }
2386
+ }
2387
+ }
2388
+ .dark\:focus-visible\:text-white {
2389
+ @media (prefers-color-scheme: dark) {
2390
+ &:focus-visible {
2391
+ color: var(--color-white);
2392
+ }
2393
+ }
2394
+ }
2395
+ .dark\:focus-visible\:ring-primary-400 {
2396
+ @media (prefers-color-scheme: dark) {
2397
+ &:focus-visible {
2398
+ --tw-ring-color: var(--color-primary-400);
2399
+ }
2400
+ }
2401
+ }
2402
+ .dark\:data-\[state\=active\]\:bg-neutral-900 {
2403
+ @media (prefers-color-scheme: dark) {
2404
+ &[data-state="active"] {
2405
+ background-color: var(--color-neutral-900);
2406
+ }
2407
+ }
2408
+ }
2409
+ .dark\:data-\[state\=active\]\:text-neutral-100 {
2410
+ @media (prefers-color-scheme: dark) {
2411
+ &[data-state="active"] {
2412
+ color: var(--color-neutral-100);
2413
+ }
2414
+ }
2415
+ }
2416
+ .dark\:data-\[state\=checked\]\:border-primary-700 {
2417
+ @media (prefers-color-scheme: dark) {
2418
+ &[data-state="checked"] {
2419
+ border-color: var(--color-primary-700);
2420
+ }
2421
+ }
2422
+ }
2423
+ .dark\:data-\[state\=checked\]\:bg-primary-700 {
2424
+ @media (prefers-color-scheme: dark) {
2425
+ &[data-state="checked"] {
2426
+ background-color: var(--color-primary-700);
2427
+ }
2428
+ }
2429
+ }
2430
+ .dark\:data-\[state\=open\]\:bg-neutral-700 {
2431
+ @media (prefers-color-scheme: dark) {
2432
+ &[data-state="open"] {
2433
+ background-color: var(--color-neutral-700);
2434
+ }
2435
+ }
2436
+ }
2437
+ .dark\:data-\[state\=selected\]\:bg-neutral-800 {
2438
+ @media (prefers-color-scheme: dark) {
2439
+ &[data-state="selected"] {
2440
+ background-color: var(--color-neutral-800);
2441
+ }
2442
+ }
2443
+ }
2444
+ .dark\:data-\[state\=unchecked\]\:bg-neutral-700 {
2445
+ @media (prefers-color-scheme: dark) {
2446
+ &[data-state="unchecked"] {
2447
+ background-color: var(--color-neutral-700);
2448
+ }
2449
+ }
2450
+ }
2451
+ .\[\&_p\]\:leading-relaxed {
2452
+ & p {
2453
+ --tw-leading: var(--leading-relaxed);
2454
+ line-height: var(--leading-relaxed);
2455
+ }
2456
+ }
2457
+ .\[\&_tr\]\:border-b {
2458
+ & tr {
2459
+ border-bottom-style: var(--tw-border-style);
2460
+ border-bottom-width: 1px;
2461
+ }
2462
+ }
2463
+ .\[\&_tr\:last-child\]\:border-0 {
2464
+ & tr:last-child {
2465
+ border-style: var(--tw-border-style);
2466
+ border-width: 0px;
2467
+ }
2468
+ }
2469
+ .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
2470
+ &:has([role=checkbox]) {
2471
+ padding-right: calc(var(--spacing) * 0);
2472
+ }
2473
+ }
2474
+ .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
2475
+ &[data-state=open]>svg {
2476
+ rotate: 180deg;
2477
+ }
2478
+ }
2479
+ }
2480
+ @keyframes fade-in {
2481
+ from {
2482
+ opacity: 0;
2483
+ }
2484
+ to {
2485
+ opacity: 1;
2486
+ }
2487
+ }
2488
+ @keyframes fade-out {
2489
+ from {
2490
+ opacity: 1;
2491
+ }
2492
+ to {
2493
+ opacity: 0;
2494
+ }
2495
+ }
2496
+ @keyframes scale-in {
2497
+ from {
2498
+ opacity: 0;
2499
+ transform: scale(0.95);
2500
+ }
2501
+ to {
2502
+ opacity: 1;
2503
+ transform: scale(1);
2504
+ }
2505
+ }
2506
+ @keyframes scale-out {
2507
+ from {
2508
+ opacity: 1;
2509
+ transform: scale(1);
2510
+ }
2511
+ to {
2512
+ opacity: 0;
2513
+ transform: scale(0.95);
2514
+ }
2515
+ }
2516
+ @keyframes slide-in-from-top {
2517
+ from {
2518
+ opacity: 0;
2519
+ transform: translateY(-0.5rem);
2520
+ }
2521
+ to {
2522
+ opacity: 1;
2523
+ transform: translateY(0);
2524
+ }
2525
+ }
2526
+ @keyframes slide-in-from-bottom {
2527
+ from {
2528
+ opacity: 0;
2529
+ transform: translateY(0.5rem);
2530
+ }
2531
+ to {
2532
+ opacity: 1;
2533
+ transform: translateY(0);
2534
+ }
2535
+ }
2536
+ @keyframes slide-in-from-left {
2537
+ from {
2538
+ transform: translateX(-100%);
2539
+ }
2540
+ to {
2541
+ transform: translateX(0);
2542
+ }
2543
+ }
2544
+ @keyframes slide-in-from-right {
2545
+ from {
2546
+ transform: translateX(100%);
2547
+ }
2548
+ to {
2549
+ transform: translateX(0);
2550
+ }
2551
+ }
2552
+ @keyframes slide-out-to-top {
2553
+ from {
2554
+ opacity: 1;
2555
+ transform: translateY(0);
2556
+ }
2557
+ to {
2558
+ opacity: 0;
2559
+ transform: translateY(-0.5rem);
2560
+ }
2561
+ }
2562
+ @keyframes slide-out-to-bottom {
2563
+ from {
2564
+ opacity: 1;
2565
+ transform: translateY(0);
2566
+ }
2567
+ to {
2568
+ opacity: 0;
2569
+ transform: translateY(0.5rem);
2570
+ }
2571
+ }
2572
+ @keyframes slide-out-to-left {
2573
+ from {
2574
+ transform: translateX(0);
2575
+ }
2576
+ to {
2577
+ transform: translateX(-100%);
2578
+ }
2579
+ }
2580
+ @keyframes slide-out-to-right {
2581
+ from {
2582
+ transform: translateX(0);
2583
+ }
2584
+ to {
2585
+ transform: translateX(100%);
2586
+ }
2587
+ }
2588
+ @keyframes accordion-down {
2589
+ from {
2590
+ height: 0;
2591
+ }
2592
+ to {
2593
+ height: var(--radix-accordion-content-height);
2594
+ }
2595
+ }
2596
+ @keyframes accordion-up {
2597
+ from {
2598
+ height: var(--radix-accordion-content-height);
2599
+ }
2600
+ to {
2601
+ height: 0;
2602
+ }
2603
+ }
2604
+ @media (prefers-reduced-motion: reduce) {
2605
+ *, *::before, *::after {
2606
+ animation-duration: 0.01ms !important;
2607
+ animation-iteration-count: 1 !important;
2608
+ transition-duration: 0.01ms !important;
2609
+ }
2610
+ }
2611
+ @layer base {
2612
+ :root {
2613
+ --background: oklch(1.000 0.000 0);
2614
+ --foreground: oklch(0.145 0.000 0);
2615
+ --primary: oklch(0.685 0.169 237.3);
2616
+ --primary-foreground: oklch(0.985 0.000 0);
2617
+ --secondary: oklch(0.970 0.000 0);
2618
+ --secondary-foreground: oklch(0.214 0.000 0);
2619
+ --muted: oklch(0.970 0.000 0);
2620
+ --muted-foreground: oklch(0.551 0.000 0);
2621
+ --accent: oklch(0.970 0.000 0);
2622
+ --accent-foreground: oklch(0.214 0.000 0);
2623
+ --border: oklch(0.922 0.000 0);
2624
+ --destructive: oklch(0.637 0.237 25.3);
2625
+ --destructive-foreground: oklch(0.985 0.000 0);
2626
+ --info: oklch(0.623 0.214 259.1);
2627
+ --info-foreground: oklch(0.985 0.000 0);
2628
+ --success: oklch(0.723 0.191 149.6);
2629
+ --success-foreground: oklch(0.985 0.000 0);
2630
+ --warning: oklch(0.769 0.188 70.1);
2631
+ --warning-foreground: oklch(0.214 0.000 0);
2632
+ --ring: oklch(0.685 0.169 237.3);
2633
+ --radius: 0.5rem;
2634
+ }
2635
+ .dark {
2636
+ --background: oklch(0.145 0.000 0);
2637
+ --foreground: oklch(0.985 0.000 0);
2638
+ --primary: oklch(0.685 0.169 237.3);
2639
+ --primary-foreground: oklch(0.214 0.000 0);
2640
+ --secondary: oklch(0.278 0.000 0);
2641
+ --secondary-foreground: oklch(0.985 0.000 0);
2642
+ --muted: oklch(0.278 0.000 0);
2643
+ --muted-foreground: oklch(0.708 0.000 0);
2644
+ --accent: oklch(0.278 0.000 0);
2645
+ --accent-foreground: oklch(0.985 0.000 0);
2646
+ --border: oklch(0.278 0.000 0);
2647
+ --destructive: oklch(0.567 0.225 26.2);
2648
+ --destructive-foreground: oklch(0.985 0.000 0);
2649
+ --info: oklch(0.546 0.215 262.9);
2650
+ --info-foreground: oklch(0.985 0.000 0);
2651
+ --success: oklch(0.627 0.174 149.2);
2652
+ --success-foreground: oklch(0.985 0.000 0);
2653
+ --warning: oklch(0.852 0.199 75.8);
2654
+ --warning-foreground: oklch(0.214 0.000 0);
2655
+ --ring: oklch(0.685 0.169 237.3);
2656
+ }
2657
+ }
2658
+ @property --tw-translate-x {
2659
+ syntax: "*";
2660
+ inherits: false;
2661
+ initial-value: 0;
2662
+ }
2663
+ @property --tw-translate-y {
2664
+ syntax: "*";
2665
+ inherits: false;
2666
+ initial-value: 0;
2667
+ }
2668
+ @property --tw-translate-z {
2669
+ syntax: "*";
2670
+ inherits: false;
2671
+ initial-value: 0;
2672
+ }
2673
+ @property --tw-rotate-x {
2674
+ syntax: "*";
2675
+ inherits: false;
2676
+ }
2677
+ @property --tw-rotate-y {
2678
+ syntax: "*";
2679
+ inherits: false;
2680
+ }
2681
+ @property --tw-rotate-z {
2682
+ syntax: "*";
2683
+ inherits: false;
2684
+ }
2685
+ @property --tw-skew-x {
2686
+ syntax: "*";
2687
+ inherits: false;
2688
+ }
2689
+ @property --tw-skew-y {
2690
+ syntax: "*";
2691
+ inherits: false;
2692
+ }
2693
+ @property --tw-space-y-reverse {
2694
+ syntax: "*";
2695
+ inherits: false;
2696
+ initial-value: 0;
2697
+ }
2698
+ @property --tw-space-x-reverse {
2699
+ syntax: "*";
2700
+ inherits: false;
2701
+ initial-value: 0;
2702
+ }
2703
+ @property --tw-border-style {
2704
+ syntax: "*";
2705
+ inherits: false;
2706
+ initial-value: solid;
2707
+ }
2708
+ @property --tw-gradient-position {
2709
+ syntax: "*";
2710
+ inherits: false;
2711
+ }
2712
+ @property --tw-gradient-from {
2713
+ syntax: "<color>";
2714
+ inherits: false;
2715
+ initial-value: #0000;
2716
+ }
2717
+ @property --tw-gradient-via {
2718
+ syntax: "<color>";
2719
+ inherits: false;
2720
+ initial-value: #0000;
2721
+ }
2722
+ @property --tw-gradient-to {
2723
+ syntax: "<color>";
2724
+ inherits: false;
2725
+ initial-value: #0000;
2726
+ }
2727
+ @property --tw-gradient-stops {
2728
+ syntax: "*";
2729
+ inherits: false;
2730
+ }
2731
+ @property --tw-gradient-via-stops {
2732
+ syntax: "*";
2733
+ inherits: false;
2734
+ }
2735
+ @property --tw-gradient-from-position {
2736
+ syntax: "<length-percentage>";
2737
+ inherits: false;
2738
+ initial-value: 0%;
2739
+ }
2740
+ @property --tw-gradient-via-position {
2741
+ syntax: "<length-percentage>";
2742
+ inherits: false;
2743
+ initial-value: 50%;
2744
+ }
2745
+ @property --tw-gradient-to-position {
2746
+ syntax: "<length-percentage>";
2747
+ inherits: false;
2748
+ initial-value: 100%;
2749
+ }
2750
+ @property --tw-leading {
2751
+ syntax: "*";
2752
+ inherits: false;
2753
+ }
2754
+ @property --tw-font-weight {
2755
+ syntax: "*";
2756
+ inherits: false;
2757
+ }
2758
+ @property --tw-tracking {
2759
+ syntax: "*";
2760
+ inherits: false;
2761
+ }
2762
+ @property --tw-shadow {
2763
+ syntax: "*";
2764
+ inherits: false;
2765
+ initial-value: 0 0 #0000;
2766
+ }
2767
+ @property --tw-shadow-color {
2768
+ syntax: "*";
2769
+ inherits: false;
2770
+ }
2771
+ @property --tw-shadow-alpha {
2772
+ syntax: "<percentage>";
2773
+ inherits: false;
2774
+ initial-value: 100%;
2775
+ }
2776
+ @property --tw-inset-shadow {
2777
+ syntax: "*";
2778
+ inherits: false;
2779
+ initial-value: 0 0 #0000;
2780
+ }
2781
+ @property --tw-inset-shadow-color {
2782
+ syntax: "*";
2783
+ inherits: false;
2784
+ }
2785
+ @property --tw-inset-shadow-alpha {
2786
+ syntax: "<percentage>";
2787
+ inherits: false;
2788
+ initial-value: 100%;
2789
+ }
2790
+ @property --tw-ring-color {
2791
+ syntax: "*";
2792
+ inherits: false;
2793
+ }
2794
+ @property --tw-ring-shadow {
2795
+ syntax: "*";
2796
+ inherits: false;
2797
+ initial-value: 0 0 #0000;
2798
+ }
2799
+ @property --tw-inset-ring-color {
2800
+ syntax: "*";
2801
+ inherits: false;
2802
+ }
2803
+ @property --tw-inset-ring-shadow {
2804
+ syntax: "*";
2805
+ inherits: false;
2806
+ initial-value: 0 0 #0000;
2807
+ }
2808
+ @property --tw-ring-inset {
2809
+ syntax: "*";
2810
+ inherits: false;
2811
+ }
2812
+ @property --tw-ring-offset-width {
2813
+ syntax: "<length>";
2814
+ inherits: false;
2815
+ initial-value: 0px;
2816
+ }
2817
+ @property --tw-ring-offset-color {
2818
+ syntax: "*";
2819
+ inherits: false;
2820
+ initial-value: #fff;
2821
+ }
2822
+ @property --tw-ring-offset-shadow {
2823
+ syntax: "*";
2824
+ inherits: false;
2825
+ initial-value: 0 0 #0000;
2826
+ }
2827
+ @property --tw-outline-style {
2828
+ syntax: "*";
2829
+ inherits: false;
2830
+ initial-value: solid;
2831
+ }
2832
+ @property --tw-backdrop-blur {
2833
+ syntax: "*";
2834
+ inherits: false;
2835
+ }
2836
+ @property --tw-backdrop-brightness {
2837
+ syntax: "*";
2838
+ inherits: false;
2839
+ }
2840
+ @property --tw-backdrop-contrast {
2841
+ syntax: "*";
2842
+ inherits: false;
2843
+ }
2844
+ @property --tw-backdrop-grayscale {
2845
+ syntax: "*";
2846
+ inherits: false;
2847
+ }
2848
+ @property --tw-backdrop-hue-rotate {
2849
+ syntax: "*";
2850
+ inherits: false;
2851
+ }
2852
+ @property --tw-backdrop-invert {
2853
+ syntax: "*";
2854
+ inherits: false;
2855
+ }
2856
+ @property --tw-backdrop-opacity {
2857
+ syntax: "*";
2858
+ inherits: false;
2859
+ }
2860
+ @property --tw-backdrop-saturate {
2861
+ syntax: "*";
2862
+ inherits: false;
2863
+ }
2864
+ @property --tw-backdrop-sepia {
2865
+ syntax: "*";
2866
+ inherits: false;
2867
+ }
2868
+ @property --tw-ease {
2869
+ syntax: "*";
2870
+ inherits: false;
2871
+ }
2872
+ @property --tw-scale-x {
2873
+ syntax: "*";
2874
+ inherits: false;
2875
+ initial-value: 1;
2876
+ }
2877
+ @property --tw-scale-y {
2878
+ syntax: "*";
2879
+ inherits: false;
2880
+ initial-value: 1;
2881
+ }
2882
+ @property --tw-scale-z {
2883
+ syntax: "*";
2884
+ inherits: false;
2885
+ initial-value: 1;
2886
+ }
2887
+ @keyframes spin {
2888
+ to {
2889
+ transform: rotate(360deg);
2890
+ }
2891
+ }
2892
+ @keyframes pulse {
2893
+ 50% {
2894
+ opacity: 0.5;
2895
+ }
2896
+ }
2897
+ @layer properties {
2898
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2899
+ *, ::before, ::after, ::backdrop {
2900
+ --tw-translate-x: 0;
2901
+ --tw-translate-y: 0;
2902
+ --tw-translate-z: 0;
2903
+ --tw-rotate-x: initial;
2904
+ --tw-rotate-y: initial;
2905
+ --tw-rotate-z: initial;
2906
+ --tw-skew-x: initial;
2907
+ --tw-skew-y: initial;
2908
+ --tw-space-y-reverse: 0;
2909
+ --tw-space-x-reverse: 0;
2910
+ --tw-border-style: solid;
2911
+ --tw-gradient-position: initial;
2912
+ --tw-gradient-from: #0000;
2913
+ --tw-gradient-via: #0000;
2914
+ --tw-gradient-to: #0000;
2915
+ --tw-gradient-stops: initial;
2916
+ --tw-gradient-via-stops: initial;
2917
+ --tw-gradient-from-position: 0%;
2918
+ --tw-gradient-via-position: 50%;
2919
+ --tw-gradient-to-position: 100%;
2920
+ --tw-leading: initial;
2921
+ --tw-font-weight: initial;
2922
+ --tw-tracking: initial;
2923
+ --tw-shadow: 0 0 #0000;
2924
+ --tw-shadow-color: initial;
2925
+ --tw-shadow-alpha: 100%;
2926
+ --tw-inset-shadow: 0 0 #0000;
2927
+ --tw-inset-shadow-color: initial;
2928
+ --tw-inset-shadow-alpha: 100%;
2929
+ --tw-ring-color: initial;
2930
+ --tw-ring-shadow: 0 0 #0000;
2931
+ --tw-inset-ring-color: initial;
2932
+ --tw-inset-ring-shadow: 0 0 #0000;
2933
+ --tw-ring-inset: initial;
2934
+ --tw-ring-offset-width: 0px;
2935
+ --tw-ring-offset-color: #fff;
2936
+ --tw-ring-offset-shadow: 0 0 #0000;
2937
+ --tw-outline-style: solid;
2938
+ --tw-backdrop-blur: initial;
2939
+ --tw-backdrop-brightness: initial;
2940
+ --tw-backdrop-contrast: initial;
2941
+ --tw-backdrop-grayscale: initial;
2942
+ --tw-backdrop-hue-rotate: initial;
2943
+ --tw-backdrop-invert: initial;
2944
+ --tw-backdrop-opacity: initial;
2945
+ --tw-backdrop-saturate: initial;
2946
+ --tw-backdrop-sepia: initial;
2947
+ --tw-ease: initial;
2948
+ --tw-scale-x: 1;
2949
+ --tw-scale-y: 1;
2950
+ --tw-scale-z: 1;
2951
+ }
2952
+ }
2953
+ }