@goodhood-web/ui 0.0.6-alpha.5 → 1.0.0-development.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/index.d.ts +1 -1
  2. package/index.js +13 -13
  3. package/index.mjs +345 -345
  4. package/package.json +7 -2
  5. package/style.css +1 -629
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@goodhood-web/ui",
3
- "version": "0.0.6-alpha.5",
3
+ "version": "1.0.0-development.1",
4
4
  "main": "./index.js",
5
5
  "types": "./index.d.ts",
6
6
  "exports": {
@@ -8,5 +8,10 @@
8
8
  "import": "./index.mjs",
9
9
  "require": "./index.js"
10
10
  }
11
- }
11
+ },
12
+ "publishConfig": {
13
+ "registry": "https://registry.npmjs.org/",
14
+ "access": "public"
15
+ },
16
+ "private": false
12
17
  }
package/style.css CHANGED
@@ -1,629 +1 @@
1
- ._baseBtn_1l0np_5 {
2
- min-width: 2rem;
3
- min-height: 2rem;
4
- border: none;
5
- border-radius: 0;
6
- cursor: pointer
7
- }
8
-
9
- ._baseBtn--active_1l0np_12 {
10
- background: #b1b1b1
11
- }
12
-
13
- ._root_1i9pn_5 {
14
- display: flex;
15
- overflow: hidden;
16
- width: 100%;
17
- flex-direction: column;
18
- padding: 16px;
19
- background-color: #fff;
20
- box-shadow: 0 2px 8px #0000001a;
21
- color: #201649
22
- }
23
-
24
- ._root--border-radius_1i9pn_15 {
25
- border-radius: 8px
26
- }
27
-
28
- ._root_1vww0_5 {
29
- padding: 8px 0;
30
- color: inherit
31
- }
32
-
33
- ._iconComponent_87gpl_5 {
34
- display: block
35
- }
36
-
37
- ._iconComponent_87gpl_5 path {
38
- stroke: currentColor
39
- }
40
-
41
- ._iconButton_qvwrb_5 {
42
- display: flex;
43
- flex-shrink: 0;
44
- align-items: center;
45
- justify-content: center;
46
- width: auto;
47
- height: auto;
48
- min-width: unset;
49
- min-height: unset
50
- }
51
-
52
- ._iconButton_qvwrb_5:disabled {
53
- background: none
54
- }
55
-
56
- ._iconButton_qvwrb_5:hover, ._iconButton_qvwrb_5:active {
57
- background: none
58
- }
59
-
60
- ._iconButton--circular_qvwrb_24 {
61
- border-radius: 50%;
62
- background: #cae85d
63
- }
64
-
65
- ._iconButton--circular_qvwrb_24:disabled {
66
- background: #ffffff
67
- }
68
-
69
- ._iconButton--circular_qvwrb_24:hover {
70
- background: #b5d622
71
- }
72
-
73
- ._iconButton--circular_qvwrb_24:active {
74
- background: #cae85d
75
- }
76
-
77
- ._iconButton--circular-small_qvwrb_37 {
78
- width: 40px;
79
- height: 40px
80
- }
81
-
82
- ._iconButton--circular-medium_qvwrb_41 {
83
- width: 48px;
84
- height: 48px
85
- }
86
-
87
- ._iconButton--circular-large_qvwrb_45 {
88
- width: 56px;
89
- height: 56px
90
- }
91
-
92
- ._root_1jzp1_5 {
93
- display: flex;
94
- align-items: center;
95
- padding-bottom: 12px;
96
- color: inherit;
97
- gap: 8px
98
- }
99
-
100
- ._title_1jzp1_13 {
101
- flex-grow: 1;
102
- margin: 0
103
- }
104
-
105
- ._h1_5llkx_5 {
106
- margin-bottom: 0;
107
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
108
- font-size: 32px;
109
- font-weight: 500;
110
- letter-spacing: 0;
111
- line-height: 40px;
112
- text-decoration: none;
113
- text-indent: 0px;
114
- text-transform: none
115
- }
116
-
117
- ._h2_5llkx_17 {
118
- margin-bottom: 0;
119
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
120
- font-size: 24px;
121
- font-weight: Semi Bold;
122
- letter-spacing: 0;
123
- line-height: 32px;
124
- text-decoration: none;
125
- text-indent: 0px;
126
- text-transform: none
127
- }
128
-
129
- ._h3_5llkx_29 {
130
- margin-bottom: 0;
131
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
132
- font-size: 20px;
133
- font-weight: Semi Bold;
134
- letter-spacing: 0;
135
- line-height: 24px;
136
- text-decoration: none;
137
- text-indent: 0px;
138
- text-transform: none
139
- }
140
-
141
- ._h4_5llkx_41 {
142
- margin-bottom: 0;
143
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
144
- font-size: 18px;
145
- font-weight: 700;
146
- letter-spacing: 0;
147
- line-height: 24px;
148
- text-decoration: none;
149
- text-indent: 0px;
150
- text-transform: none
151
- }
152
-
153
- ._h5_5llkx_53 {
154
- margin-bottom: 0;
155
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
156
- font-size: 16px;
157
- font-weight: Semi Bold;
158
- letter-spacing: 0;
159
- line-height: 24px;
160
- text-decoration: none;
161
- text-indent: 0px;
162
- text-transform: none
163
- }
164
-
165
- ._h6_5llkx_65 {
166
- margin-bottom: 0;
167
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
168
- font-size: 14px;
169
- font-weight: 700;
170
- letter-spacing: 1;
171
- line-height: 24px;
172
- text-decoration: none;
173
- text-indent: 0px;
174
- text-transform: uppercase
175
- }
176
-
177
- ._h7_5llkx_77 {
178
- margin-bottom: 0;
179
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
180
- font-size: 12px;
181
- font-weight: Extra Bold;
182
- letter-spacing: 1;
183
- line-height: 16px;
184
- text-decoration: none;
185
- text-indent: 0px;
186
- text-transform: uppercase
187
- }
188
-
189
- ._h8_5llkx_89 {
190
- margin-bottom: 0;
191
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
192
- font-size: 10px;
193
- font-weight: Extra Bold;
194
- letter-spacing: 1.5;
195
- line-height: 16px;
196
- text-decoration: none;
197
- text-indent: 0px;
198
- text-transform: uppercase
199
- }
200
-
201
- ._body-large_5llkx_101 {
202
- margin-bottom: 0;
203
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
204
- font-size: 16px;
205
- font-weight: 500;
206
- letter-spacing: 0;
207
- line-height: 24px;
208
- text-decoration: none;
209
- text-indent: 0px;
210
- text-transform: none
211
- }
212
-
213
- ._body-regular_5llkx_113 {
214
- margin-bottom: 0;
215
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
216
- font-size: 14px;
217
- font-weight: 400;
218
- letter-spacing: 0;
219
- line-height: 20px;
220
- text-decoration: none;
221
- text-indent: 0px;
222
- text-transform: none
223
- }
224
-
225
- ._body-semibold_5llkx_125 {
226
- margin-bottom: 0;
227
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
228
- font-size: 14px;
229
- font-weight: Semi Bold;
230
- letter-spacing: 0;
231
- line-height: 20px;
232
- text-decoration: none;
233
- text-indent: 0px;
234
- text-transform: none
235
- }
236
-
237
- ._body-italic_5llkx_137 {
238
- margin-bottom: 0;
239
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
240
- font-size: 14px;
241
- font-weight: Italic;
242
- letter-spacing: 0;
243
- line-height: 20px;
244
- text-decoration: none;
245
- text-indent: 0px;
246
- text-transform: none
247
- }
248
-
249
- ._detail-medium_5llkx_149 {
250
- margin-bottom: 0;
251
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
252
- font-size: 12px;
253
- font-weight: 500;
254
- letter-spacing: 0;
255
- line-height: 16px;
256
- text-decoration: none;
257
- text-indent: 0px;
258
- text-transform: none
259
- }
260
-
261
- ._detail-bold_5llkx_161 {
262
- margin-bottom: 0;
263
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
264
- font-size: 12px;
265
- font-weight: 700;
266
- letter-spacing: 0;
267
- line-height: 16px;
268
- text-decoration: none;
269
- text-indent: 0px;
270
- text-transform: none
271
- }
272
-
273
- ._detail-upper-case_5llkx_173 {
274
- margin-bottom: 0;
275
- font-family: Inter, Helvetica Neue, Arial, sans-serif;
276
- font-size: 10px;
277
- font-weight: Extra Bold;
278
- letter-spacing: 0;
279
- line-height: 16px;
280
- text-decoration: none;
281
- text-indent: 0px;
282
- text-transform: uppercase
283
- }
284
-
285
- ._ccBtn_dppaw_5 {
286
- display: flex;
287
- width: 100%;
288
- height: 40px;
289
- align-items: center;
290
- align-self: stretch;
291
- padding: 8px 16px;
292
- border-color: transparent;
293
- border-radius: 12px;
294
- background-color: #f4f3f6;
295
- color: #201649;
296
- cursor: pointer;
297
- font-size: 14px
298
- }
299
-
300
- ._dividerContainer_76vx2_5 {
301
- display: flex;
302
- align-items: center
303
- }
304
-
305
- ._dividerLine_76vx2_10 {
306
- height: 1px;
307
- flex-grow: 1;
308
- background-color: #d2d0db
309
- }
310
-
311
- ._fieldset_1ouid_5 {
312
- border: none
313
- }
314
-
315
- ._labelPill_1nq4e_5 {
316
- display: inline-flex;
317
- align-items: center;
318
- justify-content: center;
319
- border-radius: 16px;
320
- background: #01819C
321
- }
322
-
323
- ._labelPill_1nq4e_5 span {
324
- color: #fff;
325
- line-height: 16px;
326
- text-align: center
327
- }
328
-
329
- ._labelPill--small_1nq4e_17 {
330
- height: 20px;
331
- padding: 0 8px
332
- }
333
-
334
- ._labelPill--small_1nq4e_17 span {
335
- font-size: 10px;
336
- font-weight: 800;
337
- text-transform: uppercase
338
- }
339
-
340
- ._labelPill--medium_1nq4e_26 {
341
- padding: 4px 8px
342
- }
343
-
344
- ._labelPill--medium_1nq4e_26 span {
345
- font-size: 12px;
346
- font-weight: 700
347
- }
348
-
349
- ._legend_ehyo3_5 {
350
- display: flex;
351
- flex-direction: column;
352
- padding-bottom: 12px;
353
- gap: 8px
354
- }
355
-
356
- ._legend_ehyo3_5 ._text_ehyo3_11 {
357
- color: #635c80
358
- }
359
-
360
- ._menuItem_9j1kb_5 {
361
- display: flex;
362
- width: 100%;
363
- flex-shrink: 0;
364
- align-items: center;
365
- padding: 0 8px;
366
- background-color: #fff;
367
- color: #201649;
368
- gap: 8px;
369
- text-decoration: none;
370
- cursor: pointer
371
- }
372
-
373
- ._menuItem_9j1kb_5 ._highlightFrame_9j1kb_17 {
374
- display: flex;
375
- flex: 1;
376
- align-items: center;
377
- padding: 8px;
378
- border-radius: 8px;
379
- gap: 8px
380
- }
381
-
382
- ._menuItem_9j1kb_5 ._rightIcon_9j1kb_25 {
383
- display: inherit;
384
- margin-left: auto
385
- }
386
-
387
- ._menuItem_9j1kb_5 ._rightIcon_9j1kb_25 svg path {
388
- stroke: #635c80 !important
389
- }
390
-
391
- ._menuItem--selected_9j1kb_32 ._highlightFrame_9j1kb_17 {
392
- background-color: #f2fbc4
393
- }
394
-
395
- ._menuItem--selected_9j1kb_32 ._highlightFrame_9j1kb_17 svg path {
396
- stroke: #738c00
397
- }
398
-
399
- ._menuItem--selected_9j1kb_32:hover {
400
- color: #738c00
401
- }
402
-
403
- ._menuItem_9j1kb_5:not(._menuItem--selected_9j1kb_32):active {
404
- background-color: #f4f3f6
405
- }
406
-
407
- ._menuItem_9j1kb_5:not(._menuItem--selected_9j1kb_32):hover {
408
- color: #635c80
409
- }
410
-
411
- ._menuItem_9j1kb_5:not(._menuItem--selected_9j1kb_32):hover svg path {
412
- stroke: #635c80
413
- }
414
-
415
- ._menuItem_9j1kb_5:not(._menuItem--selected_9j1kb_32):hover ._highlightFrame_9j1kb_17 {
416
- background-color: #f4f3f6
417
- }
418
-
419
- ._bubbleContent_1jif1_5 {
420
- position: relative;
421
- display: inline-block
422
- }
423
-
424
- ._bubble_1jif1_5 {
425
- position: absolute;
426
- z-index: auto;
427
- top: 6px;
428
- right: 6px;
429
- display: flex;
430
- width: 20px;
431
- height: 20px;
432
- align-items: center;
433
- justify-content: center;
434
- border-radius: 50%;
435
- background-color: #ff9de2;
436
- color: #201649;
437
- font-size: 12px;
438
- font-weight: 700;
439
- text-align: center;
440
- transform: translate(50%, -50%);
441
- transform-origin: 100% 0;
442
- white-space: nowrap
443
- }
444
-
445
- ._bubble--empty_1jif1_30 {
446
- width: 12px;
447
- height: 12px
448
- }
449
-
450
- ._root_1q4dv_12 {
451
- position: relative;
452
- overflow: hidden;
453
- flex-shrink: 0;
454
- border: solid 1px #d2d0db;
455
- background-color: #d2d0db
456
- }
457
-
458
- ._root--24_1q4dv_19 {
459
- width: 24px;
460
- height: 24px
461
- }
462
-
463
- ._root--28_1q4dv_23 {
464
- width: 28px;
465
- height: 28px
466
- }
467
-
468
- ._root--32_1q4dv_27 {
469
- width: 32px;
470
- height: 32px
471
- }
472
-
473
- ._root--40_1q4dv_31 {
474
- width: 40px;
475
- height: 40px
476
- }
477
-
478
- ._root--48_1q4dv_35 {
479
- width: 48px;
480
- height: 48px
481
- }
482
-
483
- ._root--56_1q4dv_39 {
484
- width: 56px;
485
- height: 56px
486
- }
487
-
488
- ._root--64_1q4dv_43 {
489
- width: 64px;
490
- height: 64px
491
- }
492
-
493
- ._root--80_1q4dv_47 {
494
- width: 80px;
495
- height: 80px
496
- }
497
-
498
- ._root--120_1q4dv_51 {
499
- width: 120px;
500
- height: 120px
501
- }
502
-
503
- ._root--280_1q4dv_55 {
504
- width: 280px;
505
- height: 280px
506
- }
507
-
508
- ._root--square_1q4dv_59._root--24_1q4dv_19, ._root--square_1q4dv_59._root--32_1q4dv_27 {
509
- border-radius: 4px
510
- }
511
-
512
- ._root--square_1q4dv_59._root--40_1q4dv_31, ._root--square_1q4dv_59._root--48_1q4dv_35 {
513
- border-radius: 8px
514
- }
515
-
516
- ._root--square_1q4dv_59._root--56_1q4dv_39, ._root--square_1q4dv_59._root--64_1q4dv_43 {
517
- border-radius: 12px
518
- }
519
-
520
- ._root--square_1q4dv_59._root--80_1q4dv_47, ._root--square_1q4dv_59._root--120_1q4dv_51 {
521
- border-radius: 16px
522
- }
523
-
524
- ._root--circular_1q4dv_71 {
525
- border-radius: 50%
526
- }
527
-
528
- ._root--isPlaceholder_1q4dv_74:before {
529
- position: absolute;
530
- z-index: 1;
531
- width: 100%;
532
- height: 100%;
533
- background-color: #d2d0db;
534
- content: "";
535
- opacity: .4
536
- }
537
-
538
- ._root_1q4dv_12 img {
539
- width: 100%;
540
- height: 100%;
541
- object-fit: cover
542
- }
543
-
544
- ._switch_8rw2m_5 {
545
- position: relative;
546
- display: inline-block;
547
- width: 48px;
548
- height: 28px
549
- }
550
-
551
- ._switch_8rw2m_5 input {
552
- position: absolute;
553
- z-index: 2;
554
- width: 48px;
555
- height: 28px;
556
- cursor: pointer;
557
- opacity: 0
558
- }
559
-
560
- ._switch_8rw2m_5 ._slider_8rw2m_19 {
561
- z-index: 1;
562
- display: block;
563
- width: 100%;
564
- height: 100%;
565
- border-radius: 34px;
566
- background-color: #e9e8ed;
567
- box-shadow: 0 1px 3px #0003 inset;
568
- cursor: pointer;
569
- transition: .4s
570
- }
571
-
572
- ._switch_8rw2m_5 ._slider_8rw2m_19:before {
573
- position: absolute;
574
- right: 3px;
575
- bottom: 2px;
576
- width: 24px;
577
- height: 24px;
578
- border-radius: 50%;
579
- background-color: #fff;
580
- box-shadow: 0 0 2px #0003;
581
- content: "";
582
- transform: translate(-18px);
583
- transition: .4s
584
- }
585
-
586
- ._switch_8rw2m_5 ._slider_8rw2m_19._focusVisible_8rw2m_43 {
587
- box-shadow: 0 0 0 3px #cae85d
588
- }
589
-
590
- ._switch_8rw2m_5 input:checked + ._slider_8rw2m_19 {
591
- background-color: #b5d622
592
- }
593
-
594
- ._switch_8rw2m_5 input:checked + ._slider_8rw2m_19:before {
595
- transform: translate(0)
596
- }
597
-
598
- ._toggleInput_u0atb_5 {
599
- display: flex;
600
- width: 100%;
601
- align-items: center;
602
- padding: 8px 16px;
603
- background-color: #fff;
604
- color: #635c80;
605
- cursor: pointer;
606
- gap: 12px
607
- }
608
-
609
- ._toggleInput_u0atb_5 svg {
610
- flex-shrink: 0
611
- }
612
-
613
- ._toggleInput_u0atb_5 ._textLabel_u0atb_18 {
614
- flex-grow: 1
615
- }
616
-
617
- ._toggleInput_u0atb_5 ._switch_u0atb_21 {
618
- flex-shrink: 0
619
- }
620
-
621
- ._toggleInput--checked_u0atb_24 {
622
- color: #201649
623
- }
624
-
625
- ._toggleInput--withBorder_u0atb_27 {
626
- padding: 12px 16px;
627
- border-radius: 16px;
628
- box-shadow: inset 0 0 0 1px #d2d0db
629
- }
1
+ ._baseBtn_u66q2_5{min-width:2rem;min-height:2rem;border:none;border-radius:0;cursor:pointer}._baseBtn--active_u66q2_12{background:#b1b1b1}._root_a2f7b_5{display:flex;overflow:hidden;width:100%;flex-direction:column;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000001a;color:#201649}._root--border-radius_a2f7b_15{border-radius:8px}._root_1wtf4_5{padding:8px 0;color:inherit}._iconComponent_a3o6m_5{display:block}._iconComponent_a3o6m_5 path{stroke:currentColor}._iconButton_fn1d5_5{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:auto;height:auto;min-width:unset;min-height:unset;color:#201649}._iconButton_fn1d5_5:disabled{background:none}._iconButton_fn1d5_5:hover,._iconButton_fn1d5_5:active{background:none}._iconButton--circular_fn1d5_25{border-radius:50%;background:#cae85d}._iconButton--circular_fn1d5_25:disabled{background:#ffffff}._iconButton--circular_fn1d5_25:hover{background:#b5d622}._iconButton--circular_fn1d5_25:active{background:#cae85d}._iconButton--circular-small_fn1d5_38{width:40px;height:40px}._iconButton--circular-medium_fn1d5_42{width:48px;height:48px}._iconButton--circular-large_fn1d5_46{width:56px;height:56px}._root_11z9n_5{display:flex;align-items:center;padding-bottom:12px;color:inherit;gap:8px}._title_11z9n_13{flex-grow:1;margin:0}._h1_1xwl1_5{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:32px;font-weight:500;letter-spacing:0;line-height:40px;text-decoration:none;text-indent:0px;text-transform:none}._h2_1xwl1_17{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:Semi Bold;letter-spacing:0;line-height:32px;text-decoration:none;text-indent:0px;text-transform:none}._h3_1xwl1_29{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h4_1xwl1_41{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h5_1xwl1_53{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h6_1xwl1_65{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:1;line-height:24px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h7_1xwl1_77{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:Extra Bold;letter-spacing:1;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h8_1xwl1_89{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:Extra Bold;letter-spacing:1.5;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._body-large_1xwl1_101{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._body-regular_1xwl1_113{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-semibold_1xwl1_125{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Semi Bold;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-italic_1xwl1_137{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Italic;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._detail-medium_1xwl1_149{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-bold_1xwl1_161{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-upper-case_1xwl1_173{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:Extra Bold;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._ccBtn_7njhf_5{display:flex;width:100%;height:40px;align-items:center;align-self:stretch;padding:8px 16px;border-color:transparent;border-radius:12px;background-color:#f4f3f6;color:#201649;cursor:pointer;font-size:14px}._dividerContainer_10eh1_5{display:flex;align-items:center}._dividerLine_10eh1_10{height:1px;flex-grow:1}._fieldset_1e2kt_5{border:none}._labelPill_37b6j_5{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819C}._labelPill_37b6j_5 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_37b6j_17{height:20px;padding:0 8px}._labelPill--small_37b6j_17 span{font-size:10px;font-weight:800;text-transform:uppercase}._labelPill--medium_37b6j_26{padding:4px 8px}._labelPill--medium_37b6j_26 span{font-size:12px;font-weight:700}._legend_fehrw_5{display:flex;flex-direction:column;padding-bottom:12px;gap:8px}._legend_fehrw_5 ._text_fehrw_11{color:#635c80}._menuItem_143wx_5{display:flex;width:100%;flex-shrink:0;align-items:center;padding:0 8px;background-color:#fff;color:#201649;gap:8px;text-decoration:none;cursor:pointer}._menuItem_143wx_5 ._highlightFrame_143wx_17{display:flex;flex:1;align-items:center;padding:8px;border-radius:8px;gap:8px}._menuItem_143wx_5 ._rightIcon_143wx_25{display:inherit;margin-left:auto}._menuItem_143wx_5 ._rightIcon_143wx_25 svg path{stroke:#635c80!important}._menuItem--selected_143wx_32 ._highlightFrame_143wx_17{background-color:#f2fbc4}._menuItem--selected_143wx_32 ._highlightFrame_143wx_17 svg path{stroke:#738c00}._menuItem--selected_143wx_32:hover{color:#738c00}._menuItem_143wx_5:not(._menuItem--selected_143wx_32):active{background-color:#f4f3f6}._menuItem_143wx_5:not(._menuItem--selected_143wx_32):hover{color:#635c80}._menuItem_143wx_5:not(._menuItem--selected_143wx_32):hover svg path{stroke:#635c80}._menuItem_143wx_5:not(._menuItem--selected_143wx_32):hover ._highlightFrame_143wx_17{background-color:#f4f3f6}._bubbleContent_1wprd_5{position:relative;display:inline-block}._bubble_1wprd_5{position:absolute;z-index:auto;top:6px;right:6px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background-color:#ff9de2;color:#201649;font-size:12px;font-weight:700;text-align:center;transform:translate(50%,-50%);transform-origin:100% 0;white-space:nowrap}._bubble--empty_1wprd_30{width:12px;height:12px}._root_sno8x_12{position:relative;overflow:hidden;flex-shrink:0;border:solid 1px}._root--24_sno8x_18{width:24px;height:24px}._root--28_sno8x_22{width:28px;height:28px}._root--32_sno8x_26{width:32px;height:32px}._root--40_sno8x_30{width:40px;height:40px}._root--48_sno8x_34{width:48px;height:48px}._root--56_sno8x_38{width:56px;height:56px}._root--64_sno8x_42{width:64px;height:64px}._root--80_sno8x_46{width:80px;height:80px}._root--120_sno8x_50{width:120px;height:120px}._root--280_sno8x_54{width:280px;height:280px}._root--square_sno8x_58._root--24_sno8x_18,._root--square_sno8x_58._root--32_sno8x_26{border-radius:4px}._root--square_sno8x_58._root--40_sno8x_30,._root--square_sno8x_58._root--48_sno8x_34{border-radius:8px}._root--square_sno8x_58._root--56_sno8x_38,._root--square_sno8x_58._root--64_sno8x_42{border-radius:12px}._root--square_sno8x_58._root--80_sno8x_46,._root--square_sno8x_58._root--120_sno8x_50{border-radius:16px}._root--circular_sno8x_70{border-radius:50%}._root--isPlaceholder_sno8x_73:before{position:absolute;z-index:1;width:100%;height:100%;content:"";opacity:.4}._root_sno8x_12 img{width:100%;height:100%;object-fit:cover}._switch_1nqgr_5{position:relative;display:inline-block;width:48px;height:28px}._switch_1nqgr_5 input{position:absolute;z-index:2;width:48px;height:28px;cursor:pointer;opacity:0}._switch_1nqgr_5 ._slider_1nqgr_19{z-index:1;display:block;width:100%;height:100%;border-radius:34px;background-color:#e9e8ed;box-shadow:0 1px 3px #0003 inset;cursor:pointer;transition:.4s}._switch_1nqgr_5 ._slider_1nqgr_19:before{position:absolute;right:3px;bottom:2px;width:24px;height:24px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px #0003;content:"";transform:translate(-18px);transition:.4s}._switch_1nqgr_5 ._slider_1nqgr_19._focusVisible_1nqgr_43{box-shadow:0 0 0 3px #cae85d}._switch_1nqgr_5 input:checked+._slider_1nqgr_19{background-color:#b5d622}._switch_1nqgr_5 input:checked+._slider_1nqgr_19:before{transform:translate(0)}._toggleInput_1wk6s_5{display:flex;width:100%;align-items:center;padding:8px 16px;background-color:#fff;color:#635c80;cursor:pointer;gap:12px}._toggleInput_1wk6s_5 svg{flex-shrink:0}._toggleInput_1wk6s_5 ._textLabel_1wk6s_18{flex-grow:1}._toggleInput_1wk6s_5 ._switch_1wk6s_21{flex-shrink:0}._toggleInput--checked_1wk6s_24{color:#201649}._toggleInput--withBorder_1wk6s_27{padding:12px 16px;border-radius:16px;box-shadow:inset 0 0 0 1px}