@xswap-link/sdk 0.3.2 → 0.3.4

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