listpage-next 0.0.248 → 0.0.249

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 DELETED
@@ -1,2218 +0,0 @@
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
- .h-screen {
437
- height: 100vh;
438
- }
439
- .max-h-0 {
440
- max-height: calc(var(--spacing) * 0);
441
- }
442
- .max-h-\[90vh\] {
443
- max-height: 90vh;
444
- }
445
- .max-h-\[500px\] {
446
- max-height: 500px;
447
- }
448
- .min-h-0 {
449
- min-height: calc(var(--spacing) * 0);
450
- }
451
- .w-1\.5 {
452
- width: calc(var(--spacing) * 1.5);
453
- }
454
- .w-3 {
455
- width: calc(var(--spacing) * 3);
456
- }
457
- .w-4 {
458
- width: calc(var(--spacing) * 4);
459
- }
460
- .w-5 {
461
- width: calc(var(--spacing) * 5);
462
- }
463
- .w-6 {
464
- width: calc(var(--spacing) * 6);
465
- }
466
- .w-8 {
467
- width: calc(var(--spacing) * 8);
468
- }
469
- .w-10 {
470
- width: calc(var(--spacing) * 10);
471
- }
472
- .w-12 {
473
- width: calc(var(--spacing) * 12);
474
- }
475
- .w-16 {
476
- width: calc(var(--spacing) * 16);
477
- }
478
- .w-20 {
479
- width: calc(var(--spacing) * 20);
480
- }
481
- .w-24 {
482
- width: calc(var(--spacing) * 24);
483
- }
484
- .w-44 {
485
- width: calc(var(--spacing) * 44);
486
- }
487
- .w-48 {
488
- width: calc(var(--spacing) * 48);
489
- }
490
- .w-64 {
491
- width: calc(var(--spacing) * 64);
492
- }
493
- .w-80 {
494
- width: calc(var(--spacing) * 80);
495
- }
496
- .w-\[200px\] {
497
- width: 200px;
498
- }
499
- .w-full {
500
- width: 100%;
501
- }
502
- .w-px {
503
- width: 1px;
504
- }
505
- .max-w-2xl {
506
- max-width: var(--container-2xl);
507
- }
508
- .max-w-5xl {
509
- max-width: var(--container-5xl);
510
- }
511
- .max-w-md {
512
- max-width: var(--container-md);
513
- }
514
- .max-w-sm {
515
- max-width: var(--container-sm);
516
- }
517
- .min-w-0 {
518
- min-width: calc(var(--spacing) * 0);
519
- }
520
- .flex-1 {
521
- flex: 1;
522
- }
523
- .flex-shrink {
524
- flex-shrink: 1;
525
- }
526
- .shrink-0 {
527
- flex-shrink: 0;
528
- }
529
- .flex-grow {
530
- flex-grow: 1;
531
- }
532
- .grow {
533
- flex-grow: 1;
534
- }
535
- .grow-0 {
536
- flex-grow: 0;
537
- }
538
- .border-collapse {
539
- border-collapse: collapse;
540
- }
541
- .-translate-y-1\/2 {
542
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
543
- translate: var(--tw-translate-x) var(--tw-translate-y);
544
- }
545
- .scale-100 {
546
- --tw-scale-x: 100%;
547
- --tw-scale-y: 100%;
548
- --tw-scale-z: 100%;
549
- scale: var(--tw-scale-x) var(--tw-scale-y);
550
- }
551
- .rotate-180 {
552
- rotate: 180deg;
553
- }
554
- .transform {
555
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
556
- }
557
- .animate-pulse {
558
- animation: var(--animate-pulse);
559
- }
560
- .animate-spin {
561
- animation: var(--animate-spin);
562
- }
563
- .cursor-pointer {
564
- cursor: pointer;
565
- }
566
- .resize {
567
- resize: both;
568
- }
569
- .grid-cols-2 {
570
- grid-template-columns: repeat(2, minmax(0, 1fr));
571
- }
572
- .grid-cols-12 {
573
- grid-template-columns: repeat(12, minmax(0, 1fr));
574
- }
575
- .flex-col {
576
- flex-direction: column;
577
- }
578
- .flex-wrap {
579
- flex-wrap: wrap;
580
- }
581
- .content-start {
582
- align-content: flex-start;
583
- }
584
- .items-center {
585
- align-items: center;
586
- }
587
- .justify-between {
588
- justify-content: space-between;
589
- }
590
- .justify-center {
591
- justify-content: center;
592
- }
593
- .justify-end {
594
- justify-content: flex-end;
595
- }
596
- .gap-1 {
597
- gap: calc(var(--spacing) * 1);
598
- }
599
- .gap-2 {
600
- gap: calc(var(--spacing) * 2);
601
- }
602
- .gap-2\.5 {
603
- gap: calc(var(--spacing) * 2.5);
604
- }
605
- .gap-3 {
606
- gap: calc(var(--spacing) * 3);
607
- }
608
- .gap-4 {
609
- gap: calc(var(--spacing) * 4);
610
- }
611
- .space-y-0\.5 {
612
- :where(& > :not(:last-child)) {
613
- --tw-space-y-reverse: 0;
614
- margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
615
- margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
616
- }
617
- }
618
- .space-y-4 {
619
- :where(& > :not(:last-child)) {
620
- --tw-space-y-reverse: 0;
621
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
622
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
623
- }
624
- }
625
- .space-y-6 {
626
- :where(& > :not(:last-child)) {
627
- --tw-space-y-reverse: 0;
628
- margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
629
- margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
630
- }
631
- }
632
- .space-x-1 {
633
- :where(& > :not(:last-child)) {
634
- --tw-space-x-reverse: 0;
635
- margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
636
- margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
637
- }
638
- }
639
- .space-x-2 {
640
- :where(& > :not(:last-child)) {
641
- --tw-space-x-reverse: 0;
642
- margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
643
- margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
644
- }
645
- }
646
- .truncate {
647
- overflow: hidden;
648
- text-overflow: ellipsis;
649
- white-space: nowrap;
650
- }
651
- .overflow-auto {
652
- overflow: auto;
653
- }
654
- .overflow-hidden {
655
- overflow: hidden;
656
- }
657
- .overflow-x-hidden {
658
- overflow-x: hidden;
659
- }
660
- .overflow-y-auto {
661
- overflow-y: auto;
662
- }
663
- .rounded {
664
- border-radius: 0.25rem;
665
- }
666
- .rounded-2xl {
667
- border-radius: var(--radius-2xl);
668
- }
669
- .rounded-full {
670
- border-radius: calc(infinity * 1px);
671
- }
672
- .rounded-lg {
673
- border-radius: var(--radius-lg);
674
- }
675
- .rounded-md {
676
- border-radius: var(--radius-md);
677
- }
678
- .rounded-xl {
679
- border-radius: var(--radius-xl);
680
- }
681
- .border {
682
- border-style: var(--tw-border-style);
683
- border-width: 1px;
684
- }
685
- .border-2 {
686
- border-style: var(--tw-border-style);
687
- border-width: 2px;
688
- }
689
- .border-t {
690
- border-top-style: var(--tw-border-style);
691
- border-top-width: 1px;
692
- }
693
- .border-r {
694
- border-right-style: var(--tw-border-style);
695
- border-right-width: 1px;
696
- }
697
- .border-b {
698
- border-bottom-style: var(--tw-border-style);
699
- border-bottom-width: 1px;
700
- }
701
- .border-b-2 {
702
- border-bottom-style: var(--tw-border-style);
703
- border-bottom-width: 2px;
704
- }
705
- .border-l {
706
- border-left-style: var(--tw-border-style);
707
- border-left-width: 1px;
708
- }
709
- .border-dashed {
710
- --tw-border-style: dashed;
711
- border-style: dashed;
712
- }
713
- .border-none {
714
- --tw-border-style: none;
715
- border-style: none;
716
- }
717
- .border-amber-400\/20 {
718
- border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
719
- @supports (color: color-mix(in lab, red, red)) {
720
- border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
721
- }
722
- }
723
- .border-blue-400\/20 {
724
- border-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
725
- @supports (color: color-mix(in lab, red, red)) {
726
- border-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
727
- }
728
- }
729
- .border-cyan-400\/20 {
730
- border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
731
- @supports (color: color-mix(in lab, red, red)) {
732
- border-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
733
- }
734
- }
735
- .border-emerald-400\/20 {
736
- border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 20%, transparent);
737
- @supports (color: color-mix(in lab, red, red)) {
738
- border-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent);
739
- }
740
- }
741
- .border-fuchsia-400\/20 {
742
- border-color: color-mix(in srgb, oklch(74% 0.238 322.16) 20%, transparent);
743
- @supports (color: color-mix(in lab, red, red)) {
744
- border-color: color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent);
745
- }
746
- }
747
- .border-gray-400\/20 {
748
- border-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 20%, transparent);
749
- @supports (color: color-mix(in lab, red, red)) {
750
- border-color: color-mix(in oklab, var(--color-gray-400) 20%, transparent);
751
- }
752
- }
753
- .border-gray-700 {
754
- border-color: var(--color-gray-700);
755
- }
756
- .border-gray-800 {
757
- border-color: var(--color-gray-800);
758
- }
759
- .border-green-400\/20 {
760
- border-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 20%, transparent);
761
- @supports (color: color-mix(in lab, red, red)) {
762
- border-color: color-mix(in oklab, var(--color-green-400) 20%, transparent);
763
- }
764
- }
765
- .border-indigo-400\/20 {
766
- border-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
767
- @supports (color: color-mix(in lab, red, red)) {
768
- border-color: color-mix(in oklab, var(--color-indigo-400) 20%, transparent);
769
- }
770
- }
771
- .border-indigo-500 {
772
- border-color: var(--color-indigo-500);
773
- }
774
- .border-indigo-500\/20 {
775
- border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
776
- @supports (color: color-mix(in lab, red, red)) {
777
- border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
778
- }
779
- }
780
- .border-indigo-600 {
781
- border-color: var(--color-indigo-600);
782
- }
783
- .border-lime-400\/20 {
784
- border-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 20%, transparent);
785
- @supports (color: color-mix(in lab, red, red)) {
786
- border-color: color-mix(in oklab, var(--color-lime-400) 20%, transparent);
787
- }
788
- }
789
- .border-neutral-400\/20 {
790
- border-color: color-mix(in srgb, oklch(70.8% 0 0) 20%, transparent);
791
- @supports (color: color-mix(in lab, red, red)) {
792
- border-color: color-mix(in oklab, var(--color-neutral-400) 20%, transparent);
793
- }
794
- }
795
- .border-orange-400\/20 {
796
- border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 20%, transparent);
797
- @supports (color: color-mix(in lab, red, red)) {
798
- border-color: color-mix(in oklab, var(--color-orange-400) 20%, transparent);
799
- }
800
- }
801
- .border-pink-400\/20 {
802
- border-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 20%, transparent);
803
- @supports (color: color-mix(in lab, red, red)) {
804
- border-color: color-mix(in oklab, var(--color-pink-400) 20%, transparent);
805
- }
806
- }
807
- .border-purple-400\/20 {
808
- border-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 20%, transparent);
809
- @supports (color: color-mix(in lab, red, red)) {
810
- border-color: color-mix(in oklab, var(--color-purple-400) 20%, transparent);
811
- }
812
- }
813
- .border-red-400\/20 {
814
- border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
815
- @supports (color: color-mix(in lab, red, red)) {
816
- border-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
817
- }
818
- }
819
- .border-red-900\/50 {
820
- border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
821
- @supports (color: color-mix(in lab, red, red)) {
822
- border-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
823
- }
824
- }
825
- .border-rose-400\/20 {
826
- border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 20%, transparent);
827
- @supports (color: color-mix(in lab, red, red)) {
828
- border-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent);
829
- }
830
- }
831
- .border-sky-400\/20 {
832
- border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 20%, transparent);
833
- @supports (color: color-mix(in lab, red, red)) {
834
- border-color: color-mix(in oklab, var(--color-sky-400) 20%, transparent);
835
- }
836
- }
837
- .border-slate-400\/20 {
838
- border-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 20%, transparent);
839
- @supports (color: color-mix(in lab, red, red)) {
840
- border-color: color-mix(in oklab, var(--color-slate-400) 20%, transparent);
841
- }
842
- }
843
- .border-slate-600 {
844
- border-color: var(--color-slate-600);
845
- }
846
- .border-slate-700 {
847
- border-color: var(--color-slate-700);
848
- }
849
- .border-slate-800 {
850
- border-color: var(--color-slate-800);
851
- }
852
- .border-stone-400\/20 {
853
- border-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 20%, transparent);
854
- @supports (color: color-mix(in lab, red, red)) {
855
- border-color: color-mix(in oklab, var(--color-stone-400) 20%, transparent);
856
- }
857
- }
858
- .border-teal-400\/20 {
859
- border-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 20%, transparent);
860
- @supports (color: color-mix(in lab, red, red)) {
861
- border-color: color-mix(in oklab, var(--color-teal-400) 20%, transparent);
862
- }
863
- }
864
- .border-transparent {
865
- border-color: transparent;
866
- }
867
- .border-violet-400\/20 {
868
- border-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 20%, transparent);
869
- @supports (color: color-mix(in lab, red, red)) {
870
- border-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent);
871
- }
872
- }
873
- .border-yellow-400\/20 {
874
- border-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 20%, transparent);
875
- @supports (color: color-mix(in lab, red, red)) {
876
- border-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent);
877
- }
878
- }
879
- .border-zinc-400\/20 {
880
- border-color: color-mix(in srgb, oklch(70.5% 0.015 286.067) 20%, transparent);
881
- @supports (color: color-mix(in lab, red, red)) {
882
- border-color: color-mix(in oklab, var(--color-zinc-400) 20%, transparent);
883
- }
884
- }
885
- .bg-\[\#0B1120\] {
886
- background-color: #0B1120;
887
- }
888
- .bg-\[\#007AFF\] {
889
- background-color: #007AFF;
890
- }
891
- .bg-amber-400\/10 {
892
- background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
893
- @supports (color: color-mix(in lab, red, red)) {
894
- background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
895
- }
896
- }
897
- .bg-amber-500 {
898
- background-color: var(--color-amber-500);
899
- }
900
- .bg-black\/80 {
901
- background-color: color-mix(in srgb, #000 80%, transparent);
902
- @supports (color: color-mix(in lab, red, red)) {
903
- background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
904
- }
905
- }
906
- .bg-blue-400\/10 {
907
- background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 10%, transparent);
908
- @supports (color: color-mix(in lab, red, red)) {
909
- background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent);
910
- }
911
- }
912
- .bg-blue-500 {
913
- background-color: var(--color-blue-500);
914
- }
915
- .bg-blue-600 {
916
- background-color: var(--color-blue-600);
917
- }
918
- .bg-cyan-400\/10 {
919
- background-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 10%, transparent);
920
- @supports (color: color-mix(in lab, red, red)) {
921
- background-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);
922
- }
923
- }
924
- .bg-cyan-500 {
925
- background-color: var(--color-cyan-500);
926
- }
927
- .bg-emerald-400\/10 {
928
- background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);
929
- @supports (color: color-mix(in lab, red, red)) {
930
- background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
931
- }
932
- }
933
- .bg-emerald-500 {
934
- background-color: var(--color-emerald-500);
935
- }
936
- .bg-fuchsia-400\/10 {
937
- background-color: color-mix(in srgb, oklch(74% 0.238 322.16) 10%, transparent);
938
- @supports (color: color-mix(in lab, red, red)) {
939
- background-color: color-mix(in oklab, var(--color-fuchsia-400) 10%, transparent);
940
- }
941
- }
942
- .bg-fuchsia-500 {
943
- background-color: var(--color-fuchsia-500);
944
- }
945
- .bg-gray-400\/10 {
946
- background-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 10%, transparent);
947
- @supports (color: color-mix(in lab, red, red)) {
948
- background-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent);
949
- }
950
- }
951
- .bg-gray-500 {
952
- background-color: var(--color-gray-500);
953
- }
954
- .bg-gray-800\/50 {
955
- background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
956
- @supports (color: color-mix(in lab, red, red)) {
957
- background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
958
- }
959
- }
960
- .bg-gray-900 {
961
- background-color: var(--color-gray-900);
962
- }
963
- .bg-gray-950 {
964
- background-color: var(--color-gray-950);
965
- }
966
- .bg-green-400\/10 {
967
- background-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 10%, transparent);
968
- @supports (color: color-mix(in lab, red, red)) {
969
- background-color: color-mix(in oklab, var(--color-green-400) 10%, transparent);
970
- }
971
- }
972
- .bg-green-500 {
973
- background-color: var(--color-green-500);
974
- }
975
- .bg-green-600 {
976
- background-color: var(--color-green-600);
977
- }
978
- .bg-indigo-400\/10 {
979
- background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 10%, transparent);
980
- @supports (color: color-mix(in lab, red, red)) {
981
- background-color: color-mix(in oklab, var(--color-indigo-400) 10%, transparent);
982
- }
983
- }
984
- .bg-indigo-500 {
985
- background-color: var(--color-indigo-500);
986
- }
987
- .bg-indigo-500\/10 {
988
- background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
989
- @supports (color: color-mix(in lab, red, red)) {
990
- background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
991
- }
992
- }
993
- .bg-indigo-500\/20 {
994
- background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
995
- @supports (color: color-mix(in lab, red, red)) {
996
- background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
997
- }
998
- }
999
- .bg-indigo-600 {
1000
- background-color: var(--color-indigo-600);
1001
- }
1002
- .bg-lime-400\/10 {
1003
- background-color: color-mix(in srgb, oklch(84.1% 0.238 128.85) 10%, transparent);
1004
- @supports (color: color-mix(in lab, red, red)) {
1005
- background-color: color-mix(in oklab, var(--color-lime-400) 10%, transparent);
1006
- }
1007
- }
1008
- .bg-lime-500 {
1009
- background-color: var(--color-lime-500);
1010
- }
1011
- .bg-neutral-400\/10 {
1012
- background-color: color-mix(in srgb, oklch(70.8% 0 0) 10%, transparent);
1013
- @supports (color: color-mix(in lab, red, red)) {
1014
- background-color: color-mix(in oklab, var(--color-neutral-400) 10%, transparent);
1015
- }
1016
- }
1017
- .bg-neutral-500 {
1018
- background-color: var(--color-neutral-500);
1019
- }
1020
- .bg-orange-400\/10 {
1021
- background-color: color-mix(in srgb, oklch(75% 0.183 55.934) 10%, transparent);
1022
- @supports (color: color-mix(in lab, red, red)) {
1023
- background-color: color-mix(in oklab, var(--color-orange-400) 10%, transparent);
1024
- }
1025
- }
1026
- .bg-orange-500 {
1027
- background-color: var(--color-orange-500);
1028
- }
1029
- .bg-pink-400\/10 {
1030
- background-color: color-mix(in srgb, oklch(71.8% 0.202 349.761) 10%, transparent);
1031
- @supports (color: color-mix(in lab, red, red)) {
1032
- background-color: color-mix(in oklab, var(--color-pink-400) 10%, transparent);
1033
- }
1034
- }
1035
- .bg-pink-500 {
1036
- background-color: var(--color-pink-500);
1037
- }
1038
- .bg-purple-400\/10 {
1039
- background-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 10%, transparent);
1040
- @supports (color: color-mix(in lab, red, red)) {
1041
- background-color: color-mix(in oklab, var(--color-purple-400) 10%, transparent);
1042
- }
1043
- }
1044
- .bg-purple-500 {
1045
- background-color: var(--color-purple-500);
1046
- }
1047
- .bg-red-400\/10 {
1048
- background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 10%, transparent);
1049
- @supports (color: color-mix(in lab, red, red)) {
1050
- background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
1051
- }
1052
- }
1053
- .bg-red-500 {
1054
- background-color: var(--color-red-500);
1055
- }
1056
- .bg-red-600 {
1057
- background-color: var(--color-red-600);
1058
- }
1059
- .bg-red-900\/30 {
1060
- background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
1061
- @supports (color: color-mix(in lab, red, red)) {
1062
- background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
1063
- }
1064
- }
1065
- .bg-red-900\/50 {
1066
- background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
1067
- @supports (color: color-mix(in lab, red, red)) {
1068
- background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
1069
- }
1070
- }
1071
- .bg-rose-400\/10 {
1072
- background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 10%, transparent);
1073
- @supports (color: color-mix(in lab, red, red)) {
1074
- background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent);
1075
- }
1076
- }
1077
- .bg-rose-500 {
1078
- background-color: var(--color-rose-500);
1079
- }
1080
- .bg-sky-400\/10 {
1081
- background-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 10%, transparent);
1082
- @supports (color: color-mix(in lab, red, red)) {
1083
- background-color: color-mix(in oklab, var(--color-sky-400) 10%, transparent);
1084
- }
1085
- }
1086
- .bg-sky-500 {
1087
- background-color: var(--color-sky-500);
1088
- }
1089
- .bg-slate-400\/10 {
1090
- background-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 10%, transparent);
1091
- @supports (color: color-mix(in lab, red, red)) {
1092
- background-color: color-mix(in oklab, var(--color-slate-400) 10%, transparent);
1093
- }
1094
- }
1095
- .bg-slate-500 {
1096
- background-color: var(--color-slate-500);
1097
- }
1098
- .bg-slate-700 {
1099
- background-color: var(--color-slate-700);
1100
- }
1101
- .bg-slate-800 {
1102
- background-color: var(--color-slate-800);
1103
- }
1104
- .bg-slate-800\/30 {
1105
- background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent);
1106
- @supports (color: color-mix(in lab, red, red)) {
1107
- background-color: color-mix(in oklab, var(--color-slate-800) 30%, transparent);
1108
- }
1109
- }
1110
- .bg-slate-800\/50 {
1111
- background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
1112
- @supports (color: color-mix(in lab, red, red)) {
1113
- background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
1114
- }
1115
- }
1116
- .bg-slate-900 {
1117
- background-color: var(--color-slate-900);
1118
- }
1119
- .bg-slate-900\/50 {
1120
- background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
1121
- @supports (color: color-mix(in lab, red, red)) {
1122
- background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
1123
- }
1124
- }
1125
- .bg-slate-900\/80 {
1126
- background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);
1127
- @supports (color: color-mix(in lab, red, red)) {
1128
- background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
1129
- }
1130
- }
1131
- .bg-slate-950 {
1132
- background-color: var(--color-slate-950);
1133
- }
1134
- .bg-stone-400\/10 {
1135
- background-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 10%, transparent);
1136
- @supports (color: color-mix(in lab, red, red)) {
1137
- background-color: color-mix(in oklab, var(--color-stone-400) 10%, transparent);
1138
- }
1139
- }
1140
- .bg-stone-500 {
1141
- background-color: var(--color-stone-500);
1142
- }
1143
- .bg-teal-400\/10 {
1144
- background-color: color-mix(in srgb, oklch(77.7% 0.152 181.912) 10%, transparent);
1145
- @supports (color: color-mix(in lab, red, red)) {
1146
- background-color: color-mix(in oklab, var(--color-teal-400) 10%, transparent);
1147
- }
1148
- }
1149
- .bg-teal-500 {
1150
- background-color: var(--color-teal-500);
1151
- }
1152
- .bg-violet-400\/10 {
1153
- background-color: color-mix(in srgb, oklch(70.2% 0.183 293.541) 10%, transparent);
1154
- @supports (color: color-mix(in lab, red, red)) {
1155
- background-color: color-mix(in oklab, var(--color-violet-400) 10%, transparent);
1156
- }
1157
- }
1158
- .bg-violet-500 {
1159
- background-color: var(--color-violet-500);
1160
- }
1161
- .bg-white\/10 {
1162
- background-color: color-mix(in srgb, #fff 10%, transparent);
1163
- @supports (color: color-mix(in lab, red, red)) {
1164
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1165
- }
1166
- }
1167
- .bg-white\/20 {
1168
- background-color: color-mix(in srgb, #fff 20%, transparent);
1169
- @supports (color: color-mix(in lab, red, red)) {
1170
- background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1171
- }
1172
- }
1173
- .bg-yellow-400\/10 {
1174
- background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 10%, transparent);
1175
- @supports (color: color-mix(in lab, red, red)) {
1176
- background-color: color-mix(in oklab, var(--color-yellow-400) 10%, transparent);
1177
- }
1178
- }
1179
- .bg-yellow-500 {
1180
- background-color: var(--color-yellow-500);
1181
- }
1182
- .bg-zinc-400\/10 {
1183
- background-color: color-mix(in srgb, oklch(70.5% 0.015 286.067) 10%, transparent);
1184
- @supports (color: color-mix(in lab, red, red)) {
1185
- background-color: color-mix(in oklab, var(--color-zinc-400) 10%, transparent);
1186
- }
1187
- }
1188
- .bg-zinc-500 {
1189
- background-color: var(--color-zinc-500);
1190
- }
1191
- .fill-current {
1192
- fill: currentcolor;
1193
- }
1194
- .fill-indigo-400\/20 {
1195
- fill: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
1196
- @supports (color: color-mix(in lab, red, red)) {
1197
- fill: color-mix(in oklab, var(--color-indigo-400) 20%, transparent);
1198
- }
1199
- }
1200
- .object-contain {
1201
- object-fit: contain;
1202
- }
1203
- .object-cover {
1204
- object-fit: cover;
1205
- }
1206
- .p-0\.5 {
1207
- padding: calc(var(--spacing) * 0.5);
1208
- }
1209
- .p-1 {
1210
- padding: calc(var(--spacing) * 1);
1211
- }
1212
- .p-1\.5 {
1213
- padding: calc(var(--spacing) * 1.5);
1214
- }
1215
- .p-2 {
1216
- padding: calc(var(--spacing) * 2);
1217
- }
1218
- .p-4 {
1219
- padding: calc(var(--spacing) * 4);
1220
- }
1221
- .p-6 {
1222
- padding: calc(var(--spacing) * 6);
1223
- }
1224
- .p-8 {
1225
- padding: calc(var(--spacing) * 8);
1226
- }
1227
- .px-0 {
1228
- padding-inline: calc(var(--spacing) * 0);
1229
- }
1230
- .px-1\.5 {
1231
- padding-inline: calc(var(--spacing) * 1.5);
1232
- }
1233
- .px-2 {
1234
- padding-inline: calc(var(--spacing) * 2);
1235
- }
1236
- .px-2\.5 {
1237
- padding-inline: calc(var(--spacing) * 2.5);
1238
- }
1239
- .px-3 {
1240
- padding-inline: calc(var(--spacing) * 3);
1241
- }
1242
- .px-4 {
1243
- padding-inline: calc(var(--spacing) * 4);
1244
- }
1245
- .px-6 {
1246
- padding-inline: calc(var(--spacing) * 6);
1247
- }
1248
- .py-0\.5 {
1249
- padding-block: calc(var(--spacing) * 0.5);
1250
- }
1251
- .py-1 {
1252
- padding-block: calc(var(--spacing) * 1);
1253
- }
1254
- .py-1\.5 {
1255
- padding-block: calc(var(--spacing) * 1.5);
1256
- }
1257
- .py-2 {
1258
- padding-block: calc(var(--spacing) * 2);
1259
- }
1260
- .py-2\.5 {
1261
- padding-block: calc(var(--spacing) * 2.5);
1262
- }
1263
- .py-3 {
1264
- padding-block: calc(var(--spacing) * 3);
1265
- }
1266
- .py-4 {
1267
- padding-block: calc(var(--spacing) * 4);
1268
- }
1269
- .py-12 {
1270
- padding-block: calc(var(--spacing) * 12);
1271
- }
1272
- .py-px {
1273
- padding-block: 1px;
1274
- }
1275
- .pr-3 {
1276
- padding-right: calc(var(--spacing) * 3);
1277
- }
1278
- .pr-4 {
1279
- padding-right: calc(var(--spacing) * 4);
1280
- }
1281
- .pl-9 {
1282
- padding-left: calc(var(--spacing) * 9);
1283
- }
1284
- .pl-10 {
1285
- padding-left: calc(var(--spacing) * 10);
1286
- }
1287
- .text-center {
1288
- text-align: center;
1289
- }
1290
- .font-mono {
1291
- font-family: var(--font-mono);
1292
- }
1293
- .font-sans {
1294
- font-family: var(--font-sans);
1295
- }
1296
- .text-lg {
1297
- font-size: var(--text-lg);
1298
- line-height: var(--tw-leading, var(--text-lg--line-height));
1299
- }
1300
- .text-sm {
1301
- font-size: var(--text-sm);
1302
- line-height: var(--tw-leading, var(--text-sm--line-height));
1303
- }
1304
- .text-xl {
1305
- font-size: var(--text-xl);
1306
- line-height: var(--tw-leading, var(--text-xl--line-height));
1307
- }
1308
- .text-xs {
1309
- font-size: var(--text-xs);
1310
- line-height: var(--tw-leading, var(--text-xs--line-height));
1311
- }
1312
- .text-\[10px\] {
1313
- font-size: 10px;
1314
- }
1315
- .text-\[11px\] {
1316
- font-size: 11px;
1317
- }
1318
- .text-\[13px\] {
1319
- font-size: 13px;
1320
- }
1321
- .leading-none {
1322
- --tw-leading: 1;
1323
- line-height: 1;
1324
- }
1325
- .font-bold {
1326
- --tw-font-weight: var(--font-weight-bold);
1327
- font-weight: var(--font-weight-bold);
1328
- }
1329
- .font-medium {
1330
- --tw-font-weight: var(--font-weight-medium);
1331
- font-weight: var(--font-weight-medium);
1332
- }
1333
- .font-normal {
1334
- --tw-font-weight: var(--font-weight-normal);
1335
- font-weight: var(--font-weight-normal);
1336
- }
1337
- .font-semibold {
1338
- --tw-font-weight: var(--font-weight-semibold);
1339
- font-weight: var(--font-weight-semibold);
1340
- }
1341
- .tracking-tight {
1342
- --tw-tracking: var(--tracking-tight);
1343
- letter-spacing: var(--tracking-tight);
1344
- }
1345
- .tracking-wider {
1346
- --tw-tracking: var(--tracking-wider);
1347
- letter-spacing: var(--tracking-wider);
1348
- }
1349
- .tracking-widest {
1350
- --tw-tracking: var(--tracking-widest);
1351
- letter-spacing: var(--tracking-widest);
1352
- }
1353
- .wrap-break-word {
1354
- overflow-wrap: break-word;
1355
- }
1356
- .break-all {
1357
- word-break: break-all;
1358
- }
1359
- .whitespace-pre-wrap {
1360
- white-space: pre-wrap;
1361
- }
1362
- .text-amber-400 {
1363
- color: var(--color-amber-400);
1364
- }
1365
- .text-blue-400 {
1366
- color: var(--color-blue-400);
1367
- }
1368
- .text-blue-500 {
1369
- color: var(--color-blue-500);
1370
- }
1371
- .text-cyan-400 {
1372
- color: var(--color-cyan-400);
1373
- }
1374
- .text-emerald-400 {
1375
- color: var(--color-emerald-400);
1376
- }
1377
- .text-fuchsia-400 {
1378
- color: var(--color-fuchsia-400);
1379
- }
1380
- .text-gray-300 {
1381
- color: var(--color-gray-300);
1382
- }
1383
- .text-gray-400 {
1384
- color: var(--color-gray-400);
1385
- }
1386
- .text-gray-500 {
1387
- color: var(--color-gray-500);
1388
- }
1389
- .text-gray-600 {
1390
- color: var(--color-gray-600);
1391
- }
1392
- .text-green-400 {
1393
- color: var(--color-green-400);
1394
- }
1395
- .text-green-500 {
1396
- color: var(--color-green-500);
1397
- }
1398
- .text-indigo-300 {
1399
- color: var(--color-indigo-300);
1400
- }
1401
- .text-indigo-400 {
1402
- color: var(--color-indigo-400);
1403
- }
1404
- .text-indigo-500 {
1405
- color: var(--color-indigo-500);
1406
- }
1407
- .text-lime-400 {
1408
- color: var(--color-lime-400);
1409
- }
1410
- .text-neutral-400 {
1411
- color: var(--color-neutral-400);
1412
- }
1413
- .text-neutral-500 {
1414
- color: var(--color-neutral-500);
1415
- }
1416
- .text-neutral-600 {
1417
- color: var(--color-neutral-600);
1418
- }
1419
- .text-orange-400 {
1420
- color: var(--color-orange-400);
1421
- }
1422
- .text-pink-400 {
1423
- color: var(--color-pink-400);
1424
- }
1425
- .text-purple-400 {
1426
- color: var(--color-purple-400);
1427
- }
1428
- .text-red-400 {
1429
- color: var(--color-red-400);
1430
- }
1431
- .text-red-500 {
1432
- color: var(--color-red-500);
1433
- }
1434
- .text-rose-400 {
1435
- color: var(--color-rose-400);
1436
- }
1437
- .text-sky-400 {
1438
- color: var(--color-sky-400);
1439
- }
1440
- .text-slate-200 {
1441
- color: var(--color-slate-200);
1442
- }
1443
- .text-slate-300 {
1444
- color: var(--color-slate-300);
1445
- }
1446
- .text-slate-400 {
1447
- color: var(--color-slate-400);
1448
- }
1449
- .text-slate-500 {
1450
- color: var(--color-slate-500);
1451
- }
1452
- .text-slate-600 {
1453
- color: var(--color-slate-600);
1454
- }
1455
- .text-stone-400 {
1456
- color: var(--color-stone-400);
1457
- }
1458
- .text-teal-400 {
1459
- color: var(--color-teal-400);
1460
- }
1461
- .text-violet-400 {
1462
- color: var(--color-violet-400);
1463
- }
1464
- .text-white {
1465
- color: var(--color-white);
1466
- }
1467
- .text-white\/70 {
1468
- color: color-mix(in srgb, #fff 70%, transparent);
1469
- @supports (color: color-mix(in lab, red, red)) {
1470
- color: color-mix(in oklab, var(--color-white) 70%, transparent);
1471
- }
1472
- }
1473
- .text-yellow-400 {
1474
- color: var(--color-yellow-400);
1475
- }
1476
- .text-yellow-500 {
1477
- color: var(--color-yellow-500);
1478
- }
1479
- .text-zinc-400 {
1480
- color: var(--color-zinc-400);
1481
- }
1482
- .capitalize {
1483
- text-transform: capitalize;
1484
- }
1485
- .uppercase {
1486
- text-transform: uppercase;
1487
- }
1488
- .italic {
1489
- font-style: italic;
1490
- }
1491
- .placeholder-slate-600 {
1492
- &::placeholder {
1493
- color: var(--color-slate-600);
1494
- }
1495
- }
1496
- .opacity-0 {
1497
- opacity: 0%;
1498
- }
1499
- .opacity-50 {
1500
- opacity: 50%;
1501
- }
1502
- .opacity-70 {
1503
- opacity: 70%;
1504
- }
1505
- .opacity-100 {
1506
- opacity: 100%;
1507
- }
1508
- .shadow-2xl {
1509
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1510
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1511
- }
1512
- .shadow-lg {
1513
- --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));
1514
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1515
- }
1516
- .shadow-sm {
1517
- --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));
1518
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1519
- }
1520
- .ring-1 {
1521
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1522
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1523
- }
1524
- .shadow-blue-900\/20 {
1525
- --tw-shadow-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
1526
- @supports (color: color-mix(in lab, red, red)) {
1527
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
1528
- }
1529
- }
1530
- .shadow-indigo-500\/20 {
1531
- --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
1532
- @supports (color: color-mix(in lab, red, red)) {
1533
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
1534
- }
1535
- }
1536
- .shadow-indigo-900\/20 {
1537
- --tw-shadow-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
1538
- @supports (color: color-mix(in lab, red, red)) {
1539
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
1540
- }
1541
- }
1542
- .shadow-red-900\/20 {
1543
- --tw-shadow-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
1544
- @supports (color: color-mix(in lab, red, red)) {
1545
- --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-900) 20%, transparent) var(--tw-shadow-alpha), transparent);
1546
- }
1547
- }
1548
- .ring-indigo-500 {
1549
- --tw-ring-color: var(--color-indigo-500);
1550
- }
1551
- .outline {
1552
- outline-style: var(--tw-outline-style);
1553
- outline-width: 1px;
1554
- }
1555
- .filter {
1556
- 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,);
1557
- }
1558
- .backdrop-blur {
1559
- --tw-backdrop-blur: blur(8px);
1560
- -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,);
1561
- 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,);
1562
- }
1563
- .backdrop-blur-sm {
1564
- --tw-backdrop-blur: blur(var(--blur-sm));
1565
- -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,);
1566
- 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,);
1567
- }
1568
- .transition {
1569
- 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;
1570
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1571
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1572
- }
1573
- .transition-all {
1574
- transition-property: all;
1575
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1576
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1577
- }
1578
- .transition-colors {
1579
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1580
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1581
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1582
- }
1583
- .transition-opacity {
1584
- transition-property: opacity;
1585
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1586
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1587
- }
1588
- .transition-transform {
1589
- transition-property: transform, translate, scale, rotate;
1590
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1591
- transition-duration: var(--tw-duration, var(--default-transition-duration));
1592
- }
1593
- .duration-200 {
1594
- --tw-duration: 200ms;
1595
- transition-duration: 200ms;
1596
- }
1597
- .duration-300 {
1598
- --tw-duration: 300ms;
1599
- transition-duration: 300ms;
1600
- }
1601
- .ease-in-out {
1602
- --tw-ease: var(--ease-in-out);
1603
- transition-timing-function: var(--ease-in-out);
1604
- }
1605
- .outline-none {
1606
- --tw-outline-style: none;
1607
- outline-style: none;
1608
- }
1609
- .select-none {
1610
- -webkit-user-select: none;
1611
- user-select: none;
1612
- }
1613
- .group-hover\:scale-105 {
1614
- &:is(:where(.group):hover *) {
1615
- @media (hover: hover) {
1616
- --tw-scale-x: 105%;
1617
- --tw-scale-y: 105%;
1618
- --tw-scale-z: 105%;
1619
- scale: var(--tw-scale-x) var(--tw-scale-y);
1620
- }
1621
- }
1622
- }
1623
- .group-hover\:bg-indigo-500\/20 {
1624
- &:is(:where(.group):hover *) {
1625
- @media (hover: hover) {
1626
- background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);
1627
- @supports (color: color-mix(in lab, red, red)) {
1628
- background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);
1629
- }
1630
- }
1631
- }
1632
- }
1633
- .group-hover\:text-indigo-300 {
1634
- &:is(:where(.group):hover *) {
1635
- @media (hover: hover) {
1636
- color: var(--color-indigo-300);
1637
- }
1638
- }
1639
- }
1640
- .group-hover\:text-indigo-400 {
1641
- &:is(:where(.group):hover *) {
1642
- @media (hover: hover) {
1643
- color: var(--color-indigo-400);
1644
- }
1645
- }
1646
- }
1647
- .group-hover\:opacity-100 {
1648
- &:is(:where(.group):hover *) {
1649
- @media (hover: hover) {
1650
- opacity: 100%;
1651
- }
1652
- }
1653
- }
1654
- .hover\:scale-\[1\.02\] {
1655
- &:hover {
1656
- @media (hover: hover) {
1657
- scale: 1.02;
1658
- }
1659
- }
1660
- }
1661
- .hover\:border-indigo-500 {
1662
- &:hover {
1663
- @media (hover: hover) {
1664
- border-color: var(--color-indigo-500);
1665
- }
1666
- }
1667
- }
1668
- .hover\:border-indigo-500\/50 {
1669
- &:hover {
1670
- @media (hover: hover) {
1671
- border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 50%, transparent);
1672
- @supports (color: color-mix(in lab, red, red)) {
1673
- border-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent);
1674
- }
1675
- }
1676
- }
1677
- }
1678
- .hover\:bg-blue-500 {
1679
- &:hover {
1680
- @media (hover: hover) {
1681
- background-color: var(--color-blue-500);
1682
- }
1683
- }
1684
- }
1685
- .hover\:bg-gray-800 {
1686
- &:hover {
1687
- @media (hover: hover) {
1688
- background-color: var(--color-gray-800);
1689
- }
1690
- }
1691
- }
1692
- .hover\:bg-gray-800\/30 {
1693
- &:hover {
1694
- @media (hover: hover) {
1695
- background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 30%, transparent);
1696
- @supports (color: color-mix(in lab, red, red)) {
1697
- background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent);
1698
- }
1699
- }
1700
- }
1701
- }
1702
- .hover\:bg-gray-900\/50 {
1703
- &:hover {
1704
- @media (hover: hover) {
1705
- background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
1706
- @supports (color: color-mix(in lab, red, red)) {
1707
- background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
1708
- }
1709
- }
1710
- }
1711
- }
1712
- .hover\:bg-indigo-500 {
1713
- &:hover {
1714
- @media (hover: hover) {
1715
- background-color: var(--color-indigo-500);
1716
- }
1717
- }
1718
- }
1719
- .hover\:bg-red-500 {
1720
- &:hover {
1721
- @media (hover: hover) {
1722
- background-color: var(--color-red-500);
1723
- }
1724
- }
1725
- }
1726
- .hover\:bg-red-600 {
1727
- &:hover {
1728
- @media (hover: hover) {
1729
- background-color: var(--color-red-600);
1730
- }
1731
- }
1732
- }
1733
- .hover\:bg-red-900\/20 {
1734
- &:hover {
1735
- @media (hover: hover) {
1736
- background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
1737
- @supports (color: color-mix(in lab, red, red)) {
1738
- background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
1739
- }
1740
- }
1741
- }
1742
- }
1743
- .hover\:bg-slate-600 {
1744
- &:hover {
1745
- @media (hover: hover) {
1746
- background-color: var(--color-slate-600);
1747
- }
1748
- }
1749
- }
1750
- .hover\:bg-slate-700 {
1751
- &:hover {
1752
- @media (hover: hover) {
1753
- background-color: var(--color-slate-700);
1754
- }
1755
- }
1756
- }
1757
- .hover\:bg-slate-700\/50 {
1758
- &:hover {
1759
- @media (hover: hover) {
1760
- background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
1761
- @supports (color: color-mix(in lab, red, red)) {
1762
- background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent);
1763
- }
1764
- }
1765
- }
1766
- }
1767
- .hover\:bg-slate-800\/30 {
1768
- &:hover {
1769
- @media (hover: hover) {
1770
- background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent);
1771
- @supports (color: color-mix(in lab, red, red)) {
1772
- background-color: color-mix(in oklab, var(--color-slate-800) 30%, transparent);
1773
- }
1774
- }
1775
- }
1776
- }
1777
- .hover\:bg-slate-800\/50 {
1778
- &:hover {
1779
- @media (hover: hover) {
1780
- background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
1781
- @supports (color: color-mix(in lab, red, red)) {
1782
- background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
1783
- }
1784
- }
1785
- }
1786
- }
1787
- .hover\:bg-white\/10 {
1788
- &:hover {
1789
- @media (hover: hover) {
1790
- background-color: color-mix(in srgb, #fff 10%, transparent);
1791
- @supports (color: color-mix(in lab, red, red)) {
1792
- background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1793
- }
1794
- }
1795
- }
1796
- }
1797
- .hover\:text-gray-300 {
1798
- &:hover {
1799
- @media (hover: hover) {
1800
- color: var(--color-gray-300);
1801
- }
1802
- }
1803
- }
1804
- .hover\:text-neutral-200 {
1805
- &:hover {
1806
- @media (hover: hover) {
1807
- color: var(--color-neutral-200);
1808
- }
1809
- }
1810
- }
1811
- .hover\:text-white {
1812
- &:hover {
1813
- @media (hover: hover) {
1814
- color: var(--color-white);
1815
- }
1816
- }
1817
- }
1818
- .focus\:ring-1 {
1819
- &:focus {
1820
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1821
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1822
- }
1823
- }
1824
- .focus\:ring-2 {
1825
- &:focus {
1826
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1827
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1828
- }
1829
- }
1830
- .focus\:ring-indigo-500 {
1831
- &:focus {
1832
- --tw-ring-color: var(--color-indigo-500);
1833
- }
1834
- }
1835
- .focus\:ring-indigo-500\/50 {
1836
- &:focus {
1837
- --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 50%, transparent);
1838
- @supports (color: color-mix(in lab, red, red)) {
1839
- --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent);
1840
- }
1841
- }
1842
- }
1843
- .focus\:outline-none {
1844
- &:focus {
1845
- --tw-outline-style: none;
1846
- outline-style: none;
1847
- }
1848
- }
1849
- .focus-visible\:ring-2 {
1850
- &:focus-visible {
1851
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1852
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1853
- }
1854
- }
1855
- .focus-visible\:ring-blue-500 {
1856
- &:focus-visible {
1857
- --tw-ring-color: var(--color-blue-500);
1858
- }
1859
- }
1860
- .focus-visible\:ring-gray-500 {
1861
- &:focus-visible {
1862
- --tw-ring-color: var(--color-gray-500);
1863
- }
1864
- }
1865
- .focus-visible\:ring-offset-2 {
1866
- &:focus-visible {
1867
- --tw-ring-offset-width: 2px;
1868
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1869
- }
1870
- }
1871
- .focus-visible\:outline-none {
1872
- &:focus-visible {
1873
- --tw-outline-style: none;
1874
- outline-style: none;
1875
- }
1876
- }
1877
- .active\:scale-\[0\.98\] {
1878
- &:active {
1879
- scale: 0.98;
1880
- }
1881
- }
1882
- .active\:bg-gray-700 {
1883
- &:active {
1884
- background-color: var(--color-gray-700);
1885
- }
1886
- }
1887
- .disabled\:cursor-not-allowed {
1888
- &:disabled {
1889
- cursor: not-allowed;
1890
- }
1891
- }
1892
- .disabled\:opacity-50 {
1893
- &:disabled {
1894
- opacity: 50%;
1895
- }
1896
- }
1897
- .sm\:inline {
1898
- @media (width >= 40rem) {
1899
- display: inline;
1900
- }
1901
- }
1902
- }
1903
- @property --tw-translate-x {
1904
- syntax: "*";
1905
- inherits: false;
1906
- initial-value: 0;
1907
- }
1908
- @property --tw-translate-y {
1909
- syntax: "*";
1910
- inherits: false;
1911
- initial-value: 0;
1912
- }
1913
- @property --tw-translate-z {
1914
- syntax: "*";
1915
- inherits: false;
1916
- initial-value: 0;
1917
- }
1918
- @property --tw-scale-x {
1919
- syntax: "*";
1920
- inherits: false;
1921
- initial-value: 1;
1922
- }
1923
- @property --tw-scale-y {
1924
- syntax: "*";
1925
- inherits: false;
1926
- initial-value: 1;
1927
- }
1928
- @property --tw-scale-z {
1929
- syntax: "*";
1930
- inherits: false;
1931
- initial-value: 1;
1932
- }
1933
- @property --tw-rotate-x {
1934
- syntax: "*";
1935
- inherits: false;
1936
- }
1937
- @property --tw-rotate-y {
1938
- syntax: "*";
1939
- inherits: false;
1940
- }
1941
- @property --tw-rotate-z {
1942
- syntax: "*";
1943
- inherits: false;
1944
- }
1945
- @property --tw-skew-x {
1946
- syntax: "*";
1947
- inherits: false;
1948
- }
1949
- @property --tw-skew-y {
1950
- syntax: "*";
1951
- inherits: false;
1952
- }
1953
- @property --tw-space-y-reverse {
1954
- syntax: "*";
1955
- inherits: false;
1956
- initial-value: 0;
1957
- }
1958
- @property --tw-space-x-reverse {
1959
- syntax: "*";
1960
- inherits: false;
1961
- initial-value: 0;
1962
- }
1963
- @property --tw-border-style {
1964
- syntax: "*";
1965
- inherits: false;
1966
- initial-value: solid;
1967
- }
1968
- @property --tw-leading {
1969
- syntax: "*";
1970
- inherits: false;
1971
- }
1972
- @property --tw-font-weight {
1973
- syntax: "*";
1974
- inherits: false;
1975
- }
1976
- @property --tw-tracking {
1977
- syntax: "*";
1978
- inherits: false;
1979
- }
1980
- @property --tw-shadow {
1981
- syntax: "*";
1982
- inherits: false;
1983
- initial-value: 0 0 #0000;
1984
- }
1985
- @property --tw-shadow-color {
1986
- syntax: "*";
1987
- inherits: false;
1988
- }
1989
- @property --tw-shadow-alpha {
1990
- syntax: "<percentage>";
1991
- inherits: false;
1992
- initial-value: 100%;
1993
- }
1994
- @property --tw-inset-shadow {
1995
- syntax: "*";
1996
- inherits: false;
1997
- initial-value: 0 0 #0000;
1998
- }
1999
- @property --tw-inset-shadow-color {
2000
- syntax: "*";
2001
- inherits: false;
2002
- }
2003
- @property --tw-inset-shadow-alpha {
2004
- syntax: "<percentage>";
2005
- inherits: false;
2006
- initial-value: 100%;
2007
- }
2008
- @property --tw-ring-color {
2009
- syntax: "*";
2010
- inherits: false;
2011
- }
2012
- @property --tw-ring-shadow {
2013
- syntax: "*";
2014
- inherits: false;
2015
- initial-value: 0 0 #0000;
2016
- }
2017
- @property --tw-inset-ring-color {
2018
- syntax: "*";
2019
- inherits: false;
2020
- }
2021
- @property --tw-inset-ring-shadow {
2022
- syntax: "*";
2023
- inherits: false;
2024
- initial-value: 0 0 #0000;
2025
- }
2026
- @property --tw-ring-inset {
2027
- syntax: "*";
2028
- inherits: false;
2029
- }
2030
- @property --tw-ring-offset-width {
2031
- syntax: "<length>";
2032
- inherits: false;
2033
- initial-value: 0px;
2034
- }
2035
- @property --tw-ring-offset-color {
2036
- syntax: "*";
2037
- inherits: false;
2038
- initial-value: #fff;
2039
- }
2040
- @property --tw-ring-offset-shadow {
2041
- syntax: "*";
2042
- inherits: false;
2043
- initial-value: 0 0 #0000;
2044
- }
2045
- @property --tw-outline-style {
2046
- syntax: "*";
2047
- inherits: false;
2048
- initial-value: solid;
2049
- }
2050
- @property --tw-blur {
2051
- syntax: "*";
2052
- inherits: false;
2053
- }
2054
- @property --tw-brightness {
2055
- syntax: "*";
2056
- inherits: false;
2057
- }
2058
- @property --tw-contrast {
2059
- syntax: "*";
2060
- inherits: false;
2061
- }
2062
- @property --tw-grayscale {
2063
- syntax: "*";
2064
- inherits: false;
2065
- }
2066
- @property --tw-hue-rotate {
2067
- syntax: "*";
2068
- inherits: false;
2069
- }
2070
- @property --tw-invert {
2071
- syntax: "*";
2072
- inherits: false;
2073
- }
2074
- @property --tw-opacity {
2075
- syntax: "*";
2076
- inherits: false;
2077
- }
2078
- @property --tw-saturate {
2079
- syntax: "*";
2080
- inherits: false;
2081
- }
2082
- @property --tw-sepia {
2083
- syntax: "*";
2084
- inherits: false;
2085
- }
2086
- @property --tw-drop-shadow {
2087
- syntax: "*";
2088
- inherits: false;
2089
- }
2090
- @property --tw-drop-shadow-color {
2091
- syntax: "*";
2092
- inherits: false;
2093
- }
2094
- @property --tw-drop-shadow-alpha {
2095
- syntax: "<percentage>";
2096
- inherits: false;
2097
- initial-value: 100%;
2098
- }
2099
- @property --tw-drop-shadow-size {
2100
- syntax: "*";
2101
- inherits: false;
2102
- }
2103
- @property --tw-backdrop-blur {
2104
- syntax: "*";
2105
- inherits: false;
2106
- }
2107
- @property --tw-backdrop-brightness {
2108
- syntax: "*";
2109
- inherits: false;
2110
- }
2111
- @property --tw-backdrop-contrast {
2112
- syntax: "*";
2113
- inherits: false;
2114
- }
2115
- @property --tw-backdrop-grayscale {
2116
- syntax: "*";
2117
- inherits: false;
2118
- }
2119
- @property --tw-backdrop-hue-rotate {
2120
- syntax: "*";
2121
- inherits: false;
2122
- }
2123
- @property --tw-backdrop-invert {
2124
- syntax: "*";
2125
- inherits: false;
2126
- }
2127
- @property --tw-backdrop-opacity {
2128
- syntax: "*";
2129
- inherits: false;
2130
- }
2131
- @property --tw-backdrop-saturate {
2132
- syntax: "*";
2133
- inherits: false;
2134
- }
2135
- @property --tw-backdrop-sepia {
2136
- syntax: "*";
2137
- inherits: false;
2138
- }
2139
- @property --tw-duration {
2140
- syntax: "*";
2141
- inherits: false;
2142
- }
2143
- @property --tw-ease {
2144
- syntax: "*";
2145
- inherits: false;
2146
- }
2147
- @keyframes spin {
2148
- to {
2149
- transform: rotate(360deg);
2150
- }
2151
- }
2152
- @keyframes pulse {
2153
- 50% {
2154
- opacity: 0.5;
2155
- }
2156
- }
2157
- @layer properties {
2158
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2159
- *, ::before, ::after, ::backdrop {
2160
- --tw-translate-x: 0;
2161
- --tw-translate-y: 0;
2162
- --tw-translate-z: 0;
2163
- --tw-scale-x: 1;
2164
- --tw-scale-y: 1;
2165
- --tw-scale-z: 1;
2166
- --tw-rotate-x: initial;
2167
- --tw-rotate-y: initial;
2168
- --tw-rotate-z: initial;
2169
- --tw-skew-x: initial;
2170
- --tw-skew-y: initial;
2171
- --tw-space-y-reverse: 0;
2172
- --tw-space-x-reverse: 0;
2173
- --tw-border-style: solid;
2174
- --tw-leading: initial;
2175
- --tw-font-weight: initial;
2176
- --tw-tracking: initial;
2177
- --tw-shadow: 0 0 #0000;
2178
- --tw-shadow-color: initial;
2179
- --tw-shadow-alpha: 100%;
2180
- --tw-inset-shadow: 0 0 #0000;
2181
- --tw-inset-shadow-color: initial;
2182
- --tw-inset-shadow-alpha: 100%;
2183
- --tw-ring-color: initial;
2184
- --tw-ring-shadow: 0 0 #0000;
2185
- --tw-inset-ring-color: initial;
2186
- --tw-inset-ring-shadow: 0 0 #0000;
2187
- --tw-ring-inset: initial;
2188
- --tw-ring-offset-width: 0px;
2189
- --tw-ring-offset-color: #fff;
2190
- --tw-ring-offset-shadow: 0 0 #0000;
2191
- --tw-outline-style: solid;
2192
- --tw-blur: initial;
2193
- --tw-brightness: initial;
2194
- --tw-contrast: initial;
2195
- --tw-grayscale: initial;
2196
- --tw-hue-rotate: initial;
2197
- --tw-invert: initial;
2198
- --tw-opacity: initial;
2199
- --tw-saturate: initial;
2200
- --tw-sepia: initial;
2201
- --tw-drop-shadow: initial;
2202
- --tw-drop-shadow-color: initial;
2203
- --tw-drop-shadow-alpha: 100%;
2204
- --tw-drop-shadow-size: initial;
2205
- --tw-backdrop-blur: initial;
2206
- --tw-backdrop-brightness: initial;
2207
- --tw-backdrop-contrast: initial;
2208
- --tw-backdrop-grayscale: initial;
2209
- --tw-backdrop-hue-rotate: initial;
2210
- --tw-backdrop-invert: initial;
2211
- --tw-backdrop-opacity: initial;
2212
- --tw-backdrop-saturate: initial;
2213
- --tw-backdrop-sepia: initial;
2214
- --tw-duration: initial;
2215
- --tw-ease: initial;
2216
- }
2217
- }
2218
- }