@clickaroo/checkout-ui 0.0.1-beta → 0.0.3-beta

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/index.css CHANGED
@@ -1,1192 +1,3 @@
1
- *, ::before, ::after {
2
- --tw-border-spacing-x: 0;
3
- --tw-border-spacing-y: 0;
4
- --tw-translate-x: 0;
5
- --tw-translate-y: 0;
6
- --tw-rotate: 0;
7
- --tw-skew-x: 0;
8
- --tw-skew-y: 0;
9
- --tw-scale-x: 1;
10
- --tw-scale-y: 1;
11
- --tw-pan-x: ;
12
- --tw-pan-y: ;
13
- --tw-pinch-zoom: ;
14
- --tw-scroll-snap-strictness: proximity;
15
- --tw-gradient-from-position: ;
16
- --tw-gradient-via-position: ;
17
- --tw-gradient-to-position: ;
18
- --tw-ordinal: ;
19
- --tw-slashed-zero: ;
20
- --tw-numeric-figure: ;
21
- --tw-numeric-spacing: ;
22
- --tw-numeric-fraction: ;
23
- --tw-ring-inset: ;
24
- --tw-ring-offset-width: 0px;
25
- --tw-ring-offset-color: #fff;
26
- --tw-ring-color: rgb(59 130 246 / 0.5);
27
- --tw-ring-offset-shadow: 0 0 #0000;
28
- --tw-ring-shadow: 0 0 #0000;
29
- --tw-shadow: 0 0 #0000;
30
- --tw-shadow-colored: 0 0 #0000;
31
- --tw-blur: ;
32
- --tw-brightness: ;
33
- --tw-contrast: ;
34
- --tw-grayscale: ;
35
- --tw-hue-rotate: ;
36
- --tw-invert: ;
37
- --tw-saturate: ;
38
- --tw-sepia: ;
39
- --tw-drop-shadow: ;
40
- --tw-backdrop-blur: ;
41
- --tw-backdrop-brightness: ;
42
- --tw-backdrop-contrast: ;
43
- --tw-backdrop-grayscale: ;
44
- --tw-backdrop-hue-rotate: ;
45
- --tw-backdrop-invert: ;
46
- --tw-backdrop-opacity: ;
47
- --tw-backdrop-saturate: ;
48
- --tw-backdrop-sepia: ;
49
- --tw-contain-size: ;
50
- --tw-contain-layout: ;
51
- --tw-contain-paint: ;
52
- --tw-contain-style: ;
53
- }
54
-
55
- ::backdrop {
56
- --tw-border-spacing-x: 0;
57
- --tw-border-spacing-y: 0;
58
- --tw-translate-x: 0;
59
- --tw-translate-y: 0;
60
- --tw-rotate: 0;
61
- --tw-skew-x: 0;
62
- --tw-skew-y: 0;
63
- --tw-scale-x: 1;
64
- --tw-scale-y: 1;
65
- --tw-pan-x: ;
66
- --tw-pan-y: ;
67
- --tw-pinch-zoom: ;
68
- --tw-scroll-snap-strictness: proximity;
69
- --tw-gradient-from-position: ;
70
- --tw-gradient-via-position: ;
71
- --tw-gradient-to-position: ;
72
- --tw-ordinal: ;
73
- --tw-slashed-zero: ;
74
- --tw-numeric-figure: ;
75
- --tw-numeric-spacing: ;
76
- --tw-numeric-fraction: ;
77
- --tw-ring-inset: ;
78
- --tw-ring-offset-width: 0px;
79
- --tw-ring-offset-color: #fff;
80
- --tw-ring-color: rgb(59 130 246 / 0.5);
81
- --tw-ring-offset-shadow: 0 0 #0000;
82
- --tw-ring-shadow: 0 0 #0000;
83
- --tw-shadow: 0 0 #0000;
84
- --tw-shadow-colored: 0 0 #0000;
85
- --tw-blur: ;
86
- --tw-brightness: ;
87
- --tw-contrast: ;
88
- --tw-grayscale: ;
89
- --tw-hue-rotate: ;
90
- --tw-invert: ;
91
- --tw-saturate: ;
92
- --tw-sepia: ;
93
- --tw-drop-shadow: ;
94
- --tw-backdrop-blur: ;
95
- --tw-backdrop-brightness: ;
96
- --tw-backdrop-contrast: ;
97
- --tw-backdrop-grayscale: ;
98
- --tw-backdrop-hue-rotate: ;
99
- --tw-backdrop-invert: ;
100
- --tw-backdrop-opacity: ;
101
- --tw-backdrop-saturate: ;
102
- --tw-backdrop-sepia: ;
103
- --tw-contain-size: ;
104
- --tw-contain-layout: ;
105
- --tw-contain-paint: ;
106
- --tw-contain-style: ;
107
- }/*
1
+ *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
108
2
  ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
109
- *//*
110
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
111
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
112
- */
113
-
114
- *,
115
- ::before,
116
- ::after {
117
- box-sizing: border-box; /* 1 */
118
- border-width: 0; /* 2 */
119
- border-style: solid; /* 2 */
120
- border-color: #e5e7eb; /* 2 */
121
- }
122
-
123
- ::before,
124
- ::after {
125
- --tw-content: '';
126
- }
127
-
128
- /*
129
- 1. Use a consistent sensible line-height in all browsers.
130
- 2. Prevent adjustments of font size after orientation changes in iOS.
131
- 3. Use a more readable tab size.
132
- 4. Use the user's configured `sans` font-family by default.
133
- 5. Use the user's configured `sans` font-feature-settings by default.
134
- 6. Use the user's configured `sans` font-variation-settings by default.
135
- 7. Disable tap highlights on iOS
136
- */
137
-
138
- html,
139
- :host {
140
- line-height: 1.5; /* 1 */
141
- -webkit-text-size-adjust: 100%; /* 2 */
142
- -moz-tab-size: 4; /* 3 */
143
- -o-tab-size: 4;
144
- tab-size: 4; /* 3 */
145
- font-family: Inter, system-ui, sans-serif; /* 4 */
146
- font-feature-settings: normal; /* 5 */
147
- font-variation-settings: normal; /* 6 */
148
- -webkit-tap-highlight-color: transparent; /* 7 */
149
- }
150
-
151
- /*
152
- 1. Remove the margin in all browsers.
153
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
154
- */
155
-
156
- body {
157
- margin: 0; /* 1 */
158
- line-height: inherit; /* 2 */
159
- }
160
-
161
- /*
162
- 1. Add the correct height in Firefox.
163
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
164
- 3. Ensure horizontal rules are visible by default.
165
- */
166
-
167
- hr {
168
- height: 0; /* 1 */
169
- color: inherit; /* 2 */
170
- border-top-width: 1px; /* 3 */
171
- }
172
-
173
- /*
174
- Add the correct text decoration in Chrome, Edge, and Safari.
175
- */
176
-
177
- abbr:where([title]) {
178
- -webkit-text-decoration: underline dotted;
179
- text-decoration: underline dotted;
180
- }
181
-
182
- /*
183
- Remove the default font size and weight for headings.
184
- */
185
-
186
- h1,
187
- h2,
188
- h3,
189
- h4,
190
- h5,
191
- h6 {
192
- font-size: inherit;
193
- font-weight: inherit;
194
- }
195
-
196
- /*
197
- Reset links to optimize for opt-in styling instead of opt-out.
198
- */
199
-
200
- a {
201
- color: inherit;
202
- text-decoration: inherit;
203
- }
204
-
205
- /*
206
- Add the correct font weight in Edge and Safari.
207
- */
208
-
209
- b,
210
- strong {
211
- font-weight: bolder;
212
- }
213
-
214
- /*
215
- 1. Use the user's configured `mono` font-family by default.
216
- 2. Use the user's configured `mono` font-feature-settings by default.
217
- 3. Use the user's configured `mono` font-variation-settings by default.
218
- 4. Correct the odd `em` font sizing in all browsers.
219
- */
220
-
221
- code,
222
- kbd,
223
- samp,
224
- pre {
225
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
226
- font-feature-settings: normal; /* 2 */
227
- font-variation-settings: normal; /* 3 */
228
- font-size: 1em; /* 4 */
229
- }
230
-
231
- /*
232
- Add the correct font size in all browsers.
233
- */
234
-
235
- small {
236
- font-size: 80%;
237
- }
238
-
239
- /*
240
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
241
- */
242
-
243
- sub,
244
- sup {
245
- font-size: 75%;
246
- line-height: 0;
247
- position: relative;
248
- vertical-align: baseline;
249
- }
250
-
251
- sub {
252
- bottom: -0.25em;
253
- }
254
-
255
- sup {
256
- top: -0.5em;
257
- }
258
-
259
- /*
260
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
261
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
262
- 3. Remove gaps between table borders by default.
263
- */
264
-
265
- table {
266
- text-indent: 0; /* 1 */
267
- border-color: inherit; /* 2 */
268
- border-collapse: collapse; /* 3 */
269
- }
270
-
271
- /*
272
- 1. Change the font styles in all browsers.
273
- 2. Remove the margin in Firefox and Safari.
274
- 3. Remove default padding in all browsers.
275
- */
276
-
277
- button,
278
- input,
279
- optgroup,
280
- select,
281
- textarea {
282
- font-family: inherit; /* 1 */
283
- font-feature-settings: inherit; /* 1 */
284
- font-variation-settings: inherit; /* 1 */
285
- font-size: 100%; /* 1 */
286
- font-weight: inherit; /* 1 */
287
- line-height: inherit; /* 1 */
288
- letter-spacing: inherit; /* 1 */
289
- color: inherit; /* 1 */
290
- margin: 0; /* 2 */
291
- padding: 0; /* 3 */
292
- }
293
-
294
- /*
295
- Remove the inheritance of text transform in Edge and Firefox.
296
- */
297
-
298
- button,
299
- select {
300
- text-transform: none;
301
- }
302
-
303
- /*
304
- 1. Correct the inability to style clickable types in iOS and Safari.
305
- 2. Remove default button styles.
306
- */
307
-
308
- button,
309
- input:where([type='button']),
310
- input:where([type='reset']),
311
- input:where([type='submit']) {
312
- -webkit-appearance: button; /* 1 */
313
- background-color: transparent; /* 2 */
314
- background-image: none; /* 2 */
315
- }
316
-
317
- /*
318
- Use the modern Firefox focus style for all focusable elements.
319
- */
320
-
321
- :-moz-focusring {
322
- outline: auto;
323
- }
324
-
325
- /*
326
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
327
- */
328
-
329
- :-moz-ui-invalid {
330
- box-shadow: none;
331
- }
332
-
333
- /*
334
- Add the correct vertical alignment in Chrome and Firefox.
335
- */
336
-
337
- progress {
338
- vertical-align: baseline;
339
- }
340
-
341
- /*
342
- Correct the cursor style of increment and decrement buttons in Safari.
343
- */
344
-
345
- ::-webkit-inner-spin-button,
346
- ::-webkit-outer-spin-button {
347
- height: auto;
348
- }
349
-
350
- /*
351
- 1. Correct the odd appearance in Chrome and Safari.
352
- 2. Correct the outline style in Safari.
353
- */
354
-
355
- [type='search'] {
356
- -webkit-appearance: textfield; /* 1 */
357
- outline-offset: -2px; /* 2 */
358
- }
359
-
360
- /*
361
- Remove the inner padding in Chrome and Safari on macOS.
362
- */
363
-
364
- ::-webkit-search-decoration {
365
- -webkit-appearance: none;
366
- }
367
-
368
- /*
369
- 1. Correct the inability to style clickable types in iOS and Safari.
370
- 2. Change font properties to `inherit` in Safari.
371
- */
372
-
373
- ::-webkit-file-upload-button {
374
- -webkit-appearance: button; /* 1 */
375
- font: inherit; /* 2 */
376
- }
377
-
378
- /*
379
- Add the correct display in Chrome and Safari.
380
- */
381
-
382
- summary {
383
- display: list-item;
384
- }
385
-
386
- /*
387
- Removes the default spacing and border for appropriate elements.
388
- */
389
-
390
- blockquote,
391
- dl,
392
- dd,
393
- h1,
394
- h2,
395
- h3,
396
- h4,
397
- h5,
398
- h6,
399
- hr,
400
- figure,
401
- p,
402
- pre {
403
- margin: 0;
404
- }
405
-
406
- fieldset {
407
- margin: 0;
408
- padding: 0;
409
- }
410
-
411
- legend {
412
- padding: 0;
413
- }
414
-
415
- ol,
416
- ul,
417
- menu {
418
- list-style: none;
419
- margin: 0;
420
- padding: 0;
421
- }
422
-
423
- /*
424
- Reset default styling for dialogs.
425
- */
426
- dialog {
427
- padding: 0;
428
- }
429
-
430
- /*
431
- Prevent resizing textareas horizontally by default.
432
- */
433
-
434
- textarea {
435
- resize: vertical;
436
- }
437
-
438
- /*
439
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
440
- 2. Set the default placeholder color to the user's configured gray 400 color.
441
- */
442
-
443
- input::-moz-placeholder, textarea::-moz-placeholder {
444
- opacity: 1; /* 1 */
445
- color: #9ca3af; /* 2 */
446
- }
447
-
448
- input::placeholder,
449
- textarea::placeholder {
450
- opacity: 1; /* 1 */
451
- color: #9ca3af; /* 2 */
452
- }
453
-
454
- /*
455
- Set the default cursor for buttons.
456
- */
457
-
458
- button,
459
- [role="button"] {
460
- cursor: pointer;
461
- }
462
-
463
- /*
464
- Make sure disabled buttons don't get the pointer cursor.
465
- */
466
- :disabled {
467
- cursor: default;
468
- }
469
-
470
- /*
471
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
472
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
473
- This can trigger a poorly considered lint error in some tools but is included by design.
474
- */
475
-
476
- img,
477
- svg,
478
- video,
479
- canvas,
480
- audio,
481
- iframe,
482
- embed,
483
- object {
484
- display: block; /* 1 */
485
- vertical-align: middle; /* 2 */
486
- }
487
-
488
- /*
489
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
490
- */
491
-
492
- img,
493
- video {
494
- max-width: 100%;
495
- height: auto;
496
- }
497
-
498
- /* Make elements with the HTML hidden attribute stay hidden by default */
499
- [hidden]:where(:not([hidden="until-found"])) {
500
- display: none;
501
- }
502
- .sr-only {
503
- position: absolute;
504
- width: 1px;
505
- height: 1px;
506
- padding: 0;
507
- margin: -1px;
508
- overflow: hidden;
509
- clip: rect(0, 0, 0, 0);
510
- white-space: nowrap;
511
- border-width: 0;
512
- }
513
- .pointer-events-none {
514
- pointer-events: none;
515
- }
516
- .fixed {
517
- position: fixed;
518
- }
519
- .absolute {
520
- position: absolute;
521
- }
522
- .relative {
523
- position: relative;
524
- }
525
- .inset-0 {
526
- inset: 0px;
527
- }
528
- .bottom-0 {
529
- bottom: 0px;
530
- }
531
- .left-0 {
532
- left: 0px;
533
- }
534
- .left-1\/2 {
535
- left: 50%;
536
- }
537
- .right-2 {
538
- right: 0.5rem;
539
- }
540
- .right-3 {
541
- right: 0.75rem;
542
- }
543
- .right-6 {
544
- right: 1.5rem;
545
- }
546
- .top-0 {
547
- top: 0px;
548
- }
549
- .top-1\/2 {
550
- top: 50%;
551
- }
552
- .z-10 {
553
- z-index: 10;
554
- }
555
- .z-20 {
556
- z-index: 20;
557
- }
558
- .z-30 {
559
- z-index: 30;
560
- }
561
- .z-50 {
562
- z-index: 50;
563
- }
564
- .-mx-1\.5 {
565
- margin-left: -0.375rem;
566
- margin-right: -0.375rem;
567
- }
568
- .-my-1\.5 {
569
- margin-top: -0.375rem;
570
- margin-bottom: -0.375rem;
571
- }
572
- .mx-4 {
573
- margin-left: 1rem;
574
- margin-right: 1rem;
575
- }
576
- .-ml-1 {
577
- margin-left: -0.25rem;
578
- }
579
- .mb-2 {
580
- margin-bottom: 0.5rem;
581
- }
582
- .mb-4 {
583
- margin-bottom: 1rem;
584
- }
585
- .mb-5 {
586
- margin-bottom: 1.25rem;
587
- }
588
- .mb-6 {
589
- margin-bottom: 1.5rem;
590
- }
591
- .ml-2 {
592
- margin-left: 0.5rem;
593
- }
594
- .ml-3 {
595
- margin-left: 0.75rem;
596
- }
597
- .ml-auto {
598
- margin-left: auto;
599
- }
600
- .mr-3 {
601
- margin-right: 0.75rem;
602
- }
603
- .mt-1 {
604
- margin-top: 0.25rem;
605
- }
606
- .mt-6 {
607
- margin-top: 1.5rem;
608
- }
609
- .flex {
610
- display: flex;
611
- }
612
- .inline-flex {
613
- display: inline-flex;
614
- }
615
- .table {
616
- display: table;
617
- }
618
- .grid {
619
- display: grid;
620
- }
621
- .h-16 {
622
- height: 4rem;
623
- }
624
- .h-2 {
625
- height: 0.5rem;
626
- }
627
- .h-20 {
628
- height: 5rem;
629
- }
630
- .h-3 {
631
- height: 0.75rem;
632
- }
633
- .h-4 {
634
- height: 1rem;
635
- }
636
- .h-5 {
637
- height: 1.25rem;
638
- }
639
- .h-6 {
640
- height: 1.5rem;
641
- }
642
- .h-full {
643
- height: 100%;
644
- }
645
- .max-h-80 {
646
- max-height: 20rem;
647
- }
648
- .min-h-8 {
649
- min-height: 2rem;
650
- }
651
- .w-16 {
652
- width: 4rem;
653
- }
654
- .w-2 {
655
- width: 0.5rem;
656
- }
657
- .w-3 {
658
- width: 0.75rem;
659
- }
660
- .w-5 {
661
- width: 1.25rem;
662
- }
663
- .w-6 {
664
- width: 1.5rem;
665
- }
666
- .w-\[8rem\] {
667
- width: 8rem;
668
- }
669
- .w-full {
670
- width: 100%;
671
- }
672
- .max-w-sm {
673
- max-width: 24rem;
674
- }
675
- .flex-1 {
676
- flex: 1 1 0%;
677
- }
678
- .flex-shrink-0 {
679
- flex-shrink: 0;
680
- }
681
- .-translate-x-1\/2 {
682
- --tw-translate-x: -50%;
683
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
684
- }
685
- .-translate-y-1\/2 {
686
- --tw-translate-y: -50%;
687
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
688
- }
689
- .transform {
690
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
691
- }
692
- .animate-\[shimmer_2s_ease-in-out_infinite\] {
693
- animation: shimmer 2s ease-in-out infinite;
694
- }
695
- @keyframes bounce {
696
-
697
- 0%, 100% {
698
- transform: translateY(-25%);
699
- animation-timing-function: cubic-bezier(0.8,0,1,1);
700
- }
701
-
702
- 50% {
703
- transform: none;
704
- animation-timing-function: cubic-bezier(0,0,0.2,1);
705
- }
706
- }
707
- .animate-bounce {
708
- animation: bounce 1s infinite;
709
- }
710
- @keyframes spin {
711
-
712
- to {
713
- transform: rotate(360deg);
714
- }
715
- }
716
- .animate-spin {
717
- animation: spin 1s linear infinite;
718
- }
719
- .cursor-not-allowed {
720
- cursor: not-allowed;
721
- }
722
- .cursor-pointer {
723
- cursor: pointer;
724
- }
725
- .appearance-none {
726
- -webkit-appearance: none;
727
- -moz-appearance: none;
728
- appearance: none;
729
- }
730
- .flex-col {
731
- flex-direction: column;
732
- }
733
- .items-start {
734
- align-items: flex-start;
735
- }
736
- .items-center {
737
- align-items: center;
738
- }
739
- .justify-center {
740
- justify-content: center;
741
- }
742
- .justify-between {
743
- justify-content: space-between;
744
- }
745
- .gap-2 {
746
- gap: 0.5rem;
747
- }
748
- .gap-3 {
749
- gap: 0.75rem;
750
- }
751
- .gap-5 {
752
- gap: 1.25rem;
753
- }
754
- .space-x-1 > :not([hidden]) ~ :not([hidden]) {
755
- --tw-space-x-reverse: 0;
756
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
757
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
758
- }
759
- .overflow-hidden {
760
- overflow: hidden;
761
- }
762
- .overflow-y-auto {
763
- overflow-y: auto;
764
- }
765
- .whitespace-pre-line {
766
- white-space: pre-line;
767
- }
768
- .rounded-2xl {
769
- border-radius: 1rem;
770
- }
771
- .rounded-full {
772
- border-radius: 9999px;
773
- }
774
- .rounded-lg {
775
- border-radius: 0.5rem;
776
- }
777
- .rounded-md {
778
- border-radius: 0.375rem;
779
- }
780
- .rounded-sm {
781
- border-radius: 0.125rem;
782
- }
783
- .\!border-2 {
784
- border-width: 2px !important;
785
- }
786
- .border {
787
- border-width: 1px;
788
- }
789
- .border-4 {
790
- border-width: 4px;
791
- }
792
- .border-r {
793
- border-right-width: 1px;
794
- }
795
- .border-t {
796
- border-top-width: 1px;
797
- }
798
- .\!border-\[\#df1b41\] {
799
- --tw-border-opacity: 1 !important;
800
- border-color: rgb(223 27 65 / var(--tw-border-opacity, 1)) !important;
801
- }
802
- .border-\[\#e6e6e6\] {
803
- --tw-border-opacity: 1;
804
- border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
805
- }
806
- .border-blue-500 {
807
- --tw-border-opacity: 1;
808
- border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
809
- }
810
- .border-gray-200 {
811
- --tw-border-opacity: 1;
812
- border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
813
- }
814
- .border-green-200 {
815
- --tw-border-opacity: 1;
816
- border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
817
- }
818
- .border-red-200 {
819
- --tw-border-opacity: 1;
820
- border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
821
- }
822
- .border-t-transparent {
823
- border-top-color: transparent;
824
- }
825
- .bg-\[\#f8f9fa\] {
826
- --tw-bg-opacity: 1;
827
- background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
828
- }
829
- .bg-black {
830
- --tw-bg-opacity: 1;
831
- background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
832
- }
833
- .bg-blue-500 {
834
- --tw-bg-opacity: 1;
835
- background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
836
- }
837
- .bg-blue-600 {
838
- --tw-bg-opacity: 1;
839
- background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
840
- }
841
- .bg-gray-400 {
842
- --tw-bg-opacity: 1;
843
- background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
844
- }
845
- .bg-green-50 {
846
- --tw-bg-opacity: 1;
847
- background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
848
- }
849
- .bg-green-500 {
850
- --tw-bg-opacity: 1;
851
- background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
852
- }
853
- .bg-red-50 {
854
- --tw-bg-opacity: 1;
855
- background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
856
- }
857
- .bg-white {
858
- --tw-bg-opacity: 1;
859
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
860
- }
861
- .bg-opacity-50 {
862
- --tw-bg-opacity: 0.5;
863
- }
864
- .bg-gradient-to-r {
865
- background-image: linear-gradient(to right, var(--tw-gradient-stops));
866
- }
867
- .from-blue-600 {
868
- --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
869
- --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
870
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
871
- }
872
- .via-blue-500 {
873
- --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
874
- --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to);
875
- }
876
- .to-blue-600 {
877
- --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
878
- }
879
- .bg-\[length\:200\%_100\%\] {
880
- background-size: 200% 100%;
881
- }
882
- .fill-\[\#6c757d\] {
883
- fill: #6c757d;
884
- }
885
- .object-cover {
886
- -o-object-fit: cover;
887
- object-fit: cover;
888
- }
889
- .p-1\.5 {
890
- padding: 0.375rem;
891
- }
892
- .p-4 {
893
- padding: 1rem;
894
- }
895
- .p-8 {
896
- padding: 2rem;
897
- }
898
- .p-\[0\.64rem\] {
899
- padding: 0.64rem;
900
- }
901
- .px-1 {
902
- padding-left: 0.25rem;
903
- padding-right: 0.25rem;
904
- }
905
- .px-2 {
906
- padding-left: 0.5rem;
907
- padding-right: 0.5rem;
908
- }
909
- .px-4 {
910
- padding-left: 1rem;
911
- padding-right: 1rem;
912
- }
913
- .py-2 {
914
- padding-top: 0.5rem;
915
- padding-bottom: 0.5rem;
916
- }
917
- .py-3 {
918
- padding-top: 0.75rem;
919
- padding-bottom: 0.75rem;
920
- }
921
- .py-5 {
922
- padding-top: 1.25rem;
923
- padding-bottom: 1.25rem;
924
- }
925
- .\!pl-\[110px\] {
926
- padding-left: 110px !important;
927
- }
928
- .\!pl-\[80px\] {
929
- padding-left: 80px !important;
930
- }
931
- .pl-20 {
932
- padding-left: 5rem;
933
- }
934
- .pl-3 {
935
- padding-left: 0.75rem;
936
- }
937
- .pr-12 {
938
- padding-right: 3rem;
939
- }
940
- .text-center {
941
- text-align: center;
942
- }
943
- .text-base {
944
- font-size: 1rem;
945
- line-height: 1.5rem;
946
- }
947
- .text-lg {
948
- font-size: 1.125rem;
949
- line-height: 1.75rem;
950
- }
951
- .text-sm {
952
- font-size: 0.875rem;
953
- line-height: 1.25rem;
954
- }
955
- .text-xl {
956
- font-size: 1.25rem;
957
- line-height: 1.75rem;
958
- }
959
- .font-bold {
960
- font-weight: 700;
961
- }
962
- .font-medium {
963
- font-weight: 500;
964
- }
965
- .font-semibold {
966
- font-weight: 600;
967
- }
968
- .uppercase {
969
- text-transform: uppercase;
970
- }
971
- .\!text-\[\#df1b41\] {
972
- --tw-text-opacity: 1 !important;
973
- color: rgb(223 27 65 / var(--tw-text-opacity, 1)) !important;
974
- }
975
- .text-\[\#212529A6\] {
976
- color: #212529A6;
977
- }
978
- .text-\[\#2A2B35\] {
979
- --tw-text-opacity: 1;
980
- color: rgb(42 43 53 / var(--tw-text-opacity, 1));
981
- }
982
- .text-\[\#df1b41\] {
983
- --tw-text-opacity: 1;
984
- color: rgb(223 27 65 / var(--tw-text-opacity, 1));
985
- }
986
- .text-black {
987
- --tw-text-opacity: 1;
988
- color: rgb(0 0 0 / var(--tw-text-opacity, 1));
989
- }
990
- .text-gray-400 {
991
- --tw-text-opacity: 1;
992
- color: rgb(156 163 175 / var(--tw-text-opacity, 1));
993
- }
994
- .text-gray-500 {
995
- --tw-text-opacity: 1;
996
- color: rgb(107 114 128 / var(--tw-text-opacity, 1));
997
- }
998
- .text-gray-700 {
999
- --tw-text-opacity: 1;
1000
- color: rgb(55 65 81 / var(--tw-text-opacity, 1));
1001
- }
1002
- .text-gray-800 {
1003
- --tw-text-opacity: 1;
1004
- color: rgb(31 41 55 / var(--tw-text-opacity, 1));
1005
- }
1006
- .text-green-400 {
1007
- --tw-text-opacity: 1;
1008
- color: rgb(74 222 128 / var(--tw-text-opacity, 1));
1009
- }
1010
- .text-green-500 {
1011
- --tw-text-opacity: 1;
1012
- color: rgb(34 197 94 / var(--tw-text-opacity, 1));
1013
- }
1014
- .text-green-700 {
1015
- --tw-text-opacity: 1;
1016
- color: rgb(21 128 61 / var(--tw-text-opacity, 1));
1017
- }
1018
- .text-red-400 {
1019
- --tw-text-opacity: 1;
1020
- color: rgb(248 113 113 / var(--tw-text-opacity, 1));
1021
- }
1022
- .text-red-700 {
1023
- --tw-text-opacity: 1;
1024
- color: rgb(185 28 28 / var(--tw-text-opacity, 1));
1025
- }
1026
- .text-white {
1027
- --tw-text-opacity: 1;
1028
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1029
- }
1030
- .placeholder-custom::-moz-placeholder {
1031
- --tw-placeholder-opacity: 1;
1032
- color: rgb(108 109 114 / var(--tw-placeholder-opacity, 1));
1033
- }
1034
- .placeholder-custom::placeholder {
1035
- --tw-placeholder-opacity: 1;
1036
- color: rgb(108 109 114 / var(--tw-placeholder-opacity, 1));
1037
- }
1038
- .opacity-0 {
1039
- opacity: 0;
1040
- }
1041
- .opacity-25 {
1042
- opacity: 0.25;
1043
- }
1044
- .opacity-75 {
1045
- opacity: 0.75;
1046
- }
1047
- .shadow {
1048
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1049
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1050
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1051
- }
1052
- .shadow-2xl {
1053
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1054
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
1055
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1056
- }
1057
- .shadow-lg {
1058
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1059
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1060
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1061
- }
1062
- .shadow-sm {
1063
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1064
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1065
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1066
- }
1067
- .outline-none {
1068
- outline: 2px solid transparent;
1069
- outline-offset: 2px;
1070
- }
1071
- .outline {
1072
- outline-style: solid;
1073
- }
1074
- .outline-0 {
1075
- outline-width: 0px;
1076
- }
1077
- .filter {
1078
- 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);
1079
- }
1080
- .backdrop-blur-sm {
1081
- --tw-backdrop-blur: blur(4px);
1082
- 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);
1083
- }
1084
- .transition {
1085
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1086
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1087
- transition-duration: 150ms;
1088
- }
1089
- .transition-all {
1090
- transition-property: all;
1091
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1092
- transition-duration: 150ms;
1093
- }
1094
- .transition-colors {
1095
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
1096
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1097
- transition-duration: 150ms;
1098
- }
1099
- .duration-200 {
1100
- transition-duration: 200ms;
1101
- }
1102
- .duration-300 {
1103
- transition-duration: 300ms;
1104
- }
1105
- .hover\:bg-gray-100:hover {
1106
- --tw-bg-opacity: 1;
1107
- background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
1108
- }
1109
- .hover\:bg-green-100:hover {
1110
- --tw-bg-opacity: 1;
1111
- background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
1112
- }
1113
- .hover\:bg-red-100:hover {
1114
- --tw-bg-opacity: 1;
1115
- background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
1116
- }
1117
- .hover\:text-gray-600:hover {
1118
- --tw-text-opacity: 1;
1119
- color: rgb(75 85 99 / var(--tw-text-opacity, 1));
1120
- }
1121
- .hover\:opacity-70:hover {
1122
- opacity: 0.7;
1123
- }
1124
- .focus\:\!border-\[\#df1b41\]:focus {
1125
- --tw-border-opacity: 1 !important;
1126
- border-color: rgb(223 27 65 / var(--tw-border-opacity, 1)) !important;
1127
- }
1128
- .focus\:border-\[\#8AA3D4\]:focus {
1129
- --tw-border-opacity: 1;
1130
- border-color: rgb(138 163 212 / var(--tw-border-opacity, 1));
1131
- }
1132
- .focus\:\!shadow-invalid:focus {
1133
- --tw-shadow: 0px 0px 0px 0.2rem #dc354540 !important;
1134
- --tw-shadow-colored: 0px 0px 0px 0.2rem var(--tw-shadow-color) !important;
1135
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1136
- }
1137
- .focus\:shadow-focus:focus {
1138
- --tw-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), 0 0 0 3px hsla(220, 46%, 69%, 25%), 0 1px 1px 0 rgba(0, 0, 0, 0.08);
1139
- --tw-shadow-colored: 0px 1px 1px var(--tw-shadow-color), 0px 3px 6px var(--tw-shadow-color), 0 0 0 3px var(--tw-shadow-color), 0 1px 1px 0 var(--tw-shadow-color);
1140
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1141
- }
1142
- .focus\:\!outline-none:focus {
1143
- outline: 2px solid transparent !important;
1144
- outline-offset: 2px !important;
1145
- }
1146
- .focus\:outline-none:focus {
1147
- outline: 2px solid transparent;
1148
- outline-offset: 2px;
1149
- }
1150
- .focus\:\!ring-0:focus {
1151
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1152
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
1153
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
1154
- }
1155
- .focus\:ring-2:focus {
1156
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1157
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1158
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1159
- }
1160
- .focus\:ring-green-600:focus {
1161
- --tw-ring-opacity: 1;
1162
- --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity, 1));
1163
- }
1164
- .focus\:ring-red-600:focus {
1165
- --tw-ring-opacity: 1;
1166
- --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
1167
- }
1168
- .focus\:ring-offset-2:focus {
1169
- --tw-ring-offset-width: 2px;
1170
- }
1171
- .focus\:ring-offset-green-50:focus {
1172
- --tw-ring-offset-color: #f0fdf4;
1173
- }
1174
- .focus\:ring-offset-red-50:focus {
1175
- --tw-ring-offset-color: #fef2f2;
1176
- }
1177
- @media (min-width: 768px) {
1178
-
1179
- .md\:flex-row {
1180
- flex-direction: row;
1181
- }
1182
-
1183
- .md\:text-2xl {
1184
- font-size: 1.5rem;
1185
- line-height: 2rem;
1186
- }
1187
-
1188
- .md\:text-base {
1189
- font-size: 1rem;
1190
- line-height: 1.5rem;
1191
- }
1192
- }
3
+ */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.right-2{right:.5rem}.right-3{right:.75rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.-my-1\.5{margin-bottom:-.375rem;margin-top:-.375rem}.mx-4{margin-left:1rem;margin-right:1rem}.-ml-1{margin-left:-.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-full{height:100%}.max-h-80{max-height:20rem}.min-h-8{min-height:2rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[8rem\]{width:8rem}.w-full{width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[shimmer_2s_ease-in-out_infinite\]{animation:shimmer 2s ease-in-out infinite}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:bounce 1s infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-pre-line{white-space:pre-line}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.\!border-2{border-width:2px!important}.border{border-width:1px}.border-4{border-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.\!border-\[\#df1b41\]{--tw-border-opacity:1!important;border-color:rgb(223 27 65/var(--tw-border-opacity,1))!important}.border-\[\#e6e6e6\]{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.bg-\[\#f8f9fa\]{--tw-bg-opacity:1;background-color:rgb(248 249 250/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blue-500{--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#3b82f6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.fill-\[\#6c757d\]{fill:#6c757d}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1\.5{padding:.375rem}.p-4{padding:1rem}.p-8{padding:2rem}.p-\[0\.64rem\]{padding:.64rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.\!pl-\[110px\]{padding-left:110px!important}.\!pl-\[80px\]{padding-left:80px!important}.pl-20{padding-left:5rem}.pl-3{padding-left:.75rem}.pr-12{padding-right:3rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.\!text-\[\#df1b41\]{--tw-text-opacity:1!important;color:rgb(223 27 65/var(--tw-text-opacity,1))!important}.text-\[\#212529A6\]{color:#212529a6}.text-\[\#2A2B35\]{--tw-text-opacity:1;color:rgb(42 43 53/var(--tw-text-opacity,1))}.text-\[\#df1b41\]{--tw-text-opacity:1;color:rgb(223 27 65/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.placeholder-custom::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(108 109 114/var(--tw-placeholder-opacity,1))}.placeholder-custom::placeholder{--tw-placeholder-opacity:1;color:rgb(108 109 114/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-0{outline-width:0}.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(4px);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:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:opacity-70:hover{opacity:.7}.focus\:\!border-\[\#df1b41\]:focus{--tw-border-opacity:1!important;border-color:rgb(223 27 65/var(--tw-border-opacity,1))!important}.focus\:border-\[\#8AA3D4\]:focus{--tw-border-opacity:1;border-color:rgb(138 163 212/var(--tw-border-opacity,1))}.focus\:\!shadow-invalid:focus{--tw-shadow:0px 0px 0px 0.2rem #dc354540!important;--tw-shadow-colored:0px 0px 0px 0.2rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.focus\:shadow-focus:focus{--tw-shadow:0px 1px 1px rgba(0,0,0,.03),0px 3px 6px rgba(0,0,0,.02),0 0 0 3px rgba(140,164,212,.25),0 1px 1px 0 rgba(0,0,0,.08);--tw-shadow-colored:0px 1px 1px var(--tw-shadow-color),0px 3px 6px var(--tw-shadow-color),0 0 0 3px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:\!outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:\!ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-green-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(22 163 74/var(--tw-ring-opacity,1))}.focus\:ring-red-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(220 38 38/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-green-50:focus{--tw-ring-offset-color:#f0fdf4}.focus\:ring-offset-red-50:focus{--tw-ring-offset-color:#fef2f2}@media (min-width:768px){.md\:flex-row{flex-direction:row}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}