hive-react-kit 0.0.38 → 0.2.0

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