@worldcoin/mini-apps-ui-kit-react 0.0.1 → 0.0.3

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.
@@ -1,1885 +1 @@
1
- .react-international-phone-country-selector{
2
- position:relative
3
- }
4
-
5
- .react-international-phone-country-selector-button{
6
- display:flex;
7
- height:var(--react-international-phone-height, 36px);
8
- box-sizing:border-box;
9
- align-items:center;
10
- justify-content:center;
11
- padding:0;
12
- border:1px solid var(--react-international-phone-country-selector-border-color, var(--react-international-phone-border-color, gainsboro));
13
- margin:0;
14
- -moz-appearance:button;
15
- appearance:button;
16
- -webkit-appearance:button;
17
- background-color:var(--react-international-phone-country-selector-background-color, var(--react-international-phone-background-color, white));
18
- cursor:pointer;
19
- text-transform:none;
20
- -webkit-user-select:none;
21
- -moz-user-select:none;
22
- user-select:none
23
- }
24
-
25
- .react-international-phone-country-selector-button:hover{
26
- background-color:var(--react-international-phone-country-selector-background-color-hover, whitesmoke)
27
- }
28
-
29
- .react-international-phone-country-selector-button--hide-dropdown{
30
- cursor:auto
31
- }
32
-
33
- .react-international-phone-country-selector-button--hide-dropdown:hover{
34
- background-color:transparent
35
- }
36
-
37
- .react-international-phone-country-selector-button__button-content{
38
- display:flex;
39
- align-items:center;
40
- justify-content:center
41
- }
42
-
43
- .react-international-phone-country-selector-button__flag-emoji{
44
- margin:0 4px
45
- }
46
-
47
- .react-international-phone-country-selector-button__flag-emoji--disabled{
48
- opacity:.75
49
- }
50
-
51
- .react-international-phone-country-selector-button__dropdown-arrow{
52
- border-top:var(--react-international-phone-country-selector-arrow-size, 4px) solid var(--react-international-phone-country-selector-arrow-color, #777);
53
- border-right:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;
54
- border-left:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;
55
- margin-right:4px;
56
- transition:all .1s ease-out
57
- }
58
-
59
- .react-international-phone-country-selector-button__dropdown-arrow--active{
60
- transform:rotateX(180deg)
61
- }
62
-
63
- .react-international-phone-country-selector-button__dropdown-arrow--disabled{
64
- border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color, #999)
65
- }
66
-
67
- .react-international-phone-country-selector-button--disabled{
68
- background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));
69
- cursor:auto
70
- }
71
-
72
- .react-international-phone-country-selector-button--disabled:hover{
73
- background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke))
74
- }
75
-
76
- .react-international-phone-flag-emoji{
77
- width:var(--react-international-phone-flag-width, 24px);
78
- height:var(--react-international-phone-flag-height, 24px);
79
- box-sizing:border-box
80
- }
81
-
82
- .react-international-phone-country-selector-dropdown{
83
- position:absolute;
84
- z-index:1;
85
- top:var(--react-international-phone-dropdown-top, 44px);
86
- left:var(--react-international-phone-dropdown-left, 0);
87
- display:flex;
88
- width:300px;
89
- max-height:200px;
90
- flex-direction:column;
91
- padding:4px 0;
92
- margin:0;
93
- background-color:var(--react-international-phone-dropdown-item-background-color, var(--react-international-phone-background-color, white));
94
- box-shadow:var(--react-international-phone-dropdown-shadow, 2px 2px 16px rgba(0, 0, 0, .25));
95
- color:var(--react-international-phone-dropdown-item-text-color, var(--react-international-phone-text-color, #222));
96
- list-style:none;
97
- overflow-y:scroll
98
- }
99
-
100
- .react-international-phone-country-selector-dropdown__preferred-list-divider{
101
- height:1px;
102
- border:none;
103
- margin:var(--react-international-phone-dropdown-preferred-list-divider-margin, 0);
104
- background:var(--react-international-phone-dropdown-preferred-list-divider-color, var(--react-international-phone-border-color, gainsboro))
105
- }
106
-
107
- .react-international-phone-country-selector-dropdown__list-item{
108
- display:flex;
109
- min-height:var(--react-international-phone-dropdown-item-height, 28px);
110
- box-sizing:border-box;
111
- align-items:center;
112
- padding:2px 8px
113
- }
114
-
115
- .react-international-phone-country-selector-dropdown__list-item-flag-emoji{
116
- margin-right:8px
117
- }
118
-
119
- .react-international-phone-country-selector-dropdown__list-item-country-name{
120
- overflow:hidden;
121
- margin-right:8px;
122
- font-size:var(--react-international-phone-dropdown-item-font-size, 14px);
123
- text-overflow:ellipsis;
124
- white-space:nowrap
125
- }
126
-
127
- .react-international-phone-country-selector-dropdown__list-item-dial-code{
128
- color:var(--react-international-phone-dropdown-item-dial-code-color, gray);
129
- font-size:var(--react-international-phone-dropdown-item-font-size, 14px)
130
- }
131
-
132
- .react-international-phone-country-selector-dropdown__list-item:hover{
133
- background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));
134
- cursor:pointer
135
- }
136
-
137
- .react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{
138
- background-color:var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke);
139
- color:var(--react-international-phone-selected-dropdown-item-text-color, var(--react-international-phone-text-color, #222))
140
- }
141
-
142
- .react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{
143
- color:var(--react-international-phone-selected-dropdown-item-dial-code-color, var(--react-international-phone-dropdown-item-dial-code-color, gray))
144
- }
145
-
146
- .react-international-phone-country-selector-dropdown__list-item--focused{
147
- background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke))
148
- }
149
-
150
- .react-international-phone-dial-code-preview{
151
- display:flex;
152
- align-items:center;
153
- justify-content:center;
154
- padding:0 8px;
155
- border:1px solid var(--react-international-phone-dial-code-preview-border-color, var(--react-international-phone-border-color, gainsboro));
156
- margin-right:-1px;
157
- background-color:var(--react-international-phone-dial-code-preview-background-color, var(--react-international-phone-background-color, white));
158
- color:var(--react-international-phone-dial-code-preview-text-color, var(--react-international-phone-text-color, #222));
159
- font-size:var(--react-international-phone-dial-code-preview-font-size, var(--react-international-phone-font-size, 13px))
160
- }
161
-
162
- .react-international-phone-dial-code-preview--disabled{
163
- background-color:var(--react-international-phone-dial-code-preview-disabled-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));
164
- color:var(--react-international-phone-dial-code-preview-disabled-text-color, var(--react-international-phone-disabled-text-color, #666))
165
- }
166
-
167
- .react-international-phone-input-container{
168
- display:flex
169
- }
170
-
171
- .react-international-phone-input-container .react-international-phone-country-selector-button{
172
- border-radius:var(--react-international-phone-border-radius, 4px);
173
- margin-right:-1px;
174
- border-bottom-right-radius:0;
175
- border-top-right-radius:0
176
- }
177
-
178
- .react-international-phone-input-container .react-international-phone-input{
179
- overflow:visible;
180
- height:var(--react-international-phone-height, 36px);
181
- box-sizing:border-box;
182
- padding:0 8px;
183
- border:1px solid var(--react-international-phone-border-color, gainsboro);
184
- border-radius:var(--react-international-phone-border-radius, 4px);
185
- margin:0;
186
- background-color:var(--react-international-phone-background-color, white);
187
- border-bottom-left-radius:0;
188
- border-top-left-radius:0;
189
- color:var(--react-international-phone-text-color, #222);
190
- font-family:inherit;
191
- font-size:var(--react-international-phone-font-size, 13px)
192
- }
193
-
194
- .react-international-phone-input-container .react-international-phone-input:focus{
195
- outline:none
196
- }
197
-
198
- .react-international-phone-input-container .react-international-phone-input--disabled{
199
- background-color:var(--react-international-phone-disabled-background-color, whitesmoke);
200
- color:var(--react-international-phone-disabled-text-color, #666)
201
- }
202
-
203
- /* Hide pseudo-elements for search inputs */
204
-
205
- input[type="search"]::-webkit-search-cancel-button,
206
- input[type="search"]::-webkit-search-decoration,
207
- input[type="search"]::-webkit-search-results-button,
208
- input[type="search"]::-webkit-search-results-decoration {
209
- display: none;
210
- }
211
-
212
- /* Hide clear button for all supported input types */
213
-
214
- input::-webkit-clear-button {
215
- display: none;
216
- }
217
-
218
- /* Hide spin buttons for number inputs */
219
-
220
- input::-webkit-inner-spin-button,
221
- input::-webkit-outer-spin-button {
222
- display: none;
223
- }
224
-
225
- /* Hide calendar picker for date inputs */
226
-
227
- input::-webkit-calendar-picker-indicator {
228
- display: none;
229
- }
230
-
231
- /* Hide pseudo-elements for datetime inputs */
232
-
233
- input::-webkit-datetime-edit,
234
- input::-webkit-datetime-edit-fields-wrapper,
235
- input::-webkit-datetime-edit-text,
236
- input::-webkit-datetime-edit-year-field,
237
- input::-webkit-datetime-edit-month-field,
238
- input::-webkit-datetime-edit-day-field,
239
- input::-webkit-datetime-edit-hour-field,
240
- input::-webkit-datetime-edit-minute-field,
241
- input::-webkit-datetime-edit-second-field,
242
- input::-webkit-datetime-edit-ampm-field {
243
- display: none;
244
- }
245
-
246
- *, ::before, ::after{
247
- --tw-border-spacing-x:0;
248
- --tw-border-spacing-y:0;
249
- --tw-translate-x:0;
250
- --tw-translate-y:0;
251
- --tw-rotate:0;
252
- --tw-skew-x:0;
253
- --tw-skew-y:0;
254
- --tw-scale-x:1;
255
- --tw-scale-y:1;
256
- --tw-pan-x: ;
257
- --tw-pan-y: ;
258
- --tw-pinch-zoom: ;
259
- --tw-scroll-snap-strictness:proximity;
260
- --tw-gradient-from-position: ;
261
- --tw-gradient-via-position: ;
262
- --tw-gradient-to-position: ;
263
- --tw-ordinal: ;
264
- --tw-slashed-zero: ;
265
- --tw-numeric-figure: ;
266
- --tw-numeric-spacing: ;
267
- --tw-numeric-fraction: ;
268
- --tw-ring-inset: ;
269
- --tw-ring-offset-width:0px;
270
- --tw-ring-offset-color:#fff;
271
- --tw-ring-color:rgb(59 130 246 / 0.5);
272
- --tw-ring-offset-shadow:0 0 #0000;
273
- --tw-ring-shadow:0 0 #0000;
274
- --tw-shadow:0 0 #0000;
275
- --tw-shadow-colored:0 0 #0000;
276
- --tw-blur: ;
277
- --tw-brightness: ;
278
- --tw-contrast: ;
279
- --tw-grayscale: ;
280
- --tw-hue-rotate: ;
281
- --tw-invert: ;
282
- --tw-saturate: ;
283
- --tw-sepia: ;
284
- --tw-drop-shadow: ;
285
- --tw-backdrop-blur: ;
286
- --tw-backdrop-brightness: ;
287
- --tw-backdrop-contrast: ;
288
- --tw-backdrop-grayscale: ;
289
- --tw-backdrop-hue-rotate: ;
290
- --tw-backdrop-invert: ;
291
- --tw-backdrop-opacity: ;
292
- --tw-backdrop-saturate: ;
293
- --tw-backdrop-sepia: ;
294
- --tw-contain-size: ;
295
- --tw-contain-layout: ;
296
- --tw-contain-paint: ;
297
- --tw-contain-style:
298
- }
299
-
300
- ::backdrop{
301
- --tw-border-spacing-x:0;
302
- --tw-border-spacing-y:0;
303
- --tw-translate-x:0;
304
- --tw-translate-y:0;
305
- --tw-rotate:0;
306
- --tw-skew-x:0;
307
- --tw-skew-y:0;
308
- --tw-scale-x:1;
309
- --tw-scale-y:1;
310
- --tw-pan-x: ;
311
- --tw-pan-y: ;
312
- --tw-pinch-zoom: ;
313
- --tw-scroll-snap-strictness:proximity;
314
- --tw-gradient-from-position: ;
315
- --tw-gradient-via-position: ;
316
- --tw-gradient-to-position: ;
317
- --tw-ordinal: ;
318
- --tw-slashed-zero: ;
319
- --tw-numeric-figure: ;
320
- --tw-numeric-spacing: ;
321
- --tw-numeric-fraction: ;
322
- --tw-ring-inset: ;
323
- --tw-ring-offset-width:0px;
324
- --tw-ring-offset-color:#fff;
325
- --tw-ring-color:rgb(59 130 246 / 0.5);
326
- --tw-ring-offset-shadow:0 0 #0000;
327
- --tw-ring-shadow:0 0 #0000;
328
- --tw-shadow:0 0 #0000;
329
- --tw-shadow-colored:0 0 #0000;
330
- --tw-blur: ;
331
- --tw-brightness: ;
332
- --tw-contrast: ;
333
- --tw-grayscale: ;
334
- --tw-hue-rotate: ;
335
- --tw-invert: ;
336
- --tw-saturate: ;
337
- --tw-sepia: ;
338
- --tw-drop-shadow: ;
339
- --tw-backdrop-blur: ;
340
- --tw-backdrop-brightness: ;
341
- --tw-backdrop-contrast: ;
342
- --tw-backdrop-grayscale: ;
343
- --tw-backdrop-hue-rotate: ;
344
- --tw-backdrop-invert: ;
345
- --tw-backdrop-opacity: ;
346
- --tw-backdrop-saturate: ;
347
- --tw-backdrop-sepia: ;
348
- --tw-contain-size: ;
349
- --tw-contain-layout: ;
350
- --tw-contain-paint: ;
351
- --tw-contain-style:
352
- }
353
-
354
- /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
355
-
356
- /*
357
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
358
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
359
- */
360
-
361
- *,
362
- ::before,
363
- ::after {
364
- box-sizing: border-box;
365
- /* 1 */
366
- border-width: 0;
367
- /* 2 */
368
- border-style: solid;
369
- /* 2 */
370
- border-color: var(--gray-200);
371
- /* 2 */
372
- }
373
-
374
- ::before,
375
- ::after {
376
- --tw-content: '';
377
- }
378
-
379
- /*
380
- 1. Use a consistent sensible line-height in all browsers.
381
- 2. Prevent adjustments of font size after orientation changes in iOS.
382
- 3. Use a more readable tab size.
383
- 4. Use the user's configured `sans` font-family by default.
384
- 5. Use the user's configured `sans` font-feature-settings by default.
385
- 6. Use the user's configured `sans` font-variation-settings by default.
386
- 7. Disable tap highlights on iOS
387
- */
388
-
389
- html,
390
- :host {
391
- line-height: 1.5;
392
- /* 1 */
393
- -webkit-text-size-adjust: 100%;
394
- /* 2 */
395
- -moz-tab-size: 4;
396
- /* 3 */
397
- -o-tab-size: 4;
398
- tab-size: 4;
399
- /* 3 */
400
- font-family: var(--font-sans);
401
- /* 4 */
402
- font-feature-settings: normal;
403
- /* 5 */
404
- font-variation-settings: normal;
405
- /* 6 */
406
- -webkit-tap-highlight-color: transparent;
407
- /* 7 */
408
- }
409
-
410
- /*
411
- 1. Remove the margin in all browsers.
412
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
413
- */
414
-
415
- body {
416
- margin: 0;
417
- /* 1 */
418
- line-height: inherit;
419
- /* 2 */
420
- }
421
-
422
- /*
423
- 1. Add the correct height in Firefox.
424
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
425
- 3. Ensure horizontal rules are visible by default.
426
- */
427
-
428
- hr {
429
- height: 0;
430
- /* 1 */
431
- color: inherit;
432
- /* 2 */
433
- border-top-width: 1px;
434
- /* 3 */
435
- }
436
-
437
- /*
438
- Add the correct text decoration in Chrome, Edge, and Safari.
439
- */
440
-
441
- abbr:where([title]) {
442
- -webkit-text-decoration: underline dotted;
443
- text-decoration: underline dotted;
444
- }
445
-
446
- /*
447
- Remove the default font size and weight for headings.
448
- */
449
-
450
- h1,
451
- h2,
452
- h3,
453
- h4,
454
- h5,
455
- h6 {
456
- font-size: inherit;
457
- font-weight: inherit;
458
- }
459
-
460
- /*
461
- Reset links to optimize for opt-in styling instead of opt-out.
462
- */
463
-
464
- a {
465
- color: inherit;
466
- text-decoration: inherit;
467
- }
468
-
469
- /*
470
- Add the correct font weight in Edge and Safari.
471
- */
472
-
473
- b,
474
- strong {
475
- font-weight: bolder;
476
- }
477
-
478
- /*
479
- 1. Use the user's configured `mono` font-family by default.
480
- 2. Use the user's configured `mono` font-feature-settings by default.
481
- 3. Use the user's configured `mono` font-variation-settings by default.
482
- 4. Correct the odd `em` font sizing in all browsers.
483
- */
484
-
485
- code,
486
- kbd,
487
- samp,
488
- pre {
489
- font-family: var(--font-mono);
490
- /* 1 */
491
- font-feature-settings: normal;
492
- /* 2 */
493
- font-variation-settings: normal;
494
- /* 3 */
495
- font-size: 1em;
496
- /* 4 */
497
- }
498
-
499
- /*
500
- Add the correct font size in all browsers.
501
- */
502
-
503
- small {
504
- font-size: 80%;
505
- }
506
-
507
- /*
508
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
509
- */
510
-
511
- sub,
512
- sup {
513
- font-size: 75%;
514
- line-height: 0;
515
- position: relative;
516
- vertical-align: baseline;
517
- }
518
-
519
- sub {
520
- bottom: -0.25em;
521
- }
522
-
523
- sup {
524
- top: -0.5em;
525
- }
526
-
527
- /*
528
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
529
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
530
- 3. Remove gaps between table borders by default.
531
- */
532
-
533
- table {
534
- text-indent: 0;
535
- /* 1 */
536
- border-color: inherit;
537
- /* 2 */
538
- border-collapse: collapse;
539
- /* 3 */
540
- }
541
-
542
- /*
543
- 1. Change the font styles in all browsers.
544
- 2. Remove the margin in Firefox and Safari.
545
- 3. Remove default padding in all browsers.
546
- */
547
-
548
- button,
549
- input,
550
- optgroup,
551
- select,
552
- textarea {
553
- font-family: inherit;
554
- /* 1 */
555
- font-feature-settings: inherit;
556
- /* 1 */
557
- font-variation-settings: inherit;
558
- /* 1 */
559
- font-size: 100%;
560
- /* 1 */
561
- font-weight: inherit;
562
- /* 1 */
563
- line-height: inherit;
564
- /* 1 */
565
- letter-spacing: inherit;
566
- /* 1 */
567
- color: inherit;
568
- /* 1 */
569
- margin: 0;
570
- /* 2 */
571
- padding: 0;
572
- /* 3 */
573
- }
574
-
575
- /*
576
- Remove the inheritance of text transform in Edge and Firefox.
577
- */
578
-
579
- button,
580
- select {
581
- text-transform: none;
582
- }
583
-
584
- /*
585
- 1. Correct the inability to style clickable types in iOS and Safari.
586
- 2. Remove default button styles.
587
- */
588
-
589
- button,
590
- input:where([type='button']),
591
- input:where([type='reset']),
592
- input:where([type='submit']) {
593
- -webkit-appearance: button;
594
- /* 1 */
595
- background-color: transparent;
596
- /* 2 */
597
- background-image: none;
598
- /* 2 */
599
- }
600
-
601
- /*
602
- Use the modern Firefox focus style for all focusable elements.
603
- */
604
-
605
- :-moz-focusring {
606
- outline: auto;
607
- }
608
-
609
- /*
610
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
611
- */
612
-
613
- :-moz-ui-invalid {
614
- box-shadow: none;
615
- }
616
-
617
- /*
618
- Add the correct vertical alignment in Chrome and Firefox.
619
- */
620
-
621
- progress {
622
- vertical-align: baseline;
623
- }
624
-
625
- /*
626
- Correct the cursor style of increment and decrement buttons in Safari.
627
- */
628
-
629
- ::-webkit-inner-spin-button,
630
- ::-webkit-outer-spin-button {
631
- height: auto;
632
- }
633
-
634
- /*
635
- 1. Correct the odd appearance in Chrome and Safari.
636
- 2. Correct the outline style in Safari.
637
- */
638
-
639
- [type='search'] {
640
- -webkit-appearance: textfield;
641
- /* 1 */
642
- outline-offset: -2px;
643
- /* 2 */
644
- }
645
-
646
- /*
647
- Remove the inner padding in Chrome and Safari on macOS.
648
- */
649
-
650
- ::-webkit-search-decoration {
651
- -webkit-appearance: none;
652
- }
653
-
654
- /*
655
- 1. Correct the inability to style clickable types in iOS and Safari.
656
- 2. Change font properties to `inherit` in Safari.
657
- */
658
-
659
- ::-webkit-file-upload-button {
660
- -webkit-appearance: button;
661
- /* 1 */
662
- font: inherit;
663
- /* 2 */
664
- }
665
-
666
- /*
667
- Add the correct display in Chrome and Safari.
668
- */
669
-
670
- summary {
671
- display: list-item;
672
- }
673
-
674
- /*
675
- Removes the default spacing and border for appropriate elements.
676
- */
677
-
678
- blockquote,
679
- dl,
680
- dd,
681
- h1,
682
- h2,
683
- h3,
684
- h4,
685
- h5,
686
- h6,
687
- hr,
688
- figure,
689
- p,
690
- pre {
691
- margin: 0;
692
- }
693
-
694
- fieldset {
695
- margin: 0;
696
- padding: 0;
697
- }
698
-
699
- legend {
700
- padding: 0;
701
- }
702
-
703
- ol,
704
- ul,
705
- menu {
706
- list-style: none;
707
- margin: 0;
708
- padding: 0;
709
- }
710
-
711
- /*
712
- Reset default styling for dialogs.
713
- */
714
-
715
- dialog {
716
- padding: 0;
717
- }
718
-
719
- /*
720
- Prevent resizing textareas horizontally by default.
721
- */
722
-
723
- textarea {
724
- resize: vertical;
725
- }
726
-
727
- /*
728
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
729
- 2. Set the default placeholder color to the user's configured gray 400 color.
730
- */
731
-
732
- input::-moz-placeholder, textarea::-moz-placeholder {
733
- opacity: 1;
734
- /* 1 */
735
- color: var(--gray-400);
736
- /* 2 */
737
- }
738
-
739
- input::placeholder,
740
- textarea::placeholder {
741
- opacity: 1;
742
- /* 1 */
743
- color: var(--gray-400);
744
- /* 2 */
745
- }
746
-
747
- /*
748
- Set the default cursor for buttons.
749
- */
750
-
751
- button,
752
- [role="button"] {
753
- cursor: pointer;
754
- }
755
-
756
- /*
757
- Make sure disabled buttons don't get the pointer cursor.
758
- */
759
-
760
- :disabled {
761
- cursor: default;
762
- }
763
-
764
- /*
765
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
766
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
767
- This can trigger a poorly considered lint error in some tools but is included by design.
768
- */
769
-
770
- img,
771
- svg,
772
- video,
773
- canvas,
774
- audio,
775
- iframe,
776
- embed,
777
- object {
778
- display: block;
779
- /* 1 */
780
- vertical-align: middle;
781
- /* 2 */
782
- }
783
-
784
- /*
785
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
786
- */
787
-
788
- img,
789
- video {
790
- max-width: 100%;
791
- height: auto;
792
- }
793
-
794
- /* Make elements with the HTML hidden attribute stay hidden by default */
795
-
796
- [hidden]:where(:not([hidden="until-found"])) {
797
- display: none;
798
- }
799
-
800
- :root{
801
- --font-sans:Rubik;
802
- --font-display:Sora;
803
- --font-mono:DM Mono;
804
- --gray-900:#191c20;
805
- --gray-700:#3c424b;
806
- --gray-500:#657080;
807
- --gray-400:#9ba3ae;
808
- --gray-300:#d6d9dd;
809
- --gray-200:#ebecef;
810
- --gray-100:#f3f4f5;
811
- --gray-50:#f9fafb;
812
- --gray-25:#fbfbfc;
813
- --gray-0:#ffffff;
814
- --success-900:#18964f;
815
- --success-800:#00ab11;
816
- --success-700:#00c313;
817
- --success-300:#d6f6de;
818
- --success-100:#f5fdf7;
819
- --error-900:#b71b58;
820
- --error-800:#dc0025;
821
- --error-700:#ff5a76;
822
- --error-300:#ffd7df;
823
- --error-100:#fff5f7;
824
- --warning-900:#b47500;
825
- --warning-800:#dc8f00;
826
- --warning-700:#ffb11b;
827
- --warning-300:#ffeece;
828
- --warning-100:#fff9ef;
829
- --info-900:#054cb7;
830
- --info-800:#0025dc;
831
- --info-700:#5a9cff;
832
- --info-300:#cee2ff;
833
- --info-100:#f3f8ff
834
- }
835
-
836
- .container{
837
- width:100%
838
- }
839
-
840
- @media (min-width: 640px){
841
- .container{
842
- max-width:640px
843
- }
844
- }
845
-
846
- @media (min-width: 768px){
847
- .container{
848
- max-width:768px
849
- }
850
- }
851
-
852
- @media (min-width: 1024px){
853
- .container{
854
- max-width:1024px
855
- }
856
- }
857
-
858
- @media (min-width: 1280px){
859
- .container{
860
- max-width:1280px
861
- }
862
- }
863
-
864
- @media (min-width: 1536px){
865
- .container{
866
- max-width:1536px
867
- }
868
- }
869
-
870
- .sr-only{
871
- position:absolute;
872
- width:1px;
873
- height:1px;
874
- padding:0;
875
- margin:-1px;
876
- overflow:hidden;
877
- clip:rect(0, 0, 0, 0);
878
- white-space:nowrap;
879
- border-width:0
880
- }
881
-
882
- .fixed{
883
- position:fixed
884
- }
885
-
886
- .absolute{
887
- position:absolute
888
- }
889
-
890
- .relative{
891
- position:relative
892
- }
893
-
894
- .inset-0{
895
- inset:0px
896
- }
897
-
898
- .inset-x-0{
899
- left:0px;
900
- right:0px
901
- }
902
-
903
- .bottom-0{
904
- bottom:0px
905
- }
906
-
907
- .bottom-1{
908
- bottom:0.25rem
909
- }
910
-
911
- .left-1{
912
- left:0.25rem
913
- }
914
-
915
- .right-1{
916
- right:0.25rem
917
- }
918
-
919
- .top-1{
920
- top:0.25rem
921
- }
922
-
923
- .z-10{
924
- z-index:10
925
- }
926
-
927
- .z-50{
928
- z-index:50
929
- }
930
-
931
- .mx-2{
932
- margin-left:0.5rem;
933
- margin-right:0.5rem
934
- }
935
-
936
- .mx-auto{
937
- margin-left:auto;
938
- margin-right:auto
939
- }
940
-
941
- .my-2{
942
- margin-top:0.5rem;
943
- margin-bottom:0.5rem
944
- }
945
-
946
- .my-4{
947
- margin-top:1rem;
948
- margin-bottom:1rem
949
- }
950
-
951
- .-ml-3{
952
- margin-left:-0.75rem
953
- }
954
-
955
- .mb-2{
956
- margin-bottom:0.5rem
957
- }
958
-
959
- .ml-auto{
960
- margin-left:auto
961
- }
962
-
963
- .mr-2{
964
- margin-right:0.5rem
965
- }
966
-
967
- .mt-1{
968
- margin-top:0.25rem
969
- }
970
-
971
- .mt-24{
972
- margin-top:6rem
973
- }
974
-
975
- .mt-5{
976
- margin-top:1.25rem
977
- }
978
-
979
- .block{
980
- display:block
981
- }
982
-
983
- .flex{
984
- display:flex
985
- }
986
-
987
- .inline-flex{
988
- display:inline-flex
989
- }
990
-
991
- .table{
992
- display:table
993
- }
994
-
995
- .grid{
996
- display:grid
997
- }
998
-
999
- .hidden{
1000
- display:none
1001
- }
1002
-
1003
- .size-6{
1004
- width:1.5rem;
1005
- height:1.5rem
1006
- }
1007
-
1008
- .size-\[3\.25rem\]{
1009
- width:3.25rem;
1010
- height:3.25rem
1011
- }
1012
-
1013
- .size-\[3\.5rem\]{
1014
- width:3.5rem;
1015
- height:3.5rem
1016
- }
1017
-
1018
- .h-1\.5{
1019
- height:0.375rem
1020
- }
1021
-
1022
- .h-10{
1023
- height:2.5rem
1024
- }
1025
-
1026
- .h-12{
1027
- height:3rem
1028
- }
1029
-
1030
- .h-14{
1031
- height:3.5rem
1032
- }
1033
-
1034
- .h-16{
1035
- height:4rem
1036
- }
1037
-
1038
- .h-4{
1039
- height:1rem
1040
- }
1041
-
1042
- .h-5{
1043
- height:1.25rem
1044
- }
1045
-
1046
- .h-6{
1047
- height:1.5rem
1048
- }
1049
-
1050
- .h-7{
1051
- height:1.75rem
1052
- }
1053
-
1054
- .h-9{
1055
- height:2.25rem
1056
- }
1057
-
1058
- .h-\[1\.625rem\]{
1059
- height:1.625rem
1060
- }
1061
-
1062
- .h-\[3\.125rem\]{
1063
- height:3.125rem
1064
- }
1065
-
1066
- .h-\[4\.25rem\]{
1067
- height:4.25rem
1068
- }
1069
-
1070
- .h-\[96\%\]{
1071
- height:96%
1072
- }
1073
-
1074
- .h-\[var\(--radix-select-trigger-height\)\]{
1075
- height:var(--radix-select-trigger-height)
1076
- }
1077
-
1078
- .h-auto{
1079
- height:auto
1080
- }
1081
-
1082
- .h-full{
1083
- height:100%
1084
- }
1085
-
1086
- .max-h-\[11\.75rem\]{
1087
- max-height:11.75rem
1088
- }
1089
-
1090
- .w-10{
1091
- width:2.5rem
1092
- }
1093
-
1094
- .w-12{
1095
- width:3rem
1096
- }
1097
-
1098
- .w-2\.5{
1099
- width:0.625rem
1100
- }
1101
-
1102
- .w-4{
1103
- width:1rem
1104
- }
1105
-
1106
- .w-5{
1107
- width:1.25rem
1108
- }
1109
-
1110
- .w-6{
1111
- width:1.5rem
1112
- }
1113
-
1114
- .w-80{
1115
- width:20rem
1116
- }
1117
-
1118
- .w-\[300px\]{
1119
- width:300px
1120
- }
1121
-
1122
- .w-\[400px\]{
1123
- width:400px
1124
- }
1125
-
1126
- .w-auto{
1127
- width:auto
1128
- }
1129
-
1130
- .w-full{
1131
- width:100%
1132
- }
1133
-
1134
- .min-w-10{
1135
- min-width:2.5rem
1136
- }
1137
-
1138
- .min-w-12{
1139
- min-width:3rem
1140
- }
1141
-
1142
- .min-w-14{
1143
- min-width:3.5rem
1144
- }
1145
-
1146
- .min-w-28{
1147
- min-width:7rem
1148
- }
1149
-
1150
- .min-w-\[6rem\]{
1151
- min-width:6rem
1152
- }
1153
-
1154
- .min-w-\[var\(--radix-select-trigger-width\)\]{
1155
- min-width:var(--radix-select-trigger-width)
1156
- }
1157
-
1158
- .max-w-md{
1159
- max-width:28rem
1160
- }
1161
-
1162
- .flex-grow{
1163
- flex-grow:1
1164
- }
1165
-
1166
- .translate-x-0{
1167
- --tw-translate-x:0px;
1168
- transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
1169
- }
1170
-
1171
- .translate-x-4{
1172
- --tw-translate-x:1rem;
1173
- transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
1174
- }
1175
-
1176
- .transform{
1177
- transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
1178
- }
1179
-
1180
- .animate-none{
1181
- animation:none
1182
- }
1183
-
1184
- @keyframes pulse{
1185
- 50%{
1186
- opacity:.5
1187
- }
1188
- }
1189
-
1190
- .animate-pulse{
1191
- animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
1192
- }
1193
-
1194
- @keyframes spin{
1195
- to{
1196
- transform:rotate(360deg)
1197
- }
1198
- }
1199
-
1200
- .animate-spin{
1201
- animation:spin 1s linear infinite
1202
- }
1203
-
1204
- .cursor-default{
1205
- cursor:default
1206
- }
1207
-
1208
- .cursor-not-allowed{
1209
- cursor:not-allowed
1210
- }
1211
-
1212
- .cursor-pointer{
1213
- cursor:pointer
1214
- }
1215
-
1216
- .select-none{
1217
- -webkit-user-select:none;
1218
- -moz-user-select:none;
1219
- user-select:none
1220
- }
1221
-
1222
- .grid-cols-3{
1223
- grid-template-columns:repeat(3, minmax(0, 1fr))
1224
- }
1225
-
1226
- .grid-rows-4{
1227
- grid-template-rows:repeat(4, minmax(0, 1fr))
1228
- }
1229
-
1230
- .flex-row{
1231
- flex-direction:row
1232
- }
1233
-
1234
- .flex-col{
1235
- flex-direction:column
1236
- }
1237
-
1238
- .items-center{
1239
- align-items:center
1240
- }
1241
-
1242
- .justify-start{
1243
- justify-content:flex-start
1244
- }
1245
-
1246
- .justify-end{
1247
- justify-content:flex-end
1248
- }
1249
-
1250
- .justify-center{
1251
- justify-content:center
1252
- }
1253
-
1254
- .justify-between{
1255
- justify-content:space-between
1256
- }
1257
-
1258
- .gap-1{
1259
- gap:0.25rem
1260
- }
1261
-
1262
- .gap-2{
1263
- gap:0.5rem
1264
- }
1265
-
1266
- .gap-4{
1267
- gap:1rem
1268
- }
1269
-
1270
- .space-x-2 > :not([hidden]) ~ :not([hidden]){
1271
- --tw-space-x-reverse:0;
1272
- margin-right:calc(0.5rem * var(--tw-space-x-reverse));
1273
- margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
1274
- }
1275
-
1276
- .overflow-auto{
1277
- overflow:auto
1278
- }
1279
-
1280
- .overflow-hidden{
1281
- overflow:hidden
1282
- }
1283
-
1284
- .text-ellipsis{
1285
- text-overflow:ellipsis
1286
- }
1287
-
1288
- .whitespace-nowrap{
1289
- white-space:nowrap
1290
- }
1291
-
1292
- .rounded{
1293
- border-radius:0.25rem
1294
- }
1295
-
1296
- .rounded-2xl{
1297
- border-radius:1rem
1298
- }
1299
-
1300
- .rounded-\[0\.875rem\]{
1301
- border-radius:0.875rem
1302
- }
1303
-
1304
- .rounded-full{
1305
- border-radius:9999px
1306
- }
1307
-
1308
- .rounded-lg{
1309
- border-radius:0.5rem
1310
- }
1311
-
1312
- .rounded-md{
1313
- border-radius:0.375rem
1314
- }
1315
-
1316
- .rounded-none{
1317
- border-radius:0px
1318
- }
1319
-
1320
- .rounded-xl{
1321
- border-radius:0.75rem
1322
- }
1323
-
1324
- .rounded-t-2xl{
1325
- border-top-left-radius:1rem;
1326
- border-top-right-radius:1rem
1327
- }
1328
-
1329
- .rounded-t-\[10px\]{
1330
- border-top-left-radius:10px;
1331
- border-top-right-radius:10px
1332
- }
1333
-
1334
- .border{
1335
- border-width:1px
1336
- }
1337
-
1338
- .border-2{
1339
- border-width:2px
1340
- }
1341
-
1342
- .border-\[0\.09375rem\]{
1343
- border-width:0.09375rem
1344
- }
1345
-
1346
- .border-none{
1347
- border-style:none
1348
- }
1349
-
1350
- .border-error-700{
1351
- border-color:var(--error-700)
1352
- }
1353
-
1354
- .border-gray-100{
1355
- border-color:var(--gray-100)
1356
- }
1357
-
1358
- .border-gray-200{
1359
- border-color:var(--gray-200)
1360
- }
1361
-
1362
- .border-gray-300{
1363
- border-color:var(--gray-300)
1364
- }
1365
-
1366
- .border-gray-400{
1367
- border-color:var(--gray-400)
1368
- }
1369
-
1370
- .border-gray-900{
1371
- border-color:var(--gray-900)
1372
- }
1373
-
1374
- .bg-error-100{
1375
- background-color:var(--error-100)
1376
- }
1377
-
1378
- .bg-gray-0{
1379
- background-color:var(--gray-0)
1380
- }
1381
-
1382
- .bg-gray-100{
1383
- background-color:var(--gray-100)
1384
- }
1385
-
1386
- .bg-gray-200{
1387
- background-color:var(--gray-200)
1388
- }
1389
-
1390
- .bg-gray-300{
1391
- background-color:var(--gray-300)
1392
- }
1393
-
1394
- .bg-gray-50{
1395
- background-color:var(--gray-50)
1396
- }
1397
-
1398
- .bg-gray-900{
1399
- background-color:var(--gray-900)
1400
- }
1401
-
1402
- .bg-info-100{
1403
- background-color:var(--info-100)
1404
- }
1405
-
1406
- .bg-success-100{
1407
- background-color:var(--success-100)
1408
- }
1409
-
1410
- .bg-transparent{
1411
- background-color:transparent
1412
- }
1413
-
1414
- .bg-warning-100{
1415
- background-color:var(--warning-100)
1416
- }
1417
-
1418
- .fill-current{
1419
- fill:currentColor
1420
- }
1421
-
1422
- .fill-gray-900{
1423
- fill:var(--gray-900)
1424
- }
1425
-
1426
- .fill-transparent{
1427
- fill:transparent
1428
- }
1429
-
1430
- .stroke-gray-400{
1431
- stroke:var(--gray-400)
1432
- }
1433
-
1434
- .p-2{
1435
- padding:0.5rem
1436
- }
1437
-
1438
- .p-4{
1439
- padding:1rem
1440
- }
1441
-
1442
- .px-2{
1443
- padding-left:0.5rem;
1444
- padding-right:0.5rem
1445
- }
1446
-
1447
- .px-2\.5{
1448
- padding-left:0.625rem;
1449
- padding-right:0.625rem
1450
- }
1451
-
1452
- .px-3{
1453
- padding-left:0.75rem;
1454
- padding-right:0.75rem
1455
- }
1456
-
1457
- .px-4{
1458
- padding-left:1rem;
1459
- padding-right:1rem
1460
- }
1461
-
1462
- .py-2{
1463
- padding-top:0.5rem;
1464
- padding-bottom:0.5rem
1465
- }
1466
-
1467
- .py-4{
1468
- padding-top:1rem;
1469
- padding-bottom:1rem
1470
- }
1471
-
1472
- .pb-2{
1473
- padding-bottom:0.5rem
1474
- }
1475
-
1476
- .pb-4{
1477
- padding-bottom:1rem
1478
- }
1479
-
1480
- .pr-2{
1481
- padding-right:0.5rem
1482
- }
1483
-
1484
- .pt-2{
1485
- padding-top:0.5rem
1486
- }
1487
-
1488
- .text-center{
1489
- text-align:center
1490
- }
1491
-
1492
- .font-display{
1493
- font-family:var(--font-display)
1494
- }
1495
-
1496
- .font-mono{
1497
- font-family:var(--font-mono)
1498
- }
1499
-
1500
- .font-sans{
1501
- font-family:var(--font-sans)
1502
- }
1503
-
1504
- .text-\[0\.5rem\]{
1505
- font-size:0.5rem
1506
- }
1507
-
1508
- .text-\[1\.125rem\]{
1509
- font-size:1.125rem
1510
- }
1511
-
1512
- .text-\[1\.25rem\]{
1513
- font-size:1.25rem
1514
- }
1515
-
1516
- .text-\[1\.625rem\]{
1517
- font-size:1.625rem
1518
- }
1519
-
1520
- .text-\[1\.875rem\]{
1521
- font-size:1.875rem
1522
- }
1523
-
1524
- .text-\[2\.125rem\]{
1525
- font-size:2.125rem
1526
- }
1527
-
1528
- .text-\[2\.75rem\]{
1529
- font-size:2.75rem
1530
- }
1531
-
1532
- .text-\[3\.5rem\]{
1533
- font-size:3.5rem
1534
- }
1535
-
1536
- .text-base{
1537
- font-size:1rem;
1538
- line-height:1.5rem
1539
- }
1540
-
1541
- .text-lg{
1542
- font-size:1.125rem;
1543
- line-height:1.75rem
1544
- }
1545
-
1546
- .text-sm{
1547
- font-size:0.875rem;
1548
- line-height:1.25rem
1549
- }
1550
-
1551
- .text-xl{
1552
- font-size:1.25rem;
1553
- line-height:1.75rem
1554
- }
1555
-
1556
- .text-xs{
1557
- font-size:0.75rem;
1558
- line-height:1rem
1559
- }
1560
-
1561
- .font-medium{
1562
- font-weight:500
1563
- }
1564
-
1565
- .font-normal{
1566
- font-weight:400
1567
- }
1568
-
1569
- .font-semibold{
1570
- font-weight:600
1571
- }
1572
-
1573
- .uppercase{
1574
- text-transform:uppercase
1575
- }
1576
-
1577
- .leading-\[1\.25\]{
1578
- line-height:1.25
1579
- }
1580
-
1581
- .leading-\[1\.2\]{
1582
- line-height:1.2
1583
- }
1584
-
1585
- .leading-\[1\.3\]{
1586
- line-height:1.3
1587
- }
1588
-
1589
- .leading-\[1\]{
1590
- line-height:1
1591
- }
1592
-
1593
- .leading-none{
1594
- line-height:1
1595
- }
1596
-
1597
- .tracking-\[-0\.01em\]{
1598
- letter-spacing:-0.01em
1599
- }
1600
-
1601
- .tracking-normal{
1602
- letter-spacing:0em
1603
- }
1604
-
1605
- .text-error-700{
1606
- color:var(--error-700)
1607
- }
1608
-
1609
- .text-gray-0{
1610
- color:var(--gray-0)
1611
- }
1612
-
1613
- .text-gray-300{
1614
- color:var(--gray-300)
1615
- }
1616
-
1617
- .text-gray-400{
1618
- color:var(--gray-400)
1619
- }
1620
-
1621
- .text-gray-500{
1622
- color:var(--gray-500)
1623
- }
1624
-
1625
- .text-gray-900{
1626
- color:var(--gray-900)
1627
- }
1628
-
1629
- .text-info-700{
1630
- color:var(--info-700)
1631
- }
1632
-
1633
- .text-success-700{
1634
- color:var(--success-700)
1635
- }
1636
-
1637
- .text-transparent{
1638
- color:transparent
1639
- }
1640
-
1641
- .text-warning-700{
1642
- color:var(--warning-700)
1643
- }
1644
-
1645
- .opacity-20{
1646
- opacity:0.2
1647
- }
1648
-
1649
- .opacity-25{
1650
- opacity:0.25
1651
- }
1652
-
1653
- .opacity-40{
1654
- opacity:0.4
1655
- }
1656
-
1657
- .shadow-card{
1658
- --tw-shadow:0 0.625rem 1.875rem 0 #191C201A;
1659
- --tw-shadow-colored:0 0.625rem 1.875rem 0 var(--tw-shadow-color);
1660
- box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1661
- }
1662
-
1663
- .shadow-none{
1664
- --tw-shadow:0 0 #0000;
1665
- --tw-shadow-colored:0 0 #0000;
1666
- box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1667
- }
1668
-
1669
- .shadow-regular-large{
1670
- --tw-shadow:0 1rem 2.5rem -0.5rem #585C5F29;
1671
- --tw-shadow-colored:0 1rem 2.5rem -0.5rem var(--tw-shadow-color);
1672
- box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1673
- }
1674
-
1675
- .outline-none{
1676
- outline:2px solid transparent;
1677
- outline-offset:2px
1678
- }
1679
-
1680
- .outline{
1681
- outline-style:solid
1682
- }
1683
-
1684
- .filter{
1685
- filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
1686
- }
1687
-
1688
- .transition{
1689
- transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1690
- transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1691
- transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1692
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
1693
- transition-duration:150ms
1694
- }
1695
-
1696
- .transition-all{
1697
- transition-property:all;
1698
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
1699
- transition-duration:150ms
1700
- }
1701
-
1702
- .transition-colors{
1703
- transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
1704
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
1705
- transition-duration:150ms
1706
- }
1707
-
1708
- .transition-transform{
1709
- transition-property:transform;
1710
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
1711
- transition-duration:150ms
1712
- }
1713
-
1714
- .duration-200{
1715
- transition-duration:200ms
1716
- }
1717
-
1718
- .duration-300{
1719
- transition-duration:300ms
1720
- }
1721
-
1722
- .file\:hidden::file-selector-button{
1723
- display:none
1724
- }
1725
-
1726
- .hover\:bg-gray-100:hover{
1727
- background-color:var(--gray-100)
1728
- }
1729
-
1730
- .hover\:bg-gray-300:hover{
1731
- background-color:var(--gray-300)
1732
- }
1733
-
1734
- .hover\:bg-gray-700:hover{
1735
- background-color:var(--gray-700)
1736
- }
1737
-
1738
- .hover\:bg-transparent:hover{
1739
- background-color:transparent
1740
- }
1741
-
1742
- .focus\:border-error-700:focus{
1743
- border-color:var(--error-700)
1744
- }
1745
-
1746
- .focus\:bg-error-100:focus{
1747
- background-color:var(--error-100)
1748
- }
1749
-
1750
- .focus\:bg-gray-0:focus{
1751
- background-color:var(--gray-0)
1752
- }
1753
-
1754
- .focus\:shadow-card:focus{
1755
- --tw-shadow:0 0.625rem 1.875rem 0 #191C201A;
1756
- --tw-shadow-colored:0 0.625rem 1.875rem 0 var(--tw-shadow-color);
1757
- box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1758
- }
1759
-
1760
- .focus\:outline-none:focus{
1761
- outline:2px solid transparent;
1762
- outline-offset:2px
1763
- }
1764
-
1765
- .placeholder\:focus\:border-gray-200:focus::-moz-placeholder{
1766
- border-color:var(--gray-200)
1767
- }
1768
-
1769
- .placeholder\:focus\:border-gray-200:focus::placeholder{
1770
- border-color:var(--gray-200)
1771
- }
1772
-
1773
- .focus-visible\:outline-none:focus-visible{
1774
- outline:2px solid transparent;
1775
- outline-offset:2px
1776
- }
1777
-
1778
- .active\:bg-gray-200:active{
1779
- background-color:var(--gray-200)
1780
- }
1781
-
1782
- .active\:bg-gray-400:active{
1783
- background-color:var(--gray-400)
1784
- }
1785
-
1786
- .active\:bg-gray-50:active{
1787
- background-color:var(--gray-50)
1788
- }
1789
-
1790
- .active\:bg-gray-500:active{
1791
- background-color:var(--gray-500)
1792
- }
1793
-
1794
- .active\:bg-transparent:active{
1795
- background-color:transparent
1796
- }
1797
-
1798
- .disabled\:cursor-not-allowed:disabled{
1799
- cursor:not-allowed
1800
- }
1801
-
1802
- .disabled\:bg-gray-100:disabled{
1803
- background-color:var(--gray-100)
1804
- }
1805
-
1806
- .disabled\:bg-transparent:disabled{
1807
- background-color:transparent
1808
- }
1809
-
1810
- .disabled\:text-gray-300:disabled{
1811
- color:var(--gray-300)
1812
- }
1813
-
1814
- .disabled\:text-transparent:disabled{
1815
- color:transparent
1816
- }
1817
-
1818
- .disabled\:opacity-20:disabled{
1819
- opacity:0.2
1820
- }
1821
-
1822
- .disabled\:opacity-50:disabled{
1823
- opacity:0.5
1824
- }
1825
-
1826
- .disabled\:opacity-90:disabled{
1827
- opacity:0.9
1828
- }
1829
-
1830
- .disabled\:active\:bg-transparent:active:disabled{
1831
- background-color:transparent
1832
- }
1833
-
1834
- .group:focus-within .group-focus-within\:bg-gray-100{
1835
- background-color:var(--gray-100)
1836
- }
1837
-
1838
- .has-\[\:disabled\]\:opacity-50:has(:disabled){
1839
- opacity:0.5
1840
- }
1841
-
1842
- .data-\[state\=checked\]\:translate-x-4[data-state="checked"]{
1843
- --tw-translate-x:1rem;
1844
- transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
1845
- }
1846
-
1847
- .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{
1848
- --tw-translate-x:0px;
1849
- transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
1850
- }
1851
-
1852
- .data-\[state\=checked\]\:border-gray-900[data-state="checked"]{
1853
- border-color:var(--gray-900)
1854
- }
1855
-
1856
- .data-\[state\=unchecked\]\:border-gray-300[data-state="unchecked"]{
1857
- border-color:var(--gray-300)
1858
- }
1859
-
1860
- .data-\[state\=unchecked\]\:border-gray-400[data-state="unchecked"]{
1861
- border-color:var(--gray-400)
1862
- }
1863
-
1864
- .data-\[state\=checked\]\:bg-gray-900[data-state="checked"]{
1865
- background-color:var(--gray-900)
1866
- }
1867
-
1868
- .data-\[state\=unchecked\]\:bg-gray-300[data-state="unchecked"]{
1869
- background-color:var(--gray-300)
1870
- }
1871
-
1872
- .data-\[state\=unchecked\]\:bg-transparent[data-state="unchecked"]{
1873
- background-color:transparent
1874
- }
1875
-
1876
- .data-\[placeholder\]\:text-gray-400[data-placeholder]{
1877
- color:var(--gray-400)
1878
- }
1879
-
1880
- .\[\&\>span\:first-of-type\]\:line-clamp-1>span:first-of-type{
1881
- overflow:hidden;
1882
- display:-webkit-box;
1883
- -webkit-box-orient:vertical;
1884
- -webkit-line-clamp:1
1885
- }
1
+ .react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height,36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color,var(--react-international-phone-border-color,#dcdcdc));margin:0;-moz-appearance:button;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color,var(--react-international-phone-background-color,#fff));cursor:pointer;text-transform:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover,#f5f5f5)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size,4px) solid var(--react-international-phone-country-selector-arrow-color,#777);border-right:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color,#999)}.react-international-phone-country-selector-button--disabled{cursor:auto}.react-international-phone-country-selector-button--disabled,.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color,var(--react-international-phone-disabled-background-color,#f5f5f5))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width,24px);height:var(--react-international-phone-flag-height,24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top,44px);left:var(--react-international-phone-dropdown-left,0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color,var(--react-international-phone-background-color,#fff));box-shadow:var(--react-international-phone-dropdown-shadow,2px 2px 16px rgba(0,0,0,.25));color:var(--react-international-phone-dropdown-item-text-color,var(--react-international-phone-text-color,#222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin,0);background:var(--react-international-phone-dropdown-preferred-list-divider-color,var(--react-international-phone-border-color,#dcdcdc))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height,28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size,14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color,gray);font-size:var(--react-international-phone-dropdown-item-font-size,14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--focused,.react-international-phone-country-selector-dropdown__list-item--selected{background-color:var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5);color:var(--react-international-phone-selected-dropdown-item-text-color,var(--react-international-phone-text-color,#222))}.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color,var(--react-international-phone-dropdown-item-dial-code-color,gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color,var(--react-international-phone-border-color,#dcdcdc));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color,var(--react-international-phone-background-color,#fff));color:var(--react-international-phone-dial-code-preview-text-color,var(--react-international-phone-text-color,#222));font-size:var(--react-international-phone-dial-code-preview-font-size,var(--react-international-phone-font-size,13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color,var(--react-international-phone-disabled-background-color,#f5f5f5));color:var(--react-international-phone-dial-code-preview-disabled-text-color,var(--react-international-phone-disabled-text-color,#666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius,4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height,36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color,#dcdcdc);border-radius:var(--react-international-phone-border-radius,4px);margin:0;background-color:var(--react-international-phone-background-color,#fff);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color,#222);font-family:inherit;font-size:var(--react-international-phone-font-size,13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color,#f5f5f5);color:var(--react-international-phone-disabled-text-color,#666)}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input::-webkit-clear-button{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{display:none}input::-webkit-calendar-picker-indicator{display:none}input::-webkit-datetime-edit,input::-webkit-datetime-edit-ampm-field,input::-webkit-datetime-edit-day-field,input::-webkit-datetime-edit-fields-wrapper,input::-webkit-datetime-edit-hour-field,input::-webkit-datetime-edit-minute-field,input::-webkit-datetime-edit-month-field,input::-webkit-datetime-edit-second-field,input::-webkit-datetime-edit-text,input::-webkit-datetime-edit-year-field{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--gray-200)}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:var(--gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--gray-400)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--font-sans:Rubik;--font-display:Sora;--font-mono:DM Mono;--gray-900:#191c20;--gray-700:#3c424b;--gray-500:#657080;--gray-400:#9ba3ae;--gray-300:#d6d9dd;--gray-200:#ebecef;--gray-100:#f3f4f5;--gray-50:#f9fafb;--gray-25:#fbfbfc;--gray-0:#fff;--success-900:#18964f;--success-800:#00ab11;--success-700:#00c313;--success-300:#d6f6de;--success-100:#f5fdf7;--error-900:#b71b58;--error-800:#dc0025;--error-700:#ff5a76;--error-300:#ffd7df;--error-100:#fff5f7;--warning-900:#b47500;--warning-800:#dc8f00;--warning-700:#ffb11b;--warning-300:#ffeece;--warning-100:#fff9ef;--info-900:#054cb7;--info-800:#0025dc;--info-700:#5a9cff;--info-300:#cee2ff;--info-100:#f3f8ff}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.left-1{left:.25rem}.right-1{right:.25rem}.top-1{top:.25rem}.z-10{z-index:10}.z-50{z-index:50}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.-ml-3{margin-left:-.75rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-24{margin-top:6rem}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-6{width:1.5rem;height:1.5rem}.size-\[3\.25rem\]{width:3.25rem;height:3.25rem}.size-\[3\.5rem\]{width:3.5rem;height:3.5rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[1\.625rem\]{height:1.625rem}.h-\[3\.125rem\]{height:3.125rem}.h-\[4\.25rem\]{height:4.25rem}.h-\[96\%\]{height:96%}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[11\.75rem\]{max-height:11.75rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-2\.5{width:.625rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-auto{width:auto}.w-full{width:100%}.min-w-10{min-width:2.5rem}.min-w-12{min-width:3rem}.min-w-14{min-width:3.5rem}.min-w-28{min-width:7rem}.min-w-\[6rem\]{min-width:6rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-md{max-width:28rem}.flex-grow{flex-grow:1}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x:1rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-none{animation:none}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.875rem\]{border-radius:.875rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.border{border-width:1px}.border-2{border-width:2px}.border-\[0\.09375rem\]{border-width:.09375rem}.border-none{border-style:none}.border-error-700{border-color:var(--error-700)}.border-gray-100{border-color:var(--gray-100)}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.border-gray-400{border-color:var(--gray-400)}.border-gray-900{border-color:var(--gray-900)}.bg-error-100{background-color:var(--error-100)}.bg-gray-0{background-color:var(--gray-0)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-gray-300{background-color:var(--gray-300)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-900{background-color:var(--gray-900)}.bg-info-100{background-color:var(--info-100)}.bg-success-100{background-color:var(--success-100)}.bg-transparent{background-color:transparent}.bg-warning-100{background-color:var(--warning-100)}.fill-current{fill:currentColor}.fill-gray-900{fill:var(--gray-900)}.fill-transparent{fill:transparent}.stroke-gray-400{stroke:var(--gray-400)}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\[0\.5rem\]{font-size:.5rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.625rem\]{font-size:1.625rem}.text-\[1\.875rem\]{font-size:1.875rem}.text-\[2\.125rem\]{font-size:2.125rem}.text-\[2\.75rem\]{font-size:2.75rem}.text-\[3\.5rem\]{font-size:3.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.2\]{line-height:1.2}.leading-compact{line-height:1.3}.leading-narrow{line-height:1.2}.leading-none{line-height:1}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-normal{letter-spacing:0}.text-error-700{color:var(--error-700)}.text-gray-0{color:var(--gray-0)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-900{color:var(--gray-900)}.text-info-700{color:var(--info-700)}.text-success-700{color:var(--success-700)}.text-transparent{color:transparent}.text-warning-700{color:var(--warning-700)}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.shadow-card{--tw-shadow:0 0.625rem 1.875rem 0 #191c201a;--tw-shadow-colored:0 0.625rem 1.875rem 0 var(--tw-shadow-color)}.shadow-card,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-regular-large{--tw-shadow:0 1rem 2.5rem -0.5rem #585c5f29;--tw-shadow-colored:0 1rem 2.5rem -0.5rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.file\:hidden::file-selector-button{display:none}.hover\:bg-gray-100:hover{background-color:var(--gray-100)}.hover\:bg-gray-300:hover{background-color:var(--gray-300)}.hover\:bg-gray-700:hover{background-color:var(--gray-700)}.hover\:bg-transparent:hover{background-color:transparent}.focus\:border-error-700:focus{border-color:var(--error-700)}.focus\:bg-error-100:focus{background-color:var(--error-100)}.focus\:bg-gray-0:focus{background-color:var(--gray-0)}.focus\:shadow-card:focus{--tw-shadow:0 0.625rem 1.875rem 0 #191c201a;--tw-shadow-colored:0 0.625rem 1.875rem 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.placeholder\:focus\:border-gray-200:focus::-moz-placeholder{border-color:var(--gray-200)}.placeholder\:focus\:border-gray-200:focus::placeholder{border-color:var(--gray-200)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:bg-gray-200:active{background-color:var(--gray-200)}.active\:bg-gray-400:active{background-color:var(--gray-400)}.active\:bg-gray-50:active{background-color:var(--gray-50)}.active\:bg-gray-500:active{background-color:var(--gray-500)}.active\:bg-transparent:active{background-color:transparent}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{background-color:var(--gray-100)}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:text-gray-300:disabled{color:var(--gray-300)}.disabled\:text-transparent:disabled{color:transparent}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-90:disabled{opacity:.9}.disabled\:active\:bg-transparent:active:disabled{background-color:transparent}.group:focus-within .group-focus-within\:bg-gray-100{background-color:var(--gray-100)}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked],.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px}.data-\[state\=checked\]\:border-gray-900[data-state=checked]{border-color:var(--gray-900)}.data-\[state\=unchecked\]\:border-gray-300[data-state=unchecked]{border-color:var(--gray-300)}.data-\[state\=unchecked\]\:border-gray-400[data-state=unchecked]{border-color:var(--gray-400)}.data-\[state\=checked\]\:bg-gray-900[data-state=checked]{background-color:var(--gray-900)}.data-\[state\=unchecked\]\:bg-gray-300[data-state=unchecked]{background-color:var(--gray-300)}.data-\[state\=unchecked\]\:bg-transparent[data-state=unchecked]{background-color:transparent}.data-\[placeholder\]\:text-gray-400[data-placeholder]{color:var(--gray-400)}.\[\&\>span\:first-of-type\]\:line-clamp-1>span:first-of-type{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}