@txnlab/use-wallet-ui-react 0.2.0 → 0.2.2

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