@tomaszjarosz/react-visualizers 0.2.12 → 0.2.13

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