@tomaszjarosz/react-visualizers 0.2.12 → 0.2.14

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 (7) hide show
  1. package/README.md +209 -40
  2. package/dist/index.cjs +166 -13
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.js +166 -13
  5. package/dist/index.js.map +1 -1
  6. package/dist/react-visualizers.css +3230 -0
  7. package/package.json +2 -2
package/dist/react-visualizers.css ADDED
@@ -0,0 +1,3230 @@
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-14 {
725
+ height: calc(var(--spacing) * 14);
726
+ }
727
+
728
+ .h-16 {
729
+ height: calc(var(--spacing) * 16);
730
+ }
731
+
732
+ .h-20 {
733
+ height: calc(var(--spacing) * 20);
734
+ }
735
+
736
+ .h-32 {
737
+ height: calc(var(--spacing) * 32);
738
+ }
739
+
740
+ .h-48 {
741
+ height: calc(var(--spacing) * 48);
742
+ }
743
+
744
+ .h-52 {
745
+ height: calc(var(--spacing) * 52);
746
+ }
747
+
748
+ .h-64 {
749
+ height: calc(var(--spacing) * 64);
750
+ }
751
+
752
+ .h-full {
753
+ height: 100%;
754
+ }
755
+
756
+ .max-h-40 {
757
+ max-height: calc(var(--spacing) * 40);
758
+ }
759
+
760
+ .min-h-\[36px\] {
761
+ min-height: 36px;
762
+ }
763
+
764
+ .min-h-\[80px\] {
765
+ min-height: 80px;
766
+ }
767
+
768
+ .min-h-\[100px\] {
769
+ min-height: 100px;
770
+ }
771
+
772
+ .min-h-\[150px\] {
773
+ min-height: 150px;
774
+ }
775
+
776
+ .w-0\.5 {
777
+ width: calc(var(--spacing) * .5);
778
+ }
779
+
780
+ .w-2 {
781
+ width: calc(var(--spacing) * 2);
782
+ }
783
+
784
+ .w-2\.5 {
785
+ width: calc(var(--spacing) * 2.5);
786
+ }
787
+
788
+ .w-3 {
789
+ width: calc(var(--spacing) * 3);
790
+ }
791
+
792
+ .w-4 {
793
+ width: calc(var(--spacing) * 4);
794
+ }
795
+
796
+ .w-5 {
797
+ width: calc(var(--spacing) * 5);
798
+ }
799
+
800
+ .w-6 {
801
+ width: calc(var(--spacing) * 6);
802
+ }
803
+
804
+ .w-8 {
805
+ width: calc(var(--spacing) * 8);
806
+ }
807
+
808
+ .w-10 {
809
+ width: calc(var(--spacing) * 10);
810
+ }
811
+
812
+ .w-12 {
813
+ width: calc(var(--spacing) * 12);
814
+ }
815
+
816
+ .w-14 {
817
+ width: calc(var(--spacing) * 14);
818
+ }
819
+
820
+ .w-16 {
821
+ width: calc(var(--spacing) * 16);
822
+ }
823
+
824
+ .w-20 {
825
+ width: calc(var(--spacing) * 20);
826
+ }
827
+
828
+ .w-24 {
829
+ width: calc(var(--spacing) * 24);
830
+ }
831
+
832
+ .w-32 {
833
+ width: calc(var(--spacing) * 32);
834
+ }
835
+
836
+ .w-40 {
837
+ width: calc(var(--spacing) * 40);
838
+ }
839
+
840
+ .w-64 {
841
+ width: calc(var(--spacing) * 64);
842
+ }
843
+
844
+ .w-full {
845
+ width: 100%;
846
+ }
847
+
848
+ .w-px {
849
+ width: 1px;
850
+ }
851
+
852
+ .max-w-4xl {
853
+ max-width: var(--container-4xl);
854
+ }
855
+
856
+ .min-w-0 {
857
+ min-width: calc(var(--spacing) * 0);
858
+ }
859
+
860
+ .min-w-\[50px\] {
861
+ min-width: 50px;
862
+ }
863
+
864
+ .min-w-\[60px\] {
865
+ min-width: 60px;
866
+ }
867
+
868
+ .min-w-max {
869
+ min-width: max-content;
870
+ }
871
+
872
+ .flex-1 {
873
+ flex: 1;
874
+ }
875
+
876
+ .flex-shrink-0 {
877
+ flex-shrink: 0;
878
+ }
879
+
880
+ .border-collapse {
881
+ border-collapse: collapse;
882
+ }
883
+
884
+ .-translate-x-1\/2 {
885
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
886
+ translate: var(--tw-translate-x) var(--tw-translate-y);
887
+ }
888
+
889
+ .scale-110 {
890
+ --tw-scale-x: 110%;
891
+ --tw-scale-y: 110%;
892
+ --tw-scale-z: 110%;
893
+ scale: var(--tw-scale-x) var(--tw-scale-y);
894
+ }
895
+
896
+ .rotate-90 {
897
+ rotate: 90deg;
898
+ }
899
+
900
+ .transform {
901
+ transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
902
+ }
903
+
904
+ .animate-bounce {
905
+ animation: var(--animate-bounce);
906
+ }
907
+
908
+ .animate-pulse {
909
+ animation: var(--animate-pulse);
910
+ }
911
+
912
+ .cursor-default {
913
+ cursor: default;
914
+ }
915
+
916
+ .cursor-not-allowed {
917
+ cursor: not-allowed;
918
+ }
919
+
920
+ .cursor-pointer {
921
+ cursor: pointer;
922
+ }
923
+
924
+ .resize {
925
+ resize: both;
926
+ }
927
+
928
+ .resize\! {
929
+ resize: both !important;
930
+ }
931
+
932
+ .appearance-none {
933
+ appearance: none;
934
+ }
935
+
936
+ .grid-cols-1 {
937
+ grid-template-columns: repeat(1, minmax(0, 1fr));
938
+ }
939
+
940
+ .grid-cols-2 {
941
+ grid-template-columns: repeat(2, minmax(0, 1fr));
942
+ }
943
+
944
+ .grid-cols-3 {
945
+ grid-template-columns: repeat(3, minmax(0, 1fr));
946
+ }
947
+
948
+ .grid-cols-8 {
949
+ grid-template-columns: repeat(8, minmax(0, 1fr));
950
+ }
951
+
952
+ .flex-col {
953
+ flex-direction: column;
954
+ }
955
+
956
+ .flex-col-reverse {
957
+ flex-direction: column-reverse;
958
+ }
959
+
960
+ .flex-wrap {
961
+ flex-wrap: wrap;
962
+ }
963
+
964
+ .items-center {
965
+ align-items: center;
966
+ }
967
+
968
+ .items-end {
969
+ align-items: flex-end;
970
+ }
971
+
972
+ .items-start {
973
+ align-items: flex-start;
974
+ }
975
+
976
+ .justify-between {
977
+ justify-content: space-between;
978
+ }
979
+
980
+ .justify-center {
981
+ justify-content: center;
982
+ }
983
+
984
+ .gap-0\.5 {
985
+ gap: calc(var(--spacing) * .5);
986
+ }
987
+
988
+ .gap-1 {
989
+ gap: calc(var(--spacing) * 1);
990
+ }
991
+
992
+ .gap-2 {
993
+ gap: calc(var(--spacing) * 2);
994
+ }
995
+
996
+ .gap-3 {
997
+ gap: calc(var(--spacing) * 3);
998
+ }
999
+
1000
+ .gap-4 {
1001
+ gap: calc(var(--spacing) * 4);
1002
+ }
1003
+
1004
+ .gap-6 {
1005
+ gap: calc(var(--spacing) * 6);
1006
+ }
1007
+
1008
+ .gap-8 {
1009
+ gap: calc(var(--spacing) * 8);
1010
+ }
1011
+
1012
+ :where(.space-y-0\.5 > :not(:last-child)) {
1013
+ --tw-space-y-reverse: 0;
1014
+ margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
1015
+ margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
1016
+ }
1017
+
1018
+ :where(.space-y-1 > :not(:last-child)) {
1019
+ --tw-space-y-reverse: 0;
1020
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
1021
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
1022
+ }
1023
+
1024
+ :where(.space-y-2 > :not(:last-child)) {
1025
+ --tw-space-y-reverse: 0;
1026
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
1027
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1028
+ }
1029
+
1030
+ :where(.space-y-4 > :not(:last-child)) {
1031
+ --tw-space-y-reverse: 0;
1032
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1033
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1034
+ }
1035
+
1036
+ :where(.divide-y > :not(:last-child)) {
1037
+ --tw-divide-y-reverse: 0;
1038
+ border-bottom-style: var(--tw-border-style);
1039
+ border-top-style: var(--tw-border-style);
1040
+ border-top-width: calc(1px * var(--tw-divide-y-reverse));
1041
+ border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1042
+ }
1043
+
1044
+ :where(.divide-gray-100 > :not(:last-child)) {
1045
+ border-color: var(--color-gray-100);
1046
+ }
1047
+
1048
+ .truncate {
1049
+ text-overflow: ellipsis;
1050
+ white-space: nowrap;
1051
+ overflow: hidden;
1052
+ }
1053
+
1054
+ .overflow-hidden {
1055
+ overflow: hidden;
1056
+ }
1057
+
1058
+ .overflow-visible {
1059
+ overflow: visible;
1060
+ }
1061
+
1062
+ .overflow-x-auto {
1063
+ overflow-x: auto;
1064
+ }
1065
+
1066
+ .overflow-y-auto {
1067
+ overflow-y: auto;
1068
+ }
1069
+
1070
+ .rounded {
1071
+ border-radius: .25rem;
1072
+ }
1073
+
1074
+ .rounded-full {
1075
+ border-radius: 3.40282e38px;
1076
+ }
1077
+
1078
+ .rounded-lg {
1079
+ border-radius: var(--radius-lg);
1080
+ }
1081
+
1082
+ .rounded-md {
1083
+ border-radius: var(--radius-md);
1084
+ }
1085
+
1086
+ .rounded-xl {
1087
+ border-radius: var(--radius-xl);
1088
+ }
1089
+
1090
+ .rounded-t {
1091
+ border-top-left-radius: .25rem;
1092
+ border-top-right-radius: .25rem;
1093
+ }
1094
+
1095
+ .rounded-t-lg {
1096
+ border-top-left-radius: var(--radius-lg);
1097
+ border-top-right-radius: var(--radius-lg);
1098
+ }
1099
+
1100
+ .rounded-b-lg {
1101
+ border-bottom-right-radius: var(--radius-lg);
1102
+ border-bottom-left-radius: var(--radius-lg);
1103
+ }
1104
+
1105
+ .border {
1106
+ border-style: var(--tw-border-style);
1107
+ border-width: 1px;
1108
+ }
1109
+
1110
+ .border-2 {
1111
+ border-style: var(--tw-border-style);
1112
+ border-width: 2px;
1113
+ }
1114
+
1115
+ .border-t {
1116
+ border-top-style: var(--tw-border-style);
1117
+ border-top-width: 1px;
1118
+ }
1119
+
1120
+ .border-r {
1121
+ border-right-style: var(--tw-border-style);
1122
+ border-right-width: 1px;
1123
+ }
1124
+
1125
+ .border-b {
1126
+ border-bottom-style: var(--tw-border-style);
1127
+ border-bottom-width: 1px;
1128
+ }
1129
+
1130
+ .border-l {
1131
+ border-left-style: var(--tw-border-style);
1132
+ border-left-width: 1px;
1133
+ }
1134
+
1135
+ .border-l-2 {
1136
+ border-left-style: var(--tw-border-style);
1137
+ border-left-width: 2px;
1138
+ }
1139
+
1140
+ .border-amber-300 {
1141
+ border-color: var(--color-amber-300);
1142
+ }
1143
+
1144
+ .border-blue-200 {
1145
+ border-color: var(--color-blue-200);
1146
+ }
1147
+
1148
+ .border-blue-300 {
1149
+ border-color: var(--color-blue-300);
1150
+ }
1151
+
1152
+ .border-blue-400 {
1153
+ border-color: var(--color-blue-400);
1154
+ }
1155
+
1156
+ .border-blue-500 {
1157
+ border-color: var(--color-blue-500);
1158
+ }
1159
+
1160
+ .border-blue-600 {
1161
+ border-color: var(--color-blue-600);
1162
+ }
1163
+
1164
+ .border-cyan-200 {
1165
+ border-color: var(--color-cyan-200);
1166
+ }
1167
+
1168
+ .border-cyan-500 {
1169
+ border-color: var(--color-cyan-500);
1170
+ }
1171
+
1172
+ .border-emerald-200 {
1173
+ border-color: var(--color-emerald-200);
1174
+ }
1175
+
1176
+ .border-gray-200 {
1177
+ border-color: var(--color-gray-200);
1178
+ }
1179
+
1180
+ .border-gray-300 {
1181
+ border-color: var(--color-gray-300);
1182
+ }
1183
+
1184
+ .border-gray-700 {
1185
+ border-color: var(--color-gray-700);
1186
+ }
1187
+
1188
+ .border-green-200 {
1189
+ border-color: var(--color-green-200);
1190
+ }
1191
+
1192
+ .border-green-300 {
1193
+ border-color: var(--color-green-300);
1194
+ }
1195
+
1196
+ .border-green-400 {
1197
+ border-color: var(--color-green-400);
1198
+ }
1199
+
1200
+ .border-green-500 {
1201
+ border-color: var(--color-green-500);
1202
+ }
1203
+
1204
+ .border-green-600 {
1205
+ border-color: var(--color-green-600);
1206
+ }
1207
+
1208
+ .border-indigo-100 {
1209
+ border-color: var(--color-indigo-100);
1210
+ }
1211
+
1212
+ .border-indigo-200 {
1213
+ border-color: var(--color-indigo-200);
1214
+ }
1215
+
1216
+ .border-indigo-300 {
1217
+ border-color: var(--color-indigo-300);
1218
+ }
1219
+
1220
+ .border-indigo-500 {
1221
+ border-color: var(--color-indigo-500);
1222
+ }
1223
+
1224
+ .border-indigo-600 {
1225
+ border-color: var(--color-indigo-600);
1226
+ }
1227
+
1228
+ .border-lime-200 {
1229
+ border-color: var(--color-lime-200);
1230
+ }
1231
+
1232
+ .border-lime-500 {
1233
+ border-color: var(--color-lime-500);
1234
+ }
1235
+
1236
+ .border-orange-200 {
1237
+ border-color: var(--color-orange-200);
1238
+ }
1239
+
1240
+ .border-orange-300 {
1241
+ border-color: var(--color-orange-300);
1242
+ }
1243
+
1244
+ .border-orange-500 {
1245
+ border-color: var(--color-orange-500);
1246
+ }
1247
+
1248
+ .border-orange-600 {
1249
+ border-color: var(--color-orange-600);
1250
+ }
1251
+
1252
+ .border-purple-200 {
1253
+ border-color: var(--color-purple-200);
1254
+ }
1255
+
1256
+ .border-purple-300 {
1257
+ border-color: var(--color-purple-300);
1258
+ }
1259
+
1260
+ .border-purple-500 {
1261
+ border-color: var(--color-purple-500);
1262
+ }
1263
+
1264
+ .border-red-200 {
1265
+ border-color: var(--color-red-200);
1266
+ }
1267
+
1268
+ .border-red-300 {
1269
+ border-color: var(--color-red-300);
1270
+ }
1271
+
1272
+ .border-red-400 {
1273
+ border-color: var(--color-red-400);
1274
+ }
1275
+
1276
+ .border-red-500 {
1277
+ border-color: var(--color-red-500);
1278
+ }
1279
+
1280
+ .border-red-600 {
1281
+ border-color: var(--color-red-600);
1282
+ }
1283
+
1284
+ .border-teal-200 {
1285
+ border-color: var(--color-teal-200);
1286
+ }
1287
+
1288
+ .border-teal-500 {
1289
+ border-color: var(--color-teal-500);
1290
+ }
1291
+
1292
+ .border-transparent {
1293
+ border-color: #0000;
1294
+ }
1295
+
1296
+ .border-violet-200 {
1297
+ border-color: var(--color-violet-200);
1298
+ }
1299
+
1300
+ .border-violet-300 {
1301
+ border-color: var(--color-violet-300);
1302
+ }
1303
+
1304
+ .border-violet-500 {
1305
+ border-color: var(--color-violet-500);
1306
+ }
1307
+
1308
+ .border-yellow-200 {
1309
+ border-color: var(--color-yellow-200);
1310
+ }
1311
+
1312
+ .border-yellow-400 {
1313
+ border-color: var(--color-yellow-400);
1314
+ }
1315
+
1316
+ .border-yellow-500 {
1317
+ border-color: var(--color-yellow-500);
1318
+ }
1319
+
1320
+ .border-yellow-600 {
1321
+ border-color: var(--color-yellow-600);
1322
+ }
1323
+
1324
+ .bg-amber-50 {
1325
+ background-color: var(--color-amber-50);
1326
+ }
1327
+
1328
+ .bg-amber-100 {
1329
+ background-color: var(--color-amber-100);
1330
+ }
1331
+
1332
+ .bg-blue-50 {
1333
+ background-color: var(--color-blue-50);
1334
+ }
1335
+
1336
+ .bg-blue-100 {
1337
+ background-color: var(--color-blue-100);
1338
+ }
1339
+
1340
+ .bg-blue-200 {
1341
+ background-color: var(--color-blue-200);
1342
+ }
1343
+
1344
+ .bg-blue-400 {
1345
+ background-color: var(--color-blue-400);
1346
+ }
1347
+
1348
+ .bg-blue-500 {
1349
+ background-color: var(--color-blue-500);
1350
+ }
1351
+
1352
+ .bg-blue-600 {
1353
+ background-color: var(--color-blue-600);
1354
+ }
1355
+
1356
+ .bg-cyan-50 {
1357
+ background-color: var(--color-cyan-50);
1358
+ }
1359
+
1360
+ .bg-cyan-100 {
1361
+ background-color: var(--color-cyan-100);
1362
+ }
1363
+
1364
+ .bg-cyan-500 {
1365
+ background-color: var(--color-cyan-500);
1366
+ }
1367
+
1368
+ .bg-cyan-600 {
1369
+ background-color: var(--color-cyan-600);
1370
+ }
1371
+
1372
+ .bg-emerald-50 {
1373
+ background-color: var(--color-emerald-50);
1374
+ }
1375
+
1376
+ .bg-emerald-100 {
1377
+ background-color: var(--color-emerald-100);
1378
+ }
1379
+
1380
+ .bg-gray-50 {
1381
+ background-color: var(--color-gray-50);
1382
+ }
1383
+
1384
+ .bg-gray-100 {
1385
+ background-color: var(--color-gray-100);
1386
+ }
1387
+
1388
+ .bg-gray-200 {
1389
+ background-color: var(--color-gray-200);
1390
+ }
1391
+
1392
+ .bg-gray-300 {
1393
+ background-color: var(--color-gray-300);
1394
+ }
1395
+
1396
+ .bg-gray-400 {
1397
+ background-color: var(--color-gray-400);
1398
+ }
1399
+
1400
+ .bg-gray-500 {
1401
+ background-color: var(--color-gray-500);
1402
+ }
1403
+
1404
+ .bg-gray-800 {
1405
+ background-color: var(--color-gray-800);
1406
+ }
1407
+
1408
+ .bg-gray-900 {
1409
+ background-color: var(--color-gray-900);
1410
+ }
1411
+
1412
+ .bg-green-50 {
1413
+ background-color: var(--color-green-50);
1414
+ }
1415
+
1416
+ .bg-green-100 {
1417
+ background-color: var(--color-green-100);
1418
+ }
1419
+
1420
+ .bg-green-200 {
1421
+ background-color: var(--color-green-200);
1422
+ }
1423
+
1424
+ .bg-green-400 {
1425
+ background-color: var(--color-green-400);
1426
+ }
1427
+
1428
+ .bg-green-500 {
1429
+ background-color: var(--color-green-500);
1430
+ }
1431
+
1432
+ .bg-green-600 {
1433
+ background-color: var(--color-green-600);
1434
+ }
1435
+
1436
+ .bg-indigo-50 {
1437
+ background-color: var(--color-indigo-50);
1438
+ }
1439
+
1440
+ .bg-indigo-100 {
1441
+ background-color: var(--color-indigo-100);
1442
+ }
1443
+
1444
+ .bg-indigo-100\/50 {
1445
+ background-color: #e0e7ff80;
1446
+ }
1447
+
1448
+ @supports (color: color-mix(in lab, red, red)) {
1449
+ .bg-indigo-100\/50 {
1450
+ background-color: color-mix(in oklab, var(--color-indigo-100) 50%, transparent);
1451
+ }
1452
+ }
1453
+
1454
+ .bg-indigo-500 {
1455
+ background-color: var(--color-indigo-500);
1456
+ }
1457
+
1458
+ .bg-indigo-600 {
1459
+ background-color: var(--color-indigo-600);
1460
+ }
1461
+
1462
+ .bg-lime-50 {
1463
+ background-color: var(--color-lime-50);
1464
+ }
1465
+
1466
+ .bg-lime-100 {
1467
+ background-color: var(--color-lime-100);
1468
+ }
1469
+
1470
+ .bg-lime-500 {
1471
+ background-color: var(--color-lime-500);
1472
+ }
1473
+
1474
+ .bg-lime-600 {
1475
+ background-color: var(--color-lime-600);
1476
+ }
1477
+
1478
+ .bg-orange-50 {
1479
+ background-color: var(--color-orange-50);
1480
+ }
1481
+
1482
+ .bg-orange-100 {
1483
+ background-color: var(--color-orange-100);
1484
+ }
1485
+
1486
+ .bg-orange-200 {
1487
+ background-color: var(--color-orange-200);
1488
+ }
1489
+
1490
+ .bg-orange-400 {
1491
+ background-color: var(--color-orange-400);
1492
+ }
1493
+
1494
+ .bg-orange-500 {
1495
+ background-color: var(--color-orange-500);
1496
+ }
1497
+
1498
+ .bg-orange-600 {
1499
+ background-color: var(--color-orange-600);
1500
+ }
1501
+
1502
+ .bg-pink-100 {
1503
+ background-color: var(--color-pink-100);
1504
+ }
1505
+
1506
+ .bg-pink-400 {
1507
+ background-color: var(--color-pink-400);
1508
+ }
1509
+
1510
+ .bg-purple-50 {
1511
+ background-color: var(--color-purple-50);
1512
+ }
1513
+
1514
+ .bg-purple-100 {
1515
+ background-color: var(--color-purple-100);
1516
+ }
1517
+
1518
+ .bg-purple-200 {
1519
+ background-color: var(--color-purple-200);
1520
+ }
1521
+
1522
+ .bg-purple-400 {
1523
+ background-color: var(--color-purple-400);
1524
+ }
1525
+
1526
+ .bg-purple-500 {
1527
+ background-color: var(--color-purple-500);
1528
+ }
1529
+
1530
+ .bg-purple-600 {
1531
+ background-color: var(--color-purple-600);
1532
+ }
1533
+
1534
+ .bg-red-50 {
1535
+ background-color: var(--color-red-50);
1536
+ }
1537
+
1538
+ .bg-red-100 {
1539
+ background-color: var(--color-red-100);
1540
+ }
1541
+
1542
+ .bg-red-300 {
1543
+ background-color: var(--color-red-300);
1544
+ }
1545
+
1546
+ .bg-red-400 {
1547
+ background-color: var(--color-red-400);
1548
+ }
1549
+
1550
+ .bg-red-500 {
1551
+ background-color: var(--color-red-500);
1552
+ }
1553
+
1554
+ .bg-red-600 {
1555
+ background-color: var(--color-red-600);
1556
+ }
1557
+
1558
+ .bg-teal-50 {
1559
+ background-color: var(--color-teal-50);
1560
+ }
1561
+
1562
+ .bg-teal-100 {
1563
+ background-color: var(--color-teal-100);
1564
+ }
1565
+
1566
+ .bg-teal-500 {
1567
+ background-color: var(--color-teal-500);
1568
+ }
1569
+
1570
+ .bg-teal-600 {
1571
+ background-color: var(--color-teal-600);
1572
+ }
1573
+
1574
+ .bg-violet-50 {
1575
+ background-color: var(--color-violet-50);
1576
+ }
1577
+
1578
+ .bg-violet-100 {
1579
+ background-color: var(--color-violet-100);
1580
+ }
1581
+
1582
+ .bg-violet-500 {
1583
+ background-color: var(--color-violet-500);
1584
+ }
1585
+
1586
+ .bg-violet-600 {
1587
+ background-color: var(--color-violet-600);
1588
+ }
1589
+
1590
+ .bg-white {
1591
+ background-color: var(--color-white);
1592
+ }
1593
+
1594
+ .bg-yellow-50 {
1595
+ background-color: var(--color-yellow-50);
1596
+ }
1597
+
1598
+ .bg-yellow-100 {
1599
+ background-color: var(--color-yellow-100);
1600
+ }
1601
+
1602
+ .bg-yellow-200 {
1603
+ background-color: var(--color-yellow-200);
1604
+ }
1605
+
1606
+ .bg-yellow-300 {
1607
+ background-color: var(--color-yellow-300);
1608
+ }
1609
+
1610
+ .bg-yellow-400 {
1611
+ background-color: var(--color-yellow-400);
1612
+ }
1613
+
1614
+ .bg-yellow-500 {
1615
+ background-color: var(--color-yellow-500);
1616
+ }
1617
+
1618
+ .bg-yellow-500\/30 {
1619
+ background-color: #edb2004d;
1620
+ }
1621
+
1622
+ @supports (color: color-mix(in lab, red, red)) {
1623
+ .bg-yellow-500\/30 {
1624
+ background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
1625
+ }
1626
+ }
1627
+
1628
+ .bg-gradient-to-br {
1629
+ --tw-gradient-position: to bottom right in oklab;
1630
+ background-image: linear-gradient(var(--tw-gradient-stops));
1631
+ }
1632
+
1633
+ .bg-gradient-to-r {
1634
+ --tw-gradient-position: to right in oklab;
1635
+ background-image: linear-gradient(var(--tw-gradient-stops));
1636
+ }
1637
+
1638
+ .from-blue-50 {
1639
+ --tw-gradient-from: var(--color-blue-50);
1640
+ --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));
1641
+ }
1642
+
1643
+ .from-cyan-50 {
1644
+ --tw-gradient-from: var(--color-cyan-50);
1645
+ --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));
1646
+ }
1647
+
1648
+ .from-emerald-50 {
1649
+ --tw-gradient-from: var(--color-emerald-50);
1650
+ --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));
1651
+ }
1652
+
1653
+ .from-gray-50 {
1654
+ --tw-gradient-from: var(--color-gray-50);
1655
+ --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));
1656
+ }
1657
+
1658
+ .from-green-50 {
1659
+ --tw-gradient-from: var(--color-green-50);
1660
+ --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));
1661
+ }
1662
+
1663
+ .from-indigo-50 {
1664
+ --tw-gradient-from: var(--color-indigo-50);
1665
+ --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));
1666
+ }
1667
+
1668
+ .from-lime-50 {
1669
+ --tw-gradient-from: var(--color-lime-50);
1670
+ --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));
1671
+ }
1672
+
1673
+ .from-orange-50 {
1674
+ --tw-gradient-from: var(--color-orange-50);
1675
+ --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));
1676
+ }
1677
+
1678
+ .from-orange-100 {
1679
+ --tw-gradient-from: var(--color-orange-100);
1680
+ --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));
1681
+ }
1682
+
1683
+ .from-purple-50 {
1684
+ --tw-gradient-from: var(--color-purple-50);
1685
+ --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));
1686
+ }
1687
+
1688
+ .from-red-50 {
1689
+ --tw-gradient-from: var(--color-red-50);
1690
+ --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));
1691
+ }
1692
+
1693
+ .from-teal-50 {
1694
+ --tw-gradient-from: var(--color-teal-50);
1695
+ --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));
1696
+ }
1697
+
1698
+ .from-violet-50 {
1699
+ --tw-gradient-from: var(--color-violet-50);
1700
+ --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));
1701
+ }
1702
+
1703
+ .to-amber-50 {
1704
+ --tw-gradient-to: var(--color-amber-50);
1705
+ --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));
1706
+ }
1707
+
1708
+ .to-amber-100 {
1709
+ --tw-gradient-to: var(--color-amber-100);
1710
+ --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));
1711
+ }
1712
+
1713
+ .to-blue-50 {
1714
+ --tw-gradient-to: var(--color-blue-50);
1715
+ --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));
1716
+ }
1717
+
1718
+ .to-cyan-50 {
1719
+ --tw-gradient-to: var(--color-cyan-50);
1720
+ --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));
1721
+ }
1722
+
1723
+ .to-emerald-50 {
1724
+ --tw-gradient-to: var(--color-emerald-50);
1725
+ --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));
1726
+ }
1727
+
1728
+ .to-gray-100 {
1729
+ --tw-gradient-to: var(--color-gray-100);
1730
+ --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));
1731
+ }
1732
+
1733
+ .to-green-50 {
1734
+ --tw-gradient-to: var(--color-green-50);
1735
+ --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));
1736
+ }
1737
+
1738
+ .to-indigo-50 {
1739
+ --tw-gradient-to: var(--color-indigo-50);
1740
+ --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));
1741
+ }
1742
+
1743
+ .to-lime-50 {
1744
+ --tw-gradient-to: var(--color-lime-50);
1745
+ --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));
1746
+ }
1747
+
1748
+ .to-orange-50 {
1749
+ --tw-gradient-to: var(--color-orange-50);
1750
+ --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));
1751
+ }
1752
+
1753
+ .to-pink-50 {
1754
+ --tw-gradient-to: var(--color-pink-50);
1755
+ --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));
1756
+ }
1757
+
1758
+ .to-purple-50 {
1759
+ --tw-gradient-to: var(--color-purple-50);
1760
+ --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));
1761
+ }
1762
+
1763
+ .to-red-50 {
1764
+ --tw-gradient-to: var(--color-red-50);
1765
+ --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));
1766
+ }
1767
+
1768
+ .to-teal-50 {
1769
+ --tw-gradient-to: var(--color-teal-50);
1770
+ --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));
1771
+ }
1772
+
1773
+ .to-violet-50 {
1774
+ --tw-gradient-to: var(--color-violet-50);
1775
+ --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));
1776
+ }
1777
+
1778
+ .to-white {
1779
+ --tw-gradient-to: var(--color-white);
1780
+ --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));
1781
+ }
1782
+
1783
+ .fill-blue-100 {
1784
+ fill: var(--color-blue-100);
1785
+ }
1786
+
1787
+ .fill-blue-500 {
1788
+ fill: var(--color-blue-500);
1789
+ }
1790
+
1791
+ .fill-blue-700 {
1792
+ fill: var(--color-blue-700);
1793
+ }
1794
+
1795
+ .fill-gray-200 {
1796
+ fill: var(--color-gray-200);
1797
+ }
1798
+
1799
+ .fill-gray-400 {
1800
+ fill: var(--color-gray-400);
1801
+ }
1802
+
1803
+ .fill-gray-500 {
1804
+ fill: var(--color-gray-500);
1805
+ }
1806
+
1807
+ .fill-gray-600 {
1808
+ fill: var(--color-gray-600);
1809
+ }
1810
+
1811
+ .fill-gray-700 {
1812
+ fill: var(--color-gray-700);
1813
+ }
1814
+
1815
+ .fill-green-100 {
1816
+ fill: var(--color-green-100);
1817
+ }
1818
+
1819
+ .fill-green-400 {
1820
+ fill: var(--color-green-400);
1821
+ }
1822
+
1823
+ .fill-green-700 {
1824
+ fill: var(--color-green-700);
1825
+ }
1826
+
1827
+ .fill-green-900 {
1828
+ fill: var(--color-green-900);
1829
+ }
1830
+
1831
+ .fill-purple-100 {
1832
+ fill: var(--color-purple-100);
1833
+ }
1834
+
1835
+ .fill-purple-200 {
1836
+ fill: var(--color-purple-200);
1837
+ }
1838
+
1839
+ .fill-purple-500 {
1840
+ fill: var(--color-purple-500);
1841
+ }
1842
+
1843
+ .fill-red-100 {
1844
+ fill: var(--color-red-100);
1845
+ }
1846
+
1847
+ .fill-white {
1848
+ fill: var(--color-white);
1849
+ }
1850
+
1851
+ .fill-yellow-200 {
1852
+ fill: var(--color-yellow-200);
1853
+ }
1854
+
1855
+ .fill-yellow-300 {
1856
+ fill: var(--color-yellow-300);
1857
+ }
1858
+
1859
+ .fill-yellow-400 {
1860
+ fill: var(--color-yellow-400);
1861
+ }
1862
+
1863
+ .fill-yellow-600 {
1864
+ fill: var(--color-yellow-600);
1865
+ }
1866
+
1867
+ .fill-yellow-900 {
1868
+ fill: var(--color-yellow-900);
1869
+ }
1870
+
1871
+ .stroke-blue-400 {
1872
+ stroke: var(--color-blue-400);
1873
+ }
1874
+
1875
+ .stroke-blue-600 {
1876
+ stroke: var(--color-blue-600);
1877
+ }
1878
+
1879
+ .stroke-gray-300 {
1880
+ stroke: var(--color-gray-300);
1881
+ }
1882
+
1883
+ .stroke-gray-400 {
1884
+ stroke: var(--color-gray-400);
1885
+ }
1886
+
1887
+ .stroke-green-400 {
1888
+ stroke: var(--color-green-400);
1889
+ }
1890
+
1891
+ .stroke-green-500 {
1892
+ stroke: var(--color-green-500);
1893
+ }
1894
+
1895
+ .stroke-green-600 {
1896
+ stroke: var(--color-green-600);
1897
+ }
1898
+
1899
+ .stroke-purple-300 {
1900
+ stroke: var(--color-purple-300);
1901
+ }
1902
+
1903
+ .stroke-purple-400 {
1904
+ stroke: var(--color-purple-400);
1905
+ }
1906
+
1907
+ .stroke-purple-600 {
1908
+ stroke: var(--color-purple-600);
1909
+ }
1910
+
1911
+ .stroke-red-400 {
1912
+ stroke: var(--color-red-400);
1913
+ }
1914
+
1915
+ .stroke-yellow-400 {
1916
+ stroke: var(--color-yellow-400);
1917
+ }
1918
+
1919
+ .stroke-yellow-500 {
1920
+ stroke: var(--color-yellow-500);
1921
+ }
1922
+
1923
+ .stroke-yellow-600 {
1924
+ stroke: var(--color-yellow-600);
1925
+ }
1926
+
1927
+ .stroke-2 {
1928
+ stroke-width: 2px;
1929
+ }
1930
+
1931
+ .p-0\.5 {
1932
+ padding: calc(var(--spacing) * .5);
1933
+ }
1934
+
1935
+ .p-1 {
1936
+ padding: calc(var(--spacing) * 1);
1937
+ }
1938
+
1939
+ .p-1\.5 {
1940
+ padding: calc(var(--spacing) * 1.5);
1941
+ }
1942
+
1943
+ .p-2 {
1944
+ padding: calc(var(--spacing) * 2);
1945
+ }
1946
+
1947
+ .p-3 {
1948
+ padding: calc(var(--spacing) * 3);
1949
+ }
1950
+
1951
+ .p-4 {
1952
+ padding: calc(var(--spacing) * 4);
1953
+ }
1954
+
1955
+ .p-6 {
1956
+ padding: calc(var(--spacing) * 6);
1957
+ }
1958
+
1959
+ .px-0\.5 {
1960
+ padding-inline: calc(var(--spacing) * .5);
1961
+ }
1962
+
1963
+ .px-1 {
1964
+ padding-inline: calc(var(--spacing) * 1);
1965
+ }
1966
+
1967
+ .px-1\.5 {
1968
+ padding-inline: calc(var(--spacing) * 1.5);
1969
+ }
1970
+
1971
+ .px-2 {
1972
+ padding-inline: calc(var(--spacing) * 2);
1973
+ }
1974
+
1975
+ .px-3 {
1976
+ padding-inline: calc(var(--spacing) * 3);
1977
+ }
1978
+
1979
+ .px-4 {
1980
+ padding-inline: calc(var(--spacing) * 4);
1981
+ }
1982
+
1983
+ .px-6 {
1984
+ padding-inline: calc(var(--spacing) * 6);
1985
+ }
1986
+
1987
+ .py-0\.5 {
1988
+ padding-block: calc(var(--spacing) * .5);
1989
+ }
1990
+
1991
+ .py-1 {
1992
+ padding-block: calc(var(--spacing) * 1);
1993
+ }
1994
+
1995
+ .py-1\.5 {
1996
+ padding-block: calc(var(--spacing) * 1.5);
1997
+ }
1998
+
1999
+ .py-2 {
2000
+ padding-block: calc(var(--spacing) * 2);
2001
+ }
2002
+
2003
+ .py-3 {
2004
+ padding-block: calc(var(--spacing) * 3);
2005
+ }
2006
+
2007
+ .py-4 {
2008
+ padding-block: calc(var(--spacing) * 4);
2009
+ }
2010
+
2011
+ .pt-1 {
2012
+ padding-top: calc(var(--spacing) * 1);
2013
+ }
2014
+
2015
+ .pt-2 {
2016
+ padding-top: calc(var(--spacing) * 2);
2017
+ }
2018
+
2019
+ .pr-4 {
2020
+ padding-right: calc(var(--spacing) * 4);
2021
+ }
2022
+
2023
+ .pb-1 {
2024
+ padding-bottom: calc(var(--spacing) * 1);
2025
+ }
2026
+
2027
+ .pb-2 {
2028
+ padding-bottom: calc(var(--spacing) * 2);
2029
+ }
2030
+
2031
+ .pl-3 {
2032
+ padding-left: calc(var(--spacing) * 3);
2033
+ }
2034
+
2035
+ .text-center {
2036
+ text-align: center;
2037
+ }
2038
+
2039
+ .text-left {
2040
+ text-align: left;
2041
+ }
2042
+
2043
+ .font-mono {
2044
+ font-family: var(--font-mono);
2045
+ }
2046
+
2047
+ .text-2xl {
2048
+ font-size: var(--text-2xl);
2049
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
2050
+ }
2051
+
2052
+ .text-5xl {
2053
+ font-size: var(--text-5xl);
2054
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
2055
+ }
2056
+
2057
+ .text-base {
2058
+ font-size: var(--text-base);
2059
+ line-height: var(--tw-leading, var(--text-base--line-height));
2060
+ }
2061
+
2062
+ .text-lg {
2063
+ font-size: var(--text-lg);
2064
+ line-height: var(--tw-leading, var(--text-lg--line-height));
2065
+ }
2066
+
2067
+ .text-sm {
2068
+ font-size: var(--text-sm);
2069
+ line-height: var(--tw-leading, var(--text-sm--line-height));
2070
+ }
2071
+
2072
+ .text-xl {
2073
+ font-size: var(--text-xl);
2074
+ line-height: var(--tw-leading, var(--text-xl--line-height));
2075
+ }
2076
+
2077
+ .text-xs {
2078
+ font-size: var(--text-xs);
2079
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2080
+ }
2081
+
2082
+ .text-\[8px\] {
2083
+ font-size: 8px;
2084
+ }
2085
+
2086
+ .text-\[9px\] {
2087
+ font-size: 9px;
2088
+ }
2089
+
2090
+ .text-\[10px\] {
2091
+ font-size: 10px;
2092
+ }
2093
+
2094
+ .text-\[11px\] {
2095
+ font-size: 11px;
2096
+ }
2097
+
2098
+ .leading-tight {
2099
+ --tw-leading: var(--leading-tight);
2100
+ line-height: var(--leading-tight);
2101
+ }
2102
+
2103
+ .font-bold {
2104
+ --tw-font-weight: var(--font-weight-bold);
2105
+ font-weight: var(--font-weight-bold);
2106
+ }
2107
+
2108
+ .font-medium {
2109
+ --tw-font-weight: var(--font-weight-medium);
2110
+ font-weight: var(--font-weight-medium);
2111
+ }
2112
+
2113
+ .font-normal {
2114
+ --tw-font-weight: var(--font-weight-normal);
2115
+ font-weight: var(--font-weight-normal);
2116
+ }
2117
+
2118
+ .font-semibold {
2119
+ --tw-font-weight: var(--font-weight-semibold);
2120
+ font-weight: var(--font-weight-semibold);
2121
+ }
2122
+
2123
+ .tracking-wide {
2124
+ --tw-tracking: var(--tracking-wide);
2125
+ letter-spacing: var(--tracking-wide);
2126
+ }
2127
+
2128
+ .whitespace-nowrap {
2129
+ white-space: nowrap;
2130
+ }
2131
+
2132
+ .whitespace-pre {
2133
+ white-space: pre;
2134
+ }
2135
+
2136
+ .text-amber-500 {
2137
+ color: var(--color-amber-500);
2138
+ }
2139
+
2140
+ .text-amber-600 {
2141
+ color: var(--color-amber-600);
2142
+ }
2143
+
2144
+ .text-amber-700 {
2145
+ color: var(--color-amber-700);
2146
+ }
2147
+
2148
+ .text-blue-300 {
2149
+ color: var(--color-blue-300);
2150
+ }
2151
+
2152
+ .text-blue-400 {
2153
+ color: var(--color-blue-400);
2154
+ }
2155
+
2156
+ .text-blue-500 {
2157
+ color: var(--color-blue-500);
2158
+ }
2159
+
2160
+ .text-blue-600 {
2161
+ color: var(--color-blue-600);
2162
+ }
2163
+
2164
+ .text-blue-700 {
2165
+ color: var(--color-blue-700);
2166
+ }
2167
+
2168
+ .text-blue-800 {
2169
+ color: var(--color-blue-800);
2170
+ }
2171
+
2172
+ .text-blue-900 {
2173
+ color: var(--color-blue-900);
2174
+ }
2175
+
2176
+ .text-cyan-600 {
2177
+ color: var(--color-cyan-600);
2178
+ }
2179
+
2180
+ .text-cyan-700 {
2181
+ color: var(--color-cyan-700);
2182
+ }
2183
+
2184
+ .text-cyan-800 {
2185
+ color: var(--color-cyan-800);
2186
+ }
2187
+
2188
+ .text-cyan-900 {
2189
+ color: var(--color-cyan-900);
2190
+ }
2191
+
2192
+ .text-emerald-600 {
2193
+ color: var(--color-emerald-600);
2194
+ }
2195
+
2196
+ .text-emerald-700 {
2197
+ color: var(--color-emerald-700);
2198
+ }
2199
+
2200
+ .text-emerald-800 {
2201
+ color: var(--color-emerald-800);
2202
+ }
2203
+
2204
+ .text-gray-300 {
2205
+ color: var(--color-gray-300);
2206
+ }
2207
+
2208
+ .text-gray-400 {
2209
+ color: var(--color-gray-400);
2210
+ }
2211
+
2212
+ .text-gray-500 {
2213
+ color: var(--color-gray-500);
2214
+ }
2215
+
2216
+ .text-gray-600 {
2217
+ color: var(--color-gray-600);
2218
+ }
2219
+
2220
+ .text-gray-700 {
2221
+ color: var(--color-gray-700);
2222
+ }
2223
+
2224
+ .text-gray-800 {
2225
+ color: var(--color-gray-800);
2226
+ }
2227
+
2228
+ .text-gray-900 {
2229
+ color: var(--color-gray-900);
2230
+ }
2231
+
2232
+ .text-green-400 {
2233
+ color: var(--color-green-400);
2234
+ }
2235
+
2236
+ .text-green-500 {
2237
+ color: var(--color-green-500);
2238
+ }
2239
+
2240
+ .text-green-600 {
2241
+ color: var(--color-green-600);
2242
+ }
2243
+
2244
+ .text-green-700 {
2245
+ color: var(--color-green-700);
2246
+ }
2247
+
2248
+ .text-green-800 {
2249
+ color: var(--color-green-800);
2250
+ }
2251
+
2252
+ .text-green-900 {
2253
+ color: var(--color-green-900);
2254
+ }
2255
+
2256
+ .text-indigo-500 {
2257
+ color: var(--color-indigo-500);
2258
+ }
2259
+
2260
+ .text-indigo-600 {
2261
+ color: var(--color-indigo-600);
2262
+ }
2263
+
2264
+ .text-indigo-700 {
2265
+ color: var(--color-indigo-700);
2266
+ }
2267
+
2268
+ .text-indigo-800 {
2269
+ color: var(--color-indigo-800);
2270
+ }
2271
+
2272
+ .text-indigo-900 {
2273
+ color: var(--color-indigo-900);
2274
+ }
2275
+
2276
+ .text-lime-600 {
2277
+ color: var(--color-lime-600);
2278
+ }
2279
+
2280
+ .text-lime-700 {
2281
+ color: var(--color-lime-700);
2282
+ }
2283
+
2284
+ .text-lime-800 {
2285
+ color: var(--color-lime-800);
2286
+ }
2287
+
2288
+ .text-lime-900 {
2289
+ color: var(--color-lime-900);
2290
+ }
2291
+
2292
+ .text-orange-300 {
2293
+ color: var(--color-orange-300);
2294
+ }
2295
+
2296
+ .text-orange-400 {
2297
+ color: var(--color-orange-400);
2298
+ }
2299
+
2300
+ .text-orange-500 {
2301
+ color: var(--color-orange-500);
2302
+ }
2303
+
2304
+ .text-orange-600 {
2305
+ color: var(--color-orange-600);
2306
+ }
2307
+
2308
+ .text-orange-700 {
2309
+ color: var(--color-orange-700);
2310
+ }
2311
+
2312
+ .text-orange-800 {
2313
+ color: var(--color-orange-800);
2314
+ }
2315
+
2316
+ .text-orange-900 {
2317
+ color: var(--color-orange-900);
2318
+ }
2319
+
2320
+ .text-pink-600 {
2321
+ color: var(--color-pink-600);
2322
+ }
2323
+
2324
+ .text-pink-700 {
2325
+ color: var(--color-pink-700);
2326
+ }
2327
+
2328
+ .text-purple-300 {
2329
+ color: var(--color-purple-300);
2330
+ }
2331
+
2332
+ .text-purple-500 {
2333
+ color: var(--color-purple-500);
2334
+ }
2335
+
2336
+ .text-purple-600 {
2337
+ color: var(--color-purple-600);
2338
+ }
2339
+
2340
+ .text-purple-700 {
2341
+ color: var(--color-purple-700);
2342
+ }
2343
+
2344
+ .text-purple-800 {
2345
+ color: var(--color-purple-800);
2346
+ }
2347
+
2348
+ .text-purple-900 {
2349
+ color: var(--color-purple-900);
2350
+ }
2351
+
2352
+ .text-red-400 {
2353
+ color: var(--color-red-400);
2354
+ }
2355
+
2356
+ .text-red-500 {
2357
+ color: var(--color-red-500);
2358
+ }
2359
+
2360
+ .text-red-600 {
2361
+ color: var(--color-red-600);
2362
+ }
2363
+
2364
+ .text-red-700 {
2365
+ color: var(--color-red-700);
2366
+ }
2367
+
2368
+ .text-red-800 {
2369
+ color: var(--color-red-800);
2370
+ }
2371
+
2372
+ .text-red-900 {
2373
+ color: var(--color-red-900);
2374
+ }
2375
+
2376
+ .text-teal-600 {
2377
+ color: var(--color-teal-600);
2378
+ }
2379
+
2380
+ .text-teal-700 {
2381
+ color: var(--color-teal-700);
2382
+ }
2383
+
2384
+ .text-teal-800 {
2385
+ color: var(--color-teal-800);
2386
+ }
2387
+
2388
+ .text-teal-900 {
2389
+ color: var(--color-teal-900);
2390
+ }
2391
+
2392
+ .text-violet-600 {
2393
+ color: var(--color-violet-600);
2394
+ }
2395
+
2396
+ .text-violet-700 {
2397
+ color: var(--color-violet-700);
2398
+ }
2399
+
2400
+ .text-violet-800 {
2401
+ color: var(--color-violet-800);
2402
+ }
2403
+
2404
+ .text-violet-900 {
2405
+ color: var(--color-violet-900);
2406
+ }
2407
+
2408
+ .text-white {
2409
+ color: var(--color-white);
2410
+ }
2411
+
2412
+ .text-yellow-200 {
2413
+ color: var(--color-yellow-200);
2414
+ }
2415
+
2416
+ .text-yellow-300 {
2417
+ color: var(--color-yellow-300);
2418
+ }
2419
+
2420
+ .text-yellow-500 {
2421
+ color: var(--color-yellow-500);
2422
+ }
2423
+
2424
+ .text-yellow-600 {
2425
+ color: var(--color-yellow-600);
2426
+ }
2427
+
2428
+ .text-yellow-700 {
2429
+ color: var(--color-yellow-700);
2430
+ }
2431
+
2432
+ .text-yellow-800 {
2433
+ color: var(--color-yellow-800);
2434
+ }
2435
+
2436
+ .text-yellow-900 {
2437
+ color: var(--color-yellow-900);
2438
+ }
2439
+
2440
+ .uppercase {
2441
+ text-transform: uppercase;
2442
+ }
2443
+
2444
+ .italic {
2445
+ font-style: italic;
2446
+ }
2447
+
2448
+ .ordinal {
2449
+ --tw-ordinal: ordinal;
2450
+ font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
2451
+ }
2452
+
2453
+ .opacity-30 {
2454
+ opacity: .3;
2455
+ }
2456
+
2457
+ .opacity-40 {
2458
+ opacity: .4;
2459
+ }
2460
+
2461
+ .opacity-60 {
2462
+ opacity: .6;
2463
+ }
2464
+
2465
+ .opacity-70 {
2466
+ opacity: .7;
2467
+ }
2468
+
2469
+ .opacity-80 {
2470
+ opacity: .8;
2471
+ }
2472
+
2473
+ .opacity-100 {
2474
+ opacity: 1;
2475
+ }
2476
+
2477
+ .shadow-sm {
2478
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
2479
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2480
+ }
2481
+
2482
+ .ring {
2483
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2484
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2485
+ }
2486
+
2487
+ .ring-2 {
2488
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2489
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2490
+ }
2491
+
2492
+ .ring-4 {
2493
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2494
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2495
+ }
2496
+
2497
+ .ring-blue-300 {
2498
+ --tw-ring-color: var(--color-blue-300);
2499
+ }
2500
+
2501
+ .ring-blue-400 {
2502
+ --tw-ring-color: var(--color-blue-400);
2503
+ }
2504
+
2505
+ .ring-blue-500 {
2506
+ --tw-ring-color: var(--color-blue-500);
2507
+ }
2508
+
2509
+ .ring-cyan-500 {
2510
+ --tw-ring-color: var(--color-cyan-500);
2511
+ }
2512
+
2513
+ .ring-green-300 {
2514
+ --tw-ring-color: var(--color-green-300);
2515
+ }
2516
+
2517
+ .ring-green-500 {
2518
+ --tw-ring-color: var(--color-green-500);
2519
+ }
2520
+
2521
+ .ring-indigo-500 {
2522
+ --tw-ring-color: var(--color-indigo-500);
2523
+ }
2524
+
2525
+ .ring-orange-300 {
2526
+ --tw-ring-color: var(--color-orange-300);
2527
+ }
2528
+
2529
+ .ring-orange-400 {
2530
+ --tw-ring-color: var(--color-orange-400);
2531
+ }
2532
+
2533
+ .ring-orange-500 {
2534
+ --tw-ring-color: var(--color-orange-500);
2535
+ }
2536
+
2537
+ .ring-pink-500 {
2538
+ --tw-ring-color: var(--color-pink-500);
2539
+ }
2540
+
2541
+ .ring-purple-400 {
2542
+ --tw-ring-color: var(--color-purple-400);
2543
+ }
2544
+
2545
+ .ring-purple-500 {
2546
+ --tw-ring-color: var(--color-purple-500);
2547
+ }
2548
+
2549
+ .ring-red-300 {
2550
+ --tw-ring-color: var(--color-red-300);
2551
+ }
2552
+
2553
+ .ring-teal-500 {
2554
+ --tw-ring-color: var(--color-teal-500);
2555
+ }
2556
+
2557
+ .ring-violet-500 {
2558
+ --tw-ring-color: var(--color-violet-500);
2559
+ }
2560
+
2561
+ .ring-yellow-300 {
2562
+ --tw-ring-color: var(--color-yellow-300);
2563
+ }
2564
+
2565
+ .ring-offset-2 {
2566
+ --tw-ring-offset-width: 2px;
2567
+ --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2568
+ }
2569
+
2570
+ .transition {
2571
+ 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;
2572
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2573
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2574
+ }
2575
+
2576
+ .transition-\[width\] {
2577
+ transition-property: width;
2578
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2579
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2580
+ }
2581
+
2582
+ .transition-all {
2583
+ transition-property: all;
2584
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2585
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2586
+ }
2587
+
2588
+ .transition-colors {
2589
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2590
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2591
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2592
+ }
2593
+
2594
+ .transition-opacity {
2595
+ transition-property: opacity;
2596
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2597
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2598
+ }
2599
+
2600
+ .transition-transform {
2601
+ transition-property: transform, translate, scale, rotate;
2602
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2603
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
2604
+ }
2605
+
2606
+ .duration-150 {
2607
+ --tw-duration: .15s;
2608
+ transition-duration: .15s;
2609
+ }
2610
+
2611
+ .duration-200 {
2612
+ --tw-duration: .2s;
2613
+ transition-duration: .2s;
2614
+ }
2615
+
2616
+ .duration-300 {
2617
+ --tw-duration: .3s;
2618
+ transition-duration: .3s;
2619
+ }
2620
+
2621
+ .select-none {
2622
+ -webkit-user-select: none;
2623
+ user-select: none;
2624
+ }
2625
+
2626
+ @media (hover: hover) {
2627
+ .hover\:border-gray-300:hover {
2628
+ border-color: var(--color-gray-300);
2629
+ }
2630
+
2631
+ .hover\:bg-blue-50:hover {
2632
+ background-color: var(--color-blue-50);
2633
+ }
2634
+
2635
+ .hover\:bg-blue-100:hover {
2636
+ background-color: var(--color-blue-100);
2637
+ }
2638
+
2639
+ .hover\:bg-blue-600:hover {
2640
+ background-color: var(--color-blue-600);
2641
+ }
2642
+
2643
+ .hover\:bg-blue-700:hover {
2644
+ background-color: var(--color-blue-700);
2645
+ }
2646
+
2647
+ .hover\:bg-cyan-50:hover {
2648
+ background-color: var(--color-cyan-50);
2649
+ }
2650
+
2651
+ .hover\:bg-cyan-100:hover {
2652
+ background-color: var(--color-cyan-100);
2653
+ }
2654
+
2655
+ .hover\:bg-cyan-600:hover {
2656
+ background-color: var(--color-cyan-600);
2657
+ }
2658
+
2659
+ .hover\:bg-cyan-700:hover {
2660
+ background-color: var(--color-cyan-700);
2661
+ }
2662
+
2663
+ .hover\:bg-gray-50:hover {
2664
+ background-color: var(--color-gray-50);
2665
+ }
2666
+
2667
+ .hover\:bg-gray-200:hover {
2668
+ background-color: var(--color-gray-200);
2669
+ }
2670
+
2671
+ .hover\:bg-gray-300:hover {
2672
+ background-color: var(--color-gray-300);
2673
+ }
2674
+
2675
+ .hover\:bg-green-50:hover {
2676
+ background-color: var(--color-green-50);
2677
+ }
2678
+
2679
+ .hover\:bg-green-100:hover {
2680
+ background-color: var(--color-green-100);
2681
+ }
2682
+
2683
+ .hover\:bg-green-600:hover {
2684
+ background-color: var(--color-green-600);
2685
+ }
2686
+
2687
+ .hover\:bg-green-700:hover {
2688
+ background-color: var(--color-green-700);
2689
+ }
2690
+
2691
+ .hover\:bg-indigo-50:hover {
2692
+ background-color: var(--color-indigo-50);
2693
+ }
2694
+
2695
+ .hover\:bg-indigo-100:hover {
2696
+ background-color: var(--color-indigo-100);
2697
+ }
2698
+
2699
+ .hover\:bg-indigo-600:hover {
2700
+ background-color: var(--color-indigo-600);
2701
+ }
2702
+
2703
+ .hover\:bg-indigo-700:hover {
2704
+ background-color: var(--color-indigo-700);
2705
+ }
2706
+
2707
+ .hover\:bg-lime-50:hover {
2708
+ background-color: var(--color-lime-50);
2709
+ }
2710
+
2711
+ .hover\:bg-lime-100:hover {
2712
+ background-color: var(--color-lime-100);
2713
+ }
2714
+
2715
+ .hover\:bg-lime-600:hover {
2716
+ background-color: var(--color-lime-600);
2717
+ }
2718
+
2719
+ .hover\:bg-lime-700:hover {
2720
+ background-color: var(--color-lime-700);
2721
+ }
2722
+
2723
+ .hover\:bg-orange-50:hover {
2724
+ background-color: var(--color-orange-50);
2725
+ }
2726
+
2727
+ .hover\:bg-orange-100:hover {
2728
+ background-color: var(--color-orange-100);
2729
+ }
2730
+
2731
+ .hover\:bg-orange-600:hover {
2732
+ background-color: var(--color-orange-600);
2733
+ }
2734
+
2735
+ .hover\:bg-orange-700:hover {
2736
+ background-color: var(--color-orange-700);
2737
+ }
2738
+
2739
+ .hover\:bg-purple-50:hover {
2740
+ background-color: var(--color-purple-50);
2741
+ }
2742
+
2743
+ .hover\:bg-purple-100:hover {
2744
+ background-color: var(--color-purple-100);
2745
+ }
2746
+
2747
+ .hover\:bg-purple-600:hover {
2748
+ background-color: var(--color-purple-600);
2749
+ }
2750
+
2751
+ .hover\:bg-purple-700:hover {
2752
+ background-color: var(--color-purple-700);
2753
+ }
2754
+
2755
+ .hover\:bg-red-50:hover {
2756
+ background-color: var(--color-red-50);
2757
+ }
2758
+
2759
+ .hover\:bg-red-100:hover {
2760
+ background-color: var(--color-red-100);
2761
+ }
2762
+
2763
+ .hover\:bg-red-600:hover {
2764
+ background-color: var(--color-red-600);
2765
+ }
2766
+
2767
+ .hover\:bg-red-700:hover {
2768
+ background-color: var(--color-red-700);
2769
+ }
2770
+
2771
+ .hover\:bg-teal-50:hover {
2772
+ background-color: var(--color-teal-50);
2773
+ }
2774
+
2775
+ .hover\:bg-teal-100:hover {
2776
+ background-color: var(--color-teal-100);
2777
+ }
2778
+
2779
+ .hover\:bg-teal-600:hover {
2780
+ background-color: var(--color-teal-600);
2781
+ }
2782
+
2783
+ .hover\:bg-teal-700:hover {
2784
+ background-color: var(--color-teal-700);
2785
+ }
2786
+
2787
+ .hover\:bg-violet-50:hover {
2788
+ background-color: var(--color-violet-50);
2789
+ }
2790
+
2791
+ .hover\:bg-violet-100:hover {
2792
+ background-color: var(--color-violet-100);
2793
+ }
2794
+
2795
+ .hover\:bg-violet-200:hover {
2796
+ background-color: var(--color-violet-200);
2797
+ }
2798
+
2799
+ .hover\:bg-violet-600:hover {
2800
+ background-color: var(--color-violet-600);
2801
+ }
2802
+
2803
+ .hover\:bg-violet-700:hover {
2804
+ background-color: var(--color-violet-700);
2805
+ }
2806
+
2807
+ .hover\:text-gray-600:hover {
2808
+ color: var(--color-gray-600);
2809
+ }
2810
+
2811
+ .hover\:text-gray-800:hover {
2812
+ color: var(--color-gray-800);
2813
+ }
2814
+
2815
+ .hover\:text-indigo-800:hover {
2816
+ color: var(--color-indigo-800);
2817
+ }
2818
+
2819
+ .hover\:text-yellow-700:hover {
2820
+ color: var(--color-yellow-700);
2821
+ }
2822
+ }
2823
+
2824
+ .focus\:border-blue-500:focus {
2825
+ border-color: var(--color-blue-500);
2826
+ }
2827
+
2828
+ .focus\:border-cyan-500:focus {
2829
+ border-color: var(--color-cyan-500);
2830
+ }
2831
+
2832
+ .focus\:border-green-500:focus {
2833
+ border-color: var(--color-green-500);
2834
+ }
2835
+
2836
+ .focus\:border-indigo-500:focus {
2837
+ border-color: var(--color-indigo-500);
2838
+ }
2839
+
2840
+ .focus\:border-lime-500:focus {
2841
+ border-color: var(--color-lime-500);
2842
+ }
2843
+
2844
+ .focus\:border-orange-500:focus {
2845
+ border-color: var(--color-orange-500);
2846
+ }
2847
+
2848
+ .focus\:border-purple-500:focus {
2849
+ border-color: var(--color-purple-500);
2850
+ }
2851
+
2852
+ .focus\:border-red-500:focus {
2853
+ border-color: var(--color-red-500);
2854
+ }
2855
+
2856
+ .focus\:border-teal-500:focus {
2857
+ border-color: var(--color-teal-500);
2858
+ }
2859
+
2860
+ .focus\:border-violet-500:focus {
2861
+ border-color: var(--color-violet-500);
2862
+ }
2863
+
2864
+ .focus\:ring-2:focus {
2865
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2866
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2867
+ }
2868
+
2869
+ .focus\:ring-blue-500:focus {
2870
+ --tw-ring-color: var(--color-blue-500);
2871
+ }
2872
+
2873
+ .focus\:ring-cyan-500:focus {
2874
+ --tw-ring-color: var(--color-cyan-500);
2875
+ }
2876
+
2877
+ .focus\:ring-green-500:focus {
2878
+ --tw-ring-color: var(--color-green-500);
2879
+ }
2880
+
2881
+ .focus\:ring-indigo-500:focus {
2882
+ --tw-ring-color: var(--color-indigo-500);
2883
+ }
2884
+
2885
+ .focus\:ring-lime-500:focus {
2886
+ --tw-ring-color: var(--color-lime-500);
2887
+ }
2888
+
2889
+ .focus\:ring-orange-500:focus {
2890
+ --tw-ring-color: var(--color-orange-500);
2891
+ }
2892
+
2893
+ .focus\:ring-purple-500:focus {
2894
+ --tw-ring-color: var(--color-purple-500);
2895
+ }
2896
+
2897
+ .focus\:ring-red-500:focus {
2898
+ --tw-ring-color: var(--color-red-500);
2899
+ }
2900
+
2901
+ .focus\:ring-teal-500:focus {
2902
+ --tw-ring-color: var(--color-teal-500);
2903
+ }
2904
+
2905
+ .focus\:ring-violet-500:focus {
2906
+ --tw-ring-color: var(--color-violet-500);
2907
+ }
2908
+
2909
+ .disabled\:opacity-50:disabled {
2910
+ opacity: .5;
2911
+ }
2912
+
2913
+ @media (min-width: 40rem) {
2914
+ .sm\:grid-cols-2 {
2915
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2916
+ }
2917
+
2918
+ .sm\:grid-cols-3 {
2919
+ grid-template-columns: repeat(3, minmax(0, 1fr));
2920
+ }
2921
+ }
2922
+
2923
+ @media (min-width: 48rem) {
2924
+ .md\:flex {
2925
+ display: flex;
2926
+ }
2927
+
2928
+ .md\:h-72 {
2929
+ height: calc(var(--spacing) * 72);
2930
+ }
2931
+
2932
+ .md\:grid-cols-2 {
2933
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2934
+ }
2935
+ }
2936
+
2937
+ @media (min-width: 64rem) {
2938
+ .lg\:w-56 {
2939
+ width: calc(var(--spacing) * 56);
2940
+ }
2941
+
2942
+ .lg\:w-60 {
2943
+ width: calc(var(--spacing) * 60);
2944
+ }
2945
+
2946
+ .lg\:w-64 {
2947
+ width: calc(var(--spacing) * 64);
2948
+ }
2949
+
2950
+ .lg\:w-96 {
2951
+ width: calc(var(--spacing) * 96);
2952
+ }
2953
+
2954
+ .lg\:flex-row {
2955
+ flex-direction: row;
2956
+ }
2957
+ }
2958
+ }
2959
+
2960
+ @keyframes pulse {
2961
+ 50% {
2962
+ opacity: .5;
2963
+ }
2964
+ }
2965
+
2966
+ @property --tw-translate-x {
2967
+ syntax: "*";
2968
+ inherits: false;
2969
+ initial-value: 0;
2970
+ }
2971
+
2972
+ @property --tw-translate-y {
2973
+ syntax: "*";
2974
+ inherits: false;
2975
+ initial-value: 0;
2976
+ }
2977
+
2978
+ @property --tw-translate-z {
2979
+ syntax: "*";
2980
+ inherits: false;
2981
+ initial-value: 0;
2982
+ }
2983
+
2984
+ @property --tw-scale-x {
2985
+ syntax: "*";
2986
+ inherits: false;
2987
+ initial-value: 1;
2988
+ }
2989
+
2990
+ @property --tw-scale-y {
2991
+ syntax: "*";
2992
+ inherits: false;
2993
+ initial-value: 1;
2994
+ }
2995
+
2996
+ @property --tw-scale-z {
2997
+ syntax: "*";
2998
+ inherits: false;
2999
+ initial-value: 1;
3000
+ }
3001
+
3002
+ @property --tw-rotate-x {
3003
+ syntax: "*";
3004
+ inherits: false
3005
+ }
3006
+
3007
+ @property --tw-rotate-y {
3008
+ syntax: "*";
3009
+ inherits: false
3010
+ }
3011
+
3012
+ @property --tw-rotate-z {
3013
+ syntax: "*";
3014
+ inherits: false
3015
+ }
3016
+
3017
+ @property --tw-skew-x {
3018
+ syntax: "*";
3019
+ inherits: false
3020
+ }
3021
+
3022
+ @property --tw-skew-y {
3023
+ syntax: "*";
3024
+ inherits: false
3025
+ }
3026
+
3027
+ @property --tw-space-y-reverse {
3028
+ syntax: "*";
3029
+ inherits: false;
3030
+ initial-value: 0;
3031
+ }
3032
+
3033
+ @property --tw-divide-y-reverse {
3034
+ syntax: "*";
3035
+ inherits: false;
3036
+ initial-value: 0;
3037
+ }
3038
+
3039
+ @property --tw-border-style {
3040
+ syntax: "*";
3041
+ inherits: false;
3042
+ initial-value: solid;
3043
+ }
3044
+
3045
+ @property --tw-gradient-position {
3046
+ syntax: "*";
3047
+ inherits: false
3048
+ }
3049
+
3050
+ @property --tw-gradient-from {
3051
+ syntax: "<color>";
3052
+ inherits: false;
3053
+ initial-value: #0000;
3054
+ }
3055
+
3056
+ @property --tw-gradient-via {
3057
+ syntax: "<color>";
3058
+ inherits: false;
3059
+ initial-value: #0000;
3060
+ }
3061
+
3062
+ @property --tw-gradient-to {
3063
+ syntax: "<color>";
3064
+ inherits: false;
3065
+ initial-value: #0000;
3066
+ }
3067
+
3068
+ @property --tw-gradient-stops {
3069
+ syntax: "*";
3070
+ inherits: false
3071
+ }
3072
+
3073
+ @property --tw-gradient-via-stops {
3074
+ syntax: "*";
3075
+ inherits: false
3076
+ }
3077
+
3078
+ @property --tw-gradient-from-position {
3079
+ syntax: "<length-percentage>";
3080
+ inherits: false;
3081
+ initial-value: 0%;
3082
+ }
3083
+
3084
+ @property --tw-gradient-via-position {
3085
+ syntax: "<length-percentage>";
3086
+ inherits: false;
3087
+ initial-value: 50%;
3088
+ }
3089
+
3090
+ @property --tw-gradient-to-position {
3091
+ syntax: "<length-percentage>";
3092
+ inherits: false;
3093
+ initial-value: 100%;
3094
+ }
3095
+
3096
+ @property --tw-leading {
3097
+ syntax: "*";
3098
+ inherits: false
3099
+ }
3100
+
3101
+ @property --tw-font-weight {
3102
+ syntax: "*";
3103
+ inherits: false
3104
+ }
3105
+
3106
+ @property --tw-tracking {
3107
+ syntax: "*";
3108
+ inherits: false
3109
+ }
3110
+
3111
+ @property --tw-ordinal {
3112
+ syntax: "*";
3113
+ inherits: false
3114
+ }
3115
+
3116
+ @property --tw-slashed-zero {
3117
+ syntax: "*";
3118
+ inherits: false
3119
+ }
3120
+
3121
+ @property --tw-numeric-figure {
3122
+ syntax: "*";
3123
+ inherits: false
3124
+ }
3125
+
3126
+ @property --tw-numeric-spacing {
3127
+ syntax: "*";
3128
+ inherits: false
3129
+ }
3130
+
3131
+ @property --tw-numeric-fraction {
3132
+ syntax: "*";
3133
+ inherits: false
3134
+ }
3135
+
3136
+ @property --tw-shadow {
3137
+ syntax: "*";
3138
+ inherits: false;
3139
+ initial-value: 0 0 #0000;
3140
+ }
3141
+
3142
+ @property --tw-shadow-color {
3143
+ syntax: "*";
3144
+ inherits: false
3145
+ }
3146
+
3147
+ @property --tw-shadow-alpha {
3148
+ syntax: "<percentage>";
3149
+ inherits: false;
3150
+ initial-value: 100%;
3151
+ }
3152
+
3153
+ @property --tw-inset-shadow {
3154
+ syntax: "*";
3155
+ inherits: false;
3156
+ initial-value: 0 0 #0000;
3157
+ }
3158
+
3159
+ @property --tw-inset-shadow-color {
3160
+ syntax: "*";
3161
+ inherits: false
3162
+ }
3163
+
3164
+ @property --tw-inset-shadow-alpha {
3165
+ syntax: "<percentage>";
3166
+ inherits: false;
3167
+ initial-value: 100%;
3168
+ }
3169
+
3170
+ @property --tw-ring-color {
3171
+ syntax: "*";
3172
+ inherits: false
3173
+ }
3174
+
3175
+ @property --tw-ring-shadow {
3176
+ syntax: "*";
3177
+ inherits: false;
3178
+ initial-value: 0 0 #0000;
3179
+ }
3180
+
3181
+ @property --tw-inset-ring-color {
3182
+ syntax: "*";
3183
+ inherits: false
3184
+ }
3185
+
3186
+ @property --tw-inset-ring-shadow {
3187
+ syntax: "*";
3188
+ inherits: false;
3189
+ initial-value: 0 0 #0000;
3190
+ }
3191
+
3192
+ @property --tw-ring-inset {
3193
+ syntax: "*";
3194
+ inherits: false
3195
+ }
3196
+
3197
+ @property --tw-ring-offset-width {
3198
+ syntax: "<length>";
3199
+ inherits: false;
3200
+ initial-value: 0;
3201
+ }
3202
+
3203
+ @property --tw-ring-offset-color {
3204
+ syntax: "*";
3205
+ inherits: false;
3206
+ initial-value: #fff;
3207
+ }
3208
+
3209
+ @property --tw-ring-offset-shadow {
3210
+ syntax: "*";
3211
+ inherits: false;
3212
+ initial-value: 0 0 #0000;
3213
+ }
3214
+
3215
+ @property --tw-duration {
3216
+ syntax: "*";
3217
+ inherits: false
3218
+ }
3219
+
3220
+ @keyframes bounce {
3221
+ 0%, 100% {
3222
+ animation-timing-function: cubic-bezier(.8, 0, 1, 1);
3223
+ transform: translateY(-25%);
3224
+ }
3225
+
3226
+ 50% {
3227
+ animation-timing-function: cubic-bezier(0, 0, .2, 1);
3228
+ transform: none;
3229
+ }
3230
+ }