@tuwaio/nova-transactions 0.0.1

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 ADDED
@@ -0,0 +1,1494 @@
1
+ /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root, :host {
6
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
+ "Courier New", monospace;
10
+ --color-red-500: oklch(63.7% 0.237 25.331);
11
+ --color-gray-400: oklch(70.7% 0.022 261.325);
12
+ --color-gray-500: oklch(55.1% 0.027 264.364);
13
+ --color-black: #000;
14
+ --color-white: #fff;
15
+ --spacing: 0.25rem;
16
+ --container-md: 28rem;
17
+ --container-2xl: 42rem;
18
+ --text-xs: 0.75rem;
19
+ --text-xs--line-height: calc(1 / 0.75);
20
+ --text-sm: 0.875rem;
21
+ --text-sm--line-height: calc(1.25 / 0.875);
22
+ --text-lg: 1.125rem;
23
+ --text-lg--line-height: calc(1.75 / 1.125);
24
+ --text-xl: 1.25rem;
25
+ --text-xl--line-height: calc(1.75 / 1.25);
26
+ --font-weight-medium: 500;
27
+ --font-weight-semibold: 600;
28
+ --font-weight-bold: 700;
29
+ --radius-md: 0.375rem;
30
+ --radius-lg: 0.5rem;
31
+ --radius-2xl: 1rem;
32
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
33
+ --animate-spin: spin 1s linear infinite;
34
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
35
+ --default-transition-duration: 150ms;
36
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
37
+ --default-font-family: var(--font-sans);
38
+ --default-mono-font-family: var(--font-mono);
39
+ }
40
+ }
41
+ @layer base {
42
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
43
+ box-sizing: border-box;
44
+ margin: 0;
45
+ padding: 0;
46
+ border: 0 solid;
47
+ }
48
+ html, :host {
49
+ line-height: 1.5;
50
+ -webkit-text-size-adjust: 100%;
51
+ -moz-tab-size: 4;
52
+ -o-tab-size: 4;
53
+ tab-size: 4;
54
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
55
+ font-feature-settings: var(--default-font-feature-settings, normal);
56
+ font-variation-settings: var(--default-font-variation-settings, normal);
57
+ -webkit-tap-highlight-color: transparent;
58
+ }
59
+ hr {
60
+ height: 0;
61
+ color: inherit;
62
+ border-top-width: 1px;
63
+ }
64
+ abbr:where([title]) {
65
+ -webkit-text-decoration: underline dotted;
66
+ text-decoration: underline dotted;
67
+ }
68
+ h1, h2, h3, h4, h5, h6 {
69
+ font-size: inherit;
70
+ font-weight: inherit;
71
+ }
72
+ a {
73
+ color: inherit;
74
+ -webkit-text-decoration: inherit;
75
+ text-decoration: inherit;
76
+ }
77
+ b, strong {
78
+ font-weight: bolder;
79
+ }
80
+ code, kbd, samp, pre {
81
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
82
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
83
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
84
+ font-size: 1em;
85
+ }
86
+ small {
87
+ font-size: 80%;
88
+ }
89
+ sub, sup {
90
+ font-size: 75%;
91
+ line-height: 0;
92
+ position: relative;
93
+ vertical-align: baseline;
94
+ }
95
+ sub {
96
+ bottom: -0.25em;
97
+ }
98
+ sup {
99
+ top: -0.5em;
100
+ }
101
+ table {
102
+ text-indent: 0;
103
+ border-color: inherit;
104
+ border-collapse: collapse;
105
+ }
106
+ :-moz-focusring {
107
+ outline: auto;
108
+ }
109
+ progress {
110
+ vertical-align: baseline;
111
+ }
112
+ summary {
113
+ display: list-item;
114
+ }
115
+ ol, ul, menu {
116
+ list-style: none;
117
+ }
118
+ img, svg, video, canvas, audio, iframe, embed, object {
119
+ display: block;
120
+ vertical-align: middle;
121
+ }
122
+ img, video {
123
+ max-width: 100%;
124
+ height: auto;
125
+ }
126
+ button, input, select, optgroup, textarea, ::file-selector-button {
127
+ font: inherit;
128
+ font-feature-settings: inherit;
129
+ font-variation-settings: inherit;
130
+ letter-spacing: inherit;
131
+ color: inherit;
132
+ border-radius: 0;
133
+ background-color: transparent;
134
+ opacity: 1;
135
+ }
136
+ :where(select:is([multiple], [size])) optgroup {
137
+ font-weight: bolder;
138
+ }
139
+ :where(select:is([multiple], [size])) optgroup option {
140
+ padding-inline-start: 20px;
141
+ }
142
+ ::file-selector-button {
143
+ margin-inline-end: 4px;
144
+ }
145
+ ::-moz-placeholder {
146
+ opacity: 1;
147
+ }
148
+ ::placeholder {
149
+ opacity: 1;
150
+ }
151
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
152
+ ::-moz-placeholder {
153
+ color: currentcolor;
154
+ @supports (color: color-mix(in lab, red, red)) {
155
+ color: color-mix(in oklab, currentcolor 50%, transparent);
156
+ }
157
+ }
158
+ ::placeholder {
159
+ color: currentcolor;
160
+ @supports (color: color-mix(in lab, red, red)) {
161
+ color: color-mix(in oklab, currentcolor 50%, transparent);
162
+ }
163
+ }
164
+ }
165
+ textarea {
166
+ resize: vertical;
167
+ }
168
+ ::-webkit-search-decoration {
169
+ -webkit-appearance: none;
170
+ }
171
+ ::-webkit-date-and-time-value {
172
+ min-height: 1lh;
173
+ text-align: inherit;
174
+ }
175
+ ::-webkit-datetime-edit {
176
+ display: inline-flex;
177
+ }
178
+ ::-webkit-datetime-edit-fields-wrapper {
179
+ padding: 0;
180
+ }
181
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
182
+ padding-block: 0;
183
+ }
184
+ ::-webkit-calendar-picker-indicator {
185
+ line-height: 1;
186
+ }
187
+ :-moz-ui-invalid {
188
+ box-shadow: none;
189
+ }
190
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
191
+ -webkit-appearance: button;
192
+ -moz-appearance: button;
193
+ appearance: button;
194
+ }
195
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
196
+ height: auto;
197
+ }
198
+ [hidden]:where(:not([hidden="until-found"])) {
199
+ display: none !important;
200
+ }
201
+ }
202
+ @layer utilities {
203
+ .absolute {
204
+ position: absolute;
205
+ }
206
+ .fixed {
207
+ position: fixed;
208
+ }
209
+ .relative {
210
+ position: relative;
211
+ }
212
+ .sticky {
213
+ position: sticky;
214
+ }
215
+ .inset-0 {
216
+ inset: calc(var(--spacing) * 0);
217
+ }
218
+ .top-0 {
219
+ top: calc(var(--spacing) * 0);
220
+ }
221
+ .top-1\/2 {
222
+ top: calc(1/2 * 100%);
223
+ }
224
+ .top-2 {
225
+ top: calc(var(--spacing) * 2);
226
+ }
227
+ .top-\[10px\] {
228
+ top: 10px;
229
+ }
230
+ .right-1\/2 {
231
+ right: calc(1/2 * 100%);
232
+ }
233
+ .right-2 {
234
+ right: calc(var(--spacing) * 2);
235
+ }
236
+ .left-0 {
237
+ left: calc(var(--spacing) * 0);
238
+ }
239
+ .left-1\/2 {
240
+ left: calc(1/2 * 100%);
241
+ }
242
+ .z-10 {
243
+ z-index: 10;
244
+ }
245
+ .z-50 {
246
+ z-index: 50;
247
+ }
248
+ .container {
249
+ width: 100%;
250
+ @media (width >= 40rem) {
251
+ max-width: 40rem;
252
+ }
253
+ @media (width >= 48rem) {
254
+ max-width: 48rem;
255
+ }
256
+ @media (width >= 64rem) {
257
+ max-width: 64rem;
258
+ }
259
+ @media (width >= 80rem) {
260
+ max-width: 80rem;
261
+ }
262
+ @media (width >= 96rem) {
263
+ max-width: 96rem;
264
+ }
265
+ }
266
+ .-mt-1 {
267
+ margin-top: calc(var(--spacing) * -1);
268
+ }
269
+ .-mt-2 {
270
+ margin-top: calc(var(--spacing) * -2);
271
+ }
272
+ .mt-0 {
273
+ margin-top: calc(var(--spacing) * 0);
274
+ }
275
+ .mt-1 {
276
+ margin-top: calc(var(--spacing) * 1);
277
+ }
278
+ .mt-2 {
279
+ margin-top: calc(var(--spacing) * 2);
280
+ }
281
+ .mt-3 {
282
+ margin-top: calc(var(--spacing) * 3);
283
+ }
284
+ .mb-1 {
285
+ margin-bottom: calc(var(--spacing) * 1);
286
+ }
287
+ .mb-1\.5 {
288
+ margin-bottom: calc(var(--spacing) * 1.5);
289
+ }
290
+ .mb-2 {
291
+ margin-bottom: calc(var(--spacing) * 2);
292
+ }
293
+ .ml-2 {
294
+ margin-left: calc(var(--spacing) * 2);
295
+ }
296
+ .block {
297
+ display: block;
298
+ }
299
+ .contents {
300
+ display: contents;
301
+ }
302
+ .flex {
303
+ display: flex;
304
+ }
305
+ .inline-flex {
306
+ display: inline-flex;
307
+ }
308
+ .h-0\.5 {
309
+ height: calc(var(--spacing) * 0.5);
310
+ }
311
+ .h-2 {
312
+ height: calc(var(--spacing) * 2);
313
+ }
314
+ .h-3 {
315
+ height: calc(var(--spacing) * 3);
316
+ }
317
+ .h-4 {
318
+ height: calc(var(--spacing) * 4);
319
+ }
320
+ .h-5 {
321
+ height: calc(var(--spacing) * 5);
322
+ }
323
+ .h-6 {
324
+ height: calc(var(--spacing) * 6);
325
+ }
326
+ .h-7 {
327
+ height: calc(var(--spacing) * 7);
328
+ }
329
+ .h-8 {
330
+ height: calc(var(--spacing) * 8);
331
+ }
332
+ .h-10 {
333
+ height: calc(var(--spacing) * 10);
334
+ }
335
+ .h-12 {
336
+ height: calc(var(--spacing) * 12);
337
+ }
338
+ .h-16 {
339
+ height: calc(var(--spacing) * 16);
340
+ }
341
+ .h-20 {
342
+ height: calc(var(--spacing) * 20);
343
+ }
344
+ .h-full {
345
+ height: 100%;
346
+ }
347
+ .max-h-24 {
348
+ max-height: calc(var(--spacing) * 24);
349
+ }
350
+ .max-h-\[98dvh\] {
351
+ max-height: 98dvh;
352
+ }
353
+ .max-h-\[400px\] {
354
+ max-height: 400px;
355
+ }
356
+ .\!min-h-0 {
357
+ min-height: calc(var(--spacing) * 0) !important;
358
+ }
359
+ .min-h-\[3\.5rem\] {
360
+ min-height: 3.5rem;
361
+ }
362
+ .min-h-\[4rem\] {
363
+ min-height: 4rem;
364
+ }
365
+ .w-2 {
366
+ width: calc(var(--spacing) * 2);
367
+ }
368
+ .w-3 {
369
+ width: calc(var(--spacing) * 3);
370
+ }
371
+ .w-4 {
372
+ width: calc(var(--spacing) * 4);
373
+ }
374
+ .w-5 {
375
+ width: calc(var(--spacing) * 5);
376
+ }
377
+ .w-6 {
378
+ width: calc(var(--spacing) * 6);
379
+ }
380
+ .w-8 {
381
+ width: calc(var(--spacing) * 8);
382
+ }
383
+ .w-10 {
384
+ width: calc(var(--spacing) * 10);
385
+ }
386
+ .w-12 {
387
+ width: calc(var(--spacing) * 12);
388
+ }
389
+ .w-16 {
390
+ width: calc(var(--spacing) * 16);
391
+ }
392
+ .w-48 {
393
+ width: calc(var(--spacing) * 48);
394
+ }
395
+ .w-\[40px\] {
396
+ width: 40px;
397
+ }
398
+ .w-full {
399
+ width: 100%;
400
+ }
401
+ .max-w-2xl {
402
+ max-width: var(--container-2xl);
403
+ }
404
+ .max-w-md {
405
+ max-width: var(--container-md);
406
+ }
407
+ .min-w-\[80px\] {
408
+ min-width: 80px;
409
+ }
410
+ .min-w-\[200px\] {
411
+ min-width: 200px;
412
+ }
413
+ .flex-1 {
414
+ flex: 1;
415
+ }
416
+ .flex-shrink-0 {
417
+ flex-shrink: 0;
418
+ }
419
+ .-translate-x-1\/2 {
420
+ --tw-translate-x: calc(calc(1/2 * 100%) * -1);
421
+ translate: var(--tw-translate-x) var(--tw-translate-y);
422
+ }
423
+ .-translate-y-1\/2 {
424
+ --tw-translate-y: calc(calc(1/2 * 100%) * -1);
425
+ translate: var(--tw-translate-x) var(--tw-translate-y);
426
+ }
427
+ .animate-pulse {
428
+ animation: var(--animate-pulse);
429
+ }
430
+ .animate-spin {
431
+ animation: var(--animate-spin);
432
+ }
433
+ .cursor-pointer {
434
+ cursor: pointer;
435
+ }
436
+ .flex-col {
437
+ flex-direction: column;
438
+ }
439
+ .items-center {
440
+ align-items: center;
441
+ }
442
+ .items-start {
443
+ align-items: flex-start;
444
+ }
445
+ .justify-between {
446
+ justify-content: space-between;
447
+ }
448
+ .justify-center {
449
+ justify-content: center;
450
+ }
451
+ .justify-end {
452
+ justify-content: flex-end;
453
+ }
454
+ .gap-1\.5 {
455
+ gap: calc(var(--spacing) * 1.5);
456
+ }
457
+ .gap-2 {
458
+ gap: calc(var(--spacing) * 2);
459
+ }
460
+ .gap-3 {
461
+ gap: calc(var(--spacing) * 3);
462
+ }
463
+ .gap-4 {
464
+ gap: calc(var(--spacing) * 4);
465
+ }
466
+ .gap-x-1 {
467
+ -moz-column-gap: calc(var(--spacing) * 1);
468
+ column-gap: calc(var(--spacing) * 1);
469
+ }
470
+ .gap-x-1\.5 {
471
+ -moz-column-gap: calc(var(--spacing) * 1.5);
472
+ column-gap: calc(var(--spacing) * 1.5);
473
+ }
474
+ .gap-x-2 {
475
+ -moz-column-gap: calc(var(--spacing) * 2);
476
+ column-gap: calc(var(--spacing) * 2);
477
+ }
478
+ .gap-x-3 {
479
+ -moz-column-gap: calc(var(--spacing) * 3);
480
+ column-gap: calc(var(--spacing) * 3);
481
+ }
482
+ .gap-y-2 {
483
+ row-gap: calc(var(--spacing) * 2);
484
+ }
485
+ .gap-y-3 {
486
+ row-gap: calc(var(--spacing) * 3);
487
+ }
488
+ .overflow-y-auto {
489
+ overflow-y: auto;
490
+ }
491
+ .rounded {
492
+ border-radius: 0.25rem;
493
+ }
494
+ .rounded-2xl {
495
+ border-radius: var(--radius-2xl);
496
+ }
497
+ .rounded-full {
498
+ border-radius: calc(infinity * 1px);
499
+ }
500
+ .rounded-lg {
501
+ border-radius: var(--radius-lg);
502
+ }
503
+ .rounded-md {
504
+ border-radius: var(--radius-md);
505
+ }
506
+ .rounded-none {
507
+ border-radius: 0;
508
+ }
509
+ .border {
510
+ border-style: var(--tw-border-style);
511
+ border-width: 1px;
512
+ }
513
+ .border-2 {
514
+ border-style: var(--tw-border-style);
515
+ border-width: 2px;
516
+ }
517
+ .border-t {
518
+ border-top-style: var(--tw-border-style);
519
+ border-top-width: 1px;
520
+ }
521
+ .border-b {
522
+ border-bottom-style: var(--tw-border-style);
523
+ border-bottom-width: 1px;
524
+ }
525
+ .border-\[var\(--tuwa-border-primary\)\] {
526
+ border-color: var(--tuwa-border-primary);
527
+ }
528
+ .border-\[var\(--tuwa-border-secondary\)\] {
529
+ border-color: var(--tuwa-border-secondary);
530
+ }
531
+ .border-\[var\(--tuwa-error-icon\)\] {
532
+ border-color: var(--tuwa-error-icon);
533
+ }
534
+ .border-\[var\(--tuwa-error-icon\)\]\/30 {
535
+ border-color: var(--tuwa-error-icon);
536
+ @supports (color: color-mix(in lab, red, red)) {
537
+ border-color: color-mix(in oklab, var(--tuwa-error-icon) 30%, transparent);
538
+ }
539
+ }
540
+ .border-\[var\(--tuwa-info-icon\)\] {
541
+ border-color: var(--tuwa-info-icon);
542
+ }
543
+ .border-\[var\(--tuwa-pending-icon\)\] {
544
+ border-color: var(--tuwa-pending-icon);
545
+ }
546
+ .border-\[var\(--tuwa-success-icon\)\] {
547
+ border-color: var(--tuwa-success-icon);
548
+ }
549
+ .\!bg-transparent {
550
+ background-color: transparent !important;
551
+ }
552
+ .bg-\[var\(--tuwa-bg-muted\)\] {
553
+ background-color: var(--tuwa-bg-muted);
554
+ }
555
+ .bg-\[var\(--tuwa-bg-primary\)\] {
556
+ background-color: var(--tuwa-bg-primary);
557
+ }
558
+ .bg-\[var\(--tuwa-bg-secondary\)\] {
559
+ background-color: var(--tuwa-bg-secondary);
560
+ }
561
+ .bg-\[var\(--tuwa-border-primary\)\] {
562
+ background-color: var(--tuwa-border-primary);
563
+ }
564
+ .bg-\[var\(--tuwa-button-gradient-from\)\] {
565
+ background-color: var(--tuwa-button-gradient-from);
566
+ }
567
+ .bg-\[var\(--tuwa-error-bg\)\] {
568
+ background-color: var(--tuwa-error-bg);
569
+ }
570
+ .bg-\[var\(--tuwa-error-icon\)\] {
571
+ background-color: var(--tuwa-error-icon);
572
+ }
573
+ .bg-\[var\(--tuwa-info-bg\)\] {
574
+ background-color: var(--tuwa-info-bg);
575
+ }
576
+ .bg-\[var\(--tuwa-info-icon\)\] {
577
+ background-color: var(--tuwa-info-icon);
578
+ }
579
+ .bg-\[var\(--tuwa-pending-bg\)\] {
580
+ background-color: var(--tuwa-pending-bg);
581
+ }
582
+ .bg-\[var\(--tuwa-pending-icon\)\] {
583
+ background-color: var(--tuwa-pending-icon);
584
+ }
585
+ .bg-\[var\(--tuwa-success-bg\)\] {
586
+ background-color: var(--tuwa-success-bg);
587
+ }
588
+ .bg-\[var\(--tuwa-success-icon\)\] {
589
+ background-color: var(--tuwa-success-icon);
590
+ }
591
+ .bg-black\/45 {
592
+ background-color: color-mix(in srgb, #000 45%, transparent);
593
+ @supports (color: color-mix(in lab, red, red)) {
594
+ background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
595
+ }
596
+ }
597
+ .bg-black\/60 {
598
+ background-color: color-mix(in srgb, #000 60%, transparent);
599
+ @supports (color: color-mix(in lab, red, red)) {
600
+ background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
601
+ }
602
+ }
603
+ .bg-gray-400 {
604
+ background-color: var(--color-gray-400);
605
+ }
606
+ .bg-gray-500 {
607
+ background-color: var(--color-gray-500);
608
+ }
609
+ .bg-transparent {
610
+ background-color: transparent;
611
+ }
612
+ .bg-gradient-to-r {
613
+ --tw-gradient-position: to right in oklab;
614
+ background-image: linear-gradient(var(--tw-gradient-stops));
615
+ }
616
+ .from-\[var\(--tuwa-button-gradient-from\)\] {
617
+ --tw-gradient-from: var(--tuwa-button-gradient-from);
618
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
619
+ }
620
+ .to-\[var\(--tuwa-button-gradient-to\)\] {
621
+ --tw-gradient-to: var(--tuwa-button-gradient-to);
622
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
623
+ }
624
+ .object-cover {
625
+ -o-object-fit: cover;
626
+ object-fit: cover;
627
+ }
628
+ .\!p-0 {
629
+ padding: calc(var(--spacing) * 0) !important;
630
+ }
631
+ .p-1 {
632
+ padding: calc(var(--spacing) * 1);
633
+ }
634
+ .p-2 {
635
+ padding: calc(var(--spacing) * 2);
636
+ }
637
+ .p-3 {
638
+ padding: calc(var(--spacing) * 3);
639
+ }
640
+ .p-4 {
641
+ padding: calc(var(--spacing) * 4);
642
+ }
643
+ .p-5 {
644
+ padding: calc(var(--spacing) * 5);
645
+ }
646
+ .p-8 {
647
+ padding: calc(var(--spacing) * 8);
648
+ }
649
+ .px-0 {
650
+ padding-inline: calc(var(--spacing) * 0);
651
+ }
652
+ .px-2 {
653
+ padding-inline: calc(var(--spacing) * 2);
654
+ }
655
+ .px-3 {
656
+ padding-inline: calc(var(--spacing) * 3);
657
+ }
658
+ .px-4 {
659
+ padding-inline: calc(var(--spacing) * 4);
660
+ }
661
+ .py-0 {
662
+ padding-block: calc(var(--spacing) * 0);
663
+ }
664
+ .py-1 {
665
+ padding-block: calc(var(--spacing) * 1);
666
+ }
667
+ .py-1\.5 {
668
+ padding-block: calc(var(--spacing) * 1.5);
669
+ }
670
+ .py-2 {
671
+ padding-block: calc(var(--spacing) * 2);
672
+ }
673
+ .py-4 {
674
+ padding-block: calc(var(--spacing) * 4);
675
+ }
676
+ .pt-0 {
677
+ padding-top: calc(var(--spacing) * 0);
678
+ }
679
+ .pt-2 {
680
+ padding-top: calc(var(--spacing) * 2);
681
+ }
682
+ .pt-3 {
683
+ padding-top: calc(var(--spacing) * 3);
684
+ }
685
+ .pt-4 {
686
+ padding-top: calc(var(--spacing) * 4);
687
+ }
688
+ .pt-5 {
689
+ padding-top: calc(var(--spacing) * 5);
690
+ }
691
+ .pr-1 {
692
+ padding-right: calc(var(--spacing) * 1);
693
+ }
694
+ .pb-1 {
695
+ padding-bottom: calc(var(--spacing) * 1);
696
+ }
697
+ .pb-2 {
698
+ padding-bottom: calc(var(--spacing) * 2);
699
+ }
700
+ .text-center {
701
+ text-align: center;
702
+ }
703
+ .text-right {
704
+ text-align: right;
705
+ }
706
+ .font-mono {
707
+ font-family: var(--font-mono);
708
+ }
709
+ .text-lg {
710
+ font-size: var(--text-lg);
711
+ line-height: var(--tw-leading, var(--text-lg--line-height));
712
+ }
713
+ .text-sm {
714
+ font-size: var(--text-sm);
715
+ line-height: var(--tw-leading, var(--text-sm--line-height));
716
+ }
717
+ .text-xl {
718
+ font-size: var(--text-xl);
719
+ line-height: var(--tw-leading, var(--text-xl--line-height));
720
+ }
721
+ .text-xs {
722
+ font-size: var(--text-xs);
723
+ line-height: var(--tw-leading, var(--text-xs--line-height));
724
+ }
725
+ .font-bold {
726
+ --tw-font-weight: var(--font-weight-bold);
727
+ font-weight: var(--font-weight-bold);
728
+ }
729
+ .font-medium {
730
+ --tw-font-weight: var(--font-weight-medium);
731
+ font-weight: var(--font-weight-medium);
732
+ }
733
+ .font-semibold {
734
+ --tw-font-weight: var(--font-weight-semibold);
735
+ font-weight: var(--font-weight-semibold);
736
+ }
737
+ .break-all {
738
+ word-break: break-all;
739
+ }
740
+ .text-\[var\(--tuwa-error-icon\)\] {
741
+ color: var(--tuwa-error-icon);
742
+ }
743
+ .text-\[var\(--tuwa-error-icon\)\]\/50 {
744
+ color: var(--tuwa-error-icon);
745
+ @supports (color: color-mix(in lab, red, red)) {
746
+ color: color-mix(in oklab, var(--tuwa-error-icon) 50%, transparent);
747
+ }
748
+ }
749
+ .text-\[var\(--tuwa-error-text\)\] {
750
+ color: var(--tuwa-error-text);
751
+ }
752
+ .text-\[var\(--tuwa-info-icon\)\] {
753
+ color: var(--tuwa-info-icon);
754
+ }
755
+ .text-\[var\(--tuwa-info-text\)\] {
756
+ color: var(--tuwa-info-text);
757
+ }
758
+ .text-\[var\(--tuwa-pending-icon\)\] {
759
+ color: var(--tuwa-pending-icon);
760
+ }
761
+ .text-\[var\(--tuwa-pending-text\)\] {
762
+ color: var(--tuwa-pending-text);
763
+ }
764
+ .text-\[var\(--tuwa-success-icon\)\] {
765
+ color: var(--tuwa-success-icon);
766
+ }
767
+ .text-\[var\(--tuwa-success-text\)\] {
768
+ color: var(--tuwa-success-text);
769
+ }
770
+ .text-\[var\(--tuwa-text-accent\)\] {
771
+ color: var(--tuwa-text-accent);
772
+ }
773
+ .text-\[var\(--tuwa-text-on-accent\)\] {
774
+ color: var(--tuwa-text-on-accent);
775
+ }
776
+ .text-\[var\(--tuwa-text-primary\)\] {
777
+ color: var(--tuwa-text-primary);
778
+ }
779
+ .text-\[var\(--tuwa-text-secondary\)\] {
780
+ color: var(--tuwa-text-secondary);
781
+ }
782
+ .text-\[var\(--tuwa-text-tertiary\)\] {
783
+ color: var(--tuwa-text-tertiary);
784
+ }
785
+ .text-white {
786
+ color: var(--color-white);
787
+ }
788
+ .opacity-0 {
789
+ opacity: 0%;
790
+ }
791
+ .opacity-100 {
792
+ opacity: 100%;
793
+ }
794
+ .\!shadow-none {
795
+ --tw-shadow: 0 0 #0000 !important;
796
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
797
+ }
798
+ .shadow-2xl {
799
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
800
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
801
+ }
802
+ .shadow-lg {
803
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
804
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
805
+ }
806
+ .shadow-md {
807
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
808
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
809
+ }
810
+ .shadow-xl {
811
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
812
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
813
+ }
814
+ .transition {
815
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
816
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
817
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
818
+ }
819
+ .transition-all {
820
+ transition-property: all;
821
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
822
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
823
+ }
824
+ .transition-colors {
825
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
826
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
827
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
828
+ }
829
+ .transition-opacity {
830
+ transition-property: opacity;
831
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
832
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
833
+ }
834
+ .duration-200 {
835
+ --tw-duration: 200ms;
836
+ transition-duration: 200ms;
837
+ }
838
+ .duration-300 {
839
+ --tw-duration: 300ms;
840
+ transition-duration: 300ms;
841
+ }
842
+ .ease-in-out {
843
+ --tw-ease: var(--ease-in-out);
844
+ transition-timing-function: var(--ease-in-out);
845
+ }
846
+ .outline-none {
847
+ --tw-outline-style: none;
848
+ outline-style: none;
849
+ }
850
+ .hover\:bg-\[var\(--tuwa-bg-muted\)\] {
851
+ &:hover {
852
+ @media (hover: hover) {
853
+ background-color: var(--tuwa-bg-muted);
854
+ }
855
+ }
856
+ }
857
+ .hover\:bg-\[var\(--tuwa-bg-secondary\)\] {
858
+ &:hover {
859
+ @media (hover: hover) {
860
+ background-color: var(--tuwa-bg-secondary);
861
+ }
862
+ }
863
+ }
864
+ .hover\:bg-\[var\(--tuwa-border-primary\)\] {
865
+ &:hover {
866
+ @media (hover: hover) {
867
+ background-color: var(--tuwa-border-primary);
868
+ }
869
+ }
870
+ }
871
+ .hover\:from-\[var\(--tuwa-button-gradient-from-hover\)\] {
872
+ &:hover {
873
+ @media (hover: hover) {
874
+ --tw-gradient-from: var(--tuwa-button-gradient-from-hover);
875
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
876
+ }
877
+ }
878
+ }
879
+ .hover\:to-\[var\(--tuwa-button-gradient-to-hover\)\] {
880
+ &:hover {
881
+ @media (hover: hover) {
882
+ --tw-gradient-to: var(--tuwa-button-gradient-to-hover);
883
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
884
+ }
885
+ }
886
+ }
887
+ .hover\:text-\[var\(--tuwa-error-icon\)\] {
888
+ &:hover {
889
+ @media (hover: hover) {
890
+ color: var(--tuwa-error-icon);
891
+ }
892
+ }
893
+ }
894
+ .hover\:text-\[var\(--tuwa-text-accent\)\] {
895
+ &:hover {
896
+ @media (hover: hover) {
897
+ color: var(--tuwa-text-accent);
898
+ }
899
+ }
900
+ }
901
+ .hover\:text-\[var\(--tuwa-text-primary\)\] {
902
+ &:hover {
903
+ @media (hover: hover) {
904
+ color: var(--tuwa-text-primary);
905
+ }
906
+ }
907
+ }
908
+ .hover\:text-\[var\(--tuwa-text-secondary\)\] {
909
+ &:hover {
910
+ @media (hover: hover) {
911
+ color: var(--tuwa-text-secondary);
912
+ }
913
+ }
914
+ }
915
+ .hover\:underline {
916
+ &:hover {
917
+ @media (hover: hover) {
918
+ text-decoration-line: underline;
919
+ }
920
+ }
921
+ }
922
+ .hover\:opacity-80 {
923
+ &:hover {
924
+ @media (hover: hover) {
925
+ opacity: 80%;
926
+ }
927
+ }
928
+ }
929
+ .hover\:opacity-90 {
930
+ &:hover {
931
+ @media (hover: hover) {
932
+ opacity: 90%;
933
+ }
934
+ }
935
+ }
936
+ .hover\:shadow-xl {
937
+ &:hover {
938
+ @media (hover: hover) {
939
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
940
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
941
+ }
942
+ }
943
+ }
944
+ .active\:scale-95 {
945
+ &:active {
946
+ --tw-scale-x: 95%;
947
+ --tw-scale-y: 95%;
948
+ --tw-scale-z: 95%;
949
+ scale: var(--tw-scale-x) var(--tw-scale-y);
950
+ }
951
+ }
952
+ .disabled\:cursor-not-allowed {
953
+ &:disabled {
954
+ cursor: not-allowed;
955
+ }
956
+ }
957
+ .disabled\:opacity-50 {
958
+ &:disabled {
959
+ opacity: 50%;
960
+ }
961
+ }
962
+ .disabled\:opacity-70 {
963
+ &:disabled {
964
+ opacity: 70%;
965
+ }
966
+ }
967
+ .sm\:gap-6 {
968
+ @media (width >= 40rem) {
969
+ gap: calc(var(--spacing) * 6);
970
+ }
971
+ }
972
+ .sm\:p-6 {
973
+ @media (width >= 40rem) {
974
+ padding: calc(var(--spacing) * 6);
975
+ }
976
+ }
977
+ }
978
+ /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
979
+ @layer properties;
980
+ @layer theme, base, components, utilities;
981
+ @layer theme {
982
+ :root, :host {
983
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
984
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
985
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
986
+ "Courier New", monospace;
987
+ --color-red-500: oklch(63.7% 0.237 25.331);
988
+ --color-white: #fff;
989
+ --spacing: 0.25rem;
990
+ --font-weight-semibold: 600;
991
+ --font-weight-bold: 700;
992
+ --radius-md: 0.375rem;
993
+ --default-transition-duration: 150ms;
994
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
995
+ --default-font-family: var(--font-sans);
996
+ --default-mono-font-family: var(--font-mono);
997
+ }
998
+ }
999
+ @layer base {
1000
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
1001
+ box-sizing: border-box;
1002
+ margin: 0;
1003
+ padding: 0;
1004
+ border: 0 solid;
1005
+ }
1006
+ html, :host {
1007
+ line-height: 1.5;
1008
+ -webkit-text-size-adjust: 100%;
1009
+ -moz-tab-size: 4;
1010
+ -o-tab-size: 4;
1011
+ tab-size: 4;
1012
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
1013
+ font-feature-settings: var(--default-font-feature-settings, normal);
1014
+ font-variation-settings: var(--default-font-variation-settings, normal);
1015
+ -webkit-tap-highlight-color: transparent;
1016
+ }
1017
+ hr {
1018
+ height: 0;
1019
+ color: inherit;
1020
+ border-top-width: 1px;
1021
+ }
1022
+ abbr:where([title]) {
1023
+ -webkit-text-decoration: underline dotted;
1024
+ text-decoration: underline dotted;
1025
+ }
1026
+ h1, h2, h3, h4, h5, h6 {
1027
+ font-size: inherit;
1028
+ font-weight: inherit;
1029
+ }
1030
+ a {
1031
+ color: inherit;
1032
+ -webkit-text-decoration: inherit;
1033
+ text-decoration: inherit;
1034
+ }
1035
+ b, strong {
1036
+ font-weight: bolder;
1037
+ }
1038
+ code, kbd, samp, pre {
1039
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
1040
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
1041
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
1042
+ font-size: 1em;
1043
+ }
1044
+ small {
1045
+ font-size: 80%;
1046
+ }
1047
+ sub, sup {
1048
+ font-size: 75%;
1049
+ line-height: 0;
1050
+ position: relative;
1051
+ vertical-align: baseline;
1052
+ }
1053
+ sub {
1054
+ bottom: -0.25em;
1055
+ }
1056
+ sup {
1057
+ top: -0.5em;
1058
+ }
1059
+ table {
1060
+ text-indent: 0;
1061
+ border-color: inherit;
1062
+ border-collapse: collapse;
1063
+ }
1064
+ :-moz-focusring {
1065
+ outline: auto;
1066
+ }
1067
+ progress {
1068
+ vertical-align: baseline;
1069
+ }
1070
+ summary {
1071
+ display: list-item;
1072
+ }
1073
+ ol, ul, menu {
1074
+ list-style: none;
1075
+ }
1076
+ img, svg, video, canvas, audio, iframe, embed, object {
1077
+ display: block;
1078
+ vertical-align: middle;
1079
+ }
1080
+ img, video {
1081
+ max-width: 100%;
1082
+ height: auto;
1083
+ }
1084
+ button, input, select, optgroup, textarea, ::file-selector-button {
1085
+ font: inherit;
1086
+ font-feature-settings: inherit;
1087
+ font-variation-settings: inherit;
1088
+ letter-spacing: inherit;
1089
+ color: inherit;
1090
+ border-radius: 0;
1091
+ background-color: transparent;
1092
+ opacity: 1;
1093
+ }
1094
+ :where(select:is([multiple], [size])) optgroup {
1095
+ font-weight: bolder;
1096
+ }
1097
+ :where(select:is([multiple], [size])) optgroup option {
1098
+ padding-inline-start: 20px;
1099
+ }
1100
+ ::file-selector-button {
1101
+ margin-inline-end: 4px;
1102
+ }
1103
+ ::-moz-placeholder {
1104
+ opacity: 1;
1105
+ }
1106
+ ::placeholder {
1107
+ opacity: 1;
1108
+ }
1109
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
1110
+ ::-moz-placeholder {
1111
+ color: currentcolor;
1112
+ @supports (color: color-mix(in lab, red, red)) {
1113
+ color: currentcolor;
1114
+ @supports (color: color-mix(in lab, red, red)) {
1115
+ color: color-mix(in oklab, currentcolor 50%, transparent);
1116
+ }
1117
+ }
1118
+ }
1119
+ ::placeholder {
1120
+ color: currentcolor;
1121
+ @supports (color: color-mix(in lab, red, red)) {
1122
+ color: currentcolor;
1123
+ @supports (color: color-mix(in lab, red, red)) {
1124
+ color: color-mix(in oklab, currentcolor 50%, transparent);
1125
+ }
1126
+ }
1127
+ }
1128
+ }
1129
+ textarea {
1130
+ resize: vertical;
1131
+ }
1132
+ ::-webkit-search-decoration {
1133
+ -webkit-appearance: none;
1134
+ }
1135
+ ::-webkit-date-and-time-value {
1136
+ min-height: 1lh;
1137
+ text-align: inherit;
1138
+ }
1139
+ ::-webkit-datetime-edit {
1140
+ display: inline-flex;
1141
+ }
1142
+ ::-webkit-datetime-edit-fields-wrapper {
1143
+ padding: 0;
1144
+ }
1145
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
1146
+ padding-block: 0;
1147
+ }
1148
+ ::-webkit-calendar-picker-indicator {
1149
+ line-height: 1;
1150
+ }
1151
+ :-moz-ui-invalid {
1152
+ box-shadow: none;
1153
+ }
1154
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
1155
+ -webkit-appearance: button;
1156
+ -moz-appearance: button;
1157
+ appearance: button;
1158
+ }
1159
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
1160
+ height: auto;
1161
+ }
1162
+ [hidden]:where(:not([hidden="until-found"])) {
1163
+ display: none !important;
1164
+ }
1165
+ }
1166
+ @layer utilities {
1167
+ .contents {
1168
+ display: contents;
1169
+ }
1170
+ .truncate {
1171
+ overflow: hidden;
1172
+ text-overflow: ellipsis;
1173
+ white-space: nowrap;
1174
+ }
1175
+ .rounded-md {
1176
+ border-radius: var(--radius-md);
1177
+ }
1178
+ .bg-\[var\(--tuwa-color-primary\)\] {
1179
+ background-color: var(--tuwa-color-primary);
1180
+ }
1181
+ .bg-red-500 {
1182
+ background-color: var(--color-red-500);
1183
+ }
1184
+ .p-2 {
1185
+ padding: calc(var(--spacing) * 2);
1186
+ }
1187
+ .p-4 {
1188
+ padding: calc(var(--spacing) * 4);
1189
+ }
1190
+ .p-\[var\(--tuwa-spacing-md\)\] {
1191
+ padding: var(--tuwa-spacing-md);
1192
+ }
1193
+ .px-4 {
1194
+ padding-inline: calc(var(--spacing) * 4);
1195
+ }
1196
+ .py-2 {
1197
+ padding-block: calc(var(--spacing) * 2);
1198
+ }
1199
+ .font-bold {
1200
+ --tw-font-weight: var(--font-weight-bold);
1201
+ font-weight: var(--font-weight-bold);
1202
+ }
1203
+ .font-semibold {
1204
+ --tw-font-weight: var(--font-weight-semibold);
1205
+ font-weight: var(--font-weight-semibold);
1206
+ }
1207
+ .text-\[var\(--tuwa-color-foreground\)\] {
1208
+ color: var(--tuwa-color-foreground);
1209
+ }
1210
+ .text-white {
1211
+ color: var(--color-white);
1212
+ }
1213
+ .transition-colors {
1214
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1215
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1216
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
1217
+ }
1218
+ .hover\:opacity-90 {
1219
+ &:hover {
1220
+ @media (hover: hover) {
1221
+ opacity: 90%;
1222
+ }
1223
+ }
1224
+ }
1225
+ }
1226
+ :root {
1227
+ --tuwa-success-bg: oklch(96.2% 0.044 156.743);
1228
+ --tuwa-success-text: oklch(52.7% 0.154 150.069);
1229
+ --tuwa-success-icon: oklch(72.3% 0.219 149.579);
1230
+ --tuwa-error-bg: oklch(93.6% 0.032 17.717);
1231
+ --tuwa-error-text: oklch(50.5% 0.213 27.518);
1232
+ --tuwa-error-icon: oklch(63.7% 0.237 25.331);
1233
+ --tuwa-pending-bg: oklch(97.3% 0.071 103.193);
1234
+ --tuwa-pending-text: oklch(47.6% 0.114 61.907);
1235
+ --tuwa-pending-icon: oklch(68.1% 0.162 75.834);
1236
+ --tuwa-info-bg: oklch(96.7% 0.003 264.542);
1237
+ --tuwa-info-text: oklch(44.6% 0.03 256.802);
1238
+ --tuwa-info-icon: oklch(55.1% 0.027 264.364);
1239
+ --tuwa-text-primary: oklch(21% 0.034 264.665);
1240
+ --tuwa-text-secondary: oklch(55.1% 0.027 264.364);
1241
+ --tuwa-text-tertiary: oklch(70.7% 0.022 261.325);
1242
+ --tuwa-text-accent: oklch(54.6% 0.245 262.881);
1243
+ --tuwa-text-on-accent: #fff;
1244
+ --tuwa-bg-primary: #fff;
1245
+ --tuwa-bg-secondary: oklch(98.5% 0.002 247.839);
1246
+ --tuwa-bg-muted: oklch(96.7% 0.003 264.542);
1247
+ --tuwa-border-primary: oklch(92.8% 0.006 264.531);
1248
+ --tuwa-border-secondary: oklch(96.7% 0.003 264.542);
1249
+ --tuwa-button-gradient-from: oklch(54.6% 0.245 262.881);
1250
+ --tuwa-button-gradient-to: oklch(55.8% 0.288 302.321);
1251
+ --tuwa-button-gradient-from-hover: oklch(48.8% 0.243 264.376);
1252
+ --tuwa-button-gradient-to-hover: oklch(49.6% 0.265 301.924);
1253
+ }
1254
+ .dark {
1255
+ --tuwa-success-bg: oklch(39.3% 0.095 152.535);
1256
+ --tuwa-success-text: oklch(87.1% 0.15 154.449);
1257
+ --tuwa-success-icon: oklch(79.2% 0.209 151.711);
1258
+ --tuwa-error-bg: oklch(39.6% 0.141 25.723);
1259
+ --tuwa-error-text: oklch(80.8% 0.114 19.571);
1260
+ --tuwa-error-icon: oklch(70.4% 0.191 22.216);
1261
+ --tuwa-pending-bg: oklch(42.1% 0.095 57.708);
1262
+ --tuwa-pending-text: oklch(90.5% 0.182 98.111);
1263
+ --tuwa-pending-icon: oklch(85.2% 0.199 91.936);
1264
+ --tuwa-info-bg: oklch(37.3% 0.034 259.733);
1265
+ --tuwa-info-text: oklch(87.2% 0.01 258.338);
1266
+ --tuwa-info-icon: oklch(70.7% 0.022 261.325);
1267
+ --tuwa-text-primary: oklch(98.5% 0.002 247.839);
1268
+ --tuwa-text-secondary: oklch(70.7% 0.022 261.325);
1269
+ --tuwa-text-tertiary: oklch(55.1% 0.027 264.364);
1270
+ --tuwa-text-accent: oklch(70.7% 0.165 254.624);
1271
+ --tuwa-text-on-accent: #fff;
1272
+ --tuwa-bg-primary: oklch(21% 0.034 264.665);
1273
+ --tuwa-bg-secondary: oklch(27.8% 0.033 256.848);
1274
+ --tuwa-bg-muted: oklch(37.3% 0.034 259.733);
1275
+ --tuwa-border-primary: oklch(37.3% 0.034 259.733);
1276
+ --tuwa-border-secondary: oklch(27.8% 0.033 256.848);
1277
+ --tuwa-button-gradient-from: oklch(62.3% 0.214 259.815);
1278
+ --tuwa-button-gradient-to: oklch(62.7% 0.265 303.9);
1279
+ --tuwa-button-gradient-from-hover: oklch(54.6% 0.245 262.881);
1280
+ --tuwa-button-gradient-to-hover: oklch(55.8% 0.288 302.321);
1281
+ }
1282
+ @layer properties {
1283
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1284
+ *, ::before, ::after, ::backdrop {
1285
+ --tw-font-weight: initial;
1286
+ }
1287
+ }
1288
+ }
1289
+ .Toastify {
1290
+ pointer-events: auto;
1291
+ }
1292
+ @property --tw-translate-x {
1293
+ syntax: "*";
1294
+ inherits: false;
1295
+ initial-value: 0;
1296
+ }
1297
+ @property --tw-translate-y {
1298
+ syntax: "*";
1299
+ inherits: false;
1300
+ initial-value: 0;
1301
+ }
1302
+ @property --tw-translate-z {
1303
+ syntax: "*";
1304
+ inherits: false;
1305
+ initial-value: 0;
1306
+ }
1307
+ @property --tw-border-style {
1308
+ syntax: "*";
1309
+ inherits: false;
1310
+ initial-value: solid;
1311
+ }
1312
+ @property --tw-gradient-position {
1313
+ syntax: "*";
1314
+ inherits: false;
1315
+ }
1316
+ @property --tw-gradient-from {
1317
+ syntax: "<color>";
1318
+ inherits: false;
1319
+ initial-value: #0000;
1320
+ }
1321
+ @property --tw-gradient-via {
1322
+ syntax: "<color>";
1323
+ inherits: false;
1324
+ initial-value: #0000;
1325
+ }
1326
+ @property --tw-gradient-to {
1327
+ syntax: "<color>";
1328
+ inherits: false;
1329
+ initial-value: #0000;
1330
+ }
1331
+ @property --tw-gradient-stops {
1332
+ syntax: "*";
1333
+ inherits: false;
1334
+ }
1335
+ @property --tw-gradient-via-stops {
1336
+ syntax: "*";
1337
+ inherits: false;
1338
+ }
1339
+ @property --tw-gradient-from-position {
1340
+ syntax: "<length-percentage>";
1341
+ inherits: false;
1342
+ initial-value: 0%;
1343
+ }
1344
+ @property --tw-gradient-via-position {
1345
+ syntax: "<length-percentage>";
1346
+ inherits: false;
1347
+ initial-value: 50%;
1348
+ }
1349
+ @property --tw-gradient-to-position {
1350
+ syntax: "<length-percentage>";
1351
+ inherits: false;
1352
+ initial-value: 100%;
1353
+ }
1354
+ @property --tw-font-weight {
1355
+ syntax: "*";
1356
+ inherits: false;
1357
+ }
1358
+ @property --tw-shadow {
1359
+ syntax: "*";
1360
+ inherits: false;
1361
+ initial-value: 0 0 #0000;
1362
+ }
1363
+ @property --tw-shadow-color {
1364
+ syntax: "*";
1365
+ inherits: false;
1366
+ }
1367
+ @property --tw-shadow-alpha {
1368
+ syntax: "<percentage>";
1369
+ inherits: false;
1370
+ initial-value: 100%;
1371
+ }
1372
+ @property --tw-inset-shadow {
1373
+ syntax: "*";
1374
+ inherits: false;
1375
+ initial-value: 0 0 #0000;
1376
+ }
1377
+ @property --tw-inset-shadow-color {
1378
+ syntax: "*";
1379
+ inherits: false;
1380
+ }
1381
+ @property --tw-inset-shadow-alpha {
1382
+ syntax: "<percentage>";
1383
+ inherits: false;
1384
+ initial-value: 100%;
1385
+ }
1386
+ @property --tw-ring-color {
1387
+ syntax: "*";
1388
+ inherits: false;
1389
+ }
1390
+ @property --tw-ring-shadow {
1391
+ syntax: "*";
1392
+ inherits: false;
1393
+ initial-value: 0 0 #0000;
1394
+ }
1395
+ @property --tw-inset-ring-color {
1396
+ syntax: "*";
1397
+ inherits: false;
1398
+ }
1399
+ @property --tw-inset-ring-shadow {
1400
+ syntax: "*";
1401
+ inherits: false;
1402
+ initial-value: 0 0 #0000;
1403
+ }
1404
+ @property --tw-ring-inset {
1405
+ syntax: "*";
1406
+ inherits: false;
1407
+ }
1408
+ @property --tw-ring-offset-width {
1409
+ syntax: "<length>";
1410
+ inherits: false;
1411
+ initial-value: 0px;
1412
+ }
1413
+ @property --tw-ring-offset-color {
1414
+ syntax: "*";
1415
+ inherits: false;
1416
+ initial-value: #fff;
1417
+ }
1418
+ @property --tw-ring-offset-shadow {
1419
+ syntax: "*";
1420
+ inherits: false;
1421
+ initial-value: 0 0 #0000;
1422
+ }
1423
+ @property --tw-duration {
1424
+ syntax: "*";
1425
+ inherits: false;
1426
+ }
1427
+ @property --tw-ease {
1428
+ syntax: "*";
1429
+ inherits: false;
1430
+ }
1431
+ @property --tw-scale-x {
1432
+ syntax: "*";
1433
+ inherits: false;
1434
+ initial-value: 1;
1435
+ }
1436
+ @property --tw-scale-y {
1437
+ syntax: "*";
1438
+ inherits: false;
1439
+ initial-value: 1;
1440
+ }
1441
+ @property --tw-scale-z {
1442
+ syntax: "*";
1443
+ inherits: false;
1444
+ initial-value: 1;
1445
+ }
1446
+ @keyframes spin {
1447
+ to {
1448
+ transform: rotate(360deg);
1449
+ }
1450
+ }
1451
+ @keyframes pulse {
1452
+ 50% {
1453
+ opacity: 0.5;
1454
+ }
1455
+ }
1456
+ @layer properties {
1457
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1458
+ *, ::before, ::after, ::backdrop {
1459
+ --tw-translate-x: 0;
1460
+ --tw-translate-y: 0;
1461
+ --tw-translate-z: 0;
1462
+ --tw-border-style: solid;
1463
+ --tw-gradient-position: initial;
1464
+ --tw-gradient-from: #0000;
1465
+ --tw-gradient-via: #0000;
1466
+ --tw-gradient-to: #0000;
1467
+ --tw-gradient-stops: initial;
1468
+ --tw-gradient-via-stops: initial;
1469
+ --tw-gradient-from-position: 0%;
1470
+ --tw-gradient-via-position: 50%;
1471
+ --tw-gradient-to-position: 100%;
1472
+ --tw-font-weight: initial;
1473
+ --tw-shadow: 0 0 #0000;
1474
+ --tw-shadow-color: initial;
1475
+ --tw-shadow-alpha: 100%;
1476
+ --tw-inset-shadow: 0 0 #0000;
1477
+ --tw-inset-shadow-color: initial;
1478
+ --tw-inset-shadow-alpha: 100%;
1479
+ --tw-ring-color: initial;
1480
+ --tw-ring-shadow: 0 0 #0000;
1481
+ --tw-inset-ring-color: initial;
1482
+ --tw-inset-ring-shadow: 0 0 #0000;
1483
+ --tw-ring-inset: initial;
1484
+ --tw-ring-offset-width: 0px;
1485
+ --tw-ring-offset-color: #fff;
1486
+ --tw-ring-offset-shadow: 0 0 #0000;
1487
+ --tw-duration: initial;
1488
+ --tw-ease: initial;
1489
+ --tw-scale-x: 1;
1490
+ --tw-scale-y: 1;
1491
+ --tw-scale-z: 1;
1492
+ }
1493
+ }
1494
+ }