@flow97/react-toolkit 0.0.8 → 0.0.9

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/lib/index.css CHANGED
@@ -1,1034 +1 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- @layer theme, base, antd, components, utilities;
4
- @layer theme, base, components, utilities;
5
- @layer theme {
6
- :root, :host {
7
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
8
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
9
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
10
- "Courier New", monospace;
11
- --color-blue-50: oklch(97% 0.014 254.604);
12
- --color-indigo-50: oklch(96.2% 0.018 272.314);
13
- --color-purple-50: oklch(97.7% 0.014 308.299);
14
- --color-gray-50: oklch(98.5% 0.002 247.839);
15
- --color-gray-200: oklch(92.8% 0.006 264.531);
16
- --color-gray-500: oklch(55.1% 0.027 264.364);
17
- --color-gray-600: oklch(44.6% 0.03 256.802);
18
- --color-gray-700: oklch(37.3% 0.034 259.733);
19
- --color-gray-800: oklch(27.8% 0.033 256.848);
20
- --color-white: #fff;
21
- --spacing: 0.25rem;
22
- --text-sm: 0.875rem;
23
- --text-sm--line-height: calc(1.25 / 0.875);
24
- --text-base: 1rem;
25
- --text-base--line-height: calc(1.5 / 1);
26
- --text-xl: 1.25rem;
27
- --text-xl--line-height: calc(1.75 / 1.25);
28
- --text-2xl: 1.5rem;
29
- --text-2xl--line-height: calc(2 / 1.5);
30
- --text-3xl: 1.875rem;
31
- --text-3xl--line-height: calc(2.25 / 1.875);
32
- --font-weight-medium: 500;
33
- --font-weight-semibold: 600;
34
- --font-weight-bold: 700;
35
- --leading-tight: 1.25;
36
- --radius-lg: 0.5rem;
37
- --radius-2xl: 1rem;
38
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
39
- --blur-sm: 8px;
40
- --default-transition-duration: 150ms;
41
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
42
- --default-font-family: var(--font-sans);
43
- --default-mono-font-family: var(--font-mono);
44
- }
45
- }
46
- @layer base {
47
- *, ::after, ::before, ::backdrop, ::file-selector-button {
48
- box-sizing: border-box;
49
- margin: 0;
50
- padding: 0;
51
- border: 0 solid;
52
- }
53
- html, :host {
54
- line-height: 1.5;
55
- -webkit-text-size-adjust: 100%;
56
- -moz-tab-size: 4;
57
- -o-tab-size: 4;
58
- tab-size: 4;
59
- 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");
60
- font-feature-settings: var(--default-font-feature-settings, normal);
61
- font-variation-settings: var(--default-font-variation-settings, normal);
62
- -webkit-tap-highlight-color: transparent;
63
- }
64
- hr {
65
- height: 0;
66
- color: inherit;
67
- border-top-width: 1px;
68
- }
69
- abbr:where([title]) {
70
- -webkit-text-decoration: underline dotted;
71
- text-decoration: underline dotted;
72
- }
73
- h1, h2, h3, h4, h5, h6 {
74
- font-size: inherit;
75
- font-weight: inherit;
76
- }
77
- a {
78
- color: inherit;
79
- -webkit-text-decoration: inherit;
80
- text-decoration: inherit;
81
- }
82
- b, strong {
83
- font-weight: bolder;
84
- }
85
- code, kbd, samp, pre {
86
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
87
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
88
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
89
- font-size: 1em;
90
- }
91
- small {
92
- font-size: 80%;
93
- }
94
- sub, sup {
95
- font-size: 75%;
96
- line-height: 0;
97
- position: relative;
98
- vertical-align: baseline;
99
- }
100
- sub {
101
- bottom: -0.25em;
102
- }
103
- sup {
104
- top: -0.5em;
105
- }
106
- table {
107
- text-indent: 0;
108
- border-color: inherit;
109
- border-collapse: collapse;
110
- }
111
- :-moz-focusring {
112
- outline: auto;
113
- }
114
- progress {
115
- vertical-align: baseline;
116
- }
117
- summary {
118
- display: list-item;
119
- }
120
- ol, ul, menu {
121
- list-style: none;
122
- }
123
- img, svg, video, canvas, audio, iframe, embed, object {
124
- display: block;
125
- vertical-align: middle;
126
- }
127
- img, video {
128
- max-width: 100%;
129
- height: auto;
130
- }
131
- button, input, select, optgroup, textarea, ::file-selector-button {
132
- font: inherit;
133
- font-feature-settings: inherit;
134
- font-variation-settings: inherit;
135
- letter-spacing: inherit;
136
- color: inherit;
137
- border-radius: 0;
138
- background-color: transparent;
139
- opacity: 1;
140
- }
141
- :where(select:is([multiple], [size])) optgroup {
142
- font-weight: bolder;
143
- }
144
- :where(select:is([multiple], [size])) optgroup option {
145
- padding-inline-start: 20px;
146
- }
147
- ::file-selector-button {
148
- margin-inline-end: 4px;
149
- }
150
- ::-moz-placeholder {
151
- opacity: 1;
152
- }
153
- ::placeholder {
154
- opacity: 1;
155
- }
156
- @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
157
- ::-moz-placeholder {
158
- color: currentcolor;
159
- @supports (color: color-mix(in lab, red, red)) {
160
- color: color-mix(in oklab, currentcolor 50%, transparent);
161
- }
162
- }
163
- ::placeholder {
164
- color: currentcolor;
165
- @supports (color: color-mix(in lab, red, red)) {
166
- color: color-mix(in oklab, currentcolor 50%, transparent);
167
- }
168
- }
169
- }
170
- textarea {
171
- resize: vertical;
172
- }
173
- ::-webkit-search-decoration {
174
- -webkit-appearance: none;
175
- }
176
- ::-webkit-date-and-time-value {
177
- min-height: 1lh;
178
- text-align: inherit;
179
- }
180
- ::-webkit-datetime-edit {
181
- display: inline-flex;
182
- }
183
- ::-webkit-datetime-edit-fields-wrapper {
184
- padding: 0;
185
- }
186
- ::-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 {
187
- padding-block: 0;
188
- }
189
- ::-webkit-calendar-picker-indicator {
190
- line-height: 1;
191
- }
192
- :-moz-ui-invalid {
193
- box-shadow: none;
194
- }
195
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
196
- -webkit-appearance: button;
197
- -moz-appearance: button;
198
- appearance: button;
199
- }
200
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
201
- height: auto;
202
- }
203
- [hidden]:where(:not([hidden="until-found"])) {
204
- display: none !important;
205
- }
206
- }
207
- @layer utilities {
208
- .collapse {
209
- visibility: collapse;
210
- }
211
- .visible {
212
- visibility: visible;
213
- }
214
- .absolute {
215
- position: absolute;
216
- }
217
- .fixed {
218
- position: fixed;
219
- }
220
- .relative {
221
- position: relative;
222
- }
223
- .static {
224
- position: static;
225
- }
226
- .top-0 {
227
- top: calc(var(--spacing) * 0);
228
- }
229
- .top-1\/2 {
230
- top: calc(1/2 * 100%);
231
- }
232
- .top-6 {
233
- top: calc(var(--spacing) * 6);
234
- }
235
- .right-6 {
236
- right: calc(var(--spacing) * 6);
237
- }
238
- .right-\[100px\] {
239
- right: 100px;
240
- }
241
- .right-\[550px\] {
242
- right: 550px;
243
- }
244
- .bottom-0 {
245
- bottom: calc(var(--spacing) * 0);
246
- }
247
- .left-0 {
248
- left: calc(var(--spacing) * 0);
249
- }
250
- .left-6 {
251
- left: calc(var(--spacing) * 6);
252
- }
253
- .z-10 {
254
- z-index: 10;
255
- }
256
- .z-20 {
257
- z-index: 20;
258
- }
259
- .container {
260
- width: 100%;
261
- @media (width >= 40rem) {
262
- max-width: 40rem;
263
- }
264
- @media (width >= 48rem) {
265
- max-width: 48rem;
266
- }
267
- @media (width >= 64rem) {
268
- max-width: 64rem;
269
- }
270
- @media (width >= 80rem) {
271
- max-width: 80rem;
272
- }
273
- @media (width >= 96rem) {
274
- max-width: 96rem;
275
- }
276
- }
277
- .mx-4 {
278
- margin-inline: calc(var(--spacing) * 4);
279
- }
280
- .my-6 {
281
- margin-block: calc(var(--spacing) * 6);
282
- }
283
- .my-12 {
284
- margin-block: calc(var(--spacing) * 12);
285
- }
286
- .mt-2 {
287
- margin-top: calc(var(--spacing) * 2);
288
- }
289
- .mt-4 {
290
- margin-top: calc(var(--spacing) * 4);
291
- }
292
- .mr-6 {
293
- margin-right: calc(var(--spacing) * 6);
294
- }
295
- .mb-0 {
296
- margin-bottom: calc(var(--spacing) * 0);
297
- }
298
- .mb-0\! {
299
- margin-bottom: calc(var(--spacing) * 0) !important;
300
- }
301
- .mb-2 {
302
- margin-bottom: calc(var(--spacing) * 2);
303
- }
304
- .mb-4 {
305
- margin-bottom: calc(var(--spacing) * 4);
306
- }
307
- .mb-6 {
308
- margin-bottom: calc(var(--spacing) * 6);
309
- }
310
- .mb-8 {
311
- margin-bottom: calc(var(--spacing) * 8);
312
- }
313
- .mb-12 {
314
- margin-bottom: calc(var(--spacing) * 12);
315
- }
316
- .ml-4 {
317
- margin-left: calc(var(--spacing) * 4);
318
- }
319
- .block {
320
- display: block;
321
- }
322
- .contents {
323
- display: contents;
324
- }
325
- .flex {
326
- display: flex;
327
- }
328
- .hidden {
329
- display: none;
330
- }
331
- .inline {
332
- display: inline;
333
- }
334
- .h-12 {
335
- height: calc(var(--spacing) * 12);
336
- }
337
- .h-\[200px\] {
338
- height: 200px;
339
- }
340
- .h-\[300px\] {
341
- height: 300px;
342
- }
343
- .h-\[400px\] {
344
- height: 400px;
345
- }
346
- .h-\[calc\(100vh-64px\)\] {
347
- height: calc(100vh - 64px);
348
- }
349
- .h-auto {
350
- height: auto;
351
- }
352
- .h-full {
353
- height: 100%;
354
- }
355
- .h-screen {
356
- height: 100vh;
357
- }
358
- .w-5\/6 {
359
- width: calc(5/6 * 100%);
360
- }
361
- .w-8 {
362
- width: calc(var(--spacing) * 8);
363
- }
364
- .w-40 {
365
- width: calc(var(--spacing) * 40);
366
- }
367
- .w-\[78px\] {
368
- width: 78px;
369
- }
370
- .w-\[100px\] {
371
- width: 100px;
372
- }
373
- .w-\[250px\] {
374
- width: 250px;
375
- }
376
- .w-\[450px\] {
377
- width: 450px;
378
- }
379
- .w-full {
380
- width: 100%;
381
- }
382
- .w-screen {
383
- width: 100vw;
384
- }
385
- .max-w-full {
386
- max-width: 100%;
387
- }
388
- .max-w-none {
389
- max-width: none;
390
- }
391
- .min-w-0 {
392
- min-width: calc(var(--spacing) * 0);
393
- }
394
- .flex-1 {
395
- flex: 1;
396
- }
397
- .shrink-0 {
398
- flex-shrink: 0;
399
- }
400
- .grow-0 {
401
- flex-grow: 0;
402
- }
403
- .-translate-y-3\/4 {
404
- --tw-translate-y: calc(calc(3/4 * 100%) * -1);
405
- translate: var(--tw-translate-x) var(--tw-translate-y);
406
- }
407
- .transform {
408
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
409
- }
410
- .flex-col {
411
- flex-direction: column;
412
- }
413
- .flex-row {
414
- flex-direction: row;
415
- }
416
- .items-center {
417
- align-items: center;
418
- }
419
- .justify-between {
420
- justify-content: space-between;
421
- }
422
- .justify-center {
423
- justify-content: center;
424
- }
425
- .gap-4 {
426
- gap: calc(var(--spacing) * 4);
427
- }
428
- .gap-8 {
429
- gap: calc(var(--spacing) * 8);
430
- }
431
- .overflow-auto {
432
- overflow: auto;
433
- }
434
- .overflow-hidden {
435
- overflow: hidden;
436
- }
437
- .overflow-x-hidden {
438
- overflow-x: hidden;
439
- }
440
- .overflow-y-auto {
441
- overflow-y: auto;
442
- }
443
- .rounded-2xl {
444
- border-radius: var(--radius-2xl);
445
- }
446
- .rounded-lg {
447
- border-radius: var(--radius-lg);
448
- }
449
- .border {
450
- border-style: var(--tw-border-style);
451
- border-width: 1px;
452
- }
453
- .border-0 {
454
- border-style: var(--tw-border-style);
455
- border-width: 0px;
456
- }
457
- .border-t {
458
- border-top-style: var(--tw-border-style);
459
- border-top-width: 1px;
460
- }
461
- .border-r {
462
- border-right-style: var(--tw-border-style);
463
- border-right-width: 1px;
464
- }
465
- .border-r-0 {
466
- border-right-style: var(--tw-border-style);
467
- border-right-width: 0px;
468
- }
469
- .border-dashed {
470
- --tw-border-style: dashed;
471
- border-style: dashed;
472
- }
473
- .border-gray-200 {
474
- border-color: var(--color-gray-200);
475
- }
476
- .bg-white {
477
- background-color: var(--color-white);
478
- }
479
- .bg-linear-to-br {
480
- --tw-gradient-position: to bottom right;
481
- @supports (background-image: linear-gradient(in lab, red, red)) {
482
- --tw-gradient-position: to bottom right in oklab;
483
- }
484
- background-image: linear-gradient(var(--tw-gradient-stops));
485
- }
486
- .bg-linear-to-r {
487
- --tw-gradient-position: to right;
488
- @supports (background-image: linear-gradient(in lab, red, red)) {
489
- --tw-gradient-position: to right in oklab;
490
- }
491
- background-image: linear-gradient(var(--tw-gradient-stops));
492
- }
493
- .from-blue-50 {
494
- --tw-gradient-from: var(--color-blue-50);
495
- --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));
496
- }
497
- .from-gray-800 {
498
- --tw-gradient-from: var(--color-gray-800);
499
- --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));
500
- }
501
- .from-white {
502
- --tw-gradient-from: var(--color-white);
503
- --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));
504
- }
505
- .via-gray-700 {
506
- --tw-gradient-via: var(--color-gray-700);
507
- --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
508
- --tw-gradient-stops: var(--tw-gradient-via-stops);
509
- }
510
- .via-indigo-50\/50 {
511
- --tw-gradient-via: color-mix(in srgb, oklch(96.2% 0.018 272.314) 50%, transparent);
512
- @supports (color: color-mix(in lab, red, red)) {
513
- --tw-gradient-via: color-mix(in oklab, var(--color-indigo-50) 50%, transparent);
514
- }
515
- --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
516
- --tw-gradient-stops: var(--tw-gradient-via-stops);
517
- }
518
- .to-gray-50\/30 {
519
- --tw-gradient-to: color-mix(in srgb, oklch(98.5% 0.002 247.839) 30%, transparent);
520
- @supports (color: color-mix(in lab, red, red)) {
521
- --tw-gradient-to: color-mix(in oklab, var(--color-gray-50) 30%, transparent);
522
- }
523
- --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));
524
- }
525
- .to-gray-600 {
526
- --tw-gradient-to: var(--color-gray-600);
527
- --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));
528
- }
529
- .to-purple-50 {
530
- --tw-gradient-to: var(--color-purple-50);
531
- --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));
532
- }
533
- .bg-clip-text {
534
- -webkit-background-clip: text;
535
- background-clip: text;
536
- }
537
- .object-contain {
538
- -o-object-fit: contain;
539
- object-fit: contain;
540
- }
541
- .p-1 {
542
- padding: calc(var(--spacing) * 1);
543
- }
544
- .p-4 {
545
- padding: calc(var(--spacing) * 4);
546
- }
547
- .p-6 {
548
- padding: calc(var(--spacing) * 6);
549
- }
550
- .px-2 {
551
- padding-inline: calc(var(--spacing) * 2);
552
- }
553
- .px-3 {
554
- padding-inline: calc(var(--spacing) * 3);
555
- }
556
- .px-4 {
557
- padding-inline: calc(var(--spacing) * 4);
558
- }
559
- .px-6 {
560
- padding-inline: calc(var(--spacing) * 6);
561
- }
562
- .py-1 {
563
- padding-block: calc(var(--spacing) * 1);
564
- }
565
- .py-2 {
566
- padding-block: calc(var(--spacing) * 2);
567
- }
568
- .py-6 {
569
- padding-block: calc(var(--spacing) * 6);
570
- }
571
- .text-center {
572
- text-align: center;
573
- }
574
- .text-end {
575
- text-align: end;
576
- }
577
- .text-start {
578
- text-align: start;
579
- }
580
- .align-top {
581
- vertical-align: top;
582
- }
583
- .text-2xl {
584
- font-size: var(--text-2xl);
585
- line-height: var(--tw-leading, var(--text-2xl--line-height));
586
- }
587
- .text-3xl\! {
588
- font-size: var(--text-3xl) !important;
589
- line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
590
- }
591
- .text-base {
592
- font-size: var(--text-base);
593
- line-height: var(--tw-leading, var(--text-base--line-height));
594
- }
595
- .text-sm {
596
- font-size: var(--text-sm);
597
- line-height: var(--tw-leading, var(--text-sm--line-height));
598
- }
599
- .text-xl {
600
- font-size: var(--text-xl);
601
- line-height: var(--tw-leading, var(--text-xl--line-height));
602
- }
603
- .leading-tight {
604
- --tw-leading: var(--leading-tight);
605
- line-height: var(--leading-tight);
606
- }
607
- .font-bold {
608
- --tw-font-weight: var(--font-weight-bold);
609
- font-weight: var(--font-weight-bold);
610
- }
611
- .font-medium {
612
- --tw-font-weight: var(--font-weight-medium);
613
- font-weight: var(--font-weight-medium);
614
- }
615
- .font-semibold {
616
- --tw-font-weight: var(--font-weight-semibold);
617
- font-weight: var(--font-weight-semibold);
618
- }
619
- .text-ellipsis {
620
- text-overflow: ellipsis;
621
- }
622
- .whitespace-nowrap {
623
- white-space: nowrap;
624
- }
625
- .text-gray-500 {
626
- color: var(--color-gray-500);
627
- }
628
- .text-transparent {
629
- color: transparent;
630
- }
631
- .shadow-2xl {
632
- --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
633
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
634
- }
635
- .shadow-md {
636
- --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));
637
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
638
- }
639
- .filter {
640
- 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,);
641
- }
642
- .backdrop-blur-sm {
643
- --tw-backdrop-blur: blur(var(--blur-sm));
644
- 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,);
645
- }
646
- .transition {
647
- 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, backdrop-filter, display, content-visibility, overlay, pointer-events;
648
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
649
- transition-duration: var(--tw-duration, var(--default-transition-duration));
650
- }
651
- .transition-all {
652
- transition-property: all;
653
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
654
- transition-duration: var(--tw-duration, var(--default-transition-duration));
655
- }
656
- .duration-200 {
657
- --tw-duration: 200ms;
658
- transition-duration: 200ms;
659
- }
660
- .duration-300 {
661
- --tw-duration: 300ms;
662
- transition-duration: 300ms;
663
- }
664
- .ease-out {
665
- --tw-ease: var(--ease-out);
666
- transition-timing-function: var(--ease-out);
667
- }
668
- .select-none {
669
- -webkit-user-select: none;
670
- -moz-user-select: none;
671
- user-select: none;
672
- }
673
- .hover\:scale-\[1\.02\] {
674
- &:hover {
675
- @media (hover: hover) {
676
- scale: 1.02;
677
- }
678
- }
679
- }
680
- .hover\:shadow-\[0_20px_60px_-15px_rgba\(0\,0\,0\,0\.3\)\] {
681
- &:hover {
682
- @media (hover: hover) {
683
- --tw-shadow: 0 20px 60px -15px var(--tw-shadow-color, rgba(0,0,0,0.3));
684
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
685
- }
686
- }
687
- }
688
- .hover\:shadow-lg {
689
- &:hover {
690
- @media (hover: hover) {
691
- --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));
692
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
693
- }
694
- }
695
- }
696
- .md\:top-10 {
697
- @media (width >= 48rem) {
698
- top: calc(var(--spacing) * 10);
699
- }
700
- }
701
- .md\:top-16 {
702
- @media (width >= 48rem) {
703
- top: calc(var(--spacing) * 16);
704
- }
705
- }
706
- .md\:right-16 {
707
- @media (width >= 48rem) {
708
- right: calc(var(--spacing) * 16);
709
- }
710
- }
711
- .md\:left-14 {
712
- @media (width >= 48rem) {
713
- left: calc(var(--spacing) * 14);
714
- }
715
- }
716
- }
717
- @property --tw-translate-x {
718
- syntax: "*";
719
- inherits: false;
720
- initial-value: 0;
721
- }
722
- @property --tw-translate-y {
723
- syntax: "*";
724
- inherits: false;
725
- initial-value: 0;
726
- }
727
- @property --tw-translate-z {
728
- syntax: "*";
729
- inherits: false;
730
- initial-value: 0;
731
- }
732
- @property --tw-rotate-x {
733
- syntax: "*";
734
- inherits: false;
735
- }
736
- @property --tw-rotate-y {
737
- syntax: "*";
738
- inherits: false;
739
- }
740
- @property --tw-rotate-z {
741
- syntax: "*";
742
- inherits: false;
743
- }
744
- @property --tw-skew-x {
745
- syntax: "*";
746
- inherits: false;
747
- }
748
- @property --tw-skew-y {
749
- syntax: "*";
750
- inherits: false;
751
- }
752
- @property --tw-border-style {
753
- syntax: "*";
754
- inherits: false;
755
- initial-value: solid;
756
- }
757
- @property --tw-gradient-position {
758
- syntax: "*";
759
- inherits: false;
760
- }
761
- @property --tw-gradient-from {
762
- syntax: "<color>";
763
- inherits: false;
764
- initial-value: #0000;
765
- }
766
- @property --tw-gradient-via {
767
- syntax: "<color>";
768
- inherits: false;
769
- initial-value: #0000;
770
- }
771
- @property --tw-gradient-to {
772
- syntax: "<color>";
773
- inherits: false;
774
- initial-value: #0000;
775
- }
776
- @property --tw-gradient-stops {
777
- syntax: "*";
778
- inherits: false;
779
- }
780
- @property --tw-gradient-via-stops {
781
- syntax: "*";
782
- inherits: false;
783
- }
784
- @property --tw-gradient-from-position {
785
- syntax: "<length-percentage>";
786
- inherits: false;
787
- initial-value: 0%;
788
- }
789
- @property --tw-gradient-via-position {
790
- syntax: "<length-percentage>";
791
- inherits: false;
792
- initial-value: 50%;
793
- }
794
- @property --tw-gradient-to-position {
795
- syntax: "<length-percentage>";
796
- inherits: false;
797
- initial-value: 100%;
798
- }
799
- @property --tw-leading {
800
- syntax: "*";
801
- inherits: false;
802
- }
803
- @property --tw-font-weight {
804
- syntax: "*";
805
- inherits: false;
806
- }
807
- @property --tw-shadow {
808
- syntax: "*";
809
- inherits: false;
810
- initial-value: 0 0 #0000;
811
- }
812
- @property --tw-shadow-color {
813
- syntax: "*";
814
- inherits: false;
815
- }
816
- @property --tw-shadow-alpha {
817
- syntax: "<percentage>";
818
- inherits: false;
819
- initial-value: 100%;
820
- }
821
- @property --tw-inset-shadow {
822
- syntax: "*";
823
- inherits: false;
824
- initial-value: 0 0 #0000;
825
- }
826
- @property --tw-inset-shadow-color {
827
- syntax: "*";
828
- inherits: false;
829
- }
830
- @property --tw-inset-shadow-alpha {
831
- syntax: "<percentage>";
832
- inherits: false;
833
- initial-value: 100%;
834
- }
835
- @property --tw-ring-color {
836
- syntax: "*";
837
- inherits: false;
838
- }
839
- @property --tw-ring-shadow {
840
- syntax: "*";
841
- inherits: false;
842
- initial-value: 0 0 #0000;
843
- }
844
- @property --tw-inset-ring-color {
845
- syntax: "*";
846
- inherits: false;
847
- }
848
- @property --tw-inset-ring-shadow {
849
- syntax: "*";
850
- inherits: false;
851
- initial-value: 0 0 #0000;
852
- }
853
- @property --tw-ring-inset {
854
- syntax: "*";
855
- inherits: false;
856
- }
857
- @property --tw-ring-offset-width {
858
- syntax: "<length>";
859
- inherits: false;
860
- initial-value: 0px;
861
- }
862
- @property --tw-ring-offset-color {
863
- syntax: "*";
864
- inherits: false;
865
- initial-value: #fff;
866
- }
867
- @property --tw-ring-offset-shadow {
868
- syntax: "*";
869
- inherits: false;
870
- initial-value: 0 0 #0000;
871
- }
872
- @property --tw-blur {
873
- syntax: "*";
874
- inherits: false;
875
- }
876
- @property --tw-brightness {
877
- syntax: "*";
878
- inherits: false;
879
- }
880
- @property --tw-contrast {
881
- syntax: "*";
882
- inherits: false;
883
- }
884
- @property --tw-grayscale {
885
- syntax: "*";
886
- inherits: false;
887
- }
888
- @property --tw-hue-rotate {
889
- syntax: "*";
890
- inherits: false;
891
- }
892
- @property --tw-invert {
893
- syntax: "*";
894
- inherits: false;
895
- }
896
- @property --tw-opacity {
897
- syntax: "*";
898
- inherits: false;
899
- }
900
- @property --tw-saturate {
901
- syntax: "*";
902
- inherits: false;
903
- }
904
- @property --tw-sepia {
905
- syntax: "*";
906
- inherits: false;
907
- }
908
- @property --tw-drop-shadow {
909
- syntax: "*";
910
- inherits: false;
911
- }
912
- @property --tw-drop-shadow-color {
913
- syntax: "*";
914
- inherits: false;
915
- }
916
- @property --tw-drop-shadow-alpha {
917
- syntax: "<percentage>";
918
- inherits: false;
919
- initial-value: 100%;
920
- }
921
- @property --tw-drop-shadow-size {
922
- syntax: "*";
923
- inherits: false;
924
- }
925
- @property --tw-backdrop-blur {
926
- syntax: "*";
927
- inherits: false;
928
- }
929
- @property --tw-backdrop-brightness {
930
- syntax: "*";
931
- inherits: false;
932
- }
933
- @property --tw-backdrop-contrast {
934
- syntax: "*";
935
- inherits: false;
936
- }
937
- @property --tw-backdrop-grayscale {
938
- syntax: "*";
939
- inherits: false;
940
- }
941
- @property --tw-backdrop-hue-rotate {
942
- syntax: "*";
943
- inherits: false;
944
- }
945
- @property --tw-backdrop-invert {
946
- syntax: "*";
947
- inherits: false;
948
- }
949
- @property --tw-backdrop-opacity {
950
- syntax: "*";
951
- inherits: false;
952
- }
953
- @property --tw-backdrop-saturate {
954
- syntax: "*";
955
- inherits: false;
956
- }
957
- @property --tw-backdrop-sepia {
958
- syntax: "*";
959
- inherits: false;
960
- }
961
- @property --tw-duration {
962
- syntax: "*";
963
- inherits: false;
964
- }
965
- @property --tw-ease {
966
- syntax: "*";
967
- inherits: false;
968
- }
969
- @layer properties {
970
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
971
- *, ::before, ::after, ::backdrop {
972
- --tw-translate-x: 0;
973
- --tw-translate-y: 0;
974
- --tw-translate-z: 0;
975
- --tw-rotate-x: initial;
976
- --tw-rotate-y: initial;
977
- --tw-rotate-z: initial;
978
- --tw-skew-x: initial;
979
- --tw-skew-y: initial;
980
- --tw-border-style: solid;
981
- --tw-gradient-position: initial;
982
- --tw-gradient-from: #0000;
983
- --tw-gradient-via: #0000;
984
- --tw-gradient-to: #0000;
985
- --tw-gradient-stops: initial;
986
- --tw-gradient-via-stops: initial;
987
- --tw-gradient-from-position: 0%;
988
- --tw-gradient-via-position: 50%;
989
- --tw-gradient-to-position: 100%;
990
- --tw-leading: initial;
991
- --tw-font-weight: initial;
992
- --tw-shadow: 0 0 #0000;
993
- --tw-shadow-color: initial;
994
- --tw-shadow-alpha: 100%;
995
- --tw-inset-shadow: 0 0 #0000;
996
- --tw-inset-shadow-color: initial;
997
- --tw-inset-shadow-alpha: 100%;
998
- --tw-ring-color: initial;
999
- --tw-ring-shadow: 0 0 #0000;
1000
- --tw-inset-ring-color: initial;
1001
- --tw-inset-ring-shadow: 0 0 #0000;
1002
- --tw-ring-inset: initial;
1003
- --tw-ring-offset-width: 0px;
1004
- --tw-ring-offset-color: #fff;
1005
- --tw-ring-offset-shadow: 0 0 #0000;
1006
- --tw-blur: initial;
1007
- --tw-brightness: initial;
1008
- --tw-contrast: initial;
1009
- --tw-grayscale: initial;
1010
- --tw-hue-rotate: initial;
1011
- --tw-invert: initial;
1012
- --tw-opacity: initial;
1013
- --tw-saturate: initial;
1014
- --tw-sepia: initial;
1015
- --tw-drop-shadow: initial;
1016
- --tw-drop-shadow-color: initial;
1017
- --tw-drop-shadow-alpha: 100%;
1018
- --tw-drop-shadow-size: initial;
1019
- --tw-backdrop-blur: initial;
1020
- --tw-backdrop-brightness: initial;
1021
- --tw-backdrop-contrast: initial;
1022
- --tw-backdrop-grayscale: initial;
1023
- --tw-backdrop-hue-rotate: initial;
1024
- --tw-backdrop-invert: initial;
1025
- --tw-backdrop-opacity: initial;
1026
- --tw-backdrop-saturate: initial;
1027
- --tw-backdrop-sepia: initial;
1028
- --tw-duration: initial;
1029
- --tw-ease: initial;
1030
- }
1031
- }
1032
- }
1033
-
1034
- /*# sourceMappingURL=index.css.map */
1
+ @layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-50:oklch(97% .014 254.604);--color-indigo-50:oklch(96.2% .018 272.314);--color-purple-50:oklch(97.7% .014 308.299);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--radius-lg:.5rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;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");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer antd,components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-6{top:calc(var(--spacing)*6)}.right-6{right:calc(var(--spacing)*6)}.right-\[100px\]{right:100px}.right-\[550px\]{right:550px}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-6{left:calc(var(--spacing)*6)}.z-10{z-index:10}.z-20{z-index:20}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-6{margin-right:calc(var(--spacing)*6)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-0\!{margin-bottom:calc(var(--spacing)*0)!important}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-12{height:calc(var(--spacing)*12)}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[400px\]{height:400px}.h-\[calc\(100vh-64px\)\]{height:calc(100vh - 64px)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.w-5\/6{width:83.3333%}.w-8{width:calc(var(--spacing)*8)}.w-40{width:calc(var(--spacing)*40)}.w-\[78px\]{width:78px}.w-\[100px\]{width:100px}.w-\[250px\]{width:250px}.w-\[450px\]{width:450px}.w-full{width:100%}.w-screen{width:100vw}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow-0{flex-grow:0}.-translate-y-3\/4{--tw-translate-y:-75%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-gray-200{border-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--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))}.from-gray-800{--tw-gradient-from:var(--color-gray-800);--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))}.from-white{--tw-gradient-from:var(--color-white);--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))}.via-gray-700{--tw-gradient-via:var(--color-gray-700);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-50\/50{--tw-gradient-via:#eef2ff80}@supports (color:color-mix(in lab,red,red)){.via-indigo-50\/50{--tw-gradient-via:color-mix(in oklab,var(--color-indigo-50)50%,transparent)}}.via-indigo-50\/50{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-gray-50\/30{--tw-gradient-to:#f9fafb4d}@supports (color:color-mix(in lab,red,red)){.to-gray-50\/30{--tw-gradient-to:color-mix(in oklab,var(--color-gray-50)30%,transparent)}}.to-gray-50\/30{--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))}.to-gray-600{--tw-gradient-to:var(--color-gray-600);--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))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--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))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1{padding:calc(var(--spacing)*1)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-6{padding-block:calc(var(--spacing)*6)}.text-center{text-align:center}.text-end{text-align:end}.text-start{text-align:start}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl\!{font-size:var(--text-3xl)!important;line-height:var(--tw-leading,var(--text-3xl--line-height))!important}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-gray-500{color:var(--color-gray-500)}.text-transparent{color:#0000}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}.shadow-2xl,.shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.filter{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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));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,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:shadow-\[0_20px_60px_-15px_rgba\(0\,0\,0\,0\.3\)\]:hover{--tw-shadow:0 20px 60px -15px var(--tw-shadow-color,#0000004d)}.hover\:shadow-\[0_20px_60px_-15px_rgba\(0\,0\,0\,0\.3\)\]:hover,.hover\:shadow-lg:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}}@media (min-width:48rem){.md\:top-10{top:calc(var(--spacing)*10)}.md\:top-16{top:calc(var(--spacing)*16)}.md\:right-16{right:calc(var(--spacing)*16)}.md\:left-14{left:calc(var(--spacing)*14)}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}