listpage-next 0.0.249 → 0.0.250

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/ui.css ADDED
@@ -0,0 +1,2215 @@
1
+ /*! tailwindcss v4.1.17 | 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-400: oklch(70.4% 0.191 22.216);
11
+ --color-red-500: oklch(63.7% 0.237 25.331);
12
+ --color-red-600: oklch(57.7% 0.245 27.325);
13
+ --color-red-900: oklch(39.6% 0.141 25.723);
14
+ --color-orange-400: oklch(75% 0.183 55.934);
15
+ --color-orange-500: oklch(70.5% 0.213 47.604);
16
+ --color-amber-400: oklch(82.8% 0.189 84.429);
17
+ --color-amber-500: oklch(76.9% 0.188 70.08);
18
+ --color-yellow-400: oklch(85.2% 0.199 91.936);
19
+ --color-yellow-500: oklch(79.5% 0.184 86.047);
20
+ --color-lime-400: oklch(84.1% 0.238 128.85);
21
+ --color-lime-500: oklch(76.8% 0.233 130.85);
22
+ --color-green-400: oklch(79.2% 0.209 151.711);
23
+ --color-green-500: oklch(72.3% 0.219 149.579);
24
+ --color-green-600: oklch(62.7% 0.194 149.214);
25
+ --color-emerald-400: oklch(76.5% 0.177 163.223);
26
+ --color-emerald-500: oklch(69.6% 0.17 162.48);
27
+ --color-teal-400: oklch(77.7% 0.152 181.912);
28
+ --color-teal-500: oklch(70.4% 0.14 182.503);
29
+ --color-cyan-400: oklch(78.9% 0.154 211.53);
30
+ --color-cyan-500: oklch(71.5% 0.143 215.221);
31
+ --color-sky-400: oklch(74.6% 0.16 232.661);
32
+ --color-sky-500: oklch(68.5% 0.169 237.323);
33
+ --color-blue-400: oklch(70.7% 0.165 254.624);
34
+ --color-blue-500: oklch(62.3% 0.214 259.815);
35
+ --color-blue-600: oklch(54.6% 0.245 262.881);
36
+ --color-blue-900: oklch(37.9% 0.146 265.522);
37
+ --color-indigo-300: oklch(78.5% 0.115 274.713);
38
+ --color-indigo-400: oklch(67.3% 0.182 276.935);
39
+ --color-indigo-500: oklch(58.5% 0.233 277.117);
40
+ --color-indigo-600: oklch(51.1% 0.262 276.966);
41
+ --color-indigo-900: oklch(35.9% 0.144 278.697);
42
+ --color-violet-400: oklch(70.2% 0.183 293.541);
43
+ --color-violet-500: oklch(60.6% 0.25 292.717);
44
+ --color-purple-400: oklch(71.4% 0.203 305.504);
45
+ --color-purple-500: oklch(62.7% 0.265 303.9);
46
+ --color-fuchsia-400: oklch(74% 0.238 322.16);
47
+ --color-fuchsia-500: oklch(66.7% 0.295 322.15);
48
+ --color-pink-400: oklch(71.8% 0.202 349.761);
49
+ --color-pink-500: oklch(65.6% 0.241 354.308);
50
+ --color-rose-400: oklch(71.2% 0.194 13.428);
51
+ --color-rose-500: oklch(64.5% 0.246 16.439);
52
+ --color-slate-200: oklch(92.9% 0.013 255.508);
53
+ --color-slate-300: oklch(86.9% 0.022 252.894);
54
+ --color-slate-400: oklch(70.4% 0.04 256.788);
55
+ --color-slate-500: oklch(55.4% 0.046 257.417);
56
+ --color-slate-600: oklch(44.6% 0.043 257.281);
57
+ --color-slate-700: oklch(37.2% 0.044 257.287);
58
+ --color-slate-800: oklch(27.9% 0.041 260.031);
59
+ --color-slate-900: oklch(20.8% 0.042 265.755);
60
+ --color-slate-950: oklch(12.9% 0.042 264.695);
61
+ --color-gray-300: oklch(87.2% 0.01 258.338);
62
+ --color-gray-400: oklch(70.7% 0.022 261.325);
63
+ --color-gray-500: oklch(55.1% 0.027 264.364);
64
+ --color-gray-600: oklch(44.6% 0.03 256.802);
65
+ --color-gray-700: oklch(37.3% 0.034 259.733);
66
+ --color-gray-800: oklch(27.8% 0.033 256.848);
67
+ --color-gray-900: oklch(21% 0.034 264.665);
68
+ --color-gray-950: oklch(13% 0.028 261.692);
69
+ --color-zinc-400: oklch(70.5% 0.015 286.067);
70
+ --color-zinc-500: oklch(55.2% 0.016 285.938);
71
+ --color-neutral-200: oklch(92.2% 0 0);
72
+ --color-neutral-400: oklch(70.8% 0 0);
73
+ --color-neutral-500: oklch(55.6% 0 0);
74
+ --color-neutral-600: oklch(43.9% 0 0);
75
+ --color-stone-400: oklch(70.9% 0.01 56.259);
76
+ --color-stone-500: oklch(55.3% 0.013 58.071);
77
+ --color-black: #000;
78
+ --color-white: #fff;
79
+ --spacing: 0.25rem;
80
+ --container-sm: 24rem;
81
+ --container-md: 28rem;
82
+ --container-2xl: 42rem;
83
+ --container-5xl: 64rem;
84
+ --text-xs: 0.75rem;
85
+ --text-xs--line-height: calc(1 / 0.75);
86
+ --text-sm: 0.875rem;
87
+ --text-sm--line-height: calc(1.25 / 0.875);
88
+ --text-lg: 1.125rem;
89
+ --text-lg--line-height: calc(1.75 / 1.125);
90
+ --text-xl: 1.25rem;
91
+ --text-xl--line-height: calc(1.75 / 1.25);
92
+ --font-weight-normal: 400;
93
+ --font-weight-medium: 500;
94
+ --font-weight-semibold: 600;
95
+ --font-weight-bold: 700;
96
+ --tracking-tight: -0.025em;
97
+ --tracking-wider: 0.05em;
98
+ --tracking-widest: 0.1em;
99
+ --radius-md: 0.375rem;
100
+ --radius-lg: 0.5rem;
101
+ --radius-xl: 0.75rem;
102
+ --radius-2xl: 1rem;
103
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
104
+ --animate-spin: spin 1s linear infinite;
105
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
106
+ --blur-sm: 8px;
107
+ --default-transition-duration: 150ms;
108
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
109
+ --default-font-family: var(--font-sans);
110
+ --default-mono-font-family: var(--font-mono);
111
+ }
112
+ }
113
+ @layer base {
114
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
115
+ box-sizing: border-box;
116
+ margin: 0;
117
+ padding: 0;
118
+ border: 0 solid;
119
+ }
120
+ html, :host {
121
+ line-height: 1.5;
122
+ -webkit-text-size-adjust: 100%;
123
+ tab-size: 4;
124
+ 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");
125
+ font-feature-settings: var(--default-font-feature-settings, normal);
126
+ font-variation-settings: var(--default-font-variation-settings, normal);
127
+ -webkit-tap-highlight-color: transparent;
128
+ }
129
+ hr {
130
+ height: 0;
131
+ color: inherit;
132
+ border-top-width: 1px;
133
+ }
134
+ abbr:where([title]) {
135
+ -webkit-text-decoration: underline dotted;
136
+ text-decoration: underline dotted;
137
+ }
138
+ h1, h2, h3, h4, h5, h6 {
139
+ font-size: inherit;
140
+ font-weight: inherit;
141
+ }
142
+ a {
143
+ color: inherit;
144
+ -webkit-text-decoration: inherit;
145
+ text-decoration: inherit;
146
+ }
147
+ b, strong {
148
+ font-weight: bolder;
149
+ }
150
+ code, kbd, samp, pre {
151
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
152
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
153
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
154
+ font-size: 1em;
155
+ }
156
+ small {
157
+ font-size: 80%;
158
+ }
159
+ sub, sup {
160
+ font-size: 75%;
161
+ line-height: 0;
162
+ position: relative;
163
+ vertical-align: baseline;
164
+ }
165
+ sub {
166
+ bottom: -0.25em;
167
+ }
168
+ sup {
169
+ top: -0.5em;
170
+ }
171
+ table {
172
+ text-indent: 0;
173
+ border-color: inherit;
174
+ border-collapse: collapse;
175
+ }
176
+ :-moz-focusring {
177
+ outline: auto;
178
+ }
179
+ progress {
180
+ vertical-align: baseline;
181
+ }
182
+ summary {
183
+ display: list-item;
184
+ }
185
+ ol, ul, menu {
186
+ list-style: none;
187
+ }
188
+ img, svg, video, canvas, audio, iframe, embed, object {
189
+ display: block;
190
+ vertical-align: middle;
191
+ }
192
+ img, video {
193
+ max-width: 100%;
194
+ height: auto;
195
+ }
196
+ button, input, select, optgroup, textarea, ::file-selector-button {
197
+ font: inherit;
198
+ font-feature-settings: inherit;
199
+ font-variation-settings: inherit;
200
+ letter-spacing: inherit;
201
+ color: inherit;
202
+ border-radius: 0;
203
+ background-color: transparent;
204
+ opacity: 1;
205
+ }
206
+ :where(select:is([multiple], [size])) optgroup {
207
+ font-weight: bolder;
208
+ }
209
+ :where(select:is([multiple], [size])) optgroup option {
210
+ padding-inline-start: 20px;
211
+ }
212
+ ::file-selector-button {
213
+ margin-inline-end: 4px;
214
+ }
215
+ ::placeholder {
216
+ opacity: 1;
217
+ }
218
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
219
+ ::placeholder {
220
+ color: currentcolor;
221
+ @supports (color: color-mix(in lab, red, red)) {
222
+ color: color-mix(in oklab, currentcolor 50%, transparent);
223
+ }
224
+ }
225
+ }
226
+ textarea {
227
+ resize: vertical;
228
+ }
229
+ ::-webkit-search-decoration {
230
+ -webkit-appearance: none;
231
+ }
232
+ ::-webkit-date-and-time-value {
233
+ min-height: 1lh;
234
+ text-align: inherit;
235
+ }
236
+ ::-webkit-datetime-edit {
237
+ display: inline-flex;
238
+ }
239
+ ::-webkit-datetime-edit-fields-wrapper {
240
+ padding: 0;
241
+ }
242
+ ::-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 {
243
+ padding-block: 0;
244
+ }
245
+ ::-webkit-calendar-picker-indicator {
246
+ line-height: 1;
247
+ }
248
+ :-moz-ui-invalid {
249
+ box-shadow: none;
250
+ }
251
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
252
+ appearance: button;
253
+ }
254
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
255
+ height: auto;
256
+ }
257
+ [hidden]:where(:not([hidden="until-found"])) {
258
+ display: none !important;
259
+ }
260
+ }
261
+ @layer utilities {
262
+ .invisible {
263
+ visibility: hidden;
264
+ }
265
+ .visible {
266
+ visibility: visible;
267
+ }
268
+ .absolute {
269
+ position: absolute;
270
+ }
271
+ .fixed {
272
+ position: fixed;
273
+ }
274
+ .relative {
275
+ position: relative;
276
+ }
277
+ .inset-0 {
278
+ inset: calc(var(--spacing) * 0);
279
+ }
280
+ .top-1\/2 {
281
+ top: calc(1/2 * 100%);
282
+ }
283
+ .top-2 {
284
+ top: calc(var(--spacing) * 2);
285
+ }
286
+ .right-2 {
287
+ right: calc(var(--spacing) * 2);
288
+ }
289
+ .right-4 {
290
+ right: calc(var(--spacing) * 4);
291
+ }
292
+ .left-2 {
293
+ left: calc(var(--spacing) * 2);
294
+ }
295
+ .left-3 {
296
+ left: calc(var(--spacing) * 3);
297
+ }
298
+ .z-10 {
299
+ z-index: 10;
300
+ }
301
+ .z-50 {
302
+ z-index: 50;
303
+ }
304
+ .col-span-2 {
305
+ grid-column: span 2 / span 2;
306
+ }
307
+ .col-span-3 {
308
+ grid-column: span 3 / span 3;
309
+ }
310
+ .col-span-6 {
311
+ grid-column: span 6 / span 6;
312
+ }
313
+ .container {
314
+ width: 100%;
315
+ @media (width >= 40rem) {
316
+ max-width: 40rem;
317
+ }
318
+ @media (width >= 48rem) {
319
+ max-width: 48rem;
320
+ }
321
+ @media (width >= 64rem) {
322
+ max-width: 64rem;
323
+ }
324
+ @media (width >= 80rem) {
325
+ max-width: 80rem;
326
+ }
327
+ @media (width >= 96rem) {
328
+ max-width: 96rem;
329
+ }
330
+ }
331
+ .mx-2 {
332
+ margin-inline: calc(var(--spacing) * 2);
333
+ }
334
+ .mt-1 {
335
+ margin-top: calc(var(--spacing) * 1);
336
+ }
337
+ .mt-2 {
338
+ margin-top: calc(var(--spacing) * 2);
339
+ }
340
+ .mr-1\.5 {
341
+ margin-right: calc(var(--spacing) * 1.5);
342
+ }
343
+ .mr-4 {
344
+ margin-right: calc(var(--spacing) * 4);
345
+ }
346
+ .mb-0 {
347
+ margin-bottom: calc(var(--spacing) * 0);
348
+ }
349
+ .mb-0\.5 {
350
+ margin-bottom: calc(var(--spacing) * 0.5);
351
+ }
352
+ .mb-1 {
353
+ margin-bottom: calc(var(--spacing) * 1);
354
+ }
355
+ .mb-2 {
356
+ margin-bottom: calc(var(--spacing) * 2);
357
+ }
358
+ .mb-4 {
359
+ margin-bottom: calc(var(--spacing) * 4);
360
+ }
361
+ .mb-6 {
362
+ margin-bottom: calc(var(--spacing) * 6);
363
+ }
364
+ .ml-4 {
365
+ margin-left: calc(var(--spacing) * 4);
366
+ }
367
+ .block {
368
+ display: block;
369
+ }
370
+ .contents {
371
+ display: contents;
372
+ }
373
+ .flex {
374
+ display: flex;
375
+ }
376
+ .grid {
377
+ display: grid;
378
+ }
379
+ .hidden {
380
+ display: none;
381
+ }
382
+ .inline {
383
+ display: inline;
384
+ }
385
+ .inline-flex {
386
+ display: inline-flex;
387
+ }
388
+ .table {
389
+ display: table;
390
+ }
391
+ .h-1\.5 {
392
+ height: calc(var(--spacing) * 1.5);
393
+ }
394
+ .h-3 {
395
+ height: calc(var(--spacing) * 3);
396
+ }
397
+ .h-4 {
398
+ height: calc(var(--spacing) * 4);
399
+ }
400
+ .h-5 {
401
+ height: calc(var(--spacing) * 5);
402
+ }
403
+ .h-6 {
404
+ height: calc(var(--spacing) * 6);
405
+ }
406
+ .h-8 {
407
+ height: calc(var(--spacing) * 8);
408
+ }
409
+ .h-10 {
410
+ height: calc(var(--spacing) * 10);
411
+ }
412
+ .h-12 {
413
+ height: calc(var(--spacing) * 12);
414
+ }
415
+ .h-16 {
416
+ height: calc(var(--spacing) * 16);
417
+ }
418
+ .h-20 {
419
+ height: calc(var(--spacing) * 20);
420
+ }
421
+ .h-24 {
422
+ height: calc(var(--spacing) * 24);
423
+ }
424
+ .h-56 {
425
+ height: calc(var(--spacing) * 56);
426
+ }
427
+ .h-64 {
428
+ height: calc(var(--spacing) * 64);
429
+ }
430
+ .h-\[85vh\] {
431
+ height: 85vh;
432
+ }
433
+ .h-full {
434
+ height: 100%;
435
+ }
436
+ .max-h-0 {
437
+ max-height: calc(var(--spacing) * 0);
438
+ }
439
+ .max-h-\[90vh\] {
440
+ max-height: 90vh;
441
+ }
442
+ .max-h-\[500px\] {
443
+ max-height: 500px;
444
+ }
445
+ .min-h-0 {
446
+ min-height: calc(var(--spacing) * 0);
447
+ }
448
+ .w-1\.5 {
449
+ width: calc(var(--spacing) * 1.5);
450
+ }
451
+ .w-3 {
452
+ width: calc(var(--spacing) * 3);
453
+ }
454
+ .w-4 {
455
+ width: calc(var(--spacing) * 4);
456
+ }
457
+ .w-5 {
458
+ width: calc(var(--spacing) * 5);
459
+ }
460
+ .w-6 {
461
+ width: calc(var(--spacing) * 6);
462
+ }
463
+ .w-8 {
464
+ width: calc(var(--spacing) * 8);
465
+ }
466
+ .w-10 {
467
+ width: calc(var(--spacing) * 10);
468
+ }
469
+ .w-12 {
470
+ width: calc(var(--spacing) * 12);
471
+ }
472
+ .w-16 {
473
+ width: calc(var(--spacing) * 16);
474
+ }
475
+ .w-20 {
476
+ width: calc(var(--spacing) * 20);
477
+ }
478
+ .w-24 {
479
+ width: calc(var(--spacing) * 24);
480
+ }
481
+ .w-44 {
482
+ width: calc(var(--spacing) * 44);
483
+ }
484
+ .w-48 {
485
+ width: calc(var(--spacing) * 48);
486
+ }
487
+ .w-64 {
488
+ width: calc(var(--spacing) * 64);
489
+ }
490
+ .w-80 {
491
+ width: calc(var(--spacing) * 80);
492
+ }
493
+ .w-\[200px\] {
494
+ width: 200px;
495
+ }
496
+ .w-full {
497
+ width: 100%;
498
+ }
499
+ .w-px {
500
+ width: 1px;
501
+ }
502
+ .max-w-2xl {
503
+ max-width: var(--container-2xl);
504
+ }
505
+ .max-w-5xl {
506
+ max-width: var(--container-5xl);
507
+ }
508
+ .max-w-md {
509
+ max-width: var(--container-md);
510
+ }
511
+ .max-w-sm {
512
+ max-width: var(--container-sm);
513
+ }
514
+ .min-w-0 {
515
+ min-width: calc(var(--spacing) * 0);
516
+ }
517
+ .flex-1 {
518
+ flex: 1;
519
+ }
520
+ .flex-shrink {
521
+ flex-shrink: 1;
522
+ }
523
+ .shrink-0 {
524
+ flex-shrink: 0;
525
+ }
526
+ .flex-grow {
527
+ flex-grow: 1;
528
+ }
529
+ .grow {
530
+ flex-grow: 1;
531
+ }
532
+ .grow-0 {
533
+ flex-grow: 0;
534
+ }
535
+ .border-collapse {
536
+ border-collapse: collapse;
537
+ }
538
+ .-translate-y-1\/2 {
539
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
540
+ translate: var(--tw-translate-x) var(--tw-translate-y);
541
+ }
542
+ .scale-100 {
543
+ --tw-scale-x: 100%;
544
+ --tw-scale-y: 100%;
545
+ --tw-scale-z: 100%;
546
+ scale: var(--tw-scale-x) var(--tw-scale-y);
547
+ }
548
+ .rotate-180 {
549
+ rotate: 180deg;
550
+ }
551
+ .transform {
552
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
553
+ }
554
+ .animate-pulse {
555
+ animation: var(--animate-pulse);
556
+ }
557
+ .animate-spin {
558
+ animation: var(--animate-spin);
559
+ }
560
+ .cursor-pointer {
561
+ cursor: pointer;
562
+ }
563
+ .resize {
564
+ resize: both;
565
+ }
566
+ .grid-cols-2 {
567
+ grid-template-columns: repeat(2, minmax(0, 1fr));
568
+ }
569
+ .grid-cols-12 {
570
+ grid-template-columns: repeat(12, minmax(0, 1fr));
571
+ }
572
+ .flex-col {
573
+ flex-direction: column;
574
+ }
575
+ .flex-wrap {
576
+ flex-wrap: wrap;
577
+ }
578
+ .content-start {
579
+ align-content: flex-start;
580
+ }
581
+ .items-center {
582
+ align-items: center;
583
+ }
584
+ .justify-between {
585
+ justify-content: space-between;
586
+ }
587
+ .justify-center {
588
+ justify-content: center;
589
+ }
590
+ .justify-end {
591
+ justify-content: flex-end;
592
+ }
593
+ .gap-1 {
594
+ gap: calc(var(--spacing) * 1);
595
+ }
596
+ .gap-2 {
597
+ gap: calc(var(--spacing) * 2);
598
+ }
599
+ .gap-2\.5 {
600
+ gap: calc(var(--spacing) * 2.5);
601
+ }
602
+ .gap-3 {
603
+ gap: calc(var(--spacing) * 3);
604
+ }
605
+ .gap-4 {
606
+ gap: calc(var(--spacing) * 4);
607
+ }
608
+ .space-y-0\.5 {
609
+ :where(& > :not(:last-child)) {
610
+ --tw-space-y-reverse: 0;
611
+ margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
612
+ margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
613
+ }
614
+ }
615
+ .space-y-4 {
616
+ :where(& > :not(:last-child)) {
617
+ --tw-space-y-reverse: 0;
618
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
619
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
620
+ }
621
+ }
622
+ .space-y-6 {
623
+ :where(& > :not(:last-child)) {
624
+ --tw-space-y-reverse: 0;
625
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
626
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
627
+ }
628
+ }
629
+ .space-x-1 {
630
+ :where(& > :not(:last-child)) {
631
+ --tw-space-x-reverse: 0;
632
+ margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
633
+ margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
634
+ }
635
+ }
636
+ .space-x-2 {
637
+ :where(& > :not(:last-child)) {
638
+ --tw-space-x-reverse: 0;
639
+ margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
640
+ margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
641
+ }
642
+ }
643
+ .truncate {
644
+ overflow: hidden;
645
+ text-overflow: ellipsis;
646
+ white-space: nowrap;
647
+ }
648
+ .overflow-auto {
649
+ overflow: auto;
650
+ }
651
+ .overflow-hidden {
652
+ overflow: hidden;
653
+ }
654
+ .overflow-x-hidden {
655
+ overflow-x: hidden;
656
+ }
657
+ .overflow-y-auto {
658
+ overflow-y: auto;
659
+ }
660
+ .rounded {
661
+ border-radius: 0.25rem;
662
+ }
663
+ .rounded-2xl {
664
+ border-radius: var(--radius-2xl);
665
+ }
666
+ .rounded-full {
667
+ border-radius: calc(infinity * 1px);
668
+ }
669
+ .rounded-lg {
670
+ border-radius: var(--radius-lg);
671
+ }
672
+ .rounded-md {
673
+ border-radius: var(--radius-md);
674
+ }
675
+ .rounded-xl {
676
+ border-radius: var(--radius-xl);
677
+ }
678
+ .border {
679
+ border-style: var(--tw-border-style);
680
+ border-width: 1px;
681
+ }
682
+ .border-2 {
683
+ border-style: var(--tw-border-style);
684
+ border-width: 2px;
685
+ }
686
+ .border-t {
687
+ border-top-style: var(--tw-border-style);
688
+ border-top-width: 1px;
689
+ }
690
+ .border-r {
691
+ border-right-style: var(--tw-border-style);
692
+ border-right-width: 1px;
693
+ }
694
+ .border-b {
695
+ border-bottom-style: var(--tw-border-style);
696
+ border-bottom-width: 1px;
697
+ }
698
+ .border-b-2 {
699
+ border-bottom-style: var(--tw-border-style);
700
+ border-bottom-width: 2px;
701
+ }
702
+ .border-l {
703
+ border-left-style: var(--tw-border-style);
704
+ border-left-width: 1px;
705
+ }
706
+ .border-dashed {
707
+ --tw-border-style: dashed;
708
+ border-style: dashed;
709
+ }
710
+ .border-none {
711
+ --tw-border-style: none;
712
+ border-style: none;
713
+ }
714
+ .border-amber-400\/20 {
715
+ border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
716
+ @supports (color: color-mix(in lab, red, red)) {
717
+ border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
718
+ }
719
+ }
720
+ .border-blue-400\/20 {
721
+ border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
722
+ @supports (color: color-mix(in lab, red, red)) {
723
+ border-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
724
+ }
725
+ }
726
+ .border-cyan-400\/20 {
727
+ border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
728
+ @supports (color: color-mix(in lab, red, red)) {
729
+ border-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
730
+ }
731
+ }
732
+ .border-emerald-400\/20 {
733
+ border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
734
+ @supports (color: color-mix(in lab, red, red)) {
735
+ border-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
736
+ }
737
+ }
738
+ .border-fuchsia-400\/20 {
739
+ border-color: color-mix(in srgb, oklch(74% 0.238 322.16) 20%, transparent);
740
+ @supports (color: color-mix(in lab, red, red)) {
741
+ border-color: color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent);
742
+ }
743
+ }
744
+ .border-gray-400\/20 {
745
+ border-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 20%, transparent);
746
+ @supports (color: color-mix(in lab, red, red)) {
747
+ border-color: color-mix(in oklab, var(--color-gray-400) 20%, transparent);
748
+ }
749
+ }
750
+ .border-gray-700 {
751
+ border-color: var(--color-gray-700);
752
+ }
753
+ .border-gray-800 {
754
+ border-color: var(--color-gray-800);
755
+ }
756
+ .border-green-400\/20 {
757
+ border-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 20%, transparent);
758
+ @supports (color: color-mix(in lab, red, red)) {
759
+ border-color: color-mix(in oklab, var(--color-green-400) 20%, transparent);
760
+ }
761
+ }
762
+ .border-indigo-400\/20 {
763
+ border-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
764
+ @supports (color: color-mix(in lab, red, red)) {
765
+ border-color: color-mix(in oklab, var(--color-indigo-400) 20%, transparent);
766
+ }
767
+ }
768
+ .border-indigo-500 {
769
+ border-color: var(--color-indigo-500);
770
+ }
771
+ .border-indigo-500\/20 {
772
+ border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
773
+ @supports (color: color-mix(in lab, red, red)) {
774
+ border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
775
+ }
776
+ }
777
+ .border-indigo-600 {
778
+ border-color: var(--color-indigo-600);
779
+ }
780
+ .border-lime-400\/20 {
781
+ border-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 20%, transparent);
782
+ @supports (color: color-mix(in lab, red, red)) {
783
+ border-color: color-mix(in oklab, var(--color-lime-400) 20%, transparent);
784
+ }
785
+ }
786
+ .border-neutral-400\/20 {
787
+ border-color: color-mix(in srgb, oklch(70.8% 0 0) 20%, transparent);
788
+ @supports (color: color-mix(in lab, red, red)) {
789
+ border-color: color-mix(in oklab, var(--color-neutral-400) 20%, transparent);
790
+ }
791
+ }
792
+ .border-orange-400\/20 {
793
+ border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 20%, transparent);
794
+ @supports (color: color-mix(in lab, red, red)) {
795
+ border-color: color-mix(in oklab, var(--color-orange-400) 20%, transparent);
796
+ }
797
+ }
798
+ .border-pink-400\/20 {
799
+ border-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 20%, transparent);
800
+ @supports (color: color-mix(in lab, red, red)) {
801
+ border-color: color-mix(in oklab, var(--color-pink-400) 20%, transparent);
802
+ }
803
+ }
804
+ .border-purple-400\/20 {
805
+ border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 20%, transparent);
806
+ @supports (color: color-mix(in lab, red, red)) {
807
+ border-color: color-mix(in oklab, var(--color-purple-400) 20%, transparent);
808
+ }
809
+ }
810
+ .border-red-400\/20 {
811
+ border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
812
+ @supports (color: color-mix(in lab, red, red)) {
813
+ border-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
814
+ }
815
+ }
816
+ .border-red-900\/50 {
817
+ border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
818
+ @supports (color: color-mix(in lab, red, red)) {
819
+ border-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
820
+ }
821
+ }
822
+ .border-rose-400\/20 {
823
+ border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);
824
+ @supports (color: color-mix(in lab, red, red)) {
825
+ border-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
826
+ }
827
+ }
828
+ .border-sky-400\/20 {
829
+ border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 20%, transparent);
830
+ @supports (color: color-mix(in lab, red, red)) {
831
+ border-color: color-mix(in oklab, var(--color-sky-400) 20%, transparent);
832
+ }
833
+ }
834
+ .border-slate-400\/20 {
835
+ border-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 20%, transparent);
836
+ @supports (color: color-mix(in lab, red, red)) {
837
+ border-color: color-mix(in oklab, var(--color-slate-400) 20%, transparent);
838
+ }
839
+ }
840
+ .border-slate-600 {
841
+ border-color: var(--color-slate-600);
842
+ }
843
+ .border-slate-700 {
844
+ border-color: var(--color-slate-700);
845
+ }
846
+ .border-slate-800 {
847
+ border-color: var(--color-slate-800);
848
+ }
849
+ .border-stone-400\/20 {
850
+ border-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 20%, transparent);
851
+ @supports (color: color-mix(in lab, red, red)) {
852
+ border-color: color-mix(in oklab, var(--color-stone-400) 20%, transparent);
853
+ }
854
+ }
855
+ .border-teal-400\/20 {
856
+ border-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 20%, transparent);
857
+ @supports (color: color-mix(in lab, red, red)) {
858
+ border-color: color-mix(in oklab, var(--color-teal-400) 20%, transparent);
859
+ }
860
+ }
861
+ .border-transparent {
862
+ border-color: transparent;
863
+ }
864
+ .border-violet-400\/20 {
865
+ border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 20%, transparent);
866
+ @supports (color: color-mix(in lab, red, red)) {
867
+ border-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
868
+ }
869
+ }
870
+ .border-yellow-400\/20 {
871
+ border-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 20%, transparent);
872
+ @supports (color: color-mix(in lab, red, red)) {
873
+ border-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent);
874
+ }
875
+ }
876
+ .border-zinc-400\/20 {
877
+ border-color: color-mix(in srgb, oklch(70.5% 0.015 286.067) 20%, transparent);
878
+ @supports (color: color-mix(in lab, red, red)) {
879
+ border-color: color-mix(in oklab, var(--color-zinc-400) 20%, transparent);
880
+ }
881
+ }
882
+ .bg-\[\#0B1120\] {
883
+ background-color: #0B1120;
884
+ }
885
+ .bg-\[\#007AFF\] {
886
+ background-color: #007AFF;
887
+ }
888
+ .bg-amber-400\/10 {
889
+ background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
890
+ @supports (color: color-mix(in lab, red, red)) {
891
+ background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
892
+ }
893
+ }
894
+ .bg-amber-500 {
895
+ background-color: var(--color-amber-500);
896
+ }
897
+ .bg-black\/80 {
898
+ background-color: color-mix(in srgb, #000 80%, transparent);
899
+ @supports (color: color-mix(in lab, red, red)) {
900
+ background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
901
+ }
902
+ }
903
+ .bg-blue-400\/10 {
904
+ background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 10%, transparent);
905
+ @supports (color: color-mix(in lab, red, red)) {
906
+ background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent);
907
+ }
908
+ }
909
+ .bg-blue-500 {
910
+ background-color: var(--color-blue-500);
911
+ }
912
+ .bg-blue-600 {
913
+ background-color: var(--color-blue-600);
914
+ }
915
+ .bg-cyan-400\/10 {
916
+ background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 10%, transparent);
917
+ @supports (color: color-mix(in lab, red, red)) {
918
+ background-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
919
+ }
920
+ }
921
+ .bg-cyan-500 {
922
+ background-color: var(--color-cyan-500);
923
+ }
924
+ .bg-emerald-400\/10 {
925
+ background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);
926
+ @supports (color: color-mix(in lab, red, red)) {
927
+ background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
928
+ }
929
+ }
930
+ .bg-emerald-500 {
931
+ background-color: var(--color-emerald-500);
932
+ }
933
+ .bg-fuchsia-400\/10 {
934
+ background-color: color-mix(in srgb, oklch(74% 0.238 322.16) 10%, transparent);
935
+ @supports (color: color-mix(in lab, red, red)) {
936
+ background-color: color-mix(in oklab, var(--color-fuchsia-400) 10%, transparent);
937
+ }
938
+ }
939
+ .bg-fuchsia-500 {
940
+ background-color: var(--color-fuchsia-500);
941
+ }
942
+ .bg-gray-400\/10 {
943
+ background-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent);
944
+ @supports (color: color-mix(in lab, red, red)) {
945
+ background-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
946
+ }
947
+ }
948
+ .bg-gray-500 {
949
+ background-color: var(--color-gray-500);
950
+ }
951
+ .bg-gray-800\/50 {
952
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
953
+ @supports (color: color-mix(in lab, red, red)) {
954
+ background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
955
+ }
956
+ }
957
+ .bg-gray-900 {
958
+ background-color: var(--color-gray-900);
959
+ }
960
+ .bg-gray-950 {
961
+ background-color: var(--color-gray-950);
962
+ }
963
+ .bg-green-400\/10 {
964
+ background-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 10%, transparent);
965
+ @supports (color: color-mix(in lab, red, red)) {
966
+ background-color: color-mix(in oklab, var(--color-green-400) 10%, transparent);
967
+ }
968
+ }
969
+ .bg-green-500 {
970
+ background-color: var(--color-green-500);
971
+ }
972
+ .bg-green-600 {
973
+ background-color: var(--color-green-600);
974
+ }
975
+ .bg-indigo-400\/10 {
976
+ background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 10%, transparent);
977
+ @supports (color: color-mix(in lab, red, red)) {
978
+ background-color: color-mix(in oklab, var(--color-indigo-400) 10%, transparent);
979
+ }
980
+ }
981
+ .bg-indigo-500 {
982
+ background-color: var(--color-indigo-500);
983
+ }
984
+ .bg-indigo-500\/10 {
985
+ background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
986
+ @supports (color: color-mix(in lab, red, red)) {
987
+ background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
988
+ }
989
+ }
990
+ .bg-indigo-500\/20 {
991
+ background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
992
+ @supports (color: color-mix(in lab, red, red)) {
993
+ background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
994
+ }
995
+ }
996
+ .bg-indigo-600 {
997
+ background-color: var(--color-indigo-600);
998
+ }
999
+ .bg-lime-400\/10 {
1000
+ background-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 10%, transparent);
1001
+ @supports (color: color-mix(in lab, red, red)) {
1002
+ background-color: color-mix(in oklab, var(--color-lime-400) 10%, transparent);
1003
+ }
1004
+ }
1005
+ .bg-lime-500 {
1006
+ background-color: var(--color-lime-500);
1007
+ }
1008
+ .bg-neutral-400\/10 {
1009
+ background-color: color-mix(in srgb, oklch(70.8% 0 0) 10%, transparent);
1010
+ @supports (color: color-mix(in lab, red, red)) {
1011
+ background-color: color-mix(in oklab, var(--color-neutral-400) 10%, transparent);
1012
+ }
1013
+ }
1014
+ .bg-neutral-500 {
1015
+ background-color: var(--color-neutral-500);
1016
+ }
1017
+ .bg-orange-400\/10 {
1018
+ background-color: color-mix(in srgb, oklch(75% 0.183 55.934) 10%, transparent);
1019
+ @supports (color: color-mix(in lab, red, red)) {
1020
+ background-color: color-mix(in oklab, var(--color-orange-400) 10%, transparent);
1021
+ }
1022
+ }
1023
+ .bg-orange-500 {
1024
+ background-color: var(--color-orange-500);
1025
+ }
1026
+ .bg-pink-400\/10 {
1027
+ background-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 10%, transparent);
1028
+ @supports (color: color-mix(in lab, red, red)) {
1029
+ background-color: color-mix(in oklab, var(--color-pink-400) 10%, transparent);
1030
+ }
1031
+ }
1032
+ .bg-pink-500 {
1033
+ background-color: var(--color-pink-500);
1034
+ }
1035
+ .bg-purple-400\/10 {
1036
+ background-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 10%, transparent);
1037
+ @supports (color: color-mix(in lab, red, red)) {
1038
+ background-color: color-mix(in oklab, var(--color-purple-400) 10%, transparent);
1039
+ }
1040
+ }
1041
+ .bg-purple-500 {
1042
+ background-color: var(--color-purple-500);
1043
+ }
1044
+ .bg-red-400\/10 {
1045
+ background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 10%, transparent);
1046
+ @supports (color: color-mix(in lab, red, red)) {
1047
+ background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
1048
+ }
1049
+ }
1050
+ .bg-red-500 {
1051
+ background-color: var(--color-red-500);
1052
+ }
1053
+ .bg-red-600 {
1054
+ background-color: var(--color-red-600);
1055
+ }
1056
+ .bg-red-900\/30 {
1057
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
1058
+ @supports (color: color-mix(in lab, red, red)) {
1059
+ background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
1060
+ }
1061
+ }
1062
+ .bg-red-900\/50 {
1063
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
1064
+ @supports (color: color-mix(in lab, red, red)) {
1065
+ background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
1066
+ }
1067
+ }
1068
+ .bg-rose-400\/10 {
1069
+ background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 10%, transparent);
1070
+ @supports (color: color-mix(in lab, red, red)) {
1071
+ background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
1072
+ }
1073
+ }
1074
+ .bg-rose-500 {
1075
+ background-color: var(--color-rose-500);
1076
+ }
1077
+ .bg-sky-400\/10 {
1078
+ background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 10%, transparent);
1079
+ @supports (color: color-mix(in lab, red, red)) {
1080
+ background-color: color-mix(in oklab, var(--color-sky-400) 10%, transparent);
1081
+ }
1082
+ }
1083
+ .bg-sky-500 {
1084
+ background-color: var(--color-sky-500);
1085
+ }
1086
+ .bg-slate-400\/10 {
1087
+ background-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 10%, transparent);
1088
+ @supports (color: color-mix(in lab, red, red)) {
1089
+ background-color: color-mix(in oklab, var(--color-slate-400) 10%, transparent);
1090
+ }
1091
+ }
1092
+ .bg-slate-500 {
1093
+ background-color: var(--color-slate-500);
1094
+ }
1095
+ .bg-slate-700 {
1096
+ background-color: var(--color-slate-700);
1097
+ }
1098
+ .bg-slate-800 {
1099
+ background-color: var(--color-slate-800);
1100
+ }
1101
+ .bg-slate-800\/30 {
1102
+ background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent);
1103
+ @supports (color: color-mix(in lab, red, red)) {
1104
+ background-color: color-mix(in oklab, var(--color-slate-800) 30%, transparent);
1105
+ }
1106
+ }
1107
+ .bg-slate-800\/50 {
1108
+ background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
1109
+ @supports (color: color-mix(in lab, red, red)) {
1110
+ background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
1111
+ }
1112
+ }
1113
+ .bg-slate-900 {
1114
+ background-color: var(--color-slate-900);
1115
+ }
1116
+ .bg-slate-900\/50 {
1117
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
1118
+ @supports (color: color-mix(in lab, red, red)) {
1119
+ background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
1120
+ }
1121
+ }
1122
+ .bg-slate-900\/80 {
1123
+ background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);
1124
+ @supports (color: color-mix(in lab, red, red)) {
1125
+ background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
1126
+ }
1127
+ }
1128
+ .bg-slate-950 {
1129
+ background-color: var(--color-slate-950);
1130
+ }
1131
+ .bg-stone-400\/10 {
1132
+ background-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 10%, transparent);
1133
+ @supports (color: color-mix(in lab, red, red)) {
1134
+ background-color: color-mix(in oklab, var(--color-stone-400) 10%, transparent);
1135
+ }
1136
+ }
1137
+ .bg-stone-500 {
1138
+ background-color: var(--color-stone-500);
1139
+ }
1140
+ .bg-teal-400\/10 {
1141
+ background-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 10%, transparent);
1142
+ @supports (color: color-mix(in lab, red, red)) {
1143
+ background-color: color-mix(in oklab, var(--color-teal-400) 10%, transparent);
1144
+ }
1145
+ }
1146
+ .bg-teal-500 {
1147
+ background-color: var(--color-teal-500);
1148
+ }
1149
+ .bg-violet-400\/10 {
1150
+ background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 10%, transparent);
1151
+ @supports (color: color-mix(in lab, red, red)) {
1152
+ background-color: color-mix(in oklab, var(--color-violet-400) 10%, transparent);
1153
+ }
1154
+ }
1155
+ .bg-violet-500 {
1156
+ background-color: var(--color-violet-500);
1157
+ }
1158
+ .bg-white\/10 {
1159
+ background-color: color-mix(in srgb, #fff 10%, transparent);
1160
+ @supports (color: color-mix(in lab, red, red)) {
1161
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1162
+ }
1163
+ }
1164
+ .bg-white\/20 {
1165
+ background-color: color-mix(in srgb, #fff 20%, transparent);
1166
+ @supports (color: color-mix(in lab, red, red)) {
1167
+ background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1168
+ }
1169
+ }
1170
+ .bg-yellow-400\/10 {
1171
+ background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 10%, transparent);
1172
+ @supports (color: color-mix(in lab, red, red)) {
1173
+ background-color: color-mix(in oklab, var(--color-yellow-400) 10%, transparent);
1174
+ }
1175
+ }
1176
+ .bg-yellow-500 {
1177
+ background-color: var(--color-yellow-500);
1178
+ }
1179
+ .bg-zinc-400\/10 {
1180
+ background-color: color-mix(in srgb, oklch(70.5% 0.015 286.067) 10%, transparent);
1181
+ @supports (color: color-mix(in lab, red, red)) {
1182
+ background-color: color-mix(in oklab, var(--color-zinc-400) 10%, transparent);
1183
+ }
1184
+ }
1185
+ .bg-zinc-500 {
1186
+ background-color: var(--color-zinc-500);
1187
+ }
1188
+ .fill-current {
1189
+ fill: currentcolor;
1190
+ }
1191
+ .fill-indigo-400\/20 {
1192
+ fill: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
1193
+ @supports (color: color-mix(in lab, red, red)) {
1194
+ fill: color-mix(in oklab, var(--color-indigo-400) 20%, transparent);
1195
+ }
1196
+ }
1197
+ .object-contain {
1198
+ object-fit: contain;
1199
+ }
1200
+ .object-cover {
1201
+ object-fit: cover;
1202
+ }
1203
+ .p-0\.5 {
1204
+ padding: calc(var(--spacing) * 0.5);
1205
+ }
1206
+ .p-1 {
1207
+ padding: calc(var(--spacing) * 1);
1208
+ }
1209
+ .p-1\.5 {
1210
+ padding: calc(var(--spacing) * 1.5);
1211
+ }
1212
+ .p-2 {
1213
+ padding: calc(var(--spacing) * 2);
1214
+ }
1215
+ .p-4 {
1216
+ padding: calc(var(--spacing) * 4);
1217
+ }
1218
+ .p-6 {
1219
+ padding: calc(var(--spacing) * 6);
1220
+ }
1221
+ .p-8 {
1222
+ padding: calc(var(--spacing) * 8);
1223
+ }
1224
+ .px-0 {
1225
+ padding-inline: calc(var(--spacing) * 0);
1226
+ }
1227
+ .px-1\.5 {
1228
+ padding-inline: calc(var(--spacing) * 1.5);
1229
+ }
1230
+ .px-2 {
1231
+ padding-inline: calc(var(--spacing) * 2);
1232
+ }
1233
+ .px-2\.5 {
1234
+ padding-inline: calc(var(--spacing) * 2.5);
1235
+ }
1236
+ .px-3 {
1237
+ padding-inline: calc(var(--spacing) * 3);
1238
+ }
1239
+ .px-4 {
1240
+ padding-inline: calc(var(--spacing) * 4);
1241
+ }
1242
+ .px-6 {
1243
+ padding-inline: calc(var(--spacing) * 6);
1244
+ }
1245
+ .py-0\.5 {
1246
+ padding-block: calc(var(--spacing) * 0.5);
1247
+ }
1248
+ .py-1 {
1249
+ padding-block: calc(var(--spacing) * 1);
1250
+ }
1251
+ .py-1\.5 {
1252
+ padding-block: calc(var(--spacing) * 1.5);
1253
+ }
1254
+ .py-2 {
1255
+ padding-block: calc(var(--spacing) * 2);
1256
+ }
1257
+ .py-2\.5 {
1258
+ padding-block: calc(var(--spacing) * 2.5);
1259
+ }
1260
+ .py-3 {
1261
+ padding-block: calc(var(--spacing) * 3);
1262
+ }
1263
+ .py-4 {
1264
+ padding-block: calc(var(--spacing) * 4);
1265
+ }
1266
+ .py-12 {
1267
+ padding-block: calc(var(--spacing) * 12);
1268
+ }
1269
+ .py-px {
1270
+ padding-block: 1px;
1271
+ }
1272
+ .pr-3 {
1273
+ padding-right: calc(var(--spacing) * 3);
1274
+ }
1275
+ .pr-4 {
1276
+ padding-right: calc(var(--spacing) * 4);
1277
+ }
1278
+ .pl-9 {
1279
+ padding-left: calc(var(--spacing) * 9);
1280
+ }
1281
+ .pl-10 {
1282
+ padding-left: calc(var(--spacing) * 10);
1283
+ }
1284
+ .text-center {
1285
+ text-align: center;
1286
+ }
1287
+ .font-mono {
1288
+ font-family: var(--font-mono);
1289
+ }
1290
+ .font-sans {
1291
+ font-family: var(--font-sans);
1292
+ }
1293
+ .text-lg {
1294
+ font-size: var(--text-lg);
1295
+ line-height: var(--tw-leading, var(--text-lg--line-height));
1296
+ }
1297
+ .text-sm {
1298
+ font-size: var(--text-sm);
1299
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1300
+ }
1301
+ .text-xl {
1302
+ font-size: var(--text-xl);
1303
+ line-height: var(--tw-leading, var(--text-xl--line-height));
1304
+ }
1305
+ .text-xs {
1306
+ font-size: var(--text-xs);
1307
+ line-height: var(--tw-leading, var(--text-xs--line-height));
1308
+ }
1309
+ .text-\[10px\] {
1310
+ font-size: 10px;
1311
+ }
1312
+ .text-\[11px\] {
1313
+ font-size: 11px;
1314
+ }
1315
+ .text-\[13px\] {
1316
+ font-size: 13px;
1317
+ }
1318
+ .leading-none {
1319
+ --tw-leading: 1;
1320
+ line-height: 1;
1321
+ }
1322
+ .font-bold {
1323
+ --tw-font-weight: var(--font-weight-bold);
1324
+ font-weight: var(--font-weight-bold);
1325
+ }
1326
+ .font-medium {
1327
+ --tw-font-weight: var(--font-weight-medium);
1328
+ font-weight: var(--font-weight-medium);
1329
+ }
1330
+ .font-normal {
1331
+ --tw-font-weight: var(--font-weight-normal);
1332
+ font-weight: var(--font-weight-normal);
1333
+ }
1334
+ .font-semibold {
1335
+ --tw-font-weight: var(--font-weight-semibold);
1336
+ font-weight: var(--font-weight-semibold);
1337
+ }
1338
+ .tracking-tight {
1339
+ --tw-tracking: var(--tracking-tight);
1340
+ letter-spacing: var(--tracking-tight);
1341
+ }
1342
+ .tracking-wider {
1343
+ --tw-tracking: var(--tracking-wider);
1344
+ letter-spacing: var(--tracking-wider);
1345
+ }
1346
+ .tracking-widest {
1347
+ --tw-tracking: var(--tracking-widest);
1348
+ letter-spacing: var(--tracking-widest);
1349
+ }
1350
+ .wrap-break-word {
1351
+ overflow-wrap: break-word;
1352
+ }
1353
+ .break-all {
1354
+ word-break: break-all;
1355
+ }
1356
+ .whitespace-pre-wrap {
1357
+ white-space: pre-wrap;
1358
+ }
1359
+ .text-amber-400 {
1360
+ color: var(--color-amber-400);
1361
+ }
1362
+ .text-blue-400 {
1363
+ color: var(--color-blue-400);
1364
+ }
1365
+ .text-blue-500 {
1366
+ color: var(--color-blue-500);
1367
+ }
1368
+ .text-cyan-400 {
1369
+ color: var(--color-cyan-400);
1370
+ }
1371
+ .text-emerald-400 {
1372
+ color: var(--color-emerald-400);
1373
+ }
1374
+ .text-fuchsia-400 {
1375
+ color: var(--color-fuchsia-400);
1376
+ }
1377
+ .text-gray-300 {
1378
+ color: var(--color-gray-300);
1379
+ }
1380
+ .text-gray-400 {
1381
+ color: var(--color-gray-400);
1382
+ }
1383
+ .text-gray-500 {
1384
+ color: var(--color-gray-500);
1385
+ }
1386
+ .text-gray-600 {
1387
+ color: var(--color-gray-600);
1388
+ }
1389
+ .text-green-400 {
1390
+ color: var(--color-green-400);
1391
+ }
1392
+ .text-green-500 {
1393
+ color: var(--color-green-500);
1394
+ }
1395
+ .text-indigo-300 {
1396
+ color: var(--color-indigo-300);
1397
+ }
1398
+ .text-indigo-400 {
1399
+ color: var(--color-indigo-400);
1400
+ }
1401
+ .text-indigo-500 {
1402
+ color: var(--color-indigo-500);
1403
+ }
1404
+ .text-lime-400 {
1405
+ color: var(--color-lime-400);
1406
+ }
1407
+ .text-neutral-400 {
1408
+ color: var(--color-neutral-400);
1409
+ }
1410
+ .text-neutral-500 {
1411
+ color: var(--color-neutral-500);
1412
+ }
1413
+ .text-neutral-600 {
1414
+ color: var(--color-neutral-600);
1415
+ }
1416
+ .text-orange-400 {
1417
+ color: var(--color-orange-400);
1418
+ }
1419
+ .text-pink-400 {
1420
+ color: var(--color-pink-400);
1421
+ }
1422
+ .text-purple-400 {
1423
+ color: var(--color-purple-400);
1424
+ }
1425
+ .text-red-400 {
1426
+ color: var(--color-red-400);
1427
+ }
1428
+ .text-red-500 {
1429
+ color: var(--color-red-500);
1430
+ }
1431
+ .text-rose-400 {
1432
+ color: var(--color-rose-400);
1433
+ }
1434
+ .text-sky-400 {
1435
+ color: var(--color-sky-400);
1436
+ }
1437
+ .text-slate-200 {
1438
+ color: var(--color-slate-200);
1439
+ }
1440
+ .text-slate-300 {
1441
+ color: var(--color-slate-300);
1442
+ }
1443
+ .text-slate-400 {
1444
+ color: var(--color-slate-400);
1445
+ }
1446
+ .text-slate-500 {
1447
+ color: var(--color-slate-500);
1448
+ }
1449
+ .text-slate-600 {
1450
+ color: var(--color-slate-600);
1451
+ }
1452
+ .text-stone-400 {
1453
+ color: var(--color-stone-400);
1454
+ }
1455
+ .text-teal-400 {
1456
+ color: var(--color-teal-400);
1457
+ }
1458
+ .text-violet-400 {
1459
+ color: var(--color-violet-400);
1460
+ }
1461
+ .text-white {
1462
+ color: var(--color-white);
1463
+ }
1464
+ .text-white\/70 {
1465
+ color: color-mix(in srgb, #fff 70%, transparent);
1466
+ @supports (color: color-mix(in lab, red, red)) {
1467
+ color: color-mix(in oklab, var(--color-white) 70%, transparent);
1468
+ }
1469
+ }
1470
+ .text-yellow-400 {
1471
+ color: var(--color-yellow-400);
1472
+ }
1473
+ .text-yellow-500 {
1474
+ color: var(--color-yellow-500);
1475
+ }
1476
+ .text-zinc-400 {
1477
+ color: var(--color-zinc-400);
1478
+ }
1479
+ .capitalize {
1480
+ text-transform: capitalize;
1481
+ }
1482
+ .uppercase {
1483
+ text-transform: uppercase;
1484
+ }
1485
+ .italic {
1486
+ font-style: italic;
1487
+ }
1488
+ .placeholder-slate-600 {
1489
+ &::placeholder {
1490
+ color: var(--color-slate-600);
1491
+ }
1492
+ }
1493
+ .opacity-0 {
1494
+ opacity: 0%;
1495
+ }
1496
+ .opacity-50 {
1497
+ opacity: 50%;
1498
+ }
1499
+ .opacity-70 {
1500
+ opacity: 70%;
1501
+ }
1502
+ .opacity-100 {
1503
+ opacity: 100%;
1504
+ }
1505
+ .shadow-2xl {
1506
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1507
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1508
+ }
1509
+ .shadow-lg {
1510
+ --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));
1511
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1512
+ }
1513
+ .shadow-sm {
1514
+ --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));
1515
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1516
+ }
1517
+ .ring-1 {
1518
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1519
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1520
+ }
1521
+ .shadow-blue-900\/20 {
1522
+ --tw-shadow-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
1523
+ @supports (color: color-mix(in lab, red, red)) {
1524
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
1525
+ }
1526
+ }
1527
+ .shadow-indigo-500\/20 {
1528
+ --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
1529
+ @supports (color: color-mix(in lab, red, red)) {
1530
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
1531
+ }
1532
+ }
1533
+ .shadow-indigo-900\/20 {
1534
+ --tw-shadow-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
1535
+ @supports (color: color-mix(in lab, red, red)) {
1536
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
1537
+ }
1538
+ }
1539
+ .shadow-red-900\/20 {
1540
+ --tw-shadow-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
1541
+ @supports (color: color-mix(in lab, red, red)) {
1542
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
1543
+ }
1544
+ }
1545
+ .ring-indigo-500 {
1546
+ --tw-ring-color: var(--color-indigo-500);
1547
+ }
1548
+ .outline {
1549
+ outline-style: var(--tw-outline-style);
1550
+ outline-width: 1px;
1551
+ }
1552
+ .filter {
1553
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1554
+ }
1555
+ .backdrop-blur {
1556
+ --tw-backdrop-blur: blur(8px);
1557
+ -webkit-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,);
1558
+ 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,);
1559
+ }
1560
+ .backdrop-blur-sm {
1561
+ --tw-backdrop-blur: blur(var(--blur-sm));
1562
+ -webkit-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,);
1563
+ 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,);
1564
+ }
1565
+ .transition {
1566
+ 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;
1567
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1568
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1569
+ }
1570
+ .transition-all {
1571
+ transition-property: all;
1572
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1573
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1574
+ }
1575
+ .transition-colors {
1576
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1577
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1578
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1579
+ }
1580
+ .transition-opacity {
1581
+ transition-property: opacity;
1582
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1583
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1584
+ }
1585
+ .transition-transform {
1586
+ transition-property: transform, translate, scale, rotate;
1587
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1588
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1589
+ }
1590
+ .duration-200 {
1591
+ --tw-duration: 200ms;
1592
+ transition-duration: 200ms;
1593
+ }
1594
+ .duration-300 {
1595
+ --tw-duration: 300ms;
1596
+ transition-duration: 300ms;
1597
+ }
1598
+ .ease-in-out {
1599
+ --tw-ease: var(--ease-in-out);
1600
+ transition-timing-function: var(--ease-in-out);
1601
+ }
1602
+ .outline-none {
1603
+ --tw-outline-style: none;
1604
+ outline-style: none;
1605
+ }
1606
+ .select-none {
1607
+ -webkit-user-select: none;
1608
+ user-select: none;
1609
+ }
1610
+ .group-hover\:scale-105 {
1611
+ &:is(:where(.group):hover *) {
1612
+ @media (hover: hover) {
1613
+ --tw-scale-x: 105%;
1614
+ --tw-scale-y: 105%;
1615
+ --tw-scale-z: 105%;
1616
+ scale: var(--tw-scale-x) var(--tw-scale-y);
1617
+ }
1618
+ }
1619
+ }
1620
+ .group-hover\:bg-indigo-500\/20 {
1621
+ &:is(:where(.group):hover *) {
1622
+ @media (hover: hover) {
1623
+ background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
1624
+ @supports (color: color-mix(in lab, red, red)) {
1625
+ background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
1626
+ }
1627
+ }
1628
+ }
1629
+ }
1630
+ .group-hover\:text-indigo-300 {
1631
+ &:is(:where(.group):hover *) {
1632
+ @media (hover: hover) {
1633
+ color: var(--color-indigo-300);
1634
+ }
1635
+ }
1636
+ }
1637
+ .group-hover\:text-indigo-400 {
1638
+ &:is(:where(.group):hover *) {
1639
+ @media (hover: hover) {
1640
+ color: var(--color-indigo-400);
1641
+ }
1642
+ }
1643
+ }
1644
+ .group-hover\:opacity-100 {
1645
+ &:is(:where(.group):hover *) {
1646
+ @media (hover: hover) {
1647
+ opacity: 100%;
1648
+ }
1649
+ }
1650
+ }
1651
+ .hover\:scale-\[1\.02\] {
1652
+ &:hover {
1653
+ @media (hover: hover) {
1654
+ scale: 1.02;
1655
+ }
1656
+ }
1657
+ }
1658
+ .hover\:border-indigo-500 {
1659
+ &:hover {
1660
+ @media (hover: hover) {
1661
+ border-color: var(--color-indigo-500);
1662
+ }
1663
+ }
1664
+ }
1665
+ .hover\:border-indigo-500\/50 {
1666
+ &:hover {
1667
+ @media (hover: hover) {
1668
+ border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 50%, transparent);
1669
+ @supports (color: color-mix(in lab, red, red)) {
1670
+ border-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent);
1671
+ }
1672
+ }
1673
+ }
1674
+ }
1675
+ .hover\:bg-blue-500 {
1676
+ &:hover {
1677
+ @media (hover: hover) {
1678
+ background-color: var(--color-blue-500);
1679
+ }
1680
+ }
1681
+ }
1682
+ .hover\:bg-gray-800 {
1683
+ &:hover {
1684
+ @media (hover: hover) {
1685
+ background-color: var(--color-gray-800);
1686
+ }
1687
+ }
1688
+ }
1689
+ .hover\:bg-gray-800\/30 {
1690
+ &:hover {
1691
+ @media (hover: hover) {
1692
+ background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 30%, transparent);
1693
+ @supports (color: color-mix(in lab, red, red)) {
1694
+ background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent);
1695
+ }
1696
+ }
1697
+ }
1698
+ }
1699
+ .hover\:bg-gray-900\/50 {
1700
+ &:hover {
1701
+ @media (hover: hover) {
1702
+ background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
1703
+ @supports (color: color-mix(in lab, red, red)) {
1704
+ background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
1705
+ }
1706
+ }
1707
+ }
1708
+ }
1709
+ .hover\:bg-indigo-500 {
1710
+ &:hover {
1711
+ @media (hover: hover) {
1712
+ background-color: var(--color-indigo-500);
1713
+ }
1714
+ }
1715
+ }
1716
+ .hover\:bg-red-500 {
1717
+ &:hover {
1718
+ @media (hover: hover) {
1719
+ background-color: var(--color-red-500);
1720
+ }
1721
+ }
1722
+ }
1723
+ .hover\:bg-red-600 {
1724
+ &:hover {
1725
+ @media (hover: hover) {
1726
+ background-color: var(--color-red-600);
1727
+ }
1728
+ }
1729
+ }
1730
+ .hover\:bg-red-900\/20 {
1731
+ &:hover {
1732
+ @media (hover: hover) {
1733
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
1734
+ @supports (color: color-mix(in lab, red, red)) {
1735
+ background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
1736
+ }
1737
+ }
1738
+ }
1739
+ }
1740
+ .hover\:bg-slate-600 {
1741
+ &:hover {
1742
+ @media (hover: hover) {
1743
+ background-color: var(--color-slate-600);
1744
+ }
1745
+ }
1746
+ }
1747
+ .hover\:bg-slate-700 {
1748
+ &:hover {
1749
+ @media (hover: hover) {
1750
+ background-color: var(--color-slate-700);
1751
+ }
1752
+ }
1753
+ }
1754
+ .hover\:bg-slate-700\/50 {
1755
+ &:hover {
1756
+ @media (hover: hover) {
1757
+ background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
1758
+ @supports (color: color-mix(in lab, red, red)) {
1759
+ background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
1760
+ }
1761
+ }
1762
+ }
1763
+ }
1764
+ .hover\:bg-slate-800\/30 {
1765
+ &:hover {
1766
+ @media (hover: hover) {
1767
+ background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent);
1768
+ @supports (color: color-mix(in lab, red, red)) {
1769
+ background-color: color-mix(in oklab, var(--color-slate-800) 30%, transparent);
1770
+ }
1771
+ }
1772
+ }
1773
+ }
1774
+ .hover\:bg-slate-800\/50 {
1775
+ &:hover {
1776
+ @media (hover: hover) {
1777
+ background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
1778
+ @supports (color: color-mix(in lab, red, red)) {
1779
+ background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
1780
+ }
1781
+ }
1782
+ }
1783
+ }
1784
+ .hover\:bg-white\/10 {
1785
+ &:hover {
1786
+ @media (hover: hover) {
1787
+ background-color: color-mix(in srgb, #fff 10%, transparent);
1788
+ @supports (color: color-mix(in lab, red, red)) {
1789
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1790
+ }
1791
+ }
1792
+ }
1793
+ }
1794
+ .hover\:text-gray-300 {
1795
+ &:hover {
1796
+ @media (hover: hover) {
1797
+ color: var(--color-gray-300);
1798
+ }
1799
+ }
1800
+ }
1801
+ .hover\:text-neutral-200 {
1802
+ &:hover {
1803
+ @media (hover: hover) {
1804
+ color: var(--color-neutral-200);
1805
+ }
1806
+ }
1807
+ }
1808
+ .hover\:text-white {
1809
+ &:hover {
1810
+ @media (hover: hover) {
1811
+ color: var(--color-white);
1812
+ }
1813
+ }
1814
+ }
1815
+ .focus\:ring-1 {
1816
+ &:focus {
1817
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1818
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1819
+ }
1820
+ }
1821
+ .focus\:ring-2 {
1822
+ &:focus {
1823
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1824
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1825
+ }
1826
+ }
1827
+ .focus\:ring-indigo-500 {
1828
+ &:focus {
1829
+ --tw-ring-color: var(--color-indigo-500);
1830
+ }
1831
+ }
1832
+ .focus\:ring-indigo-500\/50 {
1833
+ &:focus {
1834
+ --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 50%, transparent);
1835
+ @supports (color: color-mix(in lab, red, red)) {
1836
+ --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent);
1837
+ }
1838
+ }
1839
+ }
1840
+ .focus\:outline-none {
1841
+ &:focus {
1842
+ --tw-outline-style: none;
1843
+ outline-style: none;
1844
+ }
1845
+ }
1846
+ .focus-visible\:ring-2 {
1847
+ &:focus-visible {
1848
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1849
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1850
+ }
1851
+ }
1852
+ .focus-visible\:ring-blue-500 {
1853
+ &:focus-visible {
1854
+ --tw-ring-color: var(--color-blue-500);
1855
+ }
1856
+ }
1857
+ .focus-visible\:ring-gray-500 {
1858
+ &:focus-visible {
1859
+ --tw-ring-color: var(--color-gray-500);
1860
+ }
1861
+ }
1862
+ .focus-visible\:ring-offset-2 {
1863
+ &:focus-visible {
1864
+ --tw-ring-offset-width: 2px;
1865
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1866
+ }
1867
+ }
1868
+ .focus-visible\:outline-none {
1869
+ &:focus-visible {
1870
+ --tw-outline-style: none;
1871
+ outline-style: none;
1872
+ }
1873
+ }
1874
+ .active\:scale-\[0\.98\] {
1875
+ &:active {
1876
+ scale: 0.98;
1877
+ }
1878
+ }
1879
+ .active\:bg-gray-700 {
1880
+ &:active {
1881
+ background-color: var(--color-gray-700);
1882
+ }
1883
+ }
1884
+ .disabled\:cursor-not-allowed {
1885
+ &:disabled {
1886
+ cursor: not-allowed;
1887
+ }
1888
+ }
1889
+ .disabled\:opacity-50 {
1890
+ &:disabled {
1891
+ opacity: 50%;
1892
+ }
1893
+ }
1894
+ .sm\:inline {
1895
+ @media (width >= 40rem) {
1896
+ display: inline;
1897
+ }
1898
+ }
1899
+ }
1900
+ @property --tw-translate-x {
1901
+ syntax: "*";
1902
+ inherits: false;
1903
+ initial-value: 0;
1904
+ }
1905
+ @property --tw-translate-y {
1906
+ syntax: "*";
1907
+ inherits: false;
1908
+ initial-value: 0;
1909
+ }
1910
+ @property --tw-translate-z {
1911
+ syntax: "*";
1912
+ inherits: false;
1913
+ initial-value: 0;
1914
+ }
1915
+ @property --tw-scale-x {
1916
+ syntax: "*";
1917
+ inherits: false;
1918
+ initial-value: 1;
1919
+ }
1920
+ @property --tw-scale-y {
1921
+ syntax: "*";
1922
+ inherits: false;
1923
+ initial-value: 1;
1924
+ }
1925
+ @property --tw-scale-z {
1926
+ syntax: "*";
1927
+ inherits: false;
1928
+ initial-value: 1;
1929
+ }
1930
+ @property --tw-rotate-x {
1931
+ syntax: "*";
1932
+ inherits: false;
1933
+ }
1934
+ @property --tw-rotate-y {
1935
+ syntax: "*";
1936
+ inherits: false;
1937
+ }
1938
+ @property --tw-rotate-z {
1939
+ syntax: "*";
1940
+ inherits: false;
1941
+ }
1942
+ @property --tw-skew-x {
1943
+ syntax: "*";
1944
+ inherits: false;
1945
+ }
1946
+ @property --tw-skew-y {
1947
+ syntax: "*";
1948
+ inherits: false;
1949
+ }
1950
+ @property --tw-space-y-reverse {
1951
+ syntax: "*";
1952
+ inherits: false;
1953
+ initial-value: 0;
1954
+ }
1955
+ @property --tw-space-x-reverse {
1956
+ syntax: "*";
1957
+ inherits: false;
1958
+ initial-value: 0;
1959
+ }
1960
+ @property --tw-border-style {
1961
+ syntax: "*";
1962
+ inherits: false;
1963
+ initial-value: solid;
1964
+ }
1965
+ @property --tw-leading {
1966
+ syntax: "*";
1967
+ inherits: false;
1968
+ }
1969
+ @property --tw-font-weight {
1970
+ syntax: "*";
1971
+ inherits: false;
1972
+ }
1973
+ @property --tw-tracking {
1974
+ syntax: "*";
1975
+ inherits: false;
1976
+ }
1977
+ @property --tw-shadow {
1978
+ syntax: "*";
1979
+ inherits: false;
1980
+ initial-value: 0 0 #0000;
1981
+ }
1982
+ @property --tw-shadow-color {
1983
+ syntax: "*";
1984
+ inherits: false;
1985
+ }
1986
+ @property --tw-shadow-alpha {
1987
+ syntax: "<percentage>";
1988
+ inherits: false;
1989
+ initial-value: 100%;
1990
+ }
1991
+ @property --tw-inset-shadow {
1992
+ syntax: "*";
1993
+ inherits: false;
1994
+ initial-value: 0 0 #0000;
1995
+ }
1996
+ @property --tw-inset-shadow-color {
1997
+ syntax: "*";
1998
+ inherits: false;
1999
+ }
2000
+ @property --tw-inset-shadow-alpha {
2001
+ syntax: "<percentage>";
2002
+ inherits: false;
2003
+ initial-value: 100%;
2004
+ }
2005
+ @property --tw-ring-color {
2006
+ syntax: "*";
2007
+ inherits: false;
2008
+ }
2009
+ @property --tw-ring-shadow {
2010
+ syntax: "*";
2011
+ inherits: false;
2012
+ initial-value: 0 0 #0000;
2013
+ }
2014
+ @property --tw-inset-ring-color {
2015
+ syntax: "*";
2016
+ inherits: false;
2017
+ }
2018
+ @property --tw-inset-ring-shadow {
2019
+ syntax: "*";
2020
+ inherits: false;
2021
+ initial-value: 0 0 #0000;
2022
+ }
2023
+ @property --tw-ring-inset {
2024
+ syntax: "*";
2025
+ inherits: false;
2026
+ }
2027
+ @property --tw-ring-offset-width {
2028
+ syntax: "<length>";
2029
+ inherits: false;
2030
+ initial-value: 0px;
2031
+ }
2032
+ @property --tw-ring-offset-color {
2033
+ syntax: "*";
2034
+ inherits: false;
2035
+ initial-value: #fff;
2036
+ }
2037
+ @property --tw-ring-offset-shadow {
2038
+ syntax: "*";
2039
+ inherits: false;
2040
+ initial-value: 0 0 #0000;
2041
+ }
2042
+ @property --tw-outline-style {
2043
+ syntax: "*";
2044
+ inherits: false;
2045
+ initial-value: solid;
2046
+ }
2047
+ @property --tw-blur {
2048
+ syntax: "*";
2049
+ inherits: false;
2050
+ }
2051
+ @property --tw-brightness {
2052
+ syntax: "*";
2053
+ inherits: false;
2054
+ }
2055
+ @property --tw-contrast {
2056
+ syntax: "*";
2057
+ inherits: false;
2058
+ }
2059
+ @property --tw-grayscale {
2060
+ syntax: "*";
2061
+ inherits: false;
2062
+ }
2063
+ @property --tw-hue-rotate {
2064
+ syntax: "*";
2065
+ inherits: false;
2066
+ }
2067
+ @property --tw-invert {
2068
+ syntax: "*";
2069
+ inherits: false;
2070
+ }
2071
+ @property --tw-opacity {
2072
+ syntax: "*";
2073
+ inherits: false;
2074
+ }
2075
+ @property --tw-saturate {
2076
+ syntax: "*";
2077
+ inherits: false;
2078
+ }
2079
+ @property --tw-sepia {
2080
+ syntax: "*";
2081
+ inherits: false;
2082
+ }
2083
+ @property --tw-drop-shadow {
2084
+ syntax: "*";
2085
+ inherits: false;
2086
+ }
2087
+ @property --tw-drop-shadow-color {
2088
+ syntax: "*";
2089
+ inherits: false;
2090
+ }
2091
+ @property --tw-drop-shadow-alpha {
2092
+ syntax: "<percentage>";
2093
+ inherits: false;
2094
+ initial-value: 100%;
2095
+ }
2096
+ @property --tw-drop-shadow-size {
2097
+ syntax: "*";
2098
+ inherits: false;
2099
+ }
2100
+ @property --tw-backdrop-blur {
2101
+ syntax: "*";
2102
+ inherits: false;
2103
+ }
2104
+ @property --tw-backdrop-brightness {
2105
+ syntax: "*";
2106
+ inherits: false;
2107
+ }
2108
+ @property --tw-backdrop-contrast {
2109
+ syntax: "*";
2110
+ inherits: false;
2111
+ }
2112
+ @property --tw-backdrop-grayscale {
2113
+ syntax: "*";
2114
+ inherits: false;
2115
+ }
2116
+ @property --tw-backdrop-hue-rotate {
2117
+ syntax: "*";
2118
+ inherits: false;
2119
+ }
2120
+ @property --tw-backdrop-invert {
2121
+ syntax: "*";
2122
+ inherits: false;
2123
+ }
2124
+ @property --tw-backdrop-opacity {
2125
+ syntax: "*";
2126
+ inherits: false;
2127
+ }
2128
+ @property --tw-backdrop-saturate {
2129
+ syntax: "*";
2130
+ inherits: false;
2131
+ }
2132
+ @property --tw-backdrop-sepia {
2133
+ syntax: "*";
2134
+ inherits: false;
2135
+ }
2136
+ @property --tw-duration {
2137
+ syntax: "*";
2138
+ inherits: false;
2139
+ }
2140
+ @property --tw-ease {
2141
+ syntax: "*";
2142
+ inherits: false;
2143
+ }
2144
+ @keyframes spin {
2145
+ to {
2146
+ transform: rotate(360deg);
2147
+ }
2148
+ }
2149
+ @keyframes pulse {
2150
+ 50% {
2151
+ opacity: 0.5;
2152
+ }
2153
+ }
2154
+ @layer properties {
2155
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2156
+ *, ::before, ::after, ::backdrop {
2157
+ --tw-translate-x: 0;
2158
+ --tw-translate-y: 0;
2159
+ --tw-translate-z: 0;
2160
+ --tw-scale-x: 1;
2161
+ --tw-scale-y: 1;
2162
+ --tw-scale-z: 1;
2163
+ --tw-rotate-x: initial;
2164
+ --tw-rotate-y: initial;
2165
+ --tw-rotate-z: initial;
2166
+ --tw-skew-x: initial;
2167
+ --tw-skew-y: initial;
2168
+ --tw-space-y-reverse: 0;
2169
+ --tw-space-x-reverse: 0;
2170
+ --tw-border-style: solid;
2171
+ --tw-leading: initial;
2172
+ --tw-font-weight: initial;
2173
+ --tw-tracking: initial;
2174
+ --tw-shadow: 0 0 #0000;
2175
+ --tw-shadow-color: initial;
2176
+ --tw-shadow-alpha: 100%;
2177
+ --tw-inset-shadow: 0 0 #0000;
2178
+ --tw-inset-shadow-color: initial;
2179
+ --tw-inset-shadow-alpha: 100%;
2180
+ --tw-ring-color: initial;
2181
+ --tw-ring-shadow: 0 0 #0000;
2182
+ --tw-inset-ring-color: initial;
2183
+ --tw-inset-ring-shadow: 0 0 #0000;
2184
+ --tw-ring-inset: initial;
2185
+ --tw-ring-offset-width: 0px;
2186
+ --tw-ring-offset-color: #fff;
2187
+ --tw-ring-offset-shadow: 0 0 #0000;
2188
+ --tw-outline-style: solid;
2189
+ --tw-blur: initial;
2190
+ --tw-brightness: initial;
2191
+ --tw-contrast: initial;
2192
+ --tw-grayscale: initial;
2193
+ --tw-hue-rotate: initial;
2194
+ --tw-invert: initial;
2195
+ --tw-opacity: initial;
2196
+ --tw-saturate: initial;
2197
+ --tw-sepia: initial;
2198
+ --tw-drop-shadow: initial;
2199
+ --tw-drop-shadow-color: initial;
2200
+ --tw-drop-shadow-alpha: 100%;
2201
+ --tw-drop-shadow-size: initial;
2202
+ --tw-backdrop-blur: initial;
2203
+ --tw-backdrop-brightness: initial;
2204
+ --tw-backdrop-contrast: initial;
2205
+ --tw-backdrop-grayscale: initial;
2206
+ --tw-backdrop-hue-rotate: initial;
2207
+ --tw-backdrop-invert: initial;
2208
+ --tw-backdrop-opacity: initial;
2209
+ --tw-backdrop-saturate: initial;
2210
+ --tw-backdrop-sepia: initial;
2211
+ --tw-duration: initial;
2212
+ --tw-ease: initial;
2213
+ }
2214
+ }
2215
+ }