@refactico/pages 0.2.2 → 0.2.4

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