@simplybusiness/theme-simplybusiness 0.3.0 → 0.4.0

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 (4) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/index.css +42 -1183
  3. package/package.json +5 -5
  4. package/src/index.css +1 -0
package/dist/index.css CHANGED
@@ -26,15 +26,12 @@
26
26
  .mobius-accordion__content.--is-open{
27
27
  overflow:visible;
28
28
  opacity:1;
29
- margin-top:8px;
30
29
  margin-top:var(--size-xs);
31
30
  }
32
31
  .mobius-accordion__link{
33
32
  display:flex;
34
33
  align-items:center;
35
- border-radius:4px;
36
34
  border-radius:var(--radius-1);
37
- color:#4632d8;
38
35
  color:var(--color-secondary);
39
36
  cursor:pointer;
40
37
  outline:none;
@@ -45,18 +42,14 @@
45
42
  }
46
43
  .mobius-accordion__link:hover,
47
44
  .mobius-accordion__link:active{
48
- color:#2a1e81;
49
45
  color:var(--color-secondary-hover);
50
46
  }
51
47
  .mobius-accordion__link:focus-visible{
52
48
  outline:none;
53
- box-shadow:0 0 0 2px #e943c9;
54
49
  box-shadow:var(--box-shadow-default);
55
50
  }
56
51
  .mobius-accordion__link-text{
57
- margin-right:8px;
58
52
  margin-right:var(--size-xs);
59
- line-height:1.5;
60
53
  line-height:var(--line-height-normal);
61
54
  }
62
55
  .mobius-accordion__link-icon{
@@ -69,15 +62,11 @@
69
62
  display:flex;
70
63
  flex-grow:1;
71
64
  align-items:center;
72
- font-size:14px;
73
65
  font-size:var(--font-size-2);
74
- color:#18181d;
75
66
  color:var(--color-text);
76
67
  border:2px solid;
77
68
  border-color:inherit;
78
- border-radius:4px;
79
69
  border-radius:var(--radius-1);
80
- padding:16px;
81
70
  padding:var(--size-sm);
82
71
  }
83
72
  .mobius-alert.--has-header{
@@ -87,40 +76,29 @@
87
76
  margin-top:2px;
88
77
  }
89
78
  .mobius-alert.--info{
90
- border-color:#176fae;
91
79
  border-color:var(--color-info);
92
- background-color:#e8f1f7;
93
80
  background-color:var(--color-info-background);
94
81
  }
95
82
  .mobius-alert.--success{
96
- border-color:#008744;
97
83
  border-color:var(--color-valid);
98
- background-color:#e6f3ed;
99
84
  background-color:var(--color-valid-background);
100
85
  }
101
86
  .mobius-alert.--warning{
102
- border-color:#ffba00;
103
87
  border-color:var(--color-warning);
104
- background-color:#fff9e6;
105
88
  background-color:var(--color-warning-background);
106
89
  }
107
90
  .mobius-alert.--error{
108
- border-color:#b90909;
109
91
  border-color:var(--color-error);
110
- background-color:#f8e7e7;
111
92
  background-color:var(--color-error-background);
112
93
  }
113
94
  .mobius-alert__icon{
114
- margin-right:16px;
115
95
  margin-right:var(--size-sm);
116
96
  }
117
97
  .mobius-alert__icon .mobius-icon{
118
98
  height:1.32em;
119
99
  }
120
100
  .mobius-alert__header{
121
- margin:0 0 4px;
122
101
  margin:0 0 var(--size-xxs);
123
- font-size:16px;
124
102
  font-size:var(--font-size-regular);
125
103
  font-weight:600;
126
104
  }
@@ -129,15 +107,10 @@
129
107
  }
130
108
  .mobius-breadcrumb{
131
109
  box-sizing:border-box;
132
- background-color:#f3f3f3;
133
110
  background-color:var(--color-background-light);
134
- padding-top:24px;
135
111
  padding-top:var(--size-md);
136
- padding-bottom:24px;
137
112
  padding-bottom:var(--size-md);
138
- padding-left:16px;
139
113
  padding-left:var(--size-sm);
140
- padding-right:16px;
141
114
  padding-right:var(--size-sm);
142
115
  display:flex;
143
116
  flex-direction:row;
@@ -154,16 +127,13 @@
154
127
  }
155
128
  .mobius-breadcrumb__item{
156
129
  box-sizing:border-box;
157
- color:#18181d;
158
130
  color:var(--color-text);
159
131
  display:flex;
160
132
  flex-direction:row;
161
133
  align-items:center;
162
134
  }
163
135
  .mobius-breadcrumb__separator{
164
- margin-left:8px;
165
136
  margin-left:var(--size-xs);
166
- margin-right:8px;
167
137
  margin-right:var(--size-xs);
168
138
  }
169
139
  :root,
@@ -180,124 +150,96 @@
180
150
  -webkit-text-decoration:none;
181
151
  -webkit-text-decoration:none;
182
152
  text-decoration:none;
183
- font-family:museosans, Arial, sans-serif;
184
153
  font-family:var(--font-family);
185
154
  cursor:pointer;
186
155
  color:var(--button-content-color);
187
- font-weight:700;
188
156
  font-weight:var(--font-weight-bold);
189
- border-radius:4px;
190
157
  border-radius:var(--button-border-radius);
191
- border-width:2px;
192
158
  border-width:var(--size-border-width);
193
159
  border-color:transparent;
194
160
  border-style:solid;
195
161
  position:relative;
196
162
  margin:0;
197
- transition:color 160ms ease-in-out, background-color 160ms ease-in-out;
198
163
  transition:color var(--transition-standard), background-color var(--transition-standard);
199
164
  }
200
165
  .mobius-button:where(.--has-icon){
201
166
  display:inline-flex;
202
- gap:8px;
203
167
  gap:var(--size-xs);
204
168
  }
205
169
  .mobius-button:where(.--size-sm){
206
- font-size:16px;
207
170
  font-size:var(--font-size-3);
208
171
  line-height:16px;
209
- padding:10px 16px;
210
172
  padding:10px var(--size-sm);
211
173
  }
212
174
  .mobius-button:where(.--size-md){
213
- font-size:20px;
214
175
  font-size:var(--font-size-4);
215
176
  line-height:24px;
216
- padding:14px 24px;
217
177
  padding:14px var(--size-md);
218
178
  }
219
179
  .mobius-button:where(.--size-lg){
220
- font-size:24px;
221
180
  font-size:var(--font-size-5);
222
181
  line-height:32px;
223
- padding:14px 24px;
224
182
  padding:14px var(--size-md);
225
183
  }
226
184
  .mobius-button:where(.--variant-primary){
227
185
  --button-content-color:var(--color-text-inverted);
228
- background-color:#4632d8;
229
186
  background-color:var(--button-variant-primary-color);
230
- font-variation-settings:normal;
231
187
  font-variation-settings:var(
232
188
  --button-variant-primary-font-variation-settings
233
189
  );
234
190
  }
235
191
  .mobius-button:where(.--variant-primary):where(:active),
236
192
  .mobius-button:where(.--variant-primary):where(:hover){
237
- background-color:#2a1e81;
238
193
  background-color:var(--button-variant-primary-hover-color);
239
194
  }
240
195
  .mobius-button:where(.--variant-primary):where(:focus-visible){
241
- box-shadow:0 0 0 2px #e943c9;
242
196
  box-shadow:var(--box-shadow-default);
243
197
  }
244
198
  .mobius-button:where(.--variant-primary):where(.--is-disabled){
245
199
  --button-content-color:var(--color-text-light);
246
- background-color:#5d5d60;
247
200
  background-color:var(--color-background-medium);
248
201
  cursor:not-allowed;
249
202
  }
250
203
  .mobius-button:where(.--variant-secondary){
251
204
  --button-content-color:var(--color-secondary);
252
205
  background-color:transparent;
253
- border-color:#4632d8;
254
206
  border-color:var(--color-secondary);
255
207
  }
256
208
  .mobius-button:where(.--variant-secondary):where(:active),
257
209
  .mobius-button:where(.--variant-secondary):where(:hover){
258
210
  --button-content-color:var(--color-text-inverted);
259
- background-color:#2a1e81;
260
211
  background-color:var(--color-secondary-hover);
261
- border-color:#2a1e81;
262
212
  border-color:var(--color-secondary-hover);
263
213
  }
264
214
  .mobius-button:where(.--variant-secondary):where(:focus-visible){
265
- box-shadow:0 0 0 2px #e943c9;
266
215
  box-shadow:var(--box-shadow-default);
267
216
  }
268
217
  .mobius-button:where(.--variant-secondary):where(.--is-disabled){
269
218
  --button-content-color:var(--color-text-light);
270
219
  border-color:transparent;
271
- background-color:#5d5d60;
272
220
  background-color:var(--color-background-medium);
273
221
  cursor:not-allowed;
274
222
  }
275
223
  .mobius-button:where(.--variant-ghost){
276
224
  --button-content-color:var(--color-secondary);
277
- background-color:#f6f5fd;
278
225
  background-color:var(--color-background-highlight);
279
- border:2px solid #9084e8;
280
226
  border:var(--border-default);
281
227
  border-color:transparent;
282
228
  }
283
229
  .mobius-button:where(.--variant-ghost):where(:active){
284
- background-color:#2a1e81;
285
230
  background-color:var(--color-secondary-hover);
286
231
  }
287
232
  .mobius-button:where(.--variant-ghost):where(:hover){
288
233
  --button-content-color:var(--color-text-inverted);
289
234
  border-color:transparent;
290
- background-color:#2a1e81;
291
235
  background-color:var(--color-secondary-hover);
292
236
  }
293
237
  .mobius-button:where(.--variant-ghost):where(:focus-visible){
294
- box-shadow:0 0 0 2px #e943c9;
295
238
  box-shadow:var(--box-shadow-default);
296
239
  }
297
240
  .mobius-button:where(.--variant-ghost):where(.--is-disabled){
298
241
  --button-content-color:var(--color-text-light);
299
242
  border-color:transparent;
300
- background-color:#5d5d60;
301
243
  background-color:var(--color-background-medium);
302
244
  cursor:not-allowed;
303
245
  }
@@ -307,23 +249,18 @@
307
249
  background-color:transparent;
308
250
  }
309
251
  .mobius-button:where(.--variant-basic):where(:active){
310
- background-color:#f3f3f3;
311
252
  background-color:var(--color-background-light);
312
253
  }
313
254
  .mobius-button:where(.--variant-basic):where(:hover){
314
- background-color:#f3f3f3;
315
255
  background-color:var(--color-background-light);
316
256
  }
317
257
  .mobius-button:where(.--variant-basic):where(.--is-disabled){
318
258
  --button-content-color:var(--color-text-light);
319
- background-color:#5d5d60;
320
259
  background-color:var(--color-background-medium);
321
260
  cursor:not-allowed;
322
261
  }
323
262
  .mobius-button:where(.--is-success){
324
- background-color:#008744;
325
263
  background-color:var(--color-valid);
326
- border-color:#008744;
327
264
  border-color:var(--color-valid);
328
265
  color:transparent;
329
266
  }
@@ -332,26 +269,21 @@
332
269
  visibility:hidden;
333
270
  }
334
271
  .mobius-button:where(.--is-success) [data-icon="tick"] path{
335
- fill:#ffffff;
336
272
  fill:var(--color-text-inverted);
337
273
  }
338
274
  .mobius-button:where(.--is-success):where(.--variant-link) [data-icon="tick"] path{
339
275
  fill:var(--button-content-color);
340
276
  }
341
277
  .mobius-button:where(.--is-success):where(:hover){
342
- background-color:#006633;
343
278
  background-color:var(--color-valid-hover);
344
- border-color:#006633;
345
279
  border-color:var(--color-valid-hover);
346
280
  }
347
281
  .mobius-button:where(.--is-success):where(:active){
348
- background-color:#008744;
349
282
  background-color:var(--color-valid);
350
283
  }
351
284
  .mobius-button:where(.--is-success):where(.--is-disabled){
352
285
  border-color:transparent;
353
286
  color:transparent;
354
- background-color:#5d5d60;
355
287
  background-color:var(--color-background-medium);
356
288
  cursor:not-allowed;
357
289
  }
@@ -367,9 +299,7 @@
367
299
  }
368
300
  .mobius-button:where(.--variant-link){
369
301
  --button-content-color:var(--color-secondary);
370
- -webkit-appearance:none;
371
- -moz-appearance:none;
372
- appearance:none;
302
+ appearance:none;
373
303
  border:none;
374
304
  padding:0;
375
305
  background-color:transparent;
@@ -386,7 +316,6 @@
386
316
  cursor:pointer;
387
317
  }
388
318
  .mobius-button:where(.--variant-link):focus-visible{
389
- box-shadow:0 0 0 2px #e943c9;
390
319
  box-shadow:0 0 0 var(--size-focus-ring) var(--color-focus);
391
320
  padding:3px 0;
392
321
  }
@@ -401,21 +330,14 @@
401
330
  right:0;
402
331
  bottom:0;
403
332
  display:grid;
404
- align-items:center;
405
- justify-items:center;
406
- align-items:center;
407
- justify-items:center;
408
333
  place-items:center;
409
334
  }
410
335
  a.mobius-button:focus-visible,
411
336
  .mobius-button:focus-visible{
412
- box-shadow:0 0 0 2px #e943c9;
413
337
  box-shadow:var(--box-shadow-default);
414
338
  }
415
339
  .mobius-checkbox__input{
416
- -webkit-appearance:none;
417
- -moz-appearance:none;
418
- appearance:none;
340
+ appearance:none;
419
341
  position:absolute;
420
342
  margin-top:2px;
421
343
  margin-left:0px;
@@ -427,15 +349,11 @@ a.mobius-button:focus-visible,
427
349
  outline:none;
428
350
  }
429
351
  .mobius-checkbox__input.--is-disabled{
430
- color:#d1d1d2;
431
352
  color:var(--color-text-light);
432
- border-color:#d1d1d2;
433
353
  border-color:var(--color-border-medium);
434
- background-color:#f3f3f3;
435
354
  background-color:var(--color-background-light);
436
355
  }
437
356
  .--is-invalid .mobius-checkbox__input:not(.--is-disabled){
438
- border-color:#b90909;
439
357
  border-color:var(--color-error);
440
358
  }
441
359
  .mobius-checkbox__label{
@@ -443,93 +361,65 @@ a.mobius-button:focus-visible,
443
361
  display:flex;
444
362
  align-items:flex-start;
445
363
  flex-direction:row;
446
- border:2px solid #9084e8;
447
364
  border:var(--border-default);
448
- border-radius:4px;
449
365
  border-radius:var(--radius-1);
450
- padding:14px 16px;
451
366
  padding:var(--input-field-padding-tight);
452
367
  position:relative;
453
- -webkit-user-select:none;
454
- -moz-user-select:none;
455
- user-select:none;
368
+ user-select:none;
456
369
  cursor:pointer;
457
- background-color:#ffffff;
458
370
  background-color:var(--color-background-input);
459
371
  }
460
372
  .mobius-checkbox__label.--is-disabled{
461
- color:#d1d1d2;
462
373
  color:var(--color-text-light);
463
- border-color:#d1d1d2;
464
374
  border-color:var(--color-border-medium);
465
- background-color:#f3f3f3;
466
375
  background-color:var(--color-background-light);
467
376
  cursor:not-allowed;
468
377
  }
469
378
  .mobius-checkbox__label.--is-disabled .mobius-checkbox__icon{
470
- color:#d1d1d2;
471
379
  color:var(--color-text-light);
472
380
  }
473
381
  .mobius-checkbox__label:hover:not(.--is-disabled):not(.mobius-checkbox__label.--is-invalid){
474
- border-color:#4632d8;
475
382
  border-color:var(--color-primary);
476
- background-color:#f6f5fd;
477
383
  background-color:var(--color-background-input-active);
478
384
  }
479
385
  .mobius-checkbox__label:hover:not(.--is-disabled):not(.mobius-checkbox__label.--is-invalid) .mobius-checkbox__input{
480
- border-color:#4632d8;
481
386
  border-color:var(--color-primary);
482
387
  }
483
388
  .mobius-checkbox__label:hover:not(.--is-disabled):not(.mobius-checkbox__label.--is-invalid) .mobius-checkbox__icon{
484
- color:#4632d8;
485
389
  color:var(--color-primary);
486
390
  }
487
391
  .mobius-checkbox__label:focus-within:not(.--is-disabled):not(.--is-invalid){
488
- box-shadow:0 0 0 2px #e943c9;
489
392
  box-shadow:var(--box-shadow-default);
490
- border-color:#4632d8;
491
393
  border-color:var(--color-primary);
492
- background-color:#f6f5fd;
493
394
  background-color:var(--color-background-input-active);
494
395
  }
495
396
  .mobius-checkbox__label:focus-within:not(.--is-disabled):not(.--is-invalid) .mobius-checkbox__icon{
496
- color:#4632d8;
497
397
  color:var(--color-primary);
498
398
  }
499
399
  .mobius-checkbox__label.--is-invalid:not(.--is-disabled){
500
- border-color:#b90909;
501
400
  border-color:var(--color-error);
502
- color:#b90909;
503
401
  color:var(--color-error);
504
402
  }
505
403
  .mobius-checkbox__label.--is-invalid:not(.--is-disabled):hover,
506
404
  .mobius-checkbox__label.--is-invalid:not(.--is-disabled):focus-within{
507
- background-color:#f8e7e7;
508
405
  background-color:var(--color-error-background);
509
406
  }
510
407
  .mobius-checkbox__label.--is-invalid:not(.--is-disabled) .mobius-checkbox__icon{
511
- color:#b90909;
512
408
  color:var(--color-error);
513
409
  }
514
410
  .mobius-checkbox__label.--is-invalid:not(.--is-disabled) .mobius-checkbox__input{
515
- border-color:#b90909;
516
411
  border-color:var(--color-error);
517
412
  }
518
413
  .mobius-checkbox__icon{
519
414
  position:relative;
520
- color:#9084e8;
521
415
  color:var(--color-primary-light);
522
416
  }
523
417
  .mobius-checkbox__visible-label{
524
418
  box-sizing:border-box;
525
419
  width:100%;
526
- font-family:museosans, Arial, sans-serif;
527
420
  font-family:var(--font-family);
528
- line-height:1.5;
529
421
  line-height:var(--line-height-normal);
530
- font-size:16px;
531
422
  font-size:var(--font-size-regular);
532
- margin-left:16px;
533
423
  margin-left:var(--size-sm);
534
424
  }
535
425
  .mobius-checkbox-group{
@@ -537,7 +427,6 @@ a.mobius-button:focus-visible,
537
427
  }
538
428
  .mobius-checkbox-group .mobius-checkbox-group__wrapper{
539
429
  display:grid;
540
- margin-bottom:16px;
541
430
  margin-bottom:var(--size-sm);
542
431
  }
543
432
  .mobius-checkbox-group .mobius-checkbox,
@@ -546,11 +435,9 @@ a.mobius-button:focus-visible,
546
435
  }
547
436
  .mobius-checkbox-group.--is-horizontal .mobius-checkbox-group__wrapper{
548
437
  grid-template-columns:repeat(var(--checkbox-items-per-row), 1fr);
549
- gap:16px;
550
438
  gap:var(--size-sm);
551
439
  }
552
440
  .mobius-checkbox-group.--is-vertical .mobius-checkbox-group__wrapper{
553
- gap:8px;
554
441
  gap:var(--size-xs);
555
442
  }
556
443
  .mobius-checkbox-group:where(.--is-optional) > :where(.mobius-label)::after{
@@ -562,11 +449,9 @@ a.mobius-button:focus-visible,
562
449
  margin-right:auto;
563
450
  }
564
451
  .mobius-container.--is-sm{
565
- max-width:1004px;
566
452
  max-width:var(--size-inner-container);
567
453
  }
568
454
  .mobius-container.--is-md{
569
- max-width:1200px;
570
455
  max-width:var(--size-container);
571
456
  }
572
457
  .mobius-divider{
@@ -575,13 +460,11 @@ a.mobius-button:focus-visible,
575
460
  align-items:center;
576
461
  justify-content:center;
577
462
  width:100%;
578
- height:32px;
579
463
  height:var(--size-lg);
580
464
  }
581
465
  .mobius-divider__inner{
582
466
  width:100%;
583
467
  height:1px;
584
- background-color:#f3f3f3;
585
468
  background-color:var(--color-background-light);
586
469
  }
587
470
  :root,
@@ -608,7 +491,6 @@ a.mobius-button:focus-visible,
608
491
  padding:0;
609
492
  margin:0;
610
493
  border:none;
611
- background-color:#ffffff;
612
494
  background-color:var(--color-background);
613
495
  overflow:hidden;
614
496
  }
@@ -619,10 +501,8 @@ a.mobius-button:focus-visible,
619
501
  outline:none;
620
502
  }
621
503
  .mobius-drawer::backdrop{
622
- background-color:#18181d;
623
504
  background-color:var(--color-neutral-700);
624
505
  opacity:0;
625
- transition:opacity 0 ease-in-out;
626
506
  transition:opacity var(--drawer-transition-duration) ease-in-out;
627
507
  }
628
508
  .mobius-drawer + .backdrop{
@@ -631,11 +511,10 @@ a.mobius-button:focus-visible,
631
511
  right:0;
632
512
  bottom:0;
633
513
  left:0;
634
- background-color:#18181d;
635
514
  background-color:var(--color-neutral-700);
636
515
  opacity:0.3;
637
516
  }
638
- .mobius-drawer + .backdrop + ._dialog_overlay{
517
+ :is(.mobius-drawer + .backdrop) + ._dialog_overlay{
639
518
  position:fixed;
640
519
  top:0;
641
520
  right:0;
@@ -648,7 +527,6 @@ a.mobius-button:focus-visible,
648
527
  max-width:100vw;
649
528
  height:var(--drawer-height);
650
529
  max-height:var(--drawer-height);
651
- transition:transform 0 ease-in-out;
652
530
  transition:transform var(--drawer-transition-duration) ease-in-out;
653
531
  }
654
532
  .mobius-drawer.--left,
@@ -658,7 +536,6 @@ a.mobius-button:focus-visible,
658
536
  max-width:var(--drawer-width);
659
537
  height:100vh;
660
538
  max-height:100vh;
661
- transition:transform 0 ease-in-out;
662
539
  transition:transform var(--drawer-transition-duration) ease-in-out;
663
540
  }
664
541
  .mobius-drawer:not(.--should-transition){
@@ -714,21 +591,14 @@ a.mobius-button:focus-visible,
714
591
  display:grid;
715
592
  grid-template-columns:1fr auto;
716
593
  justify-content:space-between;
717
- grid-gap:16px;
718
- grid-gap:var(--size-sm);
719
- gap:16px;
720
594
  gap:var(--size-sm);
721
595
  align-items:center;
722
- padding:16px 32px;
723
596
  padding:var(--size-sm) var(--size-lg);
724
597
  padding-bottom:0;
725
- font-family:museosans, Arial, sans-serif;
726
598
  font-family:var(--font-family);
727
- font-size:24px;
728
599
  font-size:var(--font-size-small-title);
729
600
  }
730
601
  .mobius-drawer__header button{
731
- color:#4632d8;
732
602
  color:var(--color-primary);
733
603
  }
734
604
  .mobius-drawer__header img{
@@ -736,11 +606,8 @@ a.mobius-button:focus-visible,
736
606
  }
737
607
  .mobius-drawer__content{
738
608
  flex-grow:1;
739
- padding:32px;
740
609
  padding:var(--size-lg);
741
- padding-top:16px;
742
610
  padding-top:var(--size-sm);
743
- font-family:museosans, Arial, sans-serif;
744
611
  font-family:var(--font-family);
745
612
  overflow-y:auto;
746
613
  }
@@ -750,94 +617,69 @@ a.mobius-button:focus-visible,
750
617
  }
751
618
  .mobius-dropdown-menu{
752
619
  position:relative;
753
- max-width:200px;
754
620
  max-width:var(--dropdown-menu-max-width);
755
621
  width:100%;
756
622
  }
757
623
  .mobius-dropdown-menu__trigger{
758
624
  width:100%;
759
625
  text-align:right;
760
- -webkit-appearance:none;
761
- -moz-appearance:none;
762
- appearance:none;
626
+ appearance:none;
763
627
  border:none;
764
628
  background-color:transparent;
765
- font-size:16px;
766
629
  font-size:var(--font-size-regular);
767
630
  cursor:pointer;
768
- padding:8px 0;
769
631
  padding:var(--size-xs) 0;
770
- color:#4632d8;
771
632
  color:var(--color-primary);
772
633
  }
773
634
  .mobius-dropdown-menu__list{
774
635
  display:none;
775
636
  width:100%;
776
- box-shadow:0 0 24px rgba(0, 0, 0, 0.2);
777
637
  box-shadow:0 0 var(--size-md) rgba(0, 0, 0, 0.2);
778
- border-radius:4px;
779
638
  border-radius:var(--radius-1);
780
- margin-top:16px;
781
639
  margin-top:var(--size-sm);
782
640
  margin-bottom:0;
783
641
  padding-left:0;
784
642
  list-style-type:none;
785
643
  overflow:hidden;
786
644
  text-align:left;
787
- color:#18181d;
788
645
  color:var(--color-text);
789
646
  }
790
647
  .mobius-dropdown-menu__list.--is-open{
791
648
  display:block;
792
649
  position:absolute;
793
650
  z-index:2;
794
- background-color:#ffffff;
795
651
  background-color:var(--color-background);
796
652
  }
797
653
  .mobius-dropdown-menu__item{
798
654
  display:block;
799
655
  cursor:pointer;
800
- padding:16px;
801
656
  padding:var(--size-sm);
802
- border-left:4px solid transparent;
803
657
  border-left:var(--size-xxs) solid transparent;
804
658
  }
805
659
  .mobius-dropdown-menu__item:hover{
806
- background-color:#f6f5fd;
807
660
  background-color:var(--color-background-highlight);
808
- color:#4632d8;
809
661
  color:var(--color-primary);
810
- border-color:#4632d8;
811
662
  border-color:var(--color-primary);
812
663
  }
813
664
  .mobius-dropdown-menu__item:focus-visible{
814
- background-color:#f6f5fd;
815
665
  background-color:var(--color-background-highlight);
816
- color:#4632d8;
817
666
  color:var(--color-primary);
818
- border-color:#4632d8;
819
667
  border-color:var(--color-primary);
820
668
  }
821
669
  .mobius-dropdown-menu__item:focus-visible{
822
670
  outline:none;
823
671
  }
824
672
  .mobius-dropdown-menu__item.--is-active{
825
- border-left-color:#4632d8;
826
673
  border-left-color:var(--color-primary);
827
674
  }
828
675
  .mobius-error-message{
829
676
  box-sizing:border-box;
830
677
  display:grid;
831
- grid-gap:8px;
832
- grid-gap:var(--size-xs);
833
- gap:8px;
834
678
  gap:var(--size-xs);
835
679
  grid-template-columns:min-content 1fr;
836
- color:#b90909;
837
680
  color:var(--color-error);
838
681
  }
839
682
  .mobius-error-message__text.mobius-text{
840
- line-height:16px;
841
683
  line-height:var(--font-size-regular);
842
684
  }
843
685
  .mobius-fieldset{
@@ -845,15 +687,12 @@ a.mobius-button:focus-visible,
845
687
  flex-direction:column;
846
688
  }
847
689
  .mobius-fieldset .mobius-text-field{
848
- margin-bottom:16px;
849
690
  margin-bottom:var(--size-sm);
850
691
  }
851
692
  .mobius-fieldset__legend{
852
693
  box-sizing:border-box;
853
- margin-bottom:16px;
854
694
  margin-bottom:var(--size-sm);
855
695
  padding:0;
856
- font-weight:700;
857
696
  font-weight:var(--font-weight-bold);
858
697
  }
859
698
  .mobius-flex{
@@ -901,33 +740,22 @@ a.mobius-button:focus-visible,
901
740
  }
902
741
  .mobius-label{
903
742
  box-sizing:border-box;
904
- font-size:16px;
905
743
  font-size:var(--font-size-regular);
906
- line-height:1.5;
907
744
  line-height:var(--line-height-normal);
908
- font-family:museosans, Arial, sans-serif;
909
745
  font-family:var(--font-family);
910
- font-weight:700;
911
746
  font-weight:var(--label-font-weight);
912
- font-variation-settings:normal;
913
747
  font-variation-settings:var(--label-font-variation-settings);
914
- color:#18181d;
915
748
  color:var(--color-text);
916
749
  }
917
750
  .mobius-label.--is-invalid:not(.--is-disabled){
918
- color:#b90909;
919
751
  color:var(--color-error);
920
752
  }
921
753
  .mobius-link{
922
754
  box-sizing:border-box;
923
- font-family:museosans, Arial, sans-serif;
924
755
  font-family:var(--font-family);
925
- line-height:1.5;
926
756
  line-height:var(--line-height-normal);
927
- color:#4632d8;
928
757
  color:var(--color-secondary);
929
758
  outline:none;
930
- border-radius:4px;
931
759
  border-radius:var(--radius-1);
932
760
  }
933
761
  .mobius-link:hover,
@@ -936,23 +764,19 @@ a.mobius-button:focus-visible,
936
764
  -webkit-text-decoration:underline;
937
765
  text-decoration:underline;
938
766
  cursor:pointer;
939
- color:#2a1e81;
940
767
  color:var(--color-secondary-hover);
941
768
  }
942
769
  .mobius-link:focus-visible{
943
- box-shadow:0 0 0 2px #e943c9;
944
770
  box-shadow:var(--box-shadow-default);
945
771
  padding:3px 0;
946
772
  }
947
773
  .mobius-link.--is-disabled{
948
- color:#d1d1d2;
949
774
  color:var(--color-text-light);
950
775
  pointer-events:none;
951
776
  cursor:not-allowed;
952
777
  }
953
778
  .mobius-list{
954
779
  box-sizing:border-box;
955
- font-family:museosans, Arial, sans-serif;
956
780
  font-family:var(--font-family);
957
781
  width:100%;
958
782
  text-align:left;
@@ -984,7 +808,6 @@ a.mobius-button:focus-visible,
984
808
  }
985
809
  .mobius-list__item.--has-icon{
986
810
  list-style-type:none;
987
- margin-bottom:8px;
988
811
  margin-bottom:var(--size-xs);
989
812
  }
990
813
  .mobius-list__item.--has-icon p{
@@ -996,11 +819,9 @@ a.mobius-button:focus-visible,
996
819
  }
997
820
  .mobius-list__icon{
998
821
  flex-shrink:0;
999
- margin-right:8px;
1000
822
  margin-right:var(--size-xs);
1001
823
  }
1002
824
  .mobius-loading-indicator{
1003
- color:#4632d8;
1004
825
  color:var(--color-primary);
1005
826
  }
1006
827
  :root,
@@ -1024,10 +845,8 @@ a.mobius-button:focus-visible,
1024
845
  max-height:80%;
1025
846
  padding:0;
1026
847
  margin:auto;
1027
- background-color:#ffffff;
1028
848
  background-color:var(--color-background);
1029
849
  border:none;
1030
- border-radius:4px;
1031
850
  border-radius:var(--radius-1);
1032
851
  overflow:hidden;
1033
852
  }
@@ -1038,10 +857,8 @@ a.mobius-button:focus-visible,
1038
857
  outline:none;
1039
858
  }
1040
859
  .mobius-modal::backdrop{
1041
- background-color:#18181d;
1042
860
  background-color:var(--color-neutral-700);
1043
861
  opacity:0;
1044
- transition:opacity 0 ease-in-out;
1045
862
  transition:opacity var(--modal-transition-duration) ease-in-out;
1046
863
  }
1047
864
  .mobius-modal + .backdrop{
@@ -1050,11 +867,10 @@ a.mobius-button:focus-visible,
1050
867
  right:0;
1051
868
  bottom:0;
1052
869
  left:0;
1053
- background-color:#18181d;
1054
870
  background-color:var(--color-neutral-700);
1055
871
  opacity:0.3;
1056
872
  }
1057
- .mobius-modal + .backdrop + ._dialog_overlay{
873
+ :is(.mobius-modal + .backdrop) + ._dialog_overlay{
1058
874
  position:fixed;
1059
875
  top:0;
1060
876
  right:0;
@@ -1084,11 +900,9 @@ a.mobius-button:focus-visible,
1084
900
  opacity:0.3;
1085
901
  }
1086
902
  .mobius-modal.--fade{
1087
- transition:opacity 0 ease-in-out;
1088
903
  transition:opacity var(--modal-transition-duration) ease-in-out;
1089
904
  }
1090
905
  .mobius-modal.--slide-up{
1091
- transition:transform 0 ease-in-out;
1092
906
  transition:transform var(--modal-transition-duration) ease-in-out;
1093
907
  }
1094
908
  .mobius-modal.--should-transition.--transition::backdrop{
@@ -1110,28 +924,18 @@ a.mobius-button:focus-visible,
1110
924
  display:grid;
1111
925
  grid-template-columns:1fr auto;
1112
926
  justify-content:space-between;
1113
- grid-gap:16px;
1114
- grid-gap:var(--size-sm);
1115
- gap:16px;
1116
927
  gap:var(--size-sm);
1117
928
  align-items:center;
1118
- padding:8px;
1119
929
  padding:var(--size-xs);
1120
- padding-left:16px;
1121
930
  padding-left:var(--size-sm);
1122
- font-family:museosans, Arial, sans-serif;
1123
931
  font-family:var(--font-family);
1124
- font-size:24px;
1125
932
  font-size:var(--font-size-small-title);
1126
933
  margin:0;
1127
934
  }
1128
935
  .mobius-modal__content{
1129
936
  flex-grow:1;
1130
- padding:0 16px;
1131
937
  padding:0 var(--size-sm);
1132
- margin:16px 0;
1133
938
  margin:var(--size-sm) 0;
1134
- font-family:museosans, Arial, sans-serif;
1135
939
  font-family:var(--font-family);
1136
940
  overflow-y:auto;
1137
941
  }
@@ -1151,137 +955,83 @@ a.mobius-button:focus-visible,
1151
955
  }
1152
956
  .mobius-number-field__input{
1153
957
  box-sizing:border-box;
1154
- border:2px solid #9084e8;
1155
958
  border:var(--border-default);
1156
- border-radius:4px;
1157
959
  border-radius:var(--radius-1);
1158
- background-color:#ffffff;
1159
960
  background-color:var(--color-background-input);
1160
- padding:17px 16px;
1161
961
  padding:var(--input-field-padding);
1162
- font-family:museosans, Arial, sans-serif;
1163
962
  font-family:var(--font-family);
1164
- font-size:16px;
1165
963
  font-size:var(--font-size-regular);
1166
- color:#18181d;
1167
964
  color:var(--color-text);
1168
965
  outline:none;
1169
966
  margin:0;
1170
- max-width:none;
1171
967
  max-width:var(--text-input-max-width);
1172
968
  width:100%;
1173
969
  }
1174
- .mobius-number-field__input::-moz-placeholder{
1175
- color:#5d5d60;
1176
- color:var(--color-text-medium);
1177
- }
1178
970
  .mobius-number-field__input::placeholder{
1179
- color:#5d5d60;
1180
971
  color:var(--color-text-medium);
1181
972
  }
1182
973
  .mobius-number-field__input:focus-visible:not(.--is-disabled){
1183
- border-color:#4632d8;
1184
974
  border-color:var(--color-primary);
1185
- background-color:#f6f5fd;
1186
975
  background-color:var(--color-background-input-active);
1187
- box-shadow:0 0 0 2px #e943c9;
1188
976
  box-shadow:var(--box-shadow-default);
1189
977
  }
1190
978
  .mobius-number-field__input:hover:not(.--is-disabled):not(.mobius-number-field__input.--is-invalid){
1191
- border-color:#4632d8;
1192
979
  border-color:var(--color-primary);
1193
- background-color:#f6f5fd;
1194
980
  background-color:var(--color-background-input-active);
1195
981
  }
1196
982
  .mobius-number-field__input.--is-disabled{
1197
- background-color:#f3f3f3;
1198
983
  background-color:var(--color-background-light);
1199
- border-color:#d1d1d2;
1200
984
  border-color:var(--color-border-medium);
1201
- color:#d1d1d2;
1202
985
  color:var(--color-text-light);
1203
986
  cursor:not-allowed;
1204
987
  }
1205
988
  .mobius-number-field__input.--is-invalid:not(.--is-disabled){
1206
- border-color:#b90909;
1207
989
  border-color:var(--color-error);
1208
- background-color:#f8e7e7;
1209
990
  background-color:var(--color-error-background);
1210
- color:#b90909;
1211
991
  color:var(--color-error);
1212
992
  }
1213
993
  .mobius-password-field .mobius-text-field--has-suffix-inside{
1214
994
  display:flex;
1215
995
  }
1216
996
  .mobius-password-field :where(.mobius-password-field__show-button){
1217
- -webkit-appearance:none;
1218
- -moz-appearance:none;
1219
- appearance:none;
1220
- font-size:16px;
997
+ appearance:none;
1221
998
  font-size:var(--font-size-3);
1222
- font-family:museosans, Arial, sans-serif;
1223
999
  font-family:var(--font-family);
1224
1000
  align-self:center;
1225
1001
  display:inline-block;
1226
1002
  background-color:transparent;
1227
- margin:0 8px 0 0;
1228
1003
  margin:0 var(--size-xs) 0 0;
1229
- padding:6px 8px;
1230
1004
  padding:6px var(--size-xs);
1231
1005
  cursor:pointer;
1232
1006
  border:none;
1233
- border-radius:8px;
1234
1007
  border-radius:var(--radius-2);
1235
- color:#4632d8;
1236
1008
  color:var(--color-primary);
1237
- transition:160ms ease-in-out;
1238
1009
  transition:var(--transition-standard);
1239
- -webkit-user-select:none;
1240
- -moz-user-select:none;
1241
- user-select:none;
1010
+ user-select:none;
1242
1011
  }
1243
1012
  .mobius-password-field :where(.mobius-password-field__show-button):focus-visible{
1244
- box-shadow:0 0 0 2px #e943c9;
1245
1013
  box-shadow:var(--box-shadow-default);
1246
1014
  outline:none;
1247
1015
  }
1248
1016
  .mobius-password-field :where(.mobius-password-field__show-button):hover{
1249
- background-color:#f6f5fd;
1250
1017
  background-color:var(--color-background-highlight);
1251
1018
  }
1252
- :root,
1253
- :host{
1254
- --popover-max-width:260px;
1255
- --popover-z-index:2147483647;
1256
- --color-background-popover:var(--color-azure-700);
1257
- }
1258
1019
  .mobius-popover__container{
1259
- z-index:2147483647;
1260
1020
  z-index:var(--popover-z-index);
1261
- max-width:260px;
1262
1021
  max-width:var(--popover-max-width);
1263
1022
  }
1264
1023
  .mobius-popover{
1265
- padding:16px;
1266
1024
  padding:var(--size-sm);
1267
- background-color:#0e0a2b;
1268
1025
  background-color:var(--color-background-popover);
1269
- color:#ffffff;
1270
- color:var(--color-text-inverted);
1271
- border-radius:8px;
1026
+ color:var(--color-text-popover);
1272
1027
  border-radius:var(--radius-2);
1273
- font-size:14px;
1274
1028
  font-size:var(--font-size-2);
1275
- font-weight:500;
1276
1029
  font-weight:var(--font-weight-normal);
1277
- font-family:museosans, Arial, sans-serif;
1278
1030
  font-family:var(--font-family);
1279
- line-height:1.333;
1280
1031
  line-height:var(--line-height-tight);
1281
1032
  }
1282
1033
  .mobius-popover__header{
1283
1034
  display:flex;
1284
- padding-bottom:16px;
1285
1035
  padding-bottom:var(--size-sm);
1286
1036
  }
1287
1037
  .mobius-popover__close-button{
@@ -1289,31 +1039,24 @@ a.mobius-button:focus-visible,
1289
1039
  border:none;
1290
1040
  margin-left:auto;
1291
1041
  background-color:transparent;
1292
- color:#ffffff;
1293
- color:var(--color-text-inverted);
1042
+ color:var(--color-text-popover);
1294
1043
  }
1295
1044
  .mobius-popover__close-icon{
1296
1045
  height:1.1em;
1297
1046
  }
1298
1047
  .mobius-popover__arrow-icon path{
1299
- fill:#0e0a2b;
1300
1048
  fill:var(--color-background-popover);
1301
1049
  }
1302
1050
  .mobius-progress__track{
1303
- background-color:#f3f3f3;
1304
1051
  background-color:var(--color-background-light);
1305
- margin-bottom:8px;
1306
1052
  margin-bottom:var(--size-xs);
1307
- height:8px;
1308
1053
  height:var(--size-xs);
1309
1054
  }
1310
1055
  .mobius-progress__label{
1311
1056
  display:block;
1312
- margin-bottom:8px;
1313
1057
  margin-bottom:var(--size-xs);
1314
1058
  }
1315
1059
  .mobius-progress__bar{
1316
- background-color:#4632d8;
1317
1060
  background-color:var(--color-primary);
1318
1061
  height:100%;
1319
1062
  }
@@ -1322,11 +1065,9 @@ a.mobius-button:focus-visible,
1322
1065
  border-radius:999px;
1323
1066
  }
1324
1067
  .mobius-progress.--is-primary .mobius-progress__bar{
1325
- background-color:#4632d8;
1326
1068
  background-color:var(--color-primary);
1327
1069
  }
1328
1070
  .mobius-progress.--is-secondary .mobius-progress__bar{
1329
- background-color:#4632d8;
1330
1071
  background-color:var(--color-secondary);
1331
1072
  }
1332
1073
  .mobius-radio-group{
@@ -1334,11 +1075,9 @@ a.mobius-button:focus-visible,
1334
1075
  width:100%;
1335
1076
  }
1336
1077
  .mobius-radio-group.--is-horizontal .mobius-radio__label:not(:last-child){
1337
- margin-right:8px;
1338
1078
  margin-right:var(--size-xs);
1339
1079
  }
1340
1080
  .mobius-radio-group.--is-vertical .mobius-radio__label:not(:last-child){
1341
- margin-bottom:8px;
1342
1081
  margin-bottom:var(--size-xs);
1343
1082
  }
1344
1083
  .mobius-radio-group:where(.--is-optional) > :where(.mobius-label)::after{
@@ -1355,13 +1094,9 @@ a.mobius-button:focus-visible,
1355
1094
  }
1356
1095
  .mobius-radio__input{
1357
1096
  align-self:center;
1358
- -webkit-appearance:none;
1359
- -moz-appearance:none;
1360
- appearance:none;
1361
- margin:0 calc(8px + 2px) 0 0;
1097
+ appearance:none;
1362
1098
  margin:0 calc(var(--size-xs) + 2px) 0 0;
1363
1099
  padding:3px;
1364
- outline:2px solid #9084e8;
1365
1100
  outline:2px solid var(--color-primary-light);
1366
1101
  border-radius:50%;
1367
1102
  background-color:transparent;
@@ -1378,22 +1113,17 @@ a.mobius-button:focus-visible,
1378
1113
  background-color:transparent;
1379
1114
  }
1380
1115
  .mobius-radio__input:checked::after{
1381
- background-color:#4632d8;
1382
1116
  background-color:var(--color-primary);
1383
1117
  }
1384
1118
  .mobius-radio__input:disabled{
1385
- outline-color:#d1d1d2;
1386
1119
  outline-color:var(--color-border-medium);
1387
1120
  }
1388
1121
  .mobius-radio__input:disabled:checked::after{
1389
- background-color:#f3f3f3;
1390
1122
  background-color:var(--color-background-light);
1391
1123
  }
1392
1124
  .mobius-radio__input.--is-multiline{
1393
1125
  align-self:flex-start;
1394
- margin-top:4px;
1395
1126
  margin-top:var(--size-xxs);
1396
- margin-right:calc(16px - 1px);
1397
1127
  margin-right:calc(var(--size-sm) - 1px);
1398
1128
  }
1399
1129
  .mobius-radio__label{
@@ -1401,105 +1131,75 @@ a.mobius-button:focus-visible,
1401
1131
  align-items:center;
1402
1132
  box-sizing:border-box;
1403
1133
  width:100%;
1404
- padding:14px 16px;
1405
1134
  padding:var(--input-field-padding-tight);
1406
- font-family:museosans, Arial, sans-serif;
1407
1135
  font-family:var(--font-family);
1408
- font-size:16px;
1409
1136
  font-size:var(--font-size-regular);
1410
- font-weight:500;
1411
1137
  font-weight:var(--font-weight-normal);
1412
- border:2px solid #9084e8;
1413
1138
  border:var(--border-default);
1414
- border-radius:4px;
1415
1139
  border-radius:var(--radius-1);
1416
- color:#18181d;
1417
1140
  color:var(--color-text);
1418
1141
  outline:0;
1419
1142
  position:relative;
1420
1143
  cursor:pointer;
1421
- background-color:#ffffff;
1422
1144
  background-color:var(--color-background-input);
1423
1145
  }
1424
1146
  .mobius-radio__label.--is-disabled{
1425
- background-color:#f3f3f3;
1426
1147
  background-color:var(--color-background-light);
1427
- border-color:#d1d1d2;
1428
1148
  border-color:var(--color-border-medium);
1429
- color:#d1d1d2;
1430
1149
  color:var(--color-text-light);
1431
1150
  cursor:not-allowed;
1432
1151
  }
1433
1152
  .mobius-radio__label.--is-disabled.--is-selected{
1434
- border-color:#f3f3f3;
1435
1153
  border-color:var(--color-border-light);
1436
1154
  }
1437
1155
  .mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled){
1438
- border-color:#9084e8;
1439
1156
  border-color:var(--color-primary-light);
1440
1157
  }
1441
1158
  .mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input{
1442
- outline-color:#9084e8;
1443
1159
  outline-color:var(--color-primary-light);
1444
1160
  }
1445
1161
  .mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input:checked::after{
1446
- background-color:#9084e8;
1447
1162
  background-color:var(--color-primary-light);
1448
1163
  }
1449
1164
  .mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label){
1450
- border-color:#4632d8;
1451
1165
  border-color:var(--color-primary);
1452
- background-color:#f6f5fd;
1453
1166
  background-color:var(--color-background-input-active);
1454
1167
  }
1455
1168
  .mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input{
1456
- outline-color:#4632d8;
1457
1169
  outline-color:var(--color-primary);
1458
1170
  }
1459
1171
  .mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input:checked::after{
1460
- background-color:#4632d8;
1461
1172
  background-color:var(--color-primary);
1462
1173
  }
1463
1174
  .mobius-radio__label:focus-within:not(.--is-disabled){
1464
- box-shadow:0 0 0 2px #e943c9;
1465
1175
  box-shadow:var(--box-shadow-default);
1466
1176
  }
1467
1177
  .mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)){
1468
- border-color:#4632d8;
1469
1178
  border-color:var(--color-primary);
1470
- background-color:#f6f5fd;
1471
1179
  background-color:var(--color-background-input-active);
1472
1180
  }
1473
1181
  .mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)) .mobius-radio__input{
1474
- outline-color:#4632d8;
1475
1182
  outline-color:var(--color-primary);
1476
1183
  }
1477
1184
  .mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)) .mobius-radio__input:checked::after{
1478
- background-color:#4632d8;
1479
1185
  background-color:var(--color-primary);
1480
1186
  }
1481
1187
  .mobius-radio__label.--is-multiline{
1482
1188
  width:100%;
1483
1189
  }
1484
1190
  .--is-invalid .mobius-radio__label:not(.--is-disabled){
1485
- border-color:#b90909;
1486
1191
  border-color:var(--color-error);
1487
- color:#b90909;
1488
1192
  color:var(--color-error);
1489
1193
  }
1490
1194
  .--is-invalid .mobius-radio__label:not(.--is-disabled):hover,
1491
1195
  .--is-invalid .mobius-radio__label:not(.--is-disabled):focus-within{
1492
- border-color:#b90909;
1493
1196
  border-color:var(--color-error);
1494
- background-color:#f8e7e7;
1495
1197
  background-color:var(--color-error-background);
1496
1198
  }
1497
1199
  .--is-invalid .mobius-radio__label:not(.--is-disabled) .mobius-radio__input{
1498
- outline-color:#b90909;
1499
1200
  outline-color:var(--color-error);
1500
1201
  }
1501
1202
  .--is-invalid .mobius-radio__label:not(.--is-disabled) .mobius-radio__input:checked::after{
1502
- background-color:#b90909;
1503
1203
  background-color:var(--color-error);
1504
1204
  }
1505
1205
  .mobius-radio__content{
@@ -1510,11 +1210,8 @@ a.mobius-button:focus-visible,
1510
1210
  flex:1;
1511
1211
  }
1512
1212
  .mobius-radio__content-first-line{
1513
- font-weight:700;
1514
1213
  font-weight:var(--font-weight-bold);
1515
- margin-bottom:8px;
1516
1214
  margin-bottom:var(--size-xs);
1517
- padding-top:calc(4px - 1px);
1518
1215
  padding-top:calc(var(--size-xxs) - 1px);
1519
1216
  }
1520
1217
  :root,
@@ -1525,11 +1222,8 @@ a.mobius-button:focus-visible,
1525
1222
  box-sizing:border-box;
1526
1223
  display:flex;
1527
1224
  flex-direction:column;
1528
- border:2px solid #f3f3f3;
1529
1225
  border:var(--segment-border);
1530
- border-radius:8px;
1531
1226
  border-radius:var(--radius-2);
1532
- margin-bottom:16px;
1533
1227
  margin-bottom:var(--size-sm);
1534
1228
  }
1535
1229
  .mobius-segment-group.--is-horizontal{
@@ -1537,17 +1231,14 @@ a.mobius-button:focus-visible,
1537
1231
  }
1538
1232
  .mobius-segment-group .mobius-segment-group.gap-size-xs,
1539
1233
  .mobius-segment-group.gap-size-xs{
1540
- margin:8px;
1541
1234
  margin:var(--size-xs);
1542
1235
  }
1543
1236
  .mobius-segment-group .mobius-segment-group.gap-size-s,
1544
1237
  .mobius-segment-group.gap-size-s{
1545
- margin:16px;
1546
1238
  margin:var(--size-sm);
1547
1239
  }
1548
1240
  .mobius-segment-group .mobius-segment-group.gap-size-m,
1549
1241
  .mobius-segment-group.gap-size-m{
1550
- margin:24px;
1551
1242
  margin:var(--size-md);
1552
1243
  }
1553
1244
  .mobius-segment-group .mobius-segment-group.gap-size-l,
@@ -1556,22 +1247,18 @@ a.mobius-button:focus-visible,
1556
1247
  }
1557
1248
  .mobius-segment-group .mobius-segment-group.gap-size-xl,
1558
1249
  .mobius-segment-group.gap-size-xl{
1559
- margin:40px;
1560
1250
  margin:var(--size-xl);
1561
1251
  }
1562
1252
  .mobius-segment-group .mobius-segment-group.gap-size-xxl,
1563
1253
  .mobius-segment-group.gap-size-xxl{
1564
- margin:48px;
1565
1254
  margin:var(--size-xxl);
1566
1255
  }
1567
1256
  .mobius-segment-group > .mobius-segment{
1568
1257
  border:none;
1569
- border-top:2px solid #f3f3f3;
1570
1258
  border-top:var(--segment-border);
1571
1259
  }
1572
1260
  .mobius-segment-group:not(.--is-horizontal) > .mobius-segment:first-child{
1573
1261
  border-top:none;
1574
- border-radius:8px;
1575
1262
  border-radius:var(--radius-2);
1576
1263
  }
1577
1264
  .mobius-segment-group:not(.--is-horizontal) > .mobius-segment:not(:first-child):not(:last-child){
@@ -1586,7 +1273,6 @@ a.mobius-button:focus-visible,
1586
1273
  .mobius-segment-group.--is-horizontal > .mobius-segment-group{
1587
1274
  border:none;
1588
1275
  border-radius:0;
1589
- border-left:2px solid #f3f3f3;
1590
1276
  border-left:var(--segment-border);
1591
1277
  }
1592
1278
  .mobius-segment-group.--is-horizontal > .mobius-segment:first-child,
@@ -1612,14 +1298,12 @@ a.mobius-button:focus-visible,
1612
1298
  .mobius-segment-group .mobius-segment-group > .mobius-segment-group.--is-horizontal{
1613
1299
  border-radius:0;
1614
1300
  border:0;
1615
- border-top:2px solid #f3f3f3;
1616
1301
  border-top:var(--segment-border);
1617
1302
  margin:0;
1618
1303
  }
1619
1304
  .mobius-segment-group .mobius-segment-group:not(.--is-horizontal)
1620
1305
  > .mobius-segment-group:not(.--is-horizontal)
1621
1306
  .mobius-segment:first-child{
1622
- border-top:2px solid #f3f3f3;
1623
1307
  border-top:var(--segment-border);
1624
1308
  }
1625
1309
  .mobius-segment{
@@ -1628,11 +1312,8 @@ a.mobius-button:focus-visible,
1628
1312
  flex-direction:column;
1629
1313
  align-items:flex-start;
1630
1314
  width:100%;
1631
- border:2px solid #f3f3f3;
1632
1315
  border:var(--segment-border);
1633
- border-radius:8px;
1634
1316
  border-radius:var(--radius-2);
1635
- padding:16px;
1636
1317
  padding:var(--size-sm);
1637
1318
  }
1638
1319
  .mobius-segment .mobius-text,
@@ -1650,27 +1331,21 @@ a.mobius-button:focus-visible,
1650
1331
  margin:0;
1651
1332
  }
1652
1333
  .mobius-segment .mobius-text.--is-p{
1653
- line-height:20px;
1654
1334
  line-height:var(--font-size-lead);
1655
1335
  }
1656
1336
  .mobius-segment.subtle{
1657
- background-color:#f6f5fd;
1658
1337
  background-color:var(--color-background-highlight);
1659
1338
  }
1660
1339
  .mobius-segment.grey{
1661
- background-color:#f3f3f3;
1662
1340
  background-color:var(--color-background-light);
1663
1341
  }
1664
1342
  .mobius-segment.primary{
1665
- background-color:#4632d8;
1666
1343
  background-color:var(--color-primary);
1667
1344
  }
1668
1345
  .mobius-segment.secondary{
1669
- background-color:#4632d8;
1670
1346
  background-color:var(--color-secondary);
1671
1347
  }
1672
1348
  .mobius-segment.inverted{
1673
- color:#ffffff;
1674
1349
  color:var(--color-text-inverted);
1675
1350
  }
1676
1351
  .mobius-segment .mobius-text-field:last-child,
@@ -1686,10 +1361,8 @@ a.mobius-button:focus-visible,
1686
1361
  }
1687
1362
  .mobius-segment__heading{
1688
1363
  box-sizing:border-box;
1689
- font-size:16px;
1690
1364
  font-size:var(--font-size-regular);
1691
1365
  margin:0;
1692
- margin-bottom:16px;
1693
1366
  margin-bottom:var(--size-sm);
1694
1367
  }
1695
1368
  :root,
@@ -1708,60 +1381,39 @@ a.mobius-button:focus-visible,
1708
1381
  display:flex;
1709
1382
  align-items:center;
1710
1383
  position:relative;
1711
- max-width:none;
1712
1384
  max-width:var(--select-wrapper-max-width);
1713
1385
  }
1714
1386
  .mobius-select{
1715
1387
  box-sizing:border-box;
1716
1388
  width:100%;
1717
- padding:17px 16px;
1718
1389
  padding:var(--input-field-padding);
1719
- font-family:museosans, Arial, sans-serif;
1720
1390
  font-family:var(--font-family);
1721
- font-size:16px;
1722
1391
  font-size:var(--font-size-regular);
1723
- border:2px solid #9084e8;
1724
1392
  border:var(--border-default);
1725
- border-radius:4px;
1726
1393
  border-radius:var(--radius-1);
1727
- background-color:#ffffff;
1728
1394
  background-color:var(--color-background-input);
1729
- color:#5d5d60;
1730
1395
  color:var(--color-text-medium);
1731
1396
  outline:0;
1732
- -webkit-appearance:none;
1733
- -moz-appearance:none;
1734
- appearance:none;
1397
+ appearance:none;
1735
1398
  }
1736
1399
  .mobius-select.--is-disabled{
1737
- background-color:#f3f3f3;
1738
1400
  background-color:var(--color-background-light);
1739
- border-color:#d1d1d2;
1740
1401
  border-color:var(--color-border-medium);
1741
- color:#d1d1d2;
1742
1402
  color:var(--color-text-light);
1743
1403
  cursor:not-allowed;
1744
1404
  }
1745
1405
  .mobius-select:not(.--is-invalid):not(.--is-disabled):hover{
1746
- border-color:#4632d8;
1747
1406
  border-color:var(--color-primary);
1748
- background-color:#f6f5fd;
1749
1407
  background-color:var(--color-background-input-active);
1750
1408
  }
1751
1409
  .mobius-select:focus-visible{
1752
- border-color:#4632d8;
1753
1410
  border-color:var(--color-primary);
1754
- background-color:#f6f5fd;
1755
1411
  background-color:var(--color-background-input-active);
1756
- box-shadow:0 0 0 2px #e943c9;
1757
1412
  box-shadow:var(--box-shadow-default);
1758
1413
  }
1759
1414
  .mobius-select.--is-invalid{
1760
- border-color:#b90909;
1761
1415
  border-color:var(--color-error);
1762
- background-color:#f8e7e7;
1763
1416
  background-color:var(--color-error-background);
1764
- color:#b90909;
1765
1417
  color:var(--color-error);
1766
1418
  }
1767
1419
  .mobius-select__icon{
@@ -1772,90 +1424,66 @@ a.mobius-button:focus-visible,
1772
1424
  position:absolute;
1773
1425
  right:2px;
1774
1426
  height:100%;
1775
- padding:24px;
1776
1427
  padding:var(--size-md);
1777
- border-radius:4px;
1778
1428
  border-radius:var(--radius-1);
1779
1429
  pointer-events:none;
1780
- color:#5d5d60;
1781
1430
  color:var(--color-text-medium);
1782
1431
  }
1783
1432
  .mobius-select__icon.--is-disabled{
1784
- color:#d1d1d2;
1785
1433
  color:var(--color-text-light);
1786
1434
  }
1787
1435
  .mobius-select__icon.--is-invalid{
1788
- color:#b90909;
1789
1436
  color:var(--color-error);
1790
1437
  }
1791
1438
  :root,
1792
1439
  :host{
1793
- --slider-primary-track-background:rgba(70,50,216,0.12549);
1440
+ --slider-primary-track-background:#4632d820;
1794
1441
  --slider-primary-thumb-background:var(--color-primary);
1795
- --slider-secondary-track-background:rgba(233,67,201,0.12549);
1442
+ --slider-secondary-track-background:#e943c920;
1796
1443
  --slider-secondary-thumb-background:var(--color-accent);
1797
1444
  --thumb-size:20px;
1798
1445
  }
1799
1446
  .mobius-slider{
1800
1447
  position:relative;
1801
1448
  display:grid;
1802
- grid-gap:4px;
1803
- grid-gap:var(--size-xxs);
1804
- gap:4px;
1805
1449
  gap:var(--size-xxs);
1806
1450
  }
1807
1451
  .mobius-slider.--is-primary .mobius-slider__track{
1808
- background-color:rgba(70,50,216,0.12549);
1809
1452
  background-color:var(--slider-primary-track-background);
1810
1453
  }
1811
1454
  .mobius-slider.--is-primary .mobius-slider__track::-webkit-slider-thumb{
1812
- background-color:#4632d8;
1813
1455
  background-color:var(--slider-primary-thumb-background);
1814
- box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #4632d8;
1815
1456
  box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-primary-thumb-background);
1816
1457
  }
1817
1458
  .mobius-slider.--is-primary .mobius-slider__track::-moz-range-thumb{
1818
- background-color:#4632d8;
1819
1459
  background-color:var(--slider-primary-thumb-background);
1820
- box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #4632d8;
1821
1460
  box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-primary-thumb-background);
1822
1461
  }
1823
1462
  .mobius-slider.--is-secondary .mobius-slider__track{
1824
- background-color:rgba(233,67,201,0.12549);
1825
1463
  background-color:var(--slider-secondary-track-background);
1826
1464
  }
1827
1465
  .mobius-slider.--is-secondary .mobius-slider__track::-webkit-slider-thumb{
1828
- background-color:#e943c9;
1829
1466
  background-color:var(--slider-secondary-thumb-background);
1830
- box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #e943c9;
1831
1467
  box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-secondary-thumb-background);
1832
1468
  }
1833
1469
  .mobius-slider.--is-secondary .mobius-slider__track::-moz-range-thumb{
1834
- background-color:#e943c9;
1835
1470
  background-color:var(--slider-secondary-thumb-background);
1836
- box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #e943c9;
1837
1471
  box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-secondary-thumb-background);
1838
1472
  }
1839
1473
  .mobius-slider.--is-disabled{
1840
- color:#d1d1d2;
1841
1474
  color:var(--color-text-light);
1842
1475
  cursor:not-allowed;
1843
1476
  }
1844
1477
  .mobius-slider.--is-disabled .mobius-slider__track{
1845
- background-color:#f3f3f3;
1846
1478
  background-color:var(--color-background-light);
1847
1479
  }
1848
1480
  .mobius-slider.--is-disabled .mobius-slider__track::-webkit-slider-thumb{
1849
- background-color:#f3f3f3;
1850
1481
  background-color:var(--color-background-light);
1851
- box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #d1d1d2;
1852
1482
  box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--color-border-medium);
1853
1483
  cursor:not-allowed;
1854
1484
  }
1855
1485
  .mobius-slider.--is-disabled .mobius-slider__track::-moz-range-thumb{
1856
- background-color:#f3f3f3;
1857
1486
  background-color:var(--color-background-light);
1858
- box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #d1d1d2;
1859
1487
  box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--color-border-medium);
1860
1488
  cursor:not-allowed;
1861
1489
  }
@@ -1866,13 +1494,10 @@ a.mobius-button:focus-visible,
1866
1494
  }
1867
1495
  .mobius-slider__track{
1868
1496
  position:absolute;
1869
- -moz-appearance:none;
1870
- appearance:none;
1497
+ appearance:none;
1871
1498
  -webkit-appearance:none;
1872
1499
  width:100%;
1873
- height:8px;
1874
1500
  height:var(--size-xs);
1875
- top:calc(8px + 2px);
1876
1501
  top:calc(var(--size-xs) + 2px);
1877
1502
  border-radius:999px;
1878
1503
  touch-action:none;
@@ -1885,21 +1510,16 @@ a.mobius-button:focus-visible,
1885
1510
  .mobius-slider__track::-webkit-slider-thumb{
1886
1511
  appearance:none;
1887
1512
  -webkit-appearance:none;
1888
- width:20px;
1889
1513
  width:var(--thumb-size);
1890
- height:20px;
1891
1514
  height:var(--thumb-size);
1892
1515
  border:var(--thumb-border);
1893
1516
  border-radius:50%;
1894
1517
  cursor:pointer;
1895
1518
  }
1896
1519
  .mobius-slider__track::-moz-range-thumb{
1897
- -moz-appearance:none;
1898
- appearance:none;
1520
+ appearance:none;
1899
1521
  -webkit-appearance:none;
1900
- width:20px;
1901
1522
  width:var(--thumb-size);
1902
- height:20px;
1903
1523
  height:var(--thumb-size);
1904
1524
  border:var(--thumb-border);
1905
1525
  border-radius:50%;
@@ -1923,27 +1543,21 @@ a.mobius-button:focus-visible,
1923
1543
  grid-auto-flow:row;
1924
1544
  }
1925
1545
  .mobius-stack.--gap-xxs{
1926
- gap:4px;
1927
1546
  gap:var(--size-xxs);
1928
1547
  }
1929
1548
  .mobius-stack.--gap-xs{
1930
- gap:8px;
1931
1549
  gap:var(--size-xs);
1932
1550
  }
1933
1551
  .mobius-stack.--gap-sm{
1934
- gap:16px;
1935
1552
  gap:var(--size-sm);
1936
1553
  }
1937
1554
  .mobius-stack.--gap-md{
1938
- gap:24px;
1939
1555
  gap:var(--size-md);
1940
1556
  }
1941
1557
  .mobius-stack.--gap-lg{
1942
- gap:32px;
1943
1558
  gap:var(--size-lg);
1944
1559
  }
1945
1560
  .mobius-stack.--gap-xl{
1946
- gap:40px;
1947
1561
  gap:var(--size-xl);
1948
1562
  }
1949
1563
  :root,
@@ -1958,10 +1572,8 @@ a.mobius-button:focus-visible,
1958
1572
  border-collapse:collapse;
1959
1573
  line-height:1.7;
1960
1574
  box-sizing:border-box;
1961
- text-indent:0;
1962
1575
  text-indent:initial;
1963
1576
  border-spacing:2px;
1964
- border-color:#f3f3f3;
1965
1577
  border-color:var(--color-border-light);
1966
1578
  }
1967
1579
  .mobius-table__head{
@@ -1969,23 +1581,17 @@ a.mobius-button:focus-visible,
1969
1581
  box-sizing:border-box;
1970
1582
  vertical-align:middle;
1971
1583
  border-color:inherit;
1972
- font-weight:700;
1973
1584
  font-weight:var(--font-weight-bold);
1974
1585
  }
1975
1586
  .mobius-table__head-cell{
1976
1587
  display:table-cell;
1977
- font-weight:700;
1978
1588
  font-weight:var(--font-weight-bold);
1979
1589
  box-sizing:border-box;
1980
1590
  vertical-align:baseline;
1981
- padding-top:8px;
1982
1591
  padding-top:var(--size-xs);
1983
- padding-bottom:8px;
1984
1592
  padding-bottom:var(--size-xs);
1985
- padding-right:32px;
1986
1593
  padding-right:var(--size-lg);
1987
1594
  border-color:currentColor;
1988
- border-width:1px;
1989
1595
  border-width:var(--table-border-width);
1990
1596
  border-bottom-style:solid;
1991
1597
  }
@@ -1999,17 +1605,11 @@ a.mobius-button:focus-visible,
1999
1605
  display:table-cell;
2000
1606
  vertical-align:baseline;
2001
1607
  box-sizing:border-box;
2002
- color:#5d5d60;
2003
1608
  color:var(--color-text-medium);
2004
- padding-top:8px;
2005
1609
  padding-top:var(--size-xs);
2006
- padding-bottom:8px;
2007
1610
  padding-bottom:var(--size-xs);
2008
- padding-right:32px;
2009
1611
  padding-right:var(--size-lg);
2010
- border-color:#f3f3f3;
2011
1612
  border-color:var(--color-border-light);
2012
- border-width:1px;
2013
1613
  border-width:var(--table-border-width);
2014
1614
  border-bottom-style:solid;
2015
1615
  }
@@ -2018,176 +1618,117 @@ a.mobius-button:focus-visible,
2018
1618
  }
2019
1619
  .mobius-text{
2020
1620
  box-sizing:border-box;
2021
- font-family:museosans, Arial, sans-serif;
2022
1621
  font-family:var(--font-family);
2023
- font-size:16px;
2024
1622
  font-size:var(--font-size-regular);
2025
- font-weight:500;
2026
1623
  font-weight:var(--font-weight-normal);
2027
- line-height:1.5;
2028
1624
  line-height:var(--line-height-normal);
2029
1625
  }
2030
1626
  .mobius-text:where(.--is-p){
2031
1627
  box-sizing:border-box;
2032
- font-family:museosans, Arial, sans-serif;
2033
1628
  font-family:var(--font-family);
2034
- font-size:16px;
2035
1629
  font-size:var(--font-size-regular);
2036
- font-weight:500;
2037
1630
  font-weight:var(--font-weight-normal);
2038
- line-height:1.5;
2039
1631
  line-height:var(--line-height-normal);
2040
1632
  }
2041
1633
  .mobius-text:where(.--is-h1){
2042
1634
  box-sizing:border-box;
2043
- font-family:museosans, Arial, sans-serif;
2044
1635
  font-family:var(--font-family);
2045
- font-size:32px;
2046
1636
  font-size:var(--font-size-title);
2047
- font-weight:700;
2048
1637
  font-weight:var(--font-weight-bold);
2049
1638
  line-height:1.25;
2050
1639
  margin:0.35em 0;
2051
1640
  }
2052
1641
  .mobius-text:where(.--is-h2){
2053
1642
  box-sizing:border-box;
2054
- font-family:museosans, Arial, sans-serif;
2055
1643
  font-family:var(--font-family);
2056
- font-size:24px;
2057
1644
  font-size:var(--font-size-small-title);
2058
- font-weight:700;
2059
1645
  font-weight:var(--font-weight-bold);
2060
- line-height:1.333;
2061
1646
  line-height:var(--line-height-tight);
2062
1647
  margin:0.45em 0;
2063
1648
  }
2064
1649
  .mobius-text:where(.--is-h3){
2065
1650
  box-sizing:border-box;
2066
- font-family:museosans, Arial, sans-serif;
2067
1651
  font-family:var(--font-family);
2068
- font-size:20px;
2069
1652
  font-size:var(--font-size-lead);
2070
- font-weight:700;
2071
1653
  font-weight:var(--font-weight-bold);
2072
1654
  line-height:1.2;
2073
1655
  margin:0.5em 0;
2074
1656
  }
2075
1657
  .mobius-text:where(.--is-h4){
2076
1658
  box-sizing:border-box;
2077
- font-family:museosans, Arial, sans-serif;
2078
1659
  font-family:var(--font-family);
2079
- font-size:16px;
2080
1660
  font-size:var(--font-size-regular);
2081
- font-weight:700;
2082
1661
  font-weight:var(--font-weight-bold);
2083
- line-height:1.5;
2084
1662
  line-height:var(--line-height-normal);
2085
1663
  margin:0.55em 0;
2086
1664
  }
2087
1665
  .mobius-text:where(.--is-span){
2088
1666
  box-sizing:border-box;
2089
- font-size:16px;
2090
1667
  font-size:var(--font-size-regular);
2091
- font-weight:500;
2092
1668
  font-weight:var(--font-weight-normal);
2093
- line-height:1.5;
2094
1669
  line-height:var(--line-height-normal);
2095
1670
  }
2096
1671
  .mobius-text:where(.--is-body){
2097
1672
  box-sizing:border-box;
2098
- font-family:museosans, Arial, sans-serif;
2099
1673
  font-family:var(--font-family);
2100
- font-size:16px;
2101
1674
  font-size:var(--font-size-regular);
2102
- font-weight:500;
2103
1675
  font-weight:var(--font-weight-normal);
2104
- line-height:1.5;
2105
1676
  line-height:var(--line-height-normal);
2106
- color:#5d5d60;
2107
1677
  color:var(--color-text-medium);
2108
1678
  }
2109
1679
  .mobius-text:where(.--is-small){
2110
1680
  box-sizing:border-box;
2111
- font-family:museosans, Arial, sans-serif;
2112
1681
  font-family:var(--font-family);
2113
- font-size:14px;
2114
1682
  font-size:var(--font-size-small-paragraph);
2115
- font-weight:500;
2116
1683
  font-weight:var(--font-weight-normal);
2117
1684
  line-height:1.428;
2118
- color:#5d5d60;
2119
1685
  color:var(--color-text-medium);
2120
1686
  }
2121
1687
  .mobius-text:where(.--is-legal){
2122
1688
  box-sizing:border-box;
2123
- font-family:museosans, Arial, sans-serif;
2124
1689
  font-family:var(--font-family);
2125
- font-size:12px;
2126
1690
  font-size:var(--font-size-small-print);
2127
- font-weight:500;
2128
1691
  font-weight:var(--font-weight-normal);
2129
- line-height:1.333;
2130
1692
  line-height:var(--line-height-tight);
2131
- color:#5d5d60;
2132
1693
  color:var(--color-text-medium);
2133
1694
  }
2134
1695
  .mobius-text:where(.--has-line-height-tight){
2135
- line-height:1.333;
2136
1696
  line-height:var(--line-height-tight);
2137
1697
  }
2138
1698
  .mobius-text:where(.--has-line-height-loose){
2139
- line-height:1.5;
2140
1699
  line-height:var(--line-height-normal);
2141
1700
  }
2142
1701
  .mobius-text-area__input{
2143
1702
  box-sizing:border-box;
2144
1703
  flex:1 1 0%;
2145
- border:2px solid #9084e8;
2146
1704
  border:var(--border-default);
2147
- border-radius:4px;
2148
1705
  border-radius:var(--radius-1);
2149
- padding:8px 16px;
2150
1706
  padding:var(--size-xs) var(--size-sm);
2151
1707
  margin:0px;
2152
- font-family:museosans, Arial, sans-serif;
2153
1708
  font-family:var(--font-family);
2154
- font-size:16px;
2155
1709
  font-size:var(--font-size-regular);
2156
- color:#18181d;
2157
1710
  color:var(--color-text);
2158
1711
  outline:0px;
2159
- background-color:#ffffff;
2160
1712
  background-color:var(--color-background-input);
2161
1713
  }
2162
1714
  .mobius-text-area__input:hover:not(.--is-disabled):not(.mobius-text-area__input.--is-invalid){
2163
- border-color:#4632d8;
2164
1715
  border-color:var(--color-primary);
2165
- background-color:#f6f5fd;
2166
1716
  background-color:var(--color-background-input-active);
2167
1717
  }
2168
1718
  .mobius-text-area__input:focus-visible{
2169
- border-color:#4632d8;
2170
1719
  border-color:var(--color-primary);
2171
- background-color:#f6f5fd;
2172
1720
  background-color:var(--color-background-input-active);
2173
- box-shadow:0 0 0 2px #e943c9;
2174
1721
  box-shadow:var(--box-shadow-default);
2175
1722
  }
2176
1723
  .mobius-text-area__input.--is-disabled{
2177
- background-color:#f3f3f3;
2178
1724
  background-color:var(--color-background-light);
2179
- border-color:#d1d1d2;
2180
1725
  border-color:var(--color-border-medium);
2181
- color:#d1d1d2;
2182
1726
  color:var(--color-text-light);
2183
1727
  cursor:not-allowed;
2184
1728
  }
2185
1729
  .mobius-text-area__input.--is-invalid:not(.--is-disabled){
2186
- border-color:#b90909;
2187
1730
  border-color:var(--color-error);
2188
- background-color:#f8e7e7;
2189
1731
  background-color:var(--color-error-background);
2190
- color:#b90909;
2191
1732
  color:var(--color-error);
2192
1733
  }
2193
1734
  .mobius-text-area{
@@ -2227,7 +1768,6 @@ a.mobius-button:focus-visible,
2227
1768
  border-bottom-left-radius:0;
2228
1769
  }
2229
1770
  .mobius-text-field__prefix-outside.mobius-text{
2230
- padding-right:16px;
2231
1771
  padding-right:var(--size-sm);
2232
1772
  }
2233
1773
  .mobius-text-field__suffix-outside.mobius-button{
@@ -2235,13 +1775,11 @@ a.mobius-button:focus-visible,
2235
1775
  border-bottom-left-radius:0;
2236
1776
  }
2237
1777
  .mobius-text-field__suffix-outside.mobius-text{
2238
- padding-left:16px;
2239
1778
  padding-left:var(--size-sm);
2240
1779
  }
2241
1780
  .mobius-text-field__prefix-inside,
2242
1781
  .mobius-text-field__suffix-inside{
2243
1782
  display:flex;
2244
- color:#9084e8;
2245
1783
  color:var(--color-primary-light);
2246
1784
  }
2247
1785
  .mobius-text-field__prefix-inside.mobius-button, .mobius-text-field__suffix-inside.mobius-button{
@@ -2254,27 +1792,21 @@ a.mobius-button:focus-visible,
2254
1792
  margin-bottom:0;
2255
1793
  }
2256
1794
  .mobius-text-field__prefix-inside{
2257
- padding-left:16px;
2258
1795
  padding-left:var(--size-sm);
2259
1796
  }
2260
1797
  .mobius-text-field__suffix-inside{
2261
- padding-right:16px;
2262
1798
  padding-right:var(--size-sm);
2263
1799
  }
2264
1800
  .mobius-text-field__input-wrapper{
2265
1801
  display:flex;
2266
1802
  flex:1 1 0;
2267
1803
  align-items:center;
2268
- border-radius:4px;
2269
1804
  border-radius:var(--radius-1);
2270
- color:#5d5d60;
2271
1805
  color:var(--color-text-medium);
2272
1806
  overflow:hidden;
2273
- background-color:#ffffff;
2274
1807
  background-color:var(--color-background-input);
2275
1808
  }
2276
1809
  .mobius-text-field__input-wrapper:not(.--is-hidden){
2277
- border:2px solid #9084e8;
2278
1810
  border:var(--border-default);
2279
1811
  }
2280
1812
  .mobius-text-field__input-wrapper:has(+ .mobius-button){
@@ -2282,69 +1814,47 @@ a.mobius-button:focus-visible,
2282
1814
  border-bottom-right-radius:0;
2283
1815
  }
2284
1816
  .mobius-text-field__input-wrapper:focus-within{
2285
- border-color:#4632d8;
2286
1817
  border-color:var(--color-primary);
2287
- background-color:#f6f5fd;
2288
1818
  background-color:var(--color-background-input-active);
2289
- box-shadow:0 0 0 2px #e943c9;
2290
1819
  box-shadow:var(--box-shadow-default);
2291
1820
  }
2292
1821
  .mobius-text-field__input-wrapper:focus-within .mobius-text-field__prefix-inside,
2293
1822
  .mobius-text-field__input-wrapper:focus-within .mobius-text-field__suffix-inside{
2294
- color:#4632d8;
2295
1823
  color:var(--color-primary);
2296
1824
  }
2297
1825
  .mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid){
2298
- border-color:#4632d8;
2299
1826
  border-color:var(--color-primary);
2300
- background-color:#f6f5fd;
2301
1827
  background-color:var(--color-background-input-active);
2302
1828
  }
2303
1829
  .mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid) .mobius-text-field__prefix-inside,
2304
1830
  .mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid) .mobius-text-field__suffix-inside{
2305
- color:#4632d8;
2306
1831
  color:var(--color-primary);
2307
1832
  }
2308
1833
  .mobius-text-field__input-wrapper.--is-disabled{
2309
- background-color:#f3f3f3;
2310
1834
  background-color:var(--color-background-light);
2311
- border-color:#d1d1d2;
2312
1835
  border-color:var(--color-border-medium);
2313
- color:#d1d1d2;
2314
1836
  color:var(--color-text-light);
2315
1837
  cursor:not-allowed;
2316
1838
  }
2317
1839
  .mobius-text-field__input-wrapper.--is-invalid:not(.--is-disabled){
2318
- border-color:#b90909;
2319
1840
  border-color:var(--color-error);
2320
- background-color:#f8e7e7;
2321
1841
  background-color:var(--color-error-background);
2322
- color:#b90909;
2323
1842
  color:var(--color-error);
2324
1843
  }
2325
1844
  .mobius-text-field__input{
2326
1845
  flex:1 1 0;
2327
- padding:17px 16px;
2328
1846
  padding:var(--input-field-padding);
2329
1847
  border:none;
2330
1848
  background-color:transparent;
2331
1849
  box-sizing:border-box;
2332
- font-family:museosans, Arial, sans-serif;
2333
1850
  font-family:var(--font-family);
2334
- font-size:16px;
2335
1851
  font-size:var(--font-size-regular);
2336
1852
  color:currentColor;
2337
1853
  outline:0;
2338
1854
  margin:0;
2339
- max-width:none;
2340
1855
  max-width:var(--text-input-max-width);
2341
1856
  }
2342
- .mobius-text-field__input::-moz-placeholder{
2343
- color:#5d5d60;
2344
- color:var(--color-text-medium);
2345
- }
2346
1857
  .mobius-text-field__input::placeholder{
2347
- color:#5d5d60;
2348
1858
  color:var(--color-text-medium);
2349
1859
  }
2350
1860
  .mobius-text-field__input.--is-disabled{
@@ -2356,47 +1866,34 @@ a.mobius-button:focus-visible,
2356
1866
  }
2357
1867
  .mobius-title{
2358
1868
  display:flex;
2359
- padding-left:16px;
2360
1869
  padding-left:var(--size-sm);
2361
1870
  }
2362
1871
  .mobius-title__header{
2363
1872
  margin:0;
2364
- font-size:24px;
2365
1873
  font-size:var(--font-size-small-title);
2366
- color:#18181d;
2367
1874
  color:var(--color-text);
2368
- font-weight:700;
2369
1875
  font-weight:var(--font-weight-bold);
2370
1876
  }
2371
1877
  .mobius-title__description{
2372
1878
  margin:0;
2373
- font-size:16px;
2374
1879
  font-size:var(--font-size-regular);
2375
- color:#5d5d60;
2376
1880
  color:var(--color-text-medium);
2377
- font-weight:500;
2378
1881
  font-weight:var(--font-weight-normal);
2379
1882
  }
2380
1883
  .mobius-title__container{
2381
- gap:8px;
2382
1884
  gap:var(--size-xs);
2383
- line-height:1.333;
2384
1885
  line-height:var(--line-height-tight);
2385
1886
  position:relative;
2386
- padding-left:calc(16px + 8px);
2387
1887
  padding-left:calc(var(--size-sm) + var(--title-decorator-width));
2388
1888
  }
2389
1889
  .mobius-title__container::before{
2390
1890
  position:absolute;
2391
1891
  content:"";
2392
1892
  display:block;
2393
- width:8px;
2394
1893
  width:var(--title-decorator-width);
2395
1894
  height:100%;
2396
- border-radius:4px;
2397
1895
  border-radius:var(--radius-1);
2398
1896
  left:0;
2399
- background-color:#4632d8;
2400
1897
  background-color:var(--color-primary);
2401
1898
  }
2402
1899
  svg:not(:root).svg-inline--mobius-icon,
@@ -2405,7 +1902,6 @@ svg:not(:host).svg-inline--mobius-icon{
2405
1902
  box-sizing:content-box;
2406
1903
  }
2407
1904
  .svg-inline--mobius-icon{
2408
- display:inline-block;
2409
1905
  display:var(--mobius-icon-display, inline-block);
2410
1906
  height:1em;
2411
1907
  overflow:visible;
@@ -2430,22 +1926,18 @@ svg:not(:host).svg-inline--mobius-icon{
2430
1926
  vertical-align:-0.3125em;
2431
1927
  }
2432
1928
  .svg-inline--mobius-icon.mobius-icon-pull-left{
2433
- margin-right:0.3em;
2434
1929
  margin-right:var(--mobius-icon-pull-margin, 0.3em);
2435
1930
  width:auto;
2436
1931
  }
2437
1932
  .svg-inline--mobius-icon.mobius-icon-pull-right{
2438
- margin-left:0.3em;
2439
1933
  margin-left:var(--mobius-icon-pull-margin, 0.3em);
2440
1934
  width:auto;
2441
1935
  }
2442
1936
  .svg-inline--mobius-icon.mobius-icon-li{
2443
- width:2em;
2444
1937
  width:var(--mobius-icon-li-width, 2em);
2445
1938
  top:0.25em;
2446
1939
  }
2447
1940
  .svg-inline--mobius-icon.mobius-icon-fw{
2448
- width:1.25em;
2449
1941
  width:var(--mobius-icon-fw-width, 1.25em);
2450
1942
  }
2451
1943
  .mobius-icon-layers svg.svg-inline--mobius-icon{
@@ -2480,68 +1972,46 @@ svg:not(:host).svg-inline--mobius-icon{
2480
1972
  transform-origin:center center;
2481
1973
  }
2482
1974
  .mobius-icon-layers-counter{
2483
- background-color:#ff253a;
2484
1975
  background-color:var(--mobius-icon-counter-background-color, #ff253a);
2485
- border-radius:1em;
2486
1976
  border-radius:var(--mobius-icon-counter-border-radius, 1em);
2487
1977
  box-sizing:border-box;
2488
- color:#fff;
2489
1978
  color:var(--mobius-icon-inverse, #fff);
2490
- line-height:1;
2491
1979
  line-height:var(--mobius-icon-counter-line-height, 1);
2492
- max-width:5em;
2493
1980
  max-width:var(--mobius-icon-counter-max-width, 5em);
2494
- min-width:1.5em;
2495
1981
  min-width:var(--mobius-icon-counter-min-width, 1.5em);
2496
1982
  overflow:hidden;
2497
- padding:0.25em 0.5em;
2498
1983
  padding:var(--mobius-icon-counter-padding, 0.25em 0.5em);
2499
- right:0;
2500
1984
  right:var(--mobius-icon-right, 0);
2501
1985
  text-overflow:ellipsis;
2502
- top:0;
2503
1986
  top:var(--mobius-icon-top, 0);
2504
- transform:scale(0.25);
2505
1987
  transform:scale(var(--mobius-icon-counter-scale, 0.25));
2506
1988
  transform-origin:top right;
2507
1989
  }
2508
1990
  .mobius-icon-layers-bottom-right{
2509
- bottom:0;
2510
1991
  bottom:var(--mobius-icon-bottom, 0);
2511
- right:0;
2512
1992
  right:var(--mobius-icon-right, 0);
2513
1993
  top:auto;
2514
- transform:scale(0.25);
2515
1994
  transform:scale(var(--mobius-icon-layers-scale, 0.25));
2516
1995
  transform-origin:bottom right;
2517
1996
  }
2518
1997
  .mobius-icon-layers-bottom-left{
2519
- bottom:0;
2520
1998
  bottom:var(--mobius-icon-bottom, 0);
2521
- left:0;
2522
1999
  left:var(--mobius-icon-left, 0);
2523
2000
  right:auto;
2524
2001
  top:auto;
2525
- transform:scale(0.25);
2526
2002
  transform:scale(var(--mobius-icon-layers-scale, 0.25));
2527
2003
  transform-origin:bottom left;
2528
2004
  }
2529
2005
  .mobius-icon-layers-top-right{
2530
- top:0;
2531
2006
  top:var(--mobius-icon-top, 0);
2532
- right:0;
2533
2007
  right:var(--mobius-icon-right, 0);
2534
- transform:scale(0.25);
2535
2008
  transform:scale(var(--mobius-icon-layers-scale, 0.25));
2536
2009
  transform-origin:top right;
2537
2010
  }
2538
2011
  .mobius-icon-layers-top-left{
2539
- left:0;
2540
2012
  left:var(--mobius-icon-left, 0);
2541
2013
  right:auto;
2542
- top:0;
2543
2014
  top:var(--mobius-icon-top, 0);
2544
- transform:scale(0.25);
2545
2015
  transform:scale(var(--mobius-icon-layers-scale, 0.25));
2546
2016
  transform-origin:top left;
2547
2017
  }
@@ -2611,7 +2081,6 @@ svg:not(:host).svg-inline--mobius-icon{
2611
2081
  }
2612
2082
  .mobius-icon-ul{
2613
2083
  list-style-type:none;
2614
- margin-left:2.5em;
2615
2084
  margin-left:var(--mobius-icon-li-margin, 2.5em);
2616
2085
  padding-left:0;
2617
2086
  }
@@ -2619,50 +2088,36 @@ svg:not(:host).svg-inline--mobius-icon{
2619
2088
  position:relative;
2620
2089
  }
2621
2090
  .mobius-icon-li{
2622
- left:calc(2em * -1);
2623
2091
  left:calc(var(--mobius-icon-li-width, 2em) * -1);
2624
2092
  position:absolute;
2625
2093
  text-align:center;
2626
- width:2em;
2627
2094
  width:var(--mobius-icon-li-width, 2em);
2628
2095
  line-height:inherit;
2629
2096
  }
2630
2097
  .mobius-icon-border{
2631
- border-color:#eee;
2632
2098
  border-color:var(--mobius-icon-border-color, #eee);
2633
- border-radius:0.1em;
2634
2099
  border-radius:var(--mobius-icon-border-radius, 0.1em);
2635
- border-style:solid;
2636
2100
  border-style:var(--mobius-icon-border-style, solid);
2637
- border-width:0.08em;
2638
2101
  border-width:var(--mobius-icon-border-width, 0.08em);
2639
- padding:0.2em 0.25em 0.15em;
2640
2102
  padding:var(--mobius-icon-border-padding, 0.2em 0.25em 0.15em);
2641
2103
  }
2642
2104
  .mobius-icon-pull-left{
2643
2105
  float:left;
2644
- margin-right:0.3em;
2645
2106
  margin-right:var(--mobius-icon-pull-margin, 0.3em);
2646
2107
  }
2647
2108
  .mobius-icon-pull-right{
2648
2109
  float:right;
2649
- margin-left:0.3em;
2650
2110
  margin-left:var(--mobius-icon-pull-margin, 0.3em);
2651
2111
  }
2652
2112
  .mobius-icon-spin{
2653
2113
  animation-name:mobius-icon-spin;
2654
- animation-delay:0s;
2655
2114
  animation-delay:var(--mobius-icon-animation-delay, 0s);
2656
- animation-direction:normal;
2657
2115
  animation-direction:var(--mobius-icon-animation-direction, normal);
2658
- animation-duration:2s;
2659
2116
  animation-duration:var(--mobius-icon-animation-duration, 2s);
2660
- animation-iteration-count:infinite;
2661
2117
  animation-iteration-count:var(
2662
2118
  --mobius-icon-animation-iteration-count,
2663
2119
  infinite
2664
2120
  );
2665
- animation-timing-function:linear;
2666
2121
  animation-timing-function:var(--mobius-icon-animation-timing, linear);
2667
2122
  }
2668
2123
  .mobius-icon-spin-reverse{
@@ -2705,7 +2160,6 @@ svg:not(:host).svg-inline--mobius-icon{
2705
2160
  transform:scale(-1, -1);
2706
2161
  }
2707
2162
  .mobius-icon-rotate-by{
2708
- transform:rotate(none);
2709
2163
  transform:rotate(var(--mobius-icon-rotate-angle, none));
2710
2164
  }
2711
2165
  .mobius-icon-stack{
@@ -2723,7 +2177,6 @@ svg:not(:host).svg-inline--mobius-icon{
2723
2177
  position:absolute;
2724
2178
  right:0;
2725
2179
  top:0;
2726
- z-index:auto;
2727
2180
  z-index:var(--mobius-icon-stack-z-index, auto);
2728
2181
  }
2729
2182
  .svg-inline--mobius-icon.mobius-icon-stack-1x{
@@ -2735,7 +2188,6 @@ svg:not(:host).svg-inline--mobius-icon{
2735
2188
  width:2.5em;
2736
2189
  }
2737
2190
  .mobius-icon-inverse{
2738
- color:#fff;
2739
2191
  color:var(--mobius-icon-inverse, #fff);
2740
2192
  }
2741
2193
  .sr-only,
@@ -2763,23 +2215,17 @@ svg:not(:host).svg-inline--mobius-icon{
2763
2215
  border-width:0;
2764
2216
  }
2765
2217
  .svg-inline--mobius-icon .mobius-icon-primary{
2766
- fill:currentColor;
2767
2218
  fill:var(--mobius-icon-primary-color, currentColor);
2768
- opacity:1;
2769
2219
  opacity:var(--mobius-icon-primary-opacity, 1);
2770
2220
  }
2771
2221
  .svg-inline--mobius-icon .mobius-icon-secondary{
2772
- fill:currentColor;
2773
2222
  fill:var(--mobius-icon-secondary-color, currentColor);
2774
- opacity:0.4;
2775
2223
  opacity:var(--mobius-icon-secondary-opacity, 0.4);
2776
2224
  }
2777
2225
  .svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-primary{
2778
- opacity:0.4;
2779
2226
  opacity:var(--mobius-icon-secondary-opacity, 0.4);
2780
2227
  }
2781
2228
  .svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-secondary{
2782
- opacity:1;
2783
2229
  opacity:var(--mobius-icon-primary-opacity, 1);
2784
2230
  }
2785
2231
  .svg-inline--mobius-icon mask .mobius-icon-primary,
@@ -2788,7 +2234,6 @@ svg:not(:host).svg-inline--mobius-icon{
2788
2234
  }
2789
2235
  .fad.mobius-icon-inverse,
2790
2236
  .mobius-icon-duotone.mobius-icon-inverse{
2791
- color:#fff;
2792
2237
  color:var(--mobius-icon-inverse, #fff);
2793
2238
  }
2794
2239
  @font-face{
@@ -2898,9 +2343,12 @@ svg:not(:host).svg-inline--mobius-icon{
2898
2343
  --input-field-padding-tight:14px var(--size-sm);
2899
2344
  --border-default:var(--size-border-width) solid var(--color-primary-light);
2900
2345
  --box-shadow-default:0 0 0 var(--size-focus-ring) var(--color-focus);
2346
+ --popover-max-width:260px;
2347
+ --popover-z-index:2147483647;
2348
+ --color-background-popover:var(--color-neutral-700);
2349
+ --color-text-popover:#fff;
2901
2350
  }
2902
2351
  .mobius{
2903
- font-family:museosans, Arial, sans-serif;
2904
2352
  font-family:var(--font-family);
2905
2353
  }
2906
2354
  .mobius *,
@@ -2922,7 +2370,6 @@ svg:not(:host).svg-inline--mobius-icon{
2922
2370
  }
2923
2371
  .mobius-actions__back{
2924
2372
  display:inline-flex;
2925
- gap:8px;
2926
2373
  gap:var(--size-xs);
2927
2374
  }
2928
2375
  .mobius-actions__next.--single-action{
@@ -2945,11 +2392,7 @@ svg:not(:host).svg-inline--mobius-icon{
2945
2392
  }
2946
2393
  .mobius-percentage-totals-question__items{
2947
2394
  display:grid;
2948
- grid-template-columns:minmax(0, 1fr) 110px;
2949
2395
  grid-template-columns:minmax(0, 1fr) var(--percentage-max-width);
2950
- grid-gap:8px;
2951
- grid-gap:var(--size-xs);
2952
- gap:8px;
2953
2396
  gap:var(--size-xs);
2954
2397
  }
2955
2398
  .mobius-percentage-totals-question__items > *{
@@ -2957,22 +2400,17 @@ svg:not(:host).svg-inline--mobius-icon{
2957
2400
  align-items:center;
2958
2401
  }
2959
2402
  .mobius-percentage-totals-question__items .mobius-number-field{
2960
- max-width:110px;
2961
2403
  max-width:var(--percentage-max-width);
2962
2404
  margin-bottom:0;
2963
2405
  }
2964
2406
  .mobius-percentage-totals-question__items .mobius-number-field input{
2965
- max-width:110px;
2966
2407
  max-width:var(--percentage-max-width);
2967
2408
  }
2968
2409
  .mobius-percentage-totals-question__items .mobius-number-field__input{
2969
- padding:calc(8px + 2px) 16px;
2970
2410
  padding:calc(var(--size-xs) + 2px) var(--size-sm);
2971
- border:1px solid #d1d1d2;
2972
2411
  border:var(--percentage-number-field-border);
2973
2412
  }
2974
2413
  .mobius-percentage-totals-question__total{
2975
- font-weight:700;
2976
2414
  font-weight:var(--font-weight-bold);
2977
2415
  height:40px;
2978
2416
  }
@@ -2987,46 +2425,33 @@ svg:not(:host).svg-inline--mobius-icon{
2987
2425
  }
2988
2426
  .mobius-question{
2989
2427
  position:relative;
2990
- margin-top:8px;
2991
2428
  margin-top:var(--size-xs);
2992
- padding:16px 32px;
2993
2429
  padding:var(--size-sm) var(--size-lg);
2994
- background-color:#f3f3f3;
2995
2430
  background-color:var(--color-background-light);
2996
2431
  }
2997
2432
  .mobius-question:hover{
2998
- background-color:#f6f5fd;
2999
2433
  background-color:var(--color-background-highlight);
3000
2434
  }
3001
2435
  .mobius-question.--is-desktop{
3002
2436
  box-sizing:border-box;
3003
- width:100%;
3004
2437
  width:var(--question-desktop-width);
3005
2438
  }
3006
2439
  .mobius-question.--has-help-open{
3007
- background-color:#f6f5fd;
3008
2440
  background-color:var(--color-background-highlight);
3009
2441
  }
3010
2442
  .mobius-question__label{
3011
2443
  display:block;
3012
- padding-right:8px;
3013
2444
  padding-right:var(--size-xs);
3014
- margin-bottom:16px;
3015
2445
  margin-bottom:var(--size-sm);
3016
2446
  }
3017
2447
  .mobius-question__description{
3018
- margin-top:8px;
3019
- margin-bottom:8px;
3020
2448
  margin-top:var(--size-xs);
3021
2449
  margin-bottom:var(--size-xs);
3022
2450
  }
3023
2451
  .mobius-question-group{
3024
2452
  position:relative;
3025
- margin-top:8px;
3026
2453
  margin-top:var(--size-xs);
3027
- padding:16px 32px;
3028
2454
  padding:var(--size-sm) var(--size-lg);
3029
- background-color:#f3f3f3;
3030
2455
  background-color:var(--color-background-light);
3031
2456
 
3032
2457
  --chopin__help-trigger-size:1.7em;
@@ -3036,49 +2461,33 @@ svg:not(:host).svg-inline--mobius-icon{
3036
2461
  --chopin__help-content-padding:var(--size-sm);
3037
2462
  }
3038
2463
  .mobius-question-group.--is-md .mobius-question-group__header .mobius-question__help-content{
3039
- right:calc(
3040
- 0px - 250px - (32px)
3041
- );
3042
- right:calc(
3043
- 0px - var(--chopin__help-content-width) - (var(--size-lg))
3044
- );
3045
- right:calc(
3046
- 0px - 250px - calc(32px)
3047
- );
3048
2464
  right:calc(
3049
2465
  0px - var(--chopin__help-content-width) - calc(var(--size-lg))
3050
2466
  );
3051
2467
  }
3052
2468
  .mobius-question-group.--is-md .mobius-question-group__question .mobius-question__help-content{
3053
2469
  top:0;
3054
- right:calc(0px - 250px - 32px);
3055
2470
  right:calc(0px - var(--chopin__help-content-width) - var(--size-lg));
3056
2471
  }
3057
2472
  .mobius-question-group .mobius-question{
3058
2473
  width:auto;
3059
- background-color:#f3f3f3;
3060
2474
  background-color:var(--color-background-light);
3061
- padding:16px 16px 4px 32px;
3062
2475
  padding:var(--size-sm) var(--size-sm) var(--size-xxs) var(--size-lg);
3063
2476
  }
3064
2477
  .mobius-question-group .mobius-question:hover{
3065
- background-color:#f6f5fd;
3066
2478
  background-color:var(--color-background-highlight);
3067
2479
  }
3068
2480
  .mobius-question-group .mobius-question .mobius-radio-group{
3069
2481
  width:50%;
3070
2482
  }
3071
2483
  .mobius-question-group .mobius-question .mobius-question__label{
3072
- padding-right:32px;
3073
2484
  padding-right:var(--size-lg);
3074
2485
  }
3075
2486
  .mobius-question-group__header{
3076
- margin-bottom:24px;
3077
2487
  margin-bottom:var(--size-md);
3078
2488
  }
3079
2489
  .mobius-question-group__label{
3080
2490
  display:block;
3081
- padding-right:8px;
3082
2491
  padding-right:var(--size-xs);
3083
2492
  }
3084
2493
  .mobius-question-group__list{
@@ -3102,26 +2511,20 @@ svg:not(:host).svg-inline--mobius-icon{
3102
2511
  display:inline-block;
3103
2512
  padding:0;
3104
2513
  margin:0;
3105
- width:1.7em;
3106
2514
  width:var(--chopin__help-trigger-size);
3107
- height:1.7em;
3108
2515
  height:var(--chopin__help-trigger-size);
3109
2516
  outline:none;
3110
- background-color:#4632d8;
3111
2517
  background-color:var(--color-primary);
3112
2518
  border-radius:50%;
3113
- color:#ffffff;
3114
2519
  color:var(--color-text-inverted);
3115
2520
  }
3116
2521
  .mobius-question-help__trigger:hover,
3117
2522
  .mobius-question-help__trigger:focus-visible{
3118
- background-color:#2a1e81;
3119
2523
  background-color:var(--color-primary-hover);
3120
2524
  }
3121
2525
  .mobius-question-help__trigger > span{
3122
2526
  clip:rect(0 0 0 0);
3123
- -webkit-clip-path:inset(50%);
3124
- clip-path:inset(50%);
2527
+ clip-path:inset(50%);
3125
2528
  height:1px;
3126
2529
  overflow:hidden;
3127
2530
  position:absolute;
@@ -3134,21 +2537,13 @@ svg:not(:host).svg-inline--mobius-icon{
3134
2537
  .mobius-question-help__content{
3135
2538
  box-sizing:border-box;
3136
2539
  display:none;
3137
- background-color:#f6f5fd;
3138
2540
  background-color:var(--color-background-highlight);
3139
- margin-top:16px;
3140
- margin-bottom:16px;
3141
2541
  margin-top:var(--size-sm);
3142
2542
  margin-bottom:var(--size-sm);
3143
- border:2px solid #4632d8;
3144
2543
  border:var(--size-border-width) solid var(--question-help-border-color);
3145
- border-radius:4px;
3146
2544
  border-radius:var(--radius-1);
3147
- padding:16px;
3148
2545
  padding:var(--chopin__help-content-padding);
3149
- font-family:museosans, Arial, sans-serif;
3150
2546
  font-family:var(--font-family);
3151
- box-shadow:transparent;
3152
2547
  box-shadow:var(--question-help-content-box-shadow);
3153
2548
  }
3154
2549
  .mobius-question-help__content > :first-child{
@@ -3159,32 +2554,22 @@ svg:not(:host).svg-inline--mobius-icon{
3159
2554
  }
3160
2555
  .mobius-section{
3161
2556
  max-width:626px;
3162
- margin:calc(32px + 16px) auto 0;
3163
2557
  margin:calc(var(--size-lg) + var(--size-sm)) auto 0;
3164
2558
  padding:0;
3165
2559
  }
3166
2560
  .mobius-section__title{
3167
2561
  margin-top:0;
3168
- margin-bottom:calc(16px + 4px);
3169
2562
  margin-bottom:calc(var(--size-sm) + var(--size-xxs));
3170
- font-weight:500;
3171
2563
  font-weight:var(--font-weight-normal);
3172
2564
  }
3173
2565
  .mobius-testimonial{
3174
- background-color:#f3f3f3;
3175
2566
  background-color:var(--color-background-light);
3176
- margin-top:24px;
3177
- margin-bottom:24px;
3178
2567
  margin-top:var(--size-md);
3179
2568
  margin-bottom:var(--size-md);
3180
- padding:24px 32px;
3181
2569
  padding:var(--size-md) var(--size-lg);
3182
2570
  position:relative;
3183
- margin-left:32px;
3184
- margin-right:32px;
3185
2571
  margin-left:var(--size-lg);
3186
2572
  margin-right:var(--size-lg);
3187
- color:#5d5d60;
3188
2573
  color:var(--color-text-medium);
3189
2574
  }
3190
2575
  .mobius-testimonial::before{
@@ -3199,7 +2584,6 @@ svg:not(:host).svg-inline--mobius-icon{
3199
2584
  }
3200
2585
  .mobius-testimonial__quote{
3201
2586
  margin:0;
3202
- margin-bottom:32px;
3203
2587
  margin-bottom:var(--size-lg);
3204
2588
  }
3205
2589
  .mobius-testimonial :where(figcaption){
@@ -3208,20 +2592,13 @@ svg:not(:host).svg-inline--mobius-icon{
3208
2592
  .mobius-testimonial__author::before{
3209
2593
  content:"\2014 ";
3210
2594
  display:inline-block;
3211
- margin-right:8px;
3212
2595
  margin-right:var(--size-xs);
3213
2596
  }
3214
2597
  .mobius-agent-resources{
3215
2598
  display:grid;
3216
- grid-gap:24px;
3217
- grid-gap:var(--size-md);
3218
- gap:24px;
3219
2599
  gap:var(--size-md);
3220
- padding:24px;
3221
2600
  padding:var(--size-md);
3222
- background-color:#f6f5fd;
3223
2601
  background-color:var(--color-background-highlight);
3224
- border-radius:4px;
3225
2602
  border-radius:var(--radius-1);
3226
2603
  }
3227
2604
  .mobius-agent-resources__title.mobius-text{
@@ -3233,14 +2610,10 @@ svg:not(:host).svg-inline--mobius-icon{
3233
2610
  position:absolute;
3234
2611
  left:0;
3235
2612
  right:0;
3236
- color:#e943c9;
3237
2613
  color:var(--color-accent);
3238
2614
  }
3239
2615
  .mobius-agent-resources__list{
3240
2616
  display:grid;
3241
- grid-gap:16px;
3242
- grid-gap:var(--size-sm);
3243
- gap:16px;
3244
2617
  gap:var(--size-sm);
3245
2618
  list-style:none;
3246
2619
  margin:0;
@@ -3248,38 +2621,23 @@ svg:not(:host).svg-inline--mobius-icon{
3248
2621
  }
3249
2622
  .mobius-agent-resources__list-item{
3250
2623
  display:grid;
3251
- grid-gap:24px;
3252
- grid-gap:var(--size-md);
3253
- gap:24px;
3254
2624
  gap:var(--size-md);
3255
- grid-template-columns:24px 1fr;
3256
2625
  grid-template-columns:var(--size-md) 1fr;
3257
2626
  }
3258
2627
  .mobius-agent-resources__list .mobius-icon{
3259
2628
  margin:0 auto;
3260
- color:#e943c9;
3261
2629
  color:var(--color-accent);
3262
2630
  }
3263
2631
  .mobius-agent-resources .mobius-link-button{
3264
2632
  text-align:center;
3265
2633
  }
3266
2634
  .mobius-footer{
3267
- background-color:#f3f3f3;
3268
2635
  background-color:var(--color-background-light);
3269
- padding:64px 16px 32px;
3270
2636
  padding:64px var(--size-sm) var(--size-lg);
3271
2637
  }
3272
2638
  .mobius-footer__content{
3273
2639
  display:grid;
3274
- grid-column-gap:16px;
3275
- grid-column-gap:var(--size-sm);
3276
- -moz-column-gap:16px;
3277
- column-gap:16px;
3278
- -moz-column-gap:var(--size-sm);
3279
- column-gap:var(--size-sm);
3280
- grid-row-gap:32px;
3281
- grid-row-gap:var(--size-lg);
3282
- row-gap:32px;
2640
+ column-gap:var(--size-sm);
3283
2641
  row-gap:var(--size-lg);
3284
2642
  }
3285
2643
  @media (min-width: 960px){
@@ -3297,9 +2655,7 @@ svg:not(:host).svg-inline--mobius-icon{
3297
2655
  }
3298
2656
  .mobius-footer__heading.mobius-text{
3299
2657
  margin:0;
3300
- padding-bottom:8px;
3301
2658
  padding-bottom:var(--size-xs);
3302
- font-weight:700;
3303
2659
  font-weight:var(--font-weight-bold);
3304
2660
  }
3305
2661
  .mobius-footer__heading-partial{
@@ -3312,14 +2668,9 @@ svg:not(:host).svg-inline--mobius-icon{
3312
2668
  }
3313
2669
  .mobius-footer__call-us-link{
3314
2670
  display:grid;
3315
- grid-gap:8px;
3316
- grid-gap:var(--size-xs);
3317
- gap:8px;
3318
2671
  gap:var(--size-xs);
3319
2672
  grid-template-columns:auto auto;
3320
- width:-moz-fit-content;
3321
2673
  width:fit-content;
3322
- margin-bottom:8px;
3323
2674
  margin-bottom:var(--size-xs);
3324
2675
  }
3325
2676
  @media (min-width: 960px){
@@ -3341,11 +2692,9 @@ svg:not(:host).svg-inline--mobius-icon{
3341
2692
  position:absolute;
3342
2693
  left:0;
3343
2694
  right:0;
3344
- color:#e943c9;
3345
2695
  color:var(--color-accent);
3346
2696
  }
3347
2697
  .mobius-footer__opening-hours-container .mobius-text.small{
3348
- color:#5d5d60;
3349
2698
  color:var(--color-text-medium);
3350
2699
  }
3351
2700
  .mobius-footer__opening-hours-container[open]
@@ -3355,15 +2704,10 @@ svg:not(:host).svg-inline--mobius-icon{
3355
2704
  .mobius-footer__opening-hours-toggle{
3356
2705
  display:grid;
3357
2706
  grid-template-columns:max-content auto;
3358
- grid-gap:8px;
3359
- grid-gap:var(--size-xs);
3360
- gap:8px;
3361
2707
  gap:var(--size-xs);
3362
2708
  align-items:center;
3363
2709
  cursor:pointer;
3364
- -webkit-user-select:none;
3365
- -moz-user-select:none;
3366
- user-select:none;
2710
+ user-select:none;
3367
2711
  }
3368
2712
  .mobius-footer__opening-hours-toggle span{
3369
2713
  text-wrap:nowrap;
@@ -3372,22 +2716,15 @@ svg:not(:host).svg-inline--mobius-icon{
3372
2716
  display:none;
3373
2717
  }
3374
2718
  .mobius-footer__opening-hours-toggle-icon{
3375
- color:#4632d8;
3376
2719
  color:var(--color-primary);
3377
- transition:160ms ease-in-out;
3378
2720
  transition:var(--transition-standard);
3379
2721
  }
3380
2722
  .mobius-footer__opening-hours-toggle:hover .mobius-footer__opening-hours-toggle-icon, .mobius-footer__opening-hours-toggle:active .mobius-footer__opening-hours-toggle-icon, .mobius-footer__opening-hours-toggle:focus-visible .mobius-footer__opening-hours-toggle-icon{
3381
- color:#2a1e81;
3382
2723
  color:var(--color-primary-hover);
3383
2724
  }
3384
2725
  .mobius-footer__opening-hours-list{
3385
2726
  display:grid;
3386
- grid-gap:4px;
3387
- grid-gap:var(--size-xxs);
3388
- gap:4px;
3389
2727
  gap:var(--size-xxs);
3390
- margin:4px 0 0 0;
3391
2728
  margin:var(--size-xxs) 0 0 0;
3392
2729
  padding-left:0;
3393
2730
  list-style:none;
@@ -3395,9 +2732,6 @@ svg:not(:host).svg-inline--mobius-icon{
3395
2732
  .mobius-footer__opening-hours-list-item{
3396
2733
  display:grid;
3397
2734
  grid-template-columns:minmax(min-content, 50px) max-content auto;
3398
- grid-gap:8px;
3399
- grid-gap:var(--size-xs);
3400
- gap:8px;
3401
2735
  gap:var(--size-xs);
3402
2736
  }
3403
2737
  .mobius-footer__addresses{
@@ -3415,7 +2749,6 @@ svg:not(:host).svg-inline--mobius-icon{
3415
2749
  }
3416
2750
  }
3417
2751
  .mobius-footer__address-entry.mobius-text.--is-small{
3418
- color:#5d5d60;
3419
2752
  color:var(--color-text-medium);
3420
2753
  margin:0;
3421
2754
  }
@@ -3428,7 +2761,6 @@ svg:not(:host).svg-inline--mobius-icon{
3428
2761
  }
3429
2762
  }
3430
2763
  .mobius-footer__small-print a{
3431
- color:#4632d8;
3432
2764
  color:var(--color-primary);
3433
2765
  }
3434
2766
  .mobius-footer__small-print a:hover,
@@ -3436,7 +2768,6 @@ svg:not(:host).svg-inline--mobius-icon{
3436
2768
  -webkit-text-decoration:underline;
3437
2769
  text-decoration:underline;
3438
2770
  cursor:pointer;
3439
- color:#2a1e81;
3440
2771
  color:var(--color-primary-hover);
3441
2772
  }
3442
2773
  .error-boundary__container{
@@ -3461,9 +2792,7 @@ svg:not(:host).svg-inline--mobius-icon{
3461
2792
  --header-powered-by-icon-color:var(--color-text-medium);
3462
2793
  }
3463
2794
  .mobius-header{
3464
- border-bottom:2px solid transparent;
3465
2795
  border-bottom:var(--size-border-width) solid var(--header-border-color);
3466
- background-color:#ffffff;
3467
2796
  background-color:var(--header-background-color);
3468
2797
  padding:15px 0;
3469
2798
  }
@@ -3471,12 +2800,10 @@ svg:not(:host).svg-inline--mobius-icon{
3471
2800
  display:flex;
3472
2801
  align-items:center;
3473
2802
  justify-content:space-between;
3474
- gap:8px;
3475
2803
  gap:var(--size-xs);
3476
2804
  }
3477
2805
  .mobius-header__logo{
3478
2806
  display:block;
3479
- background-image:url("data:image/svg+xml,%3Csvg width%3D%22143%22 height%3D%2241%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg clip-path%3D%22url%28%23a%29%22%3E%3Cpath d%3D%22M72.703 12.73c0-2.694-2.15-3.619-4.047-4.433-1.408-.605-2.618-1.12-2.618-2.24 0-.938.815-1.544 2.075-1.544 1.113 0 1.904.48 2.433.79.202.109.505.242.79.15a.875.875 0 0 0 .49-.48l.362-.678c.276-.517.179-.96-.29-1.3-.56-.425-1.976-1.133-3.744-1.133-2.892 0-4.912 1.782-4.912 4.334 0 2.614 2.126 3.563 4.003 4.4 1.43.64 2.66 1.189 2.66 2.34 0 .951-.8 1.564-2.034 1.564-1.364 0-2.346-.7-2.828-1.038l-.024-.018c-.57-.32-.957-.26-1.298.216l-.441.656c-.47.656-.157 1.072.14 1.331a7.618 7.618 0 0 0 4.451 1.501c2.845 0 4.832-1.816 4.832-4.418ZM77.396 15.937V7.182c0-.621-.329-.96-.925-.96h-.887c-.596 0-.924.342-.924.96v8.755c0 .63.313.96.924.96h.887c.604.005.925-.33.925-.96ZM75.553 5.04h.804c.554 0 .859-.305.859-.857v-.56c0-.557-.313-.875-.859-.875h-.804c-.541 0-.84.31-.84.875v.557c.005.555.303.86.84.86ZM97.922 26.956h.804c.553 0 .858-.304.858-.856v-.56c0-.557-.312-.875-.858-.875h-.804c-.542 0-.84.31-.84.875v.56c.001.552.3.856.84.856ZM91.3 5.972c-1.623 0-2.539 1.035-3.12 2.053-.47-1.344-1.515-2.053-3.038-2.053-1.446 0-2.264.96-2.882 1.944V7.18c0-.62-.328-.96-.924-.96h-.782c-.596 0-.925.342-.925.96v8.757c0 .63.321.96.925.96h.887c.604 0 .923-.335.923-.96v-3.84c0-2.429.938-3.536 2.174-3.536 1.059 0 1.272.763 1.272 1.995v5.38c0 .623.334.96.938.96h.886c.605 0 .924-.334.924-.96v-3.84c0-2.428.92-3.535 2.134-3.535 1.095 0 1.31.8 1.31 1.995v5.38c0 .631.328.96.94.96h.866c.608 0 .938-.342.938-.96V10.06c.016-2.714-1.15-4.088-3.446-4.088ZM102.724 17.148c2.833 0 4.81-2.298 4.81-5.589 0-3.342-1.877-5.587-4.669-5.587a3.793 3.793 0 0 0-1.809.412 3.89 3.89 0 0 0-1.414 1.225v-.571c0-.498-.361-.82-.923-.82h-.64c-.602 0-.94.35-.94.96v12.866c0 .622.335.96.94.96h.864c.626 0 .939-.334.939-.96v-3.696c0-.229-.011-.427-.024-.58.34.442.775.797 1.273 1.037.498.24 1.043.357 1.593.343Zm-2.925-5.526c0-1.48.655-3.208 2.503-3.208 1.459 0 2.44 1.28 2.44 3.187 0 1.881-.997 3.147-2.48 3.147-1.617 0-2.463-1.573-2.463-3.126ZM113.505 16.02v-.7c0-.48-.26-.788-.712-.84-.355-.038-.718-.204-.718-1.153V3.071c0-.611-.336-.96-.925-.96h-.885c-.596 0-.924.343-.924.96v10.461c0 1.366.366 2.338 1.095 2.891.677.522 1.542.581 2.133.581s.936-.344.936-.984ZM123.489 6.218h-1.009c-.549 0-.888.26-1.04.788l-1.81 5.368c-.098.334-.203.77-.27 1.06a16.883 16.883 0 0 0-.313-1.107l-1.929-5.342c-.178-.523-.508-.767-1.04-.767h-1.095c-.444 0-.651.178-.746.32-.096.143-.168.412.011.82l3.891 9.27-.351.894c-.263.64-.808 1.335-1.541 1.335a1.59 1.59 0 0 1-.684-.176h-.017c-.454-.11-.806.072-1.02.531l-.18.448a.975.975 0 0 0-.061.782.834.834 0 0 0 .498.464c.464.2.96.308 1.464.32 1.72 0 3.147-1.054 3.798-2.817l4.223-11.061c.11-.32.094-.608-.048-.811-.143-.203-.393-.319-.731-.319ZM71.486 31.086c1.026-.64 1.635-1.79 1.635-3.125 0-2.346-1.779-3.863-4.537-3.863h-4.26c-.595 0-.924.343-.924.96v12.866c0 .63.313.96.925.96h4.33c1.418 0 2.637-.36 3.522-1.043.989-.76 1.51-1.898 1.51-3.291 0-1.63-.856-2.972-2.201-3.464Zm-5.319-1.028V26.58h2.38c1.073 0 1.713.64 1.713 1.707 0 1.067-.65 1.77-1.654 1.77l-2.438.001Zm4.657 4.335c0 1.245-.757 2.016-1.975 2.016h-2.674v-4.011h2.681c1.2 0 1.976.784 1.976 1.995h-.008ZM84.184 28.209h-.865c-.61 0-.938.342-.938.96v3.945c0 2.36-1.442 3.434-2.781 3.434-1.06 0-1.493-.59-1.493-2.037v-5.338c0-.622-.336-.96-.938-.96h-.867c-.599 0-.938.352-.938.96v5.877c0 2.72 1.232 4.088 3.663 4.088a4.062 4.062 0 0 0 1.97-.504 4.173 4.173 0 0 0 1.498-1.403v.698c0 .63.313.96.924.96h.783c.61 0 .938-.343.938-.96v-8.756c-.01-.612-.358-.964-.956-.964ZM91.533 32.462c-.966-.343-1.802-.64-1.802-1.28 0-.8.81-.927 1.292-.927.667.022 1.32.194 1.913.506.584.26 1.006.134 1.252-.373l.203-.374c.263-.56.136-1.028-.342-1.28a5.74 5.74 0 0 0-2.908-.773c-2.408 0-4.025 1.304-4.025 3.245 0 2.201 1.835 2.864 3.308 3.396.96.346 1.787.64 1.787 1.27 0 .596-.51.96-1.332.96-.974 0-1.702-.404-2.19-.67l-.068-.038c-.559-.298-.951-.224-1.275.238l-.243.37a1.007 1.007 0 0 0-.19.782.843.843 0 0 0 .419.528 6.005 6.005 0 0 0 3.479 1.087c2.358 0 4.006-1.368 4.006-3.327.01-2.172-1.816-2.822-3.284-3.34ZM98.835 28.209h-.887c-.596 0-.924.342-.924.96v8.755c0 .63.313.96.924.96h.887c.604 0 .923-.333.923-.96v-8.75c0-.613-.336-.965-.923-.965ZM108.676 27.962a4.018 4.018 0 0 0-2.025.498 4.13 4.13 0 0 0-1.523 1.453v-.743c0-.622-.328-.96-.924-.96h-.782c-.596 0-.925.343-.925.96v8.756c0 .63.313.96.925.96h.886c.604 0 .925-.333.925-.96v-4.047c0-1.93 1.203-3.331 2.861-3.331 1.075 0 1.513.59 1.513 2.037v5.344c0 .62.336.96.938.96h.867c.616 0 .938-.333.938-.96V32.05c.01-2.712-1.229-4.088-3.674-4.088ZM119.735 27.962c-3.128 0-5.318 2.298-5.318 5.59 0 3.236 2.362 5.586 5.617 5.586a6.486 6.486 0 0 0 3.541-1.062c.469-.285.59-.754.313-1.29l-.239-.408c-.277-.499-.689-.608-1.252-.33h-.011a4.058 4.058 0 0 1-2.163.663c-1.631 0-2.787-1.046-2.972-2.675h6.155a.977.977 0 0 0 .688-.288c.184-.184.29-.435.296-.698-.006-3.088-1.832-5.088-4.655-5.088Zm-.061 2.175c1.132 0 1.897.829 1.971 2.121h-4.327c.268-1.312 1.162-2.121 2.356-2.121ZM130.416 32.462c-.967-.343-1.802-.64-1.802-1.28 0-.8.808-.927 1.292-.927.666.022 1.32.194 1.913.506.583.26 1.006.134 1.251-.373l.204-.374c.262-.56.136-1.028-.343-1.28a5.74 5.74 0 0 0-2.908-.773c-2.407 0-4.026 1.304-4.026 3.245 0 2.201 1.836 2.864 3.31 3.396.959.346 1.786.64 1.786 1.27 0 .596-.512.96-1.333.96-.973 0-1.7-.404-2.18-.67l-.069-.038c-.559-.298-.951-.224-1.275.238l-.242.37a.997.997 0 0 0-.191.782.834.834 0 0 0 .419.528 6.006 6.006 0 0 0 3.479 1.087c2.359 0 4.006-1.368 4.006-3.327.003-2.172-1.824-2.822-3.291-3.34ZM139.706 32.462c-.967-.343-1.802-.64-1.802-1.28 0-.8.808-.927 1.29-.927a4.43 4.43 0 0 1 1.915.506c.583.26 1.006.134 1.251-.373l.205-.374c.263-.56.136-1.028-.344-1.28a5.722 5.722 0 0 0-2.906-.773c-2.408 0-4.027 1.304-4.027 3.245 0 2.201 1.837 2.864 3.31 3.396.959.346 1.787.64 1.787 1.27 0 .596-.512.96-1.332.96-.974 0-1.701-.404-2.19-.67l-.068-.038c-.56-.298-.953-.224-1.277.238l-.241.37a1.021 1.021 0 0 0-.191.782.835.835 0 0 0 .42.528 6.003 6.003 0 0 0 3.479 1.087c2.357 0 4.006-1.368 4.006-3.327.009-2.172-1.818-2.822-3.285-3.34Z%22 fill%3D%22%230E0A2B%22%2F%3E%3Cpath d%3D%22M24.04 24.6c.648 1.306.972 2.797.972 4.471.01 1.52-.277 3.025-.844 4.429a10.884 10.884 0 0 1-2.417 3.64c-1.048 1.043-2.369 1.866-3.962 2.467a14.853 14.853 0 0 1-5.275.893 17.608 17.608 0 0 1-6.648-1.237c-2.044-.825-3.691-1.725-4.942-2.699a2.857 2.857 0 0 1-.73-.826c-.128-.234-.191-.5-.183-.77a.699.699 0 0 1 0-.266c.034-.408.227-.842.574-1.303l1.198-1.73c.417-.584.87-.912 1.356-.983a.956.956 0 0 1 .235-.026c.429 0 .918.17 1.469.512 2.634 1.929 5.189 2.892 7.665 2.891 1.74 0 3.12-.409 4.14-1.227.486-.37.878-.854 1.144-1.41.265-.557.397-1.17.384-1.79a4.017 4.017 0 0 0-.6-2.149 5.765 5.765 0 0 0-1.62-1.707 19.23 19.23 0 0 0-2.366-1.389 70.772 70.772 0 0 0-2.797-1.3 68.755 68.755 0 0 1-2.91-1.362 19.955 19.955 0 0 1-2.768-1.67 14.455 14.455 0 0 1-2.346-2.08A8.36 8.36 0 0 1 1.16 15.22a10.182 10.182 0 0 1-.595-3.538c0-2.21.565-4.172 1.694-5.886a10.997 10.997 0 0 1 4.587-3.931C8.776.955 10.939.5 13.337.5a17.077 17.077 0 0 1 5.654.917c1.756.613 3.128 1.292 4.12 2.035.71.515 1.066 1.118 1.067 1.808a2.662 2.662 0 0 1-.392 1.304l-.97 1.776c-.4.797-.95 1.195-1.649 1.195a2.837 2.837 0 0 1-1.387-.433 29.67 29.67 0 0 0-1.782-1.018 11.32 11.32 0 0 0-2.107-.774 9.909 9.909 0 0 0-2.71-.38c-1.764 0-3.169.401-4.215 1.202a3.75 3.75 0 0 0-1.17 1.388 3.844 3.844 0 0 0-.394 1.788 3.864 3.864 0 0 0 .98 2.603 8.3 8.3 0 0 0 2.527 1.949 47.68 47.68 0 0 0 3.441 1.589 49.272 49.272 0 0 1 3.755 1.76 21.08 21.08 0 0 1 3.42 2.201 9.276 9.276 0 0 1 2.516 3.19Zm33.055 3.182c0 3.459-1.223 6.582-3.441 8.8-2.392 2.38-5.818 3.638-9.907 3.638H32.458c-2.576 0-4.52-1.986-4.52-4.62V5.405a4.72 4.72 0 0 1 .319-1.783c.22-.567.547-1.084.963-1.521.429-.425.936-.76 1.491-.985a4.447 4.447 0 0 1 1.747-.324h9.532c3.617 0 6.68 1.187 8.859 3.435 2.01 2.068 3.117 4.924 3.117 8.034 0 2.482-.661 4.542-2.022 6.286 1.393.781 2.585 1.89 3.477 3.234 1.106 1.691 1.674 3.71 1.674 6.002ZM44.29 19.474c.053-.032 5.201-3.27 5.201-7.212 0-1.898-.648-3.61-1.82-4.821-1.667-1.717-4.004-2.08-5.673-2.08h-9.574V35.636h11.312c2.896 0 5.239-.8 6.775-2.338 1.348-1.342 2.091-3.302 2.091-5.516 0-1.372-.313-2.536-.912-3.463V24.298c-1.44-2.537-7.233-4.086-7.29-4.1l-.886-.234.776-.49Z%22 fill%3D%22url%28%23b%29%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient id%3D%22b%22 x1%3D%2247.666%22 y1%3D%2242.689%22 x2%3D%225.867%22 y2%3D%221.824%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%234632D8%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%239084E8%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath id%3D%22a%22%3E%3Cpath fill%3D%22%23fff%22 transform%3D%22translate%280 .5%29%22 d%3D%22M0 0h143v40H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
3480
2807
  background-image:var(--header-logo);
3481
2808
  background-size:contain;
3482
2809
  background-repeat:no-repeat;
@@ -3494,19 +2821,14 @@ svg:not(:host).svg-inline--mobius-icon{
3494
2821
  }
3495
2822
  }
3496
2823
  .mobius-header__phone-number{
3497
- font-size:20px;
3498
2824
  font-size:var(--font-size-lead);
3499
- color:#18181d;
3500
2825
  color:var(--header-text-color);
3501
2826
  }
3502
2827
  .mobius-header__phone-icon{
3503
- color:#4632d8;
3504
2828
  color:var(--header-phone-icon-color);
3505
2829
  }
3506
2830
  .mobius-header__contact-link{
3507
- font-size:12px;
3508
2831
  font-size:var(--font-size-small-print);
3509
- line-height:1.5;
3510
2832
  line-height:var(--line-height-normal);
3511
2833
  }
3512
2834
  .mobius-header__contact.--is-desktop{
@@ -3524,9 +2846,6 @@ svg:not(:host).svg-inline--mobius-icon{
3524
2846
  }
3525
2847
  .mobius-header__contact.--is-mobile .mobius-link-button{
3526
2848
  display:grid;
3527
- grid-gap:8px;
3528
- grid-gap:var(--size-xs);
3529
- gap:8px;
3530
2849
  gap:var(--size-xs);
3531
2850
  grid-template-columns:repeat(2, auto);
3532
2851
  }
@@ -3535,16 +2854,13 @@ svg:not(:host).svg-inline--mobius-icon{
3535
2854
  }
3536
2855
  .mobius-header__powered-by-icon{
3537
2856
  height:23px;
3538
- margin-right:24px;
3539
2857
  margin-right:var(--size-md);
3540
- fill:#5d5d60;
3541
2858
  fill:var(--header-powered-by-icon-color);
3542
2859
  }
3543
2860
  @media screen and (min-width: 641px){
3544
2861
  .mobius-header__powered-by-icon{
3545
2862
  width:153px;
3546
2863
  height:43px;
3547
- margin-left:32px;
3548
2864
  margin-left:var(--size-lg);
3549
2865
  margin-right:0;
3550
2866
  order:1;
@@ -3559,17 +2875,13 @@ svg:not(:host).svg-inline--mobius-icon{
3559
2875
  }
3560
2876
  }
3561
2877
  .mobius-header .mobius-header__dropdown .mobius-dropdown-menu__trigger{
3562
- color:#4632d8;
3563
2878
  color:var(--header-link-color);
3564
- font-size:12px;
3565
2879
  font-size:var(--font-size-small-print);
3566
- font-weight:500;
3567
2880
  font-weight:var(--font-weight-normal);
3568
2881
  line-height:1;
3569
2882
  padding:0;
3570
2883
  }
3571
2884
  .mobius-header .mobius-header__dropdown ul{
3572
- padding:16px;
3573
2885
  padding:var(--size-sm);
3574
2886
  overflow:visible;
3575
2887
  }
@@ -3582,14 +2894,11 @@ svg:not(:host).svg-inline--mobius-icon{
3582
2894
  width:0;
3583
2895
  border-style:solid;
3584
2896
  border-width:0 10px 10px;
3585
- border-color:transparent transparent #ffffff;
3586
2897
  border-color:transparent transparent var(--color-background);
3587
2898
  }
3588
2899
  .mobius-header .mobius-header__dropdown .mobius-dropdown-menu__item{
3589
2900
  cursor:auto;
3590
- padding:4px 0;
3591
2901
  padding:var(--size-xxs) 0;
3592
- font-size:12px;
3593
2902
  font-size:var(--font-size-small-print);
3594
2903
  }
3595
2904
  .mobius-header .mobius-header__dropdown .mobius-dropdown-menu__item:hover,
@@ -3603,52 +2912,42 @@ svg:not(:host).svg-inline--mobius-icon{
3603
2912
  }
3604
2913
  .mobius-info-card{
3605
2914
  align-items:center;
3606
- font-size:16px;
3607
2915
  font-size:var(--font-size-regular);
3608
- color:#18181d;
3609
2916
  color:var(--color-text);
3610
- border:1px solid #d1d1d2;
3611
2917
  border:1px solid var(--color-border);
3612
- border-radius:8px;
3613
2918
  border-radius:var(--radius-2);
3614
- padding:16px;
3615
2919
  padding:var(--size-sm);
3616
- margin:16px 0;
3617
2920
  margin:var(--size-sm) 0;
3618
2921
  }
3619
2922
  .mobius-info-card.--has-header{
3620
2923
  align-items:start;
3621
2924
  }
3622
2925
  .mobius-info-card__icon{
3623
- margin-right:16px;
3624
2926
  margin-right:var(--size-sm);
3625
2927
  }
3626
2928
  .mobius-info-card__icon .mobius-icon{
3627
- color:#e943c9;
3628
2929
  color:var(--color-accent);
3629
2930
  }
3630
2931
  .mobius-info-card__header{
3631
- margin:0 0 16px;
3632
2932
  margin:0 0 var(--size-sm);
3633
- font-weight:700;
3634
2933
  font-weight:var(--font-weight-bold);
3635
2934
  }
3636
2935
  .mobius-next-coverage{
3637
- border:1px solid #d1d1d2;
3638
2936
  border:1px solid var(--color-border);
3639
- border-radius:8px;
3640
2937
  border-radius:var(--radius-2);
3641
- padding:32px 16px;
3642
2938
  padding:var(--size-lg) var(--size-sm);
3643
2939
  }
3644
2940
  .mobius-next-coverage__text{
3645
- margin-bottom:32px;
3646
2941
  margin-bottom:var(--size-lg);
3647
2942
  }
2943
+ .mobius-payment-summary .mobius-flex{
2944
+ width:100%;
2945
+ }
2946
+ .mobius-payment-summary__total strong{
2947
+ font-size:var(--font-size-lead);
2948
+ }
3648
2949
  .mobius-insurance-benefits{
3649
- padding:32px 16px;
3650
2950
  padding:var(--size-lg) var(--size-sm);
3651
- background-color:#f6f5fd;
3652
2951
  background-color:var(--color-background-highlight);
3653
2952
  }
3654
2953
  .mobius-insurance-benefits__title.mobius-text{
@@ -3656,13 +2955,9 @@ svg:not(:host).svg-inline--mobius-icon{
3656
2955
  }
3657
2956
  .mobius-insurance-benefits__list{
3658
2957
  display:grid;
3659
- grid-gap:32px;
3660
- grid-gap:var(--size-lg);
3661
- gap:32px;
3662
2958
  gap:var(--size-lg);
3663
2959
  list-style-type:none;
3664
2960
  margin:0;
3665
- padding:32px 0 0 0;
3666
2961
  padding:var(--size-lg) 0 0 0;
3667
2962
  }
3668
2963
  @media (min-width: 960px){
@@ -3671,32 +2966,25 @@ svg:not(:host).svg-inline--mobius-icon{
3671
2966
  }
3672
2967
  }
3673
2968
  .mobius-insurance-benefits__item-icon{
3674
- color:#e943c9;
3675
2969
  color:var(--color-focus);
3676
2970
  }
3677
2971
  .mobius-insurance-benefits__item-title.mobius-text{
3678
- padding-top:16px;
3679
2972
  padding-top:var(--size-sm);
3680
2973
  margin:0;
3681
2974
  }
3682
2975
  .mobius-insurance-benefits__item-description.mobius-text{
3683
- padding-top:8px;
3684
2976
  padding-top:var(--size-xs);
3685
2977
  margin:0;
3686
- color:#5d5d60;
3687
2978
  color:var(--color-text-medium);
3688
2979
  }
3689
2980
  .mobius-pre-footer{
3690
- background-color:#4632d8;
3691
2981
  background-color:var(--color-primary);
3692
- padding:32px 16px;
3693
2982
  padding:var(--size-lg) var(--size-sm);
3694
2983
  }
3695
2984
  .mobius-pre-footer__content{
3696
2985
  display:flex;
3697
2986
  align-items:center;
3698
2987
  flex-direction:column;
3699
- gap:16px;
3700
2988
  gap:var(--size-sm);
3701
2989
  }
3702
2990
  @media (min-width: 960px){
@@ -3709,7 +2997,6 @@ svg:not(:host).svg-inline--mobius-icon{
3709
2997
  width:100%;
3710
2998
  }
3711
2999
  .mobius-pre-footer__wideget .mobius-trust__link{
3712
- color:#ffffff;
3713
3000
  color:var(--color-text-inverted);
3714
3001
  }
3715
3002
  @media (min-width: 452px){
@@ -3724,11 +3011,8 @@ svg:not(:host).svg-inline--mobius-icon{
3724
3011
  }
3725
3012
  }
3726
3013
  .mobius-pre-footer__text{
3727
- font-size:14px;
3728
3014
  font-size:var(--font-size-small-paragraph);
3729
- line-height:1.5;
3730
3015
  line-height:var(--line-height-normal);
3731
- color:#ffffff;
3732
3016
  color:var(--color-text-inverted);
3733
3017
  margin:0 0 0 auto;
3734
3018
  }
@@ -3744,7 +3028,6 @@ svg:not(:host).svg-inline--mobius-icon{
3744
3028
  width:100%;
3745
3029
  display:grid;
3746
3030
  list-style-type:none;
3747
- padding:24px 0;
3748
3031
  padding:var(--size-md) 0;
3749
3032
  margin-top:0;
3750
3033
  margin-bottom:0;
@@ -3757,73 +3040,54 @@ svg:not(:host).svg-inline--mobius-icon{
3757
3040
  display:none;
3758
3041
  }
3759
3042
  .mobius-progress-steps__item.--is-active::before{
3760
- color:#ffffff;
3761
3043
  color:var(--color-text-inverted);
3762
- background-color:#2a1e81;
3763
3044
  background-color:var(--progress-steps-primary-color);
3764
3045
  }
3765
3046
  .mobius-progress-steps__item.--is-active .mobius-progress-steps__item-name.mobius-text{
3766
- color:#2a1e81;
3767
3047
  color:var(--progress-steps-tertiary-color);
3768
3048
  }
3769
3049
  .mobius-progress-steps__item.--is-active .mobius-progress-steps__item-shape{
3770
- background-color:#2a1e81;
3771
3050
  background-color:var(--progress-steps-tertiary-color);
3772
- border-color:#2a1e81;
3773
3051
  border-color:var(--progress-steps-tertiary-color);
3774
3052
  }
3775
3053
  .mobius-progress-steps__item.--is-active .mobius-progress-steps__item-shape::after{
3776
- background-color:#f3f3f3;
3777
3054
  background-color:var(--progress-steps-secondary-color);
3778
3055
  }
3779
3056
  .mobius-progress-steps__item.--is-active .mobius-progress-steps__item-number{
3780
- color:#ffffff;
3781
3057
  color:var(--color-text-inverted);
3782
3058
  }
3783
3059
  .mobius-progress-steps__item.--is-complete::after{
3784
- background-color:#2a1e81;
3785
3060
  background-color:var(--progress-steps-primary-color);
3786
3061
  }
3787
3062
  .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link:hover .mobius-progress-steps__item-shape, .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link:focus-visible .mobius-progress-steps__item-shape{
3788
- background-color:#2a1e81;
3789
3063
  background-color:var(--progress-steps-primary-color);
3790
3064
  }
3791
3065
  .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link:hover .mobius-progress-steps__item-icon, .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link:focus-visible .mobius-progress-steps__item-icon{
3792
- color:#ffffff;
3793
3066
  color:var(--color-text-inverted);
3794
3067
  }
3795
3068
  .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-shape{
3796
- border-color:#2a1e81;
3797
3069
  border-color:var(--progress-steps-primary-color);
3798
- background-color:#ffffff;
3799
3070
  background-color:var(--color-background);
3800
3071
  }
3801
3072
  .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-shape::after{
3802
- background-color:#2a1e81;
3803
3073
  background-color:var(--progress-steps-primary-color);
3804
3074
  }
3805
3075
  .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-number{
3806
- color:#4632d8;
3807
3076
  color:var(--color-primary);
3808
3077
  }
3809
3078
  .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-icon{
3810
- color:#2a1e81;
3811
3079
  color:var(--progress-steps-primary-color);
3812
3080
  }
3813
3081
  .mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-name.mobius-text{
3814
- color:#18181d;
3815
3082
  color:var(--color-text);
3816
3083
  }
3817
3084
  .mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-shape{
3818
- border-color:#f3f3f3;
3819
3085
  border-color:var(--progress-steps-secondary-color);
3820
3086
  }
3821
3087
  .mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-shape::after{
3822
- background-color:#f3f3f3;
3823
3088
  background-color:var(--progress-steps-secondary-color);
3824
3089
  }
3825
3090
  .mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-number{
3826
- color:#5d5d60;
3827
3091
  color:var(--progress-steps-incomplete-number-text-color);
3828
3092
  }
3829
3093
  .mobius-progress-steps__item-link{
@@ -3834,42 +3098,29 @@ svg:not(:host).svg-inline--mobius-icon{
3834
3098
  }
3835
3099
  .mobius-progress-steps__item-shape{
3836
3100
  display:grid;
3837
- align-items:center;
3838
- justify-items:center;
3839
3101
  place-items:center;
3840
- width:44px;
3841
3102
  width:var(--progress-steps-shape-size);
3842
- height:44px;
3843
3103
  height:var(--progress-steps-shape-size);
3844
3104
  margin:0 auto;
3845
3105
  border-radius:50%;
3846
- border:2px solid currentColor;
3847
3106
  border:var(--size-border-width) solid currentColor;
3848
- font-size:24px;
3849
3107
  font-size:var(--font-size-small-title);
3850
- font-weight:700;
3851
3108
  font-weight:var(--font-weight-bold);
3852
- background-color:#f3f3f3;
3853
3109
  background-color:var(--progress-steps-secondary-color);
3854
3110
  }
3855
3111
  .mobius-progress-steps__item-shape::after{
3856
3112
  content:"";
3857
3113
  position:absolute;
3858
3114
  z-index:-1;
3859
- top:calc(44px / 2 - 1px);
3860
3115
  top:calc(var(--progress-steps-shape-size) / 2 - 1px);
3861
3116
  left:50%;
3862
3117
  width:100%;
3863
- height:2px;
3864
3118
  height:var(--size-border-width);
3865
3119
  }
3866
3120
  .mobius-progress-steps__item-name.mobius-text{
3867
3121
  display:none;
3868
- margin:4px 0 0 0;
3869
3122
  margin:var(--size-xxs) 0 0 0;
3870
- font-family:museosans, Arial, sans-serif;
3871
3123
  font-family:var(--font-family-heading);
3872
- font-weight:700;
3873
3124
  font-weight:var(--font-weight-bold);
3874
3125
  color:inherit;
3875
3126
  text-align:center;
@@ -3884,34 +3135,22 @@ svg:not(:host).svg-inline--mobius-icon{
3884
3135
  }
3885
3136
  }
3886
3137
  .mobius-cover-summary .mobius-cover-summary__text{
3887
- font-size:14px;
3888
3138
  font-size:var(--font-size-2);
3889
- margin:8px 4% 32px;
3890
3139
  margin:var(--size-xs) 4% var(--size-lg);
3891
3140
  text-align:center;
3892
3141
  }
3893
3142
  @media (min-width: 850px){
3894
3143
  .mobius-cover-summary .mobius-cover-summary__text{
3895
- margin:8px 0 32px;
3896
3144
  margin:var(--size-xs) 0 var(--size-lg);
3897
3145
  }
3898
3146
  }
3899
3147
  .mobius-cover-toggles-container__outer{
3900
- margin-bottom:24px;
3901
3148
  margin-bottom:var(--size-md);
3902
3149
  }
3903
3150
  .mobius-cover-toggles-container__outer.--is-payment-aside{
3904
3151
  display:grid;
3905
3152
  grid-template-columns:1fr auto;
3906
- grid-column-gap:32px;
3907
- grid-column-gap:var(--size-lg);
3908
- -moz-column-gap:32px;
3909
- column-gap:32px;
3910
- -moz-column-gap:var(--size-lg);
3911
- column-gap:var(--size-lg);
3912
- grid-row-gap:16px;
3913
- grid-row-gap:var(--size-sm);
3914
- row-gap:16px;
3153
+ column-gap:var(--size-lg);
3915
3154
  row-gap:var(--size-sm);
3916
3155
  align-items:self-start;
3917
3156
  }
@@ -3924,30 +3163,19 @@ svg:not(:host).svg-inline--mobius-icon{
3924
3163
  .mobius-cover-toggles-container.--is-desktop{
3925
3164
  display:grid;
3926
3165
  grid-template-columns:repeat(3, 1fr);
3927
- grid-column-gap:32px;
3928
- grid-column-gap:var(--size-lg);
3929
- -moz-column-gap:32px;
3930
- column-gap:32px;
3931
- -moz-column-gap:var(--size-lg);
3932
- column-gap:var(--size-lg);
3933
- grid-row-gap:16px;
3934
- grid-row-gap:var(--size-sm);
3935
- row-gap:16px;
3166
+ column-gap:var(--size-lg);
3936
3167
  row-gap:var(--size-sm);
3937
3168
  align-items:end;
3938
3169
  }
3939
3170
  .mobius-cover-toggles-container.--is-collapsible{
3940
- padding-top:8px;
3941
3171
  padding-top:var(--size-xs);
3942
3172
  }
3943
3173
  .mobius-edit-limits__button{
3944
3174
  display:flex;
3945
- gap:8px;
3946
3175
  gap:var(--size-xs);
3947
3176
  align-items:center;
3948
3177
  }
3949
3178
  .mobius-edit-limits__modal.mobius-modal{
3950
- width:calc(100% - (32px * 2));
3951
3179
  width:calc(100% - (var(--size-lg) * 2));
3952
3180
  max-width:560px;
3953
3181
  border-radius:12px;
@@ -3958,12 +3186,10 @@ svg:not(:host).svg-inline--mobius-icon{
3958
3186
  }
3959
3187
  }
3960
3188
  .mobius-edit-limits__modal.mobius-modal .mobius-modal__header{
3961
- padding-bottom:8px;
3962
3189
  padding-bottom:var(--size-xs);
3963
3190
  }
3964
3191
  @media (min-width: 600px){
3965
3192
  .mobius-edit-limits__modal.mobius-modal .mobius-modal__header{
3966
- padding:32px 32px 0;
3967
3193
  padding:var(--size-lg) var(--size-lg) 0;
3968
3194
  }
3969
3195
  }
@@ -3977,17 +3203,14 @@ svg:not(:host).svg-inline--mobius-icon{
3977
3203
  }
3978
3204
  @media (min-width: 600px){
3979
3205
  .mobius-edit-limits__modal.mobius-modal .mobius-modal__content{
3980
- padding:0 32px 16px;
3981
3206
  padding:0 var(--size-lg) var(--size-sm);
3982
3207
  }
3983
3208
  }
3984
3209
  .mobius-edit-limits__toggle-container{
3985
3210
  overflow-y:scroll;
3986
3211
  flex-direction:column;
3987
- gap:16px;
3988
3212
  gap:var(--size-sm);
3989
3213
  align-items:center;
3990
- padding:0 0 32px;
3991
3214
  padding:0 0 var(--size-lg);
3992
3215
  width:100%;
3993
3216
  max-height:400px;
@@ -4011,14 +3234,11 @@ svg:not(:host).svg-inline--mobius-icon{
4011
3234
  }
4012
3235
  @media (min-width: 600px){
4013
3236
  .mobius-edit-limits__toggle-container .mobius-select__outer{
4014
- width:calc(50% - 8px);
4015
3237
  width:calc(50% - var(--size-xs));
4016
3238
  }
4017
3239
  }
4018
3240
  .mobius-edit-limits__action-container{
4019
- gap:8px;
4020
3241
  gap:var(--size-xs);
4021
- padding-top:32px;
4022
3242
  padding-top:var(--size-lg);
4023
3243
  position:relative;
4024
3244
  }
@@ -4028,10 +3248,8 @@ svg:not(:host).svg-inline--mobius-icon{
4028
3248
  top:0;
4029
3249
  left:50%;
4030
3250
  transform:translateX(-50%);
4031
- width:calc(100% + 32px);
4032
3251
  width:calc(100% + var(--size-lg));
4033
3252
  height:0;
4034
- border-top:1px solid #d1d1d2;
4035
3253
  border-top:1px solid var(--color-border);
4036
3254
  }
4037
3255
  @media (min-width: 600px){
@@ -4043,21 +3261,17 @@ svg:not(:host).svg-inline--mobius-icon{
4043
3261
  flex:1;
4044
3262
  }
4045
3263
  .mobius-quote-headline.--experiment-iterated-qcp{
4046
- padding:32px;
4047
3264
  padding:var(--size-lg);
4048
- background-color:#f6f5fd;
4049
3265
  background-color:var(--color-background-highlight);
4050
3266
  }
4051
3267
  .mobius-quote-headline__inner{
4052
3268
  display:flex;
4053
3269
  flex-direction:column;
4054
- gap:16px;
4055
3270
  gap:var(--size-sm);
4056
3271
  }
4057
3272
  @media (min-width: 600px){
4058
3273
  .mobius-quote-headline__inner{
4059
3274
  flex-direction:row;
4060
- gap:32px;
4061
3275
  gap:var(--size-lg);
4062
3276
  }
4063
3277
  }
@@ -4068,51 +3282,40 @@ svg:not(:host).svg-inline--mobius-icon{
4068
3282
  display:flex;
4069
3283
  justify-content:center;
4070
3284
  align-items:center;
4071
- gap:16px;
4072
3285
  gap:var(--size-sm);
4073
3286
  }
4074
3287
  .mobius-quote-headline__highlight{
4075
- color:#4632d8;
4076
3288
  color:var(--color-primary);
4077
3289
  }
4078
3290
  .mobius-quote-headline__text.mobius-text{
4079
- font-size:16px;
4080
3291
  font-size:var(--font-size-3);
4081
3292
  margin:0 4%;
4082
3293
  text-align:center;
4083
3294
  }
4084
3295
  .mobius-quote-headline__title.mobius-text{
4085
- font-size:32px;
4086
3296
  font-size:var(--font-size-title);
4087
3297
  margin:0;
4088
3298
  }
4089
3299
  .mobius-quote-headline__highlight{
4090
- color:#4632d8;
4091
3300
  color:var(--color-primary);
4092
3301
  }
4093
3302
  .mobius-quote-headline__link{
4094
3303
  display:flex;
4095
3304
  align-items:center;
4096
- font-weight:700;
4097
3305
  font-weight:var(--font-weight-bold);
4098
- margin-bottom:16px;
4099
3306
  margin-bottom:var(--size-sm);
4100
3307
  -webkit-text-decoration:none;
4101
3308
  text-decoration:none;
4102
3309
  }
4103
3310
  .mobius-quote-headline__back-icon{
4104
- margin-right:8px;
4105
3311
  margin-right:var(--size-xs);
4106
3312
  }
4107
3313
  .mobius-quote-headline__description{
4108
- margin-top:8px;
4109
3314
  margin-top:var(--size-xs);
4110
- margin-bottom:32px;
4111
3315
  margin-bottom:var(--size-lg);
4112
3316
  }
4113
3317
  @media (min-width: 850px){
4114
3318
  .mobius-quote-headline .mobius-quote-headline__text{
4115
- font-size:20px;
4116
3319
  font-size:var(--font-size-4);
4117
3320
  margin:20px 10%;
4118
3321
  }
@@ -4122,7 +3325,6 @@ svg:not(:host).svg-inline--mobius-icon{
4122
3325
  --duration:0.15s;
4123
3326
  }
4124
3327
  .mobius-payment-toggle__container{
4125
- margin-bottom:24px;
4126
3328
  margin-bottom:var(--size-md);
4127
3329
  }
4128
3330
  .mobius-payment-toggle{
@@ -4131,11 +3333,8 @@ svg:not(:host).svg-inline--mobius-icon{
4131
3333
  grid-template-columns:repeat(2, 1fr);
4132
3334
  justify-items:center;
4133
3335
  margin-left:auto;
4134
- font-family:museosans, Arial, sans-serif;
4135
3336
  font-family:var(--font-family);
4136
- font-size:16px;
4137
3337
  font-size:var(--font-size-regular);
4138
- border:2px solid #4632d8;
4139
3338
  border:var(--size-border-width) solid var(--color-primary);
4140
3339
  background-color:transparent;
4141
3340
  border-radius:50px;
@@ -4149,45 +3348,36 @@ svg:not(:host).svg-inline--mobius-icon{
4149
3348
  top:2px;
4150
3349
  bottom:2px;
4151
3350
  left:0;
4152
- background-color:#4632d8;
4153
3351
  background-color:var(--color-primary);
4154
3352
  border-radius:50px;
4155
3353
  transform:translateX(2px);
4156
- transition:all 0.15s ease-in-out;
4157
3354
  transition:all var(--duration) ease-in-out;
4158
3355
  }
4159
3356
  .mobius-payment-toggle:active,
4160
3357
  .mobius-payment-toggle:hover,
4161
3358
  .mobius-payment-toggle:focus-visible{
4162
- border-color:#2a1e81;
4163
3359
  border-color:var(--color-primary-hover);
4164
3360
  }
4165
3361
  .mobius-payment-toggle:active .mobius-payment-toggle__text.--yearly, .mobius-payment-toggle:hover .mobius-payment-toggle__text.--yearly, .mobius-payment-toggle:focus-visible .mobius-payment-toggle__text.--yearly{
4166
- color:#2a1e81;
4167
3362
  color:var(--color-primary-hover);
4168
3363
  }
4169
3364
  .mobius-payment-toggle:active::before, .mobius-payment-toggle:hover::before, .mobius-payment-toggle:focus-visible::before{
4170
- background-color:#2a1e81;
4171
3365
  background-color:var(--color-primary-hover);
4172
3366
  }
4173
3367
  .mobius-payment-toggle.--is-toggled:active .mobius-payment-toggle__text.--monthly, .mobius-payment-toggle.--is-toggled:hover .mobius-payment-toggle__text.--monthly, .mobius-payment-toggle.--is-toggled:focus-visible .mobius-payment-toggle__text.--monthly{
4174
- color:#2a1e81;
4175
3368
  color:var(--color-primary-hover);
4176
3369
  }
4177
3370
  .mobius-payment-toggle:focus-visible{
4178
3371
  outline:none;
4179
- box-shadow:0 0 0 2px #e943c9;
4180
3372
  box-shadow:var(--box-shadow-default);
4181
3373
  }
4182
3374
  .mobius-payment-toggle.--is-toggled::before{
4183
3375
  transform:translate(100%);
4184
3376
  }
4185
3377
  .mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text.--monthly{
4186
- color:#4632d8;
4187
3378
  color:var(--color-primary);
4188
3379
  }
4189
3380
  .mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text.--yearly{
4190
- color:#ffffff;
4191
3381
  color:var(--color-text-inverted);
4192
3382
  }
4193
3383
  .mobius-payment-toggle__text{
@@ -4195,47 +3385,33 @@ svg:not(:host).svg-inline--mobius-icon{
4195
3385
  display:flex;
4196
3386
  align-items:center;
4197
3387
  margin:2px;
4198
- padding:calc(8px - 1px);
4199
3388
  padding:calc(var(--size-xs) - 1px);
4200
- font-weight:700;
4201
3389
  font-weight:var(--font-weight-bold);
4202
- color:#ffffff;
4203
3390
  color:var(--color-text-inverted);
4204
- transition:color 0.15s ease-in-out;
4205
3391
  transition:color var(--duration) ease-in-out;
4206
3392
  }
4207
3393
  .mobius-payment-toggle__text.--yearly{
4208
- color:#4632d8;
4209
3394
  color:var(--color-primary);
4210
3395
  }
4211
3396
  .mobius-additional-coverage-info{
4212
- color:#18181d;
4213
3397
  color:var(--color-text);
4214
- font-family:museosans, Arial, sans-serif;
4215
3398
  font-family:var(--font-family);
4216
- font-size:14px;
4217
3399
  font-size:var(--font-size-small-paragraph);
4218
- font-weight:500;
4219
3400
  font-weight:var(--font-weight-normal);
4220
3401
  line-height:150%;
4221
3402
  }
4222
3403
  .mobius-additional-coverage-info.--has-divider{
4223
- border-top:1px solid #f3f3f3;
4224
3404
  border-top:1px solid var(--color-border-light);
4225
- margin-bottom:32px;
4226
3405
  margin-bottom:var(--size-lg);
4227
3406
  }
4228
3407
  .mobius-additional-coverage-info ul{
4229
- padding:0 0 0 24px;
4230
3408
  padding:0 0 0 var(--size-md);
4231
3409
  list-style:outside;
4232
3410
  }
4233
3411
  .mobius-additional-coverage-info ul li{
4234
- margin:0 0 16px;
4235
3412
  margin:0 0 var(--size-sm);
4236
3413
  }
4237
3414
  .mobius-additional-coverage-info__title.mobius-text{
4238
- margin-top:32px;
4239
3415
  margin-top:var(--size-lg);
4240
3416
  }
4241
3417
  .mobius-additional-coverage-info__text{
@@ -4243,40 +3419,27 @@ svg:not(:host).svg-inline--mobius-icon{
4243
3419
  }
4244
3420
  .mobius-certificate-of-insurance{
4245
3421
  display:grid;
4246
- grid-gap:8px;
4247
- grid-gap:var(--size-xs);
4248
- gap:8px;
4249
3422
  gap:var(--size-xs);
4250
- padding:24px;
4251
3423
  padding:var(--size-md);
4252
- background-color:#f6f5fd;
4253
3424
  background-color:var(--color-background-highlight);
4254
- border-radius:4px;
4255
3425
  border-radius:var(--radius-1);
4256
3426
  }
4257
3427
  .mobius-certificate-of-insurance__icon.mobius-icon{
4258
- color:#e943c9;
4259
3428
  color:var(--color-accent);
4260
- margin:16px 0 24px;
4261
3429
  margin:var(--size-sm) 0 var(--size-md);
4262
3430
  }
4263
3431
  .mobius-certificate-of-insurance__title.mobius-text{
4264
- color:#18181d;
4265
3432
  color:var(--color-text);
4266
- font-weight:700;
4267
3433
  font-weight:var(--font-weight-bold);
4268
3434
  margin:0;
4269
3435
  }
4270
3436
  .mobius-certificate-of-insurance__text.mobius-text{
4271
- color:#5d5d60;
4272
3437
  color:var(--color-text-medium);
4273
3438
  margin:0;
4274
3439
  }
4275
3440
  .mobius-quote-details-drawer__footer{
4276
- border-top:1px solid #d1d1d2;
4277
3441
  border-top:1px solid var(--color-border);
4278
3442
  position:sticky;
4279
- min-height:-moz-min-content;
4280
3443
  min-height:min-content;
4281
3444
  }
4282
3445
  @media (max-width: 450px){
@@ -4295,14 +3458,10 @@ svg:not(:host).svg-inline--mobius-icon{
4295
3458
  }
4296
3459
  .mobius-quote-details-drawer__footer-payment-info-link{
4297
3460
  all:unset;
4298
- color:#4632d8;
4299
3461
  color:var(--color-primary);
4300
- font-family:museosans, Arial, sans-serif;
4301
3462
  font-family:var(--font-family);
4302
- font-size:14px;
4303
3463
  font-size:var(--font-size-small-paragraph);
4304
3464
  font-style:normal;
4305
- font-weight:500;
4306
3465
  font-weight:var(--font-weight-normal);
4307
3466
  line-height:120%;
4308
3467
  cursor:pointer;
@@ -4314,26 +3473,19 @@ svg:not(:host).svg-inline--mobius-icon{
4314
3473
  text-underline-offset:4px;
4315
3474
  }
4316
3475
  .mobius-quote-details-drawer__footer-payment-info-link:focus{
4317
- box-shadow:0 0 0 2px #e943c9;
4318
3476
  box-shadow:var(--box-shadow-default);
4319
3477
  }
4320
3478
  .mobius-no-quotes-card{
4321
3479
  margin:0;
4322
- border:1px solid #d1d1d2;
4323
3480
  border:1px solid var(--color-border);
4324
- border-radius:8px;
4325
3481
  border-radius:var(--radius-2);
4326
3482
  overflow:hidden;
4327
- background-color:#ffffff;
4328
3483
  background-color:var(--color-background);
4329
- margin-top:size(16px);
4330
- margin-bottom:size(16px);
4331
3484
  margin-top:size(var(--size-sm));
4332
3485
  margin-bottom:size(var(--size-sm));
4333
3486
  margin-bottom:56px;
4334
3487
  }
4335
3488
  .mobius-no-quotes-card__body{
4336
- padding:32px;
4337
3489
  padding:var(--size-lg);
4338
3490
  padding-left:80px;
4339
3491
  background-image:url("data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M19.8748 9.812C19.8752 13.4778 17.6672 16.7829 14.2805 18.1859C10.8938 19.589 6.99542 18.8136 4.40329 16.2215C1.81116 13.6294 1.03583 9.73098 2.43887 6.34428C3.84191 2.95758 7.14698 0.749596 10.8128 0.75C13.2162 0.75 15.5211 1.70474 17.2206 3.4042C18.9201 5.10365 19.8748 7.40861 19.8748 9.812Z%22 stroke%3D%22%23111118%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 %2F%3E %3Cpath d%3D%22M7.56787 6.56787L13.9319 12.9319%22 stroke%3D%22%23111118%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 %2F%3E %3Cpath d%3D%22M7.56787 12.9319L13.9319 6.56787%22 stroke%3D%22%23111118%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 %2F%3E %3Cpath d%3D%22M17.2207 16.2202L24.2497 23.2502%22 stroke%3D%22%23111118%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 %2F%3E%3C%2Fsvg%3E");
@@ -4352,45 +3504,33 @@ svg:not(:host).svg-inline--mobius-icon{
4352
3504
  display:flex;
4353
3505
  flex-direction:column;
4354
3506
  width:100%;
4355
- margin-top:32px;
4356
3507
  margin-top:var(--size-lg);
4357
- border-top:1px solid #f3f3f3;
4358
3508
  border-top:1px solid var(--color-border-light);
4359
3509
  }
4360
3510
  .mobius-payment-info.--has-divider{
4361
- border-top:1px solid #f3f3f3;
4362
3511
  border-top:1px solid var(--color-border-light);
4363
3512
  }
4364
3513
  .mobius-payment-info__title.mobius-text{
4365
- margin-top:32px;
4366
3514
  margin-top:var(--size-lg);
4367
- margin-bottom:16px;
4368
3515
  margin-bottom:var(--size-sm);
4369
3516
  }
4370
3517
  .mobius-payment-info__multi-product-text{
4371
- margin-top:8px;
4372
3518
  margin-top:var(--size-xs);
4373
- margin-bottom:8px;
4374
3519
  margin-bottom:var(--size-xs);
4375
3520
  line-height:1em;
4376
3521
  }
4377
3522
  .mobius-payment-info__multi-product{
4378
- border:1px solid #d1d1d2;
4379
3523
  border:1px solid var(--color-border);
4380
- border-radius:8px;
4381
3524
  border-radius:var(--radius-2);
4382
3525
  padding:1rem;
4383
3526
  margin-top:1rem;
4384
3527
  }
4385
3528
  .mobius-payment-info__multi-product .mobius-payment-info__multi-product-text.--general-liability{
4386
- padding-bottom:8px;
4387
3529
  padding-bottom:var(--size-xs);
4388
3530
  }
4389
3531
  .mobius-payment-info__multi-product .mobius-payment-info__multi-product-text.--professional-liability{
4390
3532
  position:relative;
4391
- border:1px solid #f3f3f3;
4392
3533
  border:1px solid var(--color-border-light);
4393
- padding-top:8px;
4394
3534
  padding-top:var(--size-xs);
4395
3535
  }
4396
3536
  .mobius-payment-info__start-date{
@@ -4402,12 +3542,10 @@ svg:not(:host).svg-inline--mobius-icon{
4402
3542
  }
4403
3543
  .mobius-payment-info__total-today{
4404
3544
  padding:1rem;
4405
- border-bottom:1px solid #d1d1d2;
4406
3545
  border-bottom:1px solid var(--color-border);
4407
3546
  }
4408
3547
  .mobius-payment-info__installments{
4409
3548
  padding:1rem;
4410
- border-bottom:1px solid #d1d1d2;
4411
3549
  border-bottom:1px solid var(--color-border);
4412
3550
  }
4413
3551
  .mobius-payment-info__total.mobius-segment{
@@ -4418,37 +3556,26 @@ svg:not(:host).svg-inline--mobius-icon{
4418
3556
  width:100%;
4419
3557
  }
4420
3558
  .mobius-payment-info__multi-product-iterated{
4421
- border-radius:8px;
4422
3559
  border-radius:var(--radius-2);
4423
- border:1px solid #d1d1d2;
4424
3560
  border:1px solid var(--color-border);
4425
- padding:16px;
4426
3561
  padding:var(--size-sm);
4427
- line-height:24px;
4428
3562
  line-height:var(--size-md);
4429
3563
  }
4430
3564
  .mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text{
4431
3565
  margin:0;
4432
3566
  }
4433
3567
  .mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text.--general-liability{
4434
- padding-bottom:8px;
4435
3568
  padding-bottom:var(--size-xs);
4436
3569
  }
4437
3570
  .mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text.--professional-liability{
4438
3571
  position:relative;
4439
- border-top:1px solid #f3f3f3;
4440
3572
  border-top:1px solid var(--color-border-light);
4441
- padding-top:8px;
4442
3573
  padding-top:var(--size-xs);
4443
3574
  }
4444
3575
  .mobius-payment-info__total-outer-container{
4445
- border-radius:8px;
4446
3576
  border-radius:var(--radius-2);
4447
- border:1px solid #d1d1d2;
4448
3577
  border:1px solid var(--color-border);
4449
- margin-top:16px;
4450
3578
  margin-top:var(--size-sm);
4451
- margin-bottom:16px;
4452
3579
  margin-bottom:var(--size-sm);
4453
3580
  }
4454
3581
  .mobius-payment-info__total-outer-container span,
@@ -4457,28 +3584,21 @@ svg:not(:host).svg-inline--mobius-icon{
4457
3584
  .mobius-payment-info__multi-product strong,
4458
3585
  .mobius-payment-info__total-outer-container p,
4459
3586
  .mobius-payment-info__multi-product p{
4460
- font-size:14px;
4461
3587
  font-size:var(--font-size-2);
4462
3588
  }
4463
3589
  .mobius-payment-info__total-container{
4464
- padding:16px 16px 8px;
4465
3590
  padding:var(--size-sm) var(--size-sm) var(--size-xs);
4466
3591
  }
4467
3592
  .mobius-payment-info__total-today-iterated{
4468
- padding-bottom:8px;
4469
3593
  padding-bottom:var(--size-xs);
4470
3594
  }
4471
3595
  .mobius-payment-info__installments-iterated{
4472
3596
  position:relative;
4473
- border-top:1px solid #f3f3f3;
4474
3597
  border-top:1px solid var(--color-border-light);
4475
- padding-top:8px;
4476
3598
  padding-top:var(--size-xs);
4477
- padding-bottom:8px;
4478
3599
  padding-bottom:var(--size-xs);
4479
3600
  }
4480
3601
  .mobius-payment-info__total-iterated.mobius-segment{
4481
- border-color:#4632d8;
4482
3602
  border-color:var(--color-primary);
4483
3603
  border-top-left-radius:0;
4484
3604
  border-top-right-radius:0;
@@ -4488,18 +3608,14 @@ svg:not(:host).svg-inline--mobius-icon{
4488
3608
  }
4489
3609
  .price-details .card-modal__explainer-title{
4490
3610
  text-decoration-style:solid;
4491
- color:#4632d8;
4492
3611
  color:var(--color-primary);
4493
- padding-left:24px;
4494
3612
  padding-left:var(--size-md);
4495
3613
  margin:6px 0;
4496
3614
  }
4497
3615
  .price-details .card-modal__explainer-title .card-modal__info-icon{
4498
- color:#4632d8;
4499
3616
  color:var(--color-primary);
4500
3617
  }
4501
3618
  .price-details .info__popover .phone{
4502
- color:#ffffff;
4503
3619
  color:var(--color-text-inverted);
4504
3620
  }
4505
3621
  .price-details .info__popover-phone-icon{
@@ -4517,7 +3633,6 @@ svg:not(:host).svg-inline--mobius-icon{
4517
3633
  }
4518
3634
  @supports (-webkit-touch-callout: none) and (not (translate: none)){
4519
3635
  .mobius-quote-actions :not(:last-child){
4520
- margin-right:16px;
4521
3636
  margin-right:var(--size-sm);
4522
3637
  }
4523
3638
  }
@@ -4525,25 +3640,18 @@ svg:not(:host).svg-inline--mobius-icon{
4525
3640
  margin-top:1rem;
4526
3641
  flex:1 1 0;
4527
3642
  height:40px;
4528
- font-size:16px;
4529
3643
  font-size:var(--font-size-regular);
4530
- font-weight:700;
4531
3644
  font-weight:var(--font-weight-bold);
4532
3645
  }
4533
3646
  .mobius-quote-card{
4534
3647
  margin:0;
4535
- border:1px solid #d1d1d2;
4536
3648
  border:1px solid var(--color-border);
4537
- border-radius:8px;
4538
3649
  border-radius:var(--radius-2);
4539
- background-color:#ffffff;
4540
3650
  background-color:var(--color-background);
4541
3651
  list-style:none;
4542
3652
  }
4543
3653
  .mobius-quote-card__body{
4544
- padding:32px 16px;
4545
3654
  padding:var(--size-lg) var(--size-sm);
4546
- font-size:16px;
4547
3655
  font-size:var(--font-size-regular);
4548
3656
  height:100%;
4549
3657
  }
@@ -4553,9 +3661,7 @@ svg:not(:host).svg-inline--mobius-icon{
4553
3661
  grid-template-areas:"header information pricing" "header information actions";
4554
3662
  grid-template-columns:1fr 1fr 1fr;
4555
3663
  grid-template-rows:auto auto;
4556
- grid-row-gap:49px;
4557
3664
  row-gap:49px;
4558
- padding:32px;
4559
3665
  padding:var(--size-lg);
4560
3666
  }
4561
3667
  }
@@ -4565,56 +3671,40 @@ svg:not(:host).svg-inline--mobius-icon{
4565
3671
  }
4566
3672
  }
4567
3673
  .mobius-quote-card__no-quote{
4568
- gap:32px;
4569
3674
  gap:var(--size-lg);
4570
- padding:16px;
4571
3675
  padding:var(--size-sm);
4572
- font-size:16px;
4573
3676
  font-size:var(--font-size-regular);
4574
3677
  }
4575
3678
  @media (min-width: 850px){
4576
3679
  .mobius-quote-card__no-quote{
4577
3680
  display:grid;
4578
3681
  grid-template-areas:"header information";
4579
- grid-gap:49px;
4580
3682
  gap:49px;
4581
- padding:32px;
4582
3683
  padding:var(--size-lg);
4583
3684
  }
4584
3685
  }
4585
3686
  .mobius-quote-card__badges{
4586
3687
  display:flex;
4587
3688
  flex-wrap:wrap;
4588
- gap:8px;
4589
3689
  gap:var(--size-xs);
4590
- margin-top:8px;
4591
3690
  margin-top:var(--size-xs);
4592
- margin-bottom:16px;
4593
3691
  margin-bottom:var(--size-sm);
4594
3692
  }
4595
3693
  @supports (-webkit-touch-callout: none) and (not (translate: none)){
4596
3694
  .mobius-quote-card__badges:not(:last-child){
4597
- margin-bottom:8px;
4598
3695
  margin-bottom:var(--size-xs);
4599
- margin-right:8px;
4600
3696
  margin-right:var(--size-xs);
4601
3697
  }
4602
3698
  }
4603
3699
  .mobius-quote-card__badge{
4604
- padding:8px;
4605
3700
  padding:var(--size-xs);
4606
- background-color:#f6f5fd;
4607
3701
  background-color:var(--color-background-highlight);
4608
- border-radius:4px;
4609
3702
  border-radius:var(--radius-1);
4610
- font-size:14px;
4611
3703
  font-size:var(--font-size-small-paragraph);
4612
- line-height:1.333;
4613
3704
  line-height:var(--line-height-tight);
4614
3705
  }
4615
3706
  .mobius-quote-card__badge-icon{
4616
3707
  display:inline-block;
4617
- margin-right:8px;
4618
3708
  margin-right:var(--size-xs);
4619
3709
  width:1em;
4620
3710
  }
@@ -4622,92 +3712,67 @@ svg:not(:host).svg-inline--mobius-icon{
4622
3712
  margin-top:0;
4623
3713
  }
4624
3714
  .mobius-quote-card__badges-iterated .mobius-quote-card__badge-iterated{
4625
- padding:4px 8px 4px 8px;
4626
3715
  padding:var(--size-xxs) var(--size-xs) var(--size-xxs) var(--size-xs);
4627
- background-color:#f6f5fd;
4628
3716
  background-color:var(--color-background-highlight);
4629
- border-radius:4px;
4630
3717
  border-radius:var(--radius-1);
4631
- font-size:14px;
4632
3718
  font-size:var(--font-size-small-paragraph);
4633
- line-height:1.333;
4634
3719
  line-height:var(--line-height-tight);
4635
3720
  }
4636
3721
  .mobius-quote-card__cover{
4637
- color:#5d5d60;
4638
3722
  color:var(--color-text-medium);
4639
- margin-top:4px;
4640
3723
  margin-top:var(--size-xxs);
4641
- margin-bottom:4px;
4642
3724
  margin-bottom:var(--size-xxs);
4643
- padding-left:24px;
4644
3725
  padding-left:var(--size-md);
4645
3726
  align-items:center;
4646
3727
  }
4647
3728
  .mobius-quote-card__cover-amount{
4648
- color:#18181d;
4649
3729
  color:var(--color-text);
4650
3730
  }
4651
3731
  .mobius-quote-card__coverage{
4652
3732
  flex-grow:1;
4653
3733
  grid-area:information;
4654
- border-top:1px solid #f3f3f3;
4655
3734
  border-top:1px solid var(--color-border-light);
4656
- padding-top:16px;
4657
3735
  padding-top:var(--size-sm);
4658
- margin-bottom:24px;
4659
3736
  margin-bottom:var(--size-md);
4660
3737
  }
4661
3738
  @media (min-width: 850px) and (max-width: 1023px){
4662
3739
  .mobius-quote-card__coverage{
4663
3740
  border-top:none;
4664
- border-right:1px solid #f3f3f3;
4665
3741
  border-right:1px solid var(--color-border-light);
4666
3742
  padding-top:0;
4667
- padding-right:16px;
4668
3743
  padding-right:var(--size-sm);
4669
3744
  margin-bottom:0;
4670
- margin-right:16px;
4671
3745
  margin-right:var(--size-sm);
4672
3746
  }
4673
3747
  }
4674
3748
  .mobius-quote-card__coverage.--has-divider{
4675
- border-top:1px solid #f3f3f3;
4676
3749
  border-top:1px solid var(--color-border-light);
4677
- margin-bottom:32px;
4678
3750
  margin-bottom:var(--size-lg);
4679
3751
  }
4680
3752
  @supports (-webkit-touch-callout: none) and (not (translate: none)){
4681
3753
  .mobius-quote-card__coverage .mobius-quote-card__coverage-item:not(:last-child){
4682
- margin-bottom:16px;
4683
3754
  margin-bottom:var(--size-sm);
4684
3755
  }
4685
3756
  }
4686
3757
  .mobius-quote-card__coverage .mobius-quote-card__coverage-header-title{
4687
3758
  margin:0;
4688
- font-size:14px;
4689
3759
  font-size:var(--font-size-small-paragraph);
4690
3760
  }
4691
3761
  .mobius-quote-card__coverage-title.mobius-text{
4692
3762
  margin:0 0 16px 0;
4693
3763
  text-transform:uppercase;
4694
- font-size:12px;
4695
3764
  font-size:var(--font-size-small-print);
4696
- font-weight:500;
4697
3765
  font-weight:var(--font-weight-normal);
4698
3766
  line-height:1.2;
4699
- color:#18181d;
4700
3767
  color:var(--color-text);
4701
3768
  }
4702
3769
  .mobius-quote-card__extra-coverage-item strong{
4703
3770
  text-align:right;
4704
3771
  }
4705
3772
  .mobius-quote-card__extra-coverage-item .mobius-quote-card__explainer-title{
4706
- color:#18181d;
4707
3773
  color:var(--color-text);
4708
3774
  }
4709
3775
  .mobius-quote-card__extra-coverage-item .mobius-quote-card__explainer-title .mobius-quote-card__explainer-icon{
4710
- color:#18181d;
4711
3776
  color:var(--color-text);
4712
3777
  }
4713
3778
  .mobius-quote-card__extra-coverage-item .mobius-quote-card__cover{
@@ -4722,35 +3787,24 @@ svg:not(:host).svg-inline--mobius-icon{
4722
3787
  }
4723
3788
  .mobius-quote-card__coverage-tick-icon{
4724
3789
  margin-top:2px;
4725
- width:16px;
4726
3790
  width:var(--size-sm);
4727
- color:#008744;
4728
3791
  color:var(--color-valid);
4729
- margin-right:8px;
4730
3792
  margin-right:var(--size-xs);
4731
- min-width:16px;
4732
3793
  min-width:var(--size-sm);
4733
3794
  }
4734
3795
  .mobius-quote-card__included-by-insurer-icon{
4735
3796
  margin-bottom:5px;
4736
- width:16px;
4737
3797
  width:var(--size-sm);
4738
- color:#008744;
4739
3798
  color:var(--color-valid);
4740
- margin-right:8px;
4741
3799
  margin-right:var(--size-xs);
4742
- min-width:16px;
4743
3800
  min-width:var(--size-sm);
4744
3801
  }
4745
3802
  .mobius-quote-card__coverage-items{
4746
- font-size:14px;
4747
3803
  font-size:var(--font-size-small-paragraph);
4748
3804
  }
4749
3805
  .mobius-quote-card__coverage-item .mobius-accordion{
4750
3806
  align-items:flex-start;
4751
- margin-top:8px;
4752
3807
  margin-top:var(--size-xs);
4753
- margin-bottom:4px;
4754
3808
  margin-bottom:var(--size-xxs);
4755
3809
  }
4756
3810
  .mobius-quote-card__coverage-item .mobius-accordion div[aria-hidden]{
@@ -4759,19 +3813,15 @@ svg:not(:host).svg-inline--mobius-icon{
4759
3813
  .mobius-quote-card__coverage-item .mobius-accordion__link{
4760
3814
  display:flex;
4761
3815
  align-items:center;
4762
- font-weight:500;
4763
3816
  font-weight:var(--font-weight-normal);
4764
3817
  -webkit-text-decoration:underline;
4765
3818
  text-decoration:underline;
4766
3819
  text-underline-offset:6px;
4767
- padding-left:24px;
4768
3820
  padding-left:var(--size-md);
4769
- border-radius:4px;
4770
3821
  border-radius:var(--radius-1);
4771
3822
  }
4772
3823
  .mobius-quote-card__coverage-item .mobius-accordion__link .mobius-icon{
4773
3824
  --transition-duration:500ms;
4774
- transition:500ms;
4775
3825
  transition:var(--transition-duration);
4776
3826
  }
4777
3827
  .mobius-quote-card__coverage-item .mobius-accordion__link.hide .mobius-icon{
@@ -4780,11 +3830,9 @@ svg:not(:host).svg-inline--mobius-icon{
4780
3830
  .mobius-quote-card__coverage-item .mobius-accordion__link-text{
4781
3831
  order:-1;
4782
3832
  margin-left:0;
4783
- margin-right:8px;
4784
3833
  margin-right:var(--size-xs);
4785
3834
  }
4786
3835
  .mobius-quote-card__coverage-item .mobius-accordion__content{
4787
- margin-top:4px;
4788
3836
  margin-top:var(--size-xxs);
4789
3837
  margin-bottom:0;
4790
3838
  }
@@ -4794,70 +3842,52 @@ svg:not(:host).svg-inline--mobius-icon{
4794
3842
  .mobius-quote-card__deductibles-title.--is-p{
4795
3843
  margin-top:4px;
4796
3844
  margin-bottom:0;
4797
- padding-left:24px;
4798
3845
  padding-left:var(--size-md);
4799
- font-size:14px;
4800
3846
  font-size:var(--font-size-small-paragraph);
4801
- font-weight:500;
4802
3847
  font-weight:var(--font-weight-normal);
4803
- line-height:1.5;
4804
3848
  line-height:var(--line-height-normal);
4805
3849
  }
4806
3850
  .mobius-quote-card__additional-insureds{
4807
- margin-left:24px;
4808
3851
  margin-left:var(--size-md);
4809
3852
  padding:0.5rem;
4810
3853
  border-radius:0.25rem;
4811
- background:#f6f5fd;
4812
3854
  background:var(--color-background-highlight);
4813
3855
  }
4814
3856
  .mobius-quote-card__additional-insureds p{
4815
3857
  margin:0;
4816
- color:#18181d;
4817
3858
  color:var(--color-text);
4818
3859
  }
4819
3860
  .mobius-quote-card__header{
4820
3861
  position:relative;
4821
3862
  grid-area:header;
4822
- border-bottom:1px solid #f3f3f3;
4823
3863
  border-bottom:1px solid var(--color-border-light);
4824
- margin-bottom:16px;
4825
3864
  margin-bottom:var(--size-sm);
4826
3865
  }
4827
3866
  @media (min-width: 850px) and (max-width: 1023px){
4828
3867
  .mobius-quote-card__header{
4829
- border-right:1px solid #f3f3f3;
4830
3868
  border-right:1px solid var(--color-border-light);
4831
3869
  border-bottom:none;
4832
3870
  margin-bottom:0;
4833
- margin-right:16px;
4834
3871
  margin-right:var(--size-sm);
4835
- padding-right:16px;
4836
3872
  padding-right:var(--size-sm);
4837
3873
  }
4838
3874
  }
4839
3875
  @supports (-webkit-touch-callout: none) and (not (translate: none)){
4840
3876
  .mobius-quote-card__header-logo{
4841
- margin-bottom:4px;
4842
3877
  margin-bottom:var(--size-xxs);
4843
3878
  }
4844
3879
 
4845
3880
  .mobius-quote-card__ratings-body{
4846
- margin-top:4px;
4847
3881
  margin-top:var(--size-xxs);
4848
3882
  }
4849
3883
  }
4850
3884
  .mobius-quote-card__header-logo{
4851
3885
  max-width:144px;
4852
- max-height:40px;
4853
3886
  max-height:var(--size-xl);
4854
- -o-object-fit:contain;
4855
- object-fit:contain;
4856
- -o-object-position:left;
4857
- object-position:left;
3887
+ object-fit:contain;
3888
+ object-position:left;
4858
3889
  }
4859
3890
  .mobius-quote-card__explainer-title{
4860
- color:#5d5d60;
4861
3891
  color:var(--color-text-medium);
4862
3892
  -webkit-text-decoration:underline;
4863
3893
  text-decoration:underline;
@@ -4866,28 +3896,20 @@ svg:not(:host).svg-inline--mobius-icon{
4866
3896
  text-align:left;
4867
3897
  }
4868
3898
  .mobius-quote-card__explainer-icon{
4869
- color:#5d5d60;
4870
3899
  color:var(--color-text-medium);
4871
3900
  width:12px;
4872
- margin-left:4px;
4873
3901
  margin-left:var(--size-xxs);
4874
3902
  }
4875
- .mobius-quote-card .mobius-quote-card__modal-trigger,
4876
- .mobius-quote-card__modal-container.mobius-drawer .mobius-quote-card__modal-trigger,
4877
- .mobius-quote-card .mobius-popover__toggle,
4878
- .mobius-quote-card__modal-container.mobius-drawer .mobius-popover__toggle{
3903
+ :is(.mobius-quote-card,.mobius-quote-card__modal-container.mobius-drawer) .mobius-quote-card__modal-trigger,
3904
+ :is(.mobius-quote-card,.mobius-quote-card__modal-container.mobius-drawer) .mobius-popover__toggle{
4879
3905
  border:none;
4880
3906
  padding:0;
4881
- font-weight:500;
4882
3907
  font-weight:var(--font-weight-normal);
4883
- font-size:14px;
4884
3908
  font-size:var(--font-size-small-paragraph);
4885
- color:#18181d;
4886
3909
  color:var(--color-text);
4887
3910
  background-color:transparent;
4888
3911
  }
4889
3912
  .mobius-quote-card__modal-container.mobius-drawer{
4890
- width:calc(100% - (32px * 2));
4891
3913
  width:calc(100% - (var(--size-lg) * 2));
4892
3914
  max-width:560px;
4893
3915
  border-radius:12px;
@@ -4897,17 +3919,12 @@ svg:not(:host).svg-inline--mobius-icon{
4897
3919
  }
4898
3920
  .mobius-quote-card__modal-container.mobius-drawer .mobius-modal__header{
4899
3921
  align-items:flex-start;
4900
- line-height:1.5;
4901
3922
  line-height:var(--line-height-normal);
4902
- padding:16px 16px 8px 16px;
4903
3923
  padding:var(--size-sm) var(--size-sm) var(--size-xs) var(--size-sm);
4904
- font-size:20px;
4905
3924
  font-size:var(--font-size-lead);
4906
3925
  }
4907
3926
  .mobius-quote-card__modal-container.mobius-drawer .mobius-modal__header button{
4908
- font-size:16px;
4909
3927
  font-size:var(--font-size-regular);
4910
- padding:4px;
4911
3928
  padding:var(--size-xxs);
4912
3929
  scale:150%;
4913
3930
  translate:4px -4px;
@@ -4915,7 +3932,6 @@ svg:not(:host).svg-inline--mobius-icon{
4915
3932
  }
4916
3933
  .mobius-quote-card__modal-container.mobius-drawer .mobius-modal__content{
4917
3934
  padding-top:0;
4918
- font-size:14px;
4919
3935
  font-size:var(--font-size-small-paragraph);
4920
3936
  line-height:1.2;
4921
3937
  }
@@ -4926,24 +3942,19 @@ svg:not(:host).svg-inline--mobius-icon{
4926
3942
  }
4927
3943
  .mobius-quote-card__price-details .mobius-quote-card__explainer-title{
4928
3944
  text-decoration-style:solid;
4929
- color:#4632d8;
4930
3945
  color:var(--color-secondary);
4931
- padding-left:24px;
4932
3946
  padding-left:var(--size-md);
4933
3947
  margin:6px 0;
4934
3948
  }
4935
3949
  .mobius-quote-card__price-details .mobius-quote-card__explainer-title .mobius-quote-card__explainer-icon{
4936
- color:#4632d8;
4937
3950
  color:var(--color-primary);
4938
3951
  }
4939
3952
  .mobius-quote-card__price-details .mobius-quote-card__info-popover .mobius-quote-card__price-details-phone{
4940
- color:#ffffff;
4941
3953
  color:var(--color-text-inverted);
4942
3954
  }
4943
3955
  .mobius-quote-card__price-details .mobius-quote-card__price-details-icon{
4944
3956
  display:inline-block;
4945
3957
  vertical-align:middle;
4946
- margin-right:4px;
4947
3958
  margin-right:var(--size-xxs);
4948
3959
  }
4949
3960
  .mobius-quote-card__price-details .mobius-quote-card__price-details-phone{
@@ -4961,135 +3972,98 @@ svg:not(:host).svg-inline--mobius-icon{
4961
3972
  width:100%;
4962
3973
  }
4963
3974
  .mobius-quote-card__pricing-primary-amount.mobius-text{
4964
- font-size:32px;
4965
3975
  font-size:var(--font-size-title);
4966
- font-weight:700;
4967
3976
  font-weight:var(--font-weight-bold);
4968
3977
  line-height:1.2;
4969
3978
  margin-top:0;
4970
3979
  margin-bottom:0;
4971
3980
  }
4972
3981
  .mobius-quote-card__pricing-total-amount.mobius-text{
4973
- font-weight:700;
4974
3982
  font-weight:var(--font-weight-bold);
4975
3983
  text-align:right;
4976
3984
  }
4977
3985
  .mobius-quote-card__pricing-amount-due.mobius-text, .mobius-quote-card__pricing-unavailable-installment.mobius-text{
4978
- color:#18181d;
4979
3986
  color:var(--color-text);
4980
3987
  margin-top:0;
4981
- margin-bottom:4px;
4982
3988
  margin-bottom:var(--size-xxs);
4983
- line-height:1.5;
4984
3989
  line-height:var(--line-height-normal);
4985
3990
  margin-right:var(--size-0);
4986
3991
  }
4987
3992
  .mobius-quote-card__pricing-unavailable-installment.mobius-text{
4988
- font-weight:700;
4989
3993
  font-weight:var(--font-weight-bold);
4990
3994
  }
4991
3995
  .mobius-quote-card__pricing-total > .--is-small{
4992
- line-height:1.5;
4993
3996
  line-height:var(--line-height-normal);
4994
- color:#18181d;
4995
3997
  color:var(--color-text);
4996
3998
  }
4997
3999
  @supports (-webkit-touch-callout: none) and (not (translate: none)){
4998
4000
  .mobius-quote-card__pricing-primary-amount,
4999
4001
  .mobius-quote-card__pricing-total-amount{
5000
- margin-right:4px;
5001
4002
  margin-right:var(--size-xxs);
5002
4003
  }
5003
4004
  }
5004
4005
  .mobius-quote-card__pricing-amount-border{
5005
- border-left:4px solid #e943c9;
5006
4006
  border-left:var(--size-xxs) solid var(--color-accent);
5007
- padding-left:8px;
5008
4007
  padding-left:var(--size-xs);
5009
4008
  }
5010
4009
  .mobius-quote-card__amount-due-iterated.mobius-text{
5011
- font-size:14px;
5012
4010
  font-size:var(--font-size-small-paragraph);
5013
- color:#5d5d60;
5014
4011
  color:var(--color-text-medium);
5015
- margin:8px 0;
5016
4012
  margin:var(--size-xs) 0;
5017
4013
  }
5018
4014
  .mobius-quote-card__pricing-amount-iterated.mobius-text{
5019
- font-size:32px;
5020
4015
  font-size:var(--size-lg);
5021
- font-weight:700;
5022
4016
  font-weight:var(--font-weight-bold);
5023
4017
  line-height:1.2;
5024
4018
  margin-top:0;
5025
- margin-bottom:4px;
5026
4019
  margin-bottom:var(--size-xxs);
5027
4020
  }
5028
4021
  .mobius-quote-card__unavailable-installment-iterated{
5029
- margin-bottom:16px;
5030
4022
  margin-bottom:var(--size-sm);
5031
4023
  }
5032
4024
  .mobius-quote-card__pricing-period-suffix.mobius-text{
5033
- font-weight:700;
5034
4025
  font-weight:var(--font-weight-bold);
5035
- color:#18181d;
5036
4026
  color:var(--color-text);
5037
4027
  }
5038
4028
  .mobius-quote-card__ratings{
5039
4029
  margin-top:0;
5040
- margin-bottom:16px;
5041
4030
  margin-bottom:var(--size-sm);
5042
4031
  }
5043
4032
  .mobius-quote-card__ratings.--has-reinsurer-text{
5044
- padding-top:16px;
5045
4033
  padding-top:var(--size-sm);
5046
4034
  }
5047
4035
  .mobius-quote-card__ratings .mobius-quote-card__explainer-title,
5048
4036
  .mobius-quote-card__ratings .mobius-quote-card__explainer-icon{
5049
- color:#18181d;
5050
4037
  color:var(--color-text);
5051
4038
  }
5052
4039
  .mobius-quote-card__ratings-text.--is-p{
5053
- margin:0 0 4px 0;
5054
4040
  margin:0 0 var(--size-xxs) 0;
5055
- color:#5d5d60;
5056
4041
  color:var(--color-text-medium);
5057
- font-size:14px;
5058
4042
  font-size:var(--font-size-small-paragraph);
5059
4043
  }
5060
4044
  .mobius-quote-card__ratings-body{
5061
4045
  display:flex;
5062
4046
  justify-content:space-between;
5063
4047
  align-items:center;
5064
- gap:16px;
5065
4048
  gap:var(--size-sm);
5066
4049
  margin:0;
5067
4050
  }
5068
4051
  .mobius-quote-card__ratings-body .mobius-quote-card__ratings-value{
5069
4052
  margin:0;
5070
- font-weight:700;
5071
4053
  font-weight:var(--font-weight-bold);
5072
- color:#18181d;
5073
4054
  color:var(--color-text);
5074
4055
  }
5075
4056
  .mobius-quote-card__ratings-qcp.mobius-text{
5076
- color:#18181d;
5077
4057
  color:var(--color-text);
5078
4058
  margin:0;
5079
4059
  }
5080
4060
  .mobius-quote-cards__grid{
5081
4061
  --column-count:1;
5082
4062
  display:grid;
5083
- grid-template-columns:repeat(1, 1fr);
5084
4063
  grid-template-columns:repeat(var(--column-count), 1fr);
5085
- grid-gap:16px;
5086
- grid-gap:var(--size-sm);
5087
- gap:16px;
5088
4064
  gap:var(--size-sm);
5089
4065
  padding-left:0;
5090
- margin-top:16px;
5091
4066
  margin-top:var(--size-sm);
5092
- margin-bottom:32px;
5093
4067
  margin-bottom:var(--size-lg);
5094
4068
  list-style-type:none;
5095
4069
  }
@@ -5104,15 +4078,12 @@ svg:not(:host).svg-inline--mobius-icon{
5104
4078
  }
5105
4079
  .mobius-quote-card__section{
5106
4080
  position:relative;
5107
- font-size:16px;
5108
4081
  font-size:var(--font-size-regular);
5109
4082
  }
5110
4083
  .mobius-quote-card__section.--is-light{
5111
- background-color:#f3f3f3;
5112
4084
  background-color:var(--color-background-light);
5113
4085
  }
5114
4086
  .mobius-quote-card__section.--is-dark{
5115
- background-color:#0e0a2b;
5116
4087
  background-color:var(--color-azure-700);
5117
4088
  }
5118
4089
  .mobius-quote-card__section-container{
@@ -5127,18 +4098,14 @@ svg:not(:host).svg-inline--mobius-icon{
5127
4098
  }
5128
4099
  }
5129
4100
  .mobius-quote-card__tag{
5130
- padding-top:16px;
5131
4101
  padding-top:var(--size-sm);
5132
- border-top:1px solid #f3f3f3;
5133
4102
  border-top:1px solid var(--color-border-light);
5134
4103
  }
5135
4104
  .mobius-quote-card__tag .--is-small{
5136
4105
  margin:0;
5137
- color:#18181d;
5138
4106
  color:var(--color-text);
5139
4107
  }
5140
4108
  .mobius-quote-card__tag svg{
5141
- margin-right:4px;
5142
4109
  margin-right:var(--size-xxs);
5143
4110
  }
5144
4111
  .mobius-quote-details__drawer.mobius-drawer{
@@ -5156,14 +4123,12 @@ svg:not(:host).svg-inline--mobius-icon{
5156
4123
  .mobius-quote-details__drawer.mobius-drawer .mobius-drawer__content,
5157
4124
  .mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header,
5158
4125
  .mobius-quote-details__drawer.mobius-drawer .mobius-quote-details-drawer__footer{
5159
- padding:16px;
5160
4126
  padding:var(--size-sm);
5161
4127
  }
5162
4128
  @media (min-width: 850px){
5163
4129
  .mobius-quote-details__drawer.mobius-drawer .mobius-drawer__content,
5164
4130
  .mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header,
5165
4131
  .mobius-quote-details__drawer.mobius-drawer .mobius-quote-details-drawer__footer{
5166
- padding:32px;
5167
4132
  padding:var(--size-lg);
5168
4133
  }
5169
4134
  }
@@ -5171,56 +4136,40 @@ svg:not(:host).svg-inline--mobius-icon{
5171
4136
  padding-top:0;
5172
4137
  }
5173
4138
  .mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header{
5174
- padding-bottom:16px;
5175
4139
  padding-bottom:var(--size-sm);
5176
- border-bottom:1px solid #d1d1d2;
5177
4140
  border-bottom:1px solid var(--color-border);
5178
4141
  }
5179
4142
  .mobius-quote-details__drawer.mobius-drawer .mobius-quote-card__coverage{
5180
- padding-top:32px;
5181
4143
  padding-top:var(--size-lg);
5182
4144
  border-right:none;
5183
4145
  }
5184
4146
  .mobius-quote-details__drawer.mobius-drawer .mobius-quote-card__coverage-title.mobius-text{
5185
4147
  text-transform:none;
5186
- font-size:20px;
5187
4148
  font-size:var(--font-size-lead);
5188
- font-weight:700;
5189
4149
  font-weight:var(--font-weight-bold);
5190
- line-height:1.5;
5191
4150
  line-height:var(--line-height-normal);
5192
4151
  }
5193
4152
  .mobius-quote-details__insurer-container{
5194
- margin-bottom:32px;
5195
4153
  margin-bottom:var(--size-lg);
5196
4154
  }
5197
4155
  .mobius-quote-details__insurer-container p{
5198
4156
  margin:0;
5199
4157
  }
5200
4158
  .mobius-quote-details__insurer-container span{
5201
- font-size:14px;
5202
4159
  font-size:var(--font-size-small-paragraph);
5203
4160
  }
5204
4161
  .mobius-quote-details__insurer{
5205
4162
  display:grid;
5206
- margin-top:16px;
5207
4163
  margin-top:var(--size-sm);
5208
- grid-gap:16px;
5209
- grid-gap:var(--size-sm);
5210
- gap:16px;
5211
4164
  gap:var(--size-sm);
5212
- color:#5d5d60;
5213
4165
  color:var(--color-text-medium);
5214
- font-size:14px;
5215
4166
  font-size:var(--font-size-small-paragraph);
5216
4167
  }
5217
4168
  .mobius-quote-details__logo{
5218
4169
  max-width:144px;
5219
4170
  max-height:40px;
5220
- -o-object-fit:contain;
5221
- object-fit:contain;
5222
- -o-object-position:left;
5223
- object-position:left;
4171
+ object-fit:contain;
4172
+ object-position:left;
5224
4173
  }
5225
4174
  .mobius-skeleton{
5226
4175
  flex:1;
@@ -5240,29 +4189,22 @@ svg:not(:host).svg-inline--mobius-icon{
5240
4189
  .mobius-quote-help__grid{
5241
4190
  display:grid;
5242
4191
  grid-template-columns:auto 1fr;
5243
- grid-gap:16px;
5244
- grid-gap:var(--size-sm);
5245
- gap:16px;
5246
4192
  gap:var(--size-sm);
5247
4193
  margin-left:auto;
5248
4194
  margin-right:auto;
5249
- max-width:-moz-max-content;
5250
4195
  max-width:max-content;
5251
4196
  }
5252
4197
  .mobius-quote-help__avatar{
5253
4198
  width:var(--chopin-quote-help-avatar-size);
5254
4199
  height:var(--chopin-quote-help-avatar-size);
5255
4200
  border-radius:50%;
5256
- -o-object-fit:cover;
5257
- object-fit:cover;
4201
+ object-fit:cover;
5258
4202
  }
5259
4203
  .mobius-quote-help__message{
5260
4204
  position:relative;
5261
4205
  background-color:var(--chopin-quote-help-message-background);
5262
4206
  border-radius:var(--chopin-quote-help-avatar-border-radius);
5263
- padding:16px;
5264
4207
  padding:var(--size-sm);
5265
- max-width:-moz-fit-content;
5266
4208
  max-width:fit-content;
5267
4209
  }
5268
4210
  .mobius-quote-help__message::before{
@@ -5280,25 +4222,19 @@ svg:not(:host).svg-inline--mobius-icon{
5280
4222
  }
5281
4223
  .mobius-quote-help__contact-container{
5282
4224
  flex-direction:column;
5283
- gap:16px;
5284
4225
  gap:var(--size-sm);
5285
- border-bottom:1px solid #ffffff;
5286
4226
  border-bottom:1px solid var(--color-background);
5287
- padding-bottom:8px;
5288
4227
  padding-bottom:var(--size-xs);
5289
4228
  }
5290
4229
  @media (min-width: 640px){
5291
4230
  .mobius-quote-help__contact-container{
5292
4231
  flex-direction:row;
5293
- gap:8px;
5294
4232
  gap:var(--size-xs);
5295
4233
  }
5296
4234
 
5297
4235
  .mobius-quote-help__contact-container .mobius-quote-help__chat-link{
5298
- border-left:1px solid #ffffff;
5299
4236
  border-left:1px solid var(--color-background);
5300
4237
  border-radius:0;
5301
- padding-left:8px;
5302
4238
  padding-left:var(--size-xs);
5303
4239
  }
5304
4240
  }
@@ -5308,17 +4244,8 @@ svg:not(:host).svg-inline--mobius-icon{
5308
4244
  }
5309
4245
  .mobius-referral{
5310
4246
  display:grid;
5311
- grid-column-gap:40px;
5312
- grid-column-gap:var(--size-xl);
5313
- -moz-column-gap:40px;
5314
- column-gap:40px;
5315
- -moz-column-gap:var(--size-xl);
5316
- column-gap:var(--size-xl);
5317
- grid-row-gap:16px;
5318
- grid-row-gap:var(--size-sm);
5319
- row-gap:16px;
4247
+ column-gap:var(--size-xl);
5320
4248
  row-gap:var(--size-sm);
5321
- margin-bottom:32px;
5322
4249
  margin-bottom:var(--size-lg);
5323
4250
  grid-template-areas:"referralText" "nextCoverage" "trustSection";
5324
4251
  }
@@ -5343,7 +4270,6 @@ svg:not(:host).svg-inline--mobius-icon{
5343
4270
  flex-direction:column;
5344
4271
  max-width:var(--trade-selector-max-width);
5345
4272
  width:100%;
5346
- margin-bottom:16px;
5347
4273
  margin-bottom:var(--size-sm);
5348
4274
  }
5349
4275
  .mobius-trade-selector__description{
@@ -5356,20 +4282,14 @@ svg:not(:host).svg-inline--mobius-icon{
5356
4282
  .mobius-trade-selector__input-container.--is-editing{
5357
4283
  display:grid;
5358
4284
  grid-template-columns:1fr auto;
5359
- grid-gap:16px;
5360
- grid-gap:var(--size-sm);
5361
- gap:16px;
5362
4285
  gap:var(--size-sm);
5363
4286
  }
5364
4287
  .mobius-trade-selector__results{
5365
4288
  position:relative;
5366
4289
  z-index:99999;
5367
4290
  width:100%;
5368
- border:2px solid #9084e8;
5369
4291
  border:var(--border-default);
5370
- border-radius:4px;
5371
4292
  border-radius:var(--radius-1);
5372
- background-color:#ffffff;
5373
4293
  background-color:var(--color-background);
5374
4294
  margin-top:3px;
5375
4295
  padding:0;
@@ -5379,18 +4299,13 @@ svg:not(:host).svg-inline--mobius-icon{
5379
4299
  .mobius-trade-selector__list-title{
5380
4300
  display:block;
5381
4301
  padding:12px 20px;
5382
- font-size:12px;
5383
4302
  font-size:var(--font-size-small-print);
5384
- line-height:1.333;
5385
4303
  line-height:var(--line-height-tight);
5386
4304
  text-transform:uppercase;
5387
- background-color:#f3f3f3;
5388
4305
  background-color:var(--color-background-light);
5389
- color:#5d5d60;
5390
4306
  color:var(--color-text-medium);
5391
4307
  }
5392
4308
  .mobius-trade-selector__list-title-link{
5393
- color:#5d5d60;
5394
4309
  color:var(--color-text-medium);
5395
4310
  }
5396
4311
  .mobius-trade-selector__list{
@@ -5403,12 +4318,9 @@ svg:not(:host).svg-inline--mobius-icon{
5403
4318
  .mobius-trade-selector__button{
5404
4319
  padding:0;
5405
4320
  border:none;
5406
- font-family:museosans, Arial, sans-serif;
5407
4321
  font-family:var(--font-family);
5408
4322
  font-size:inherit;
5409
- -webkit-appearance:none;
5410
- -moz-appearance:none;
5411
- appearance:none;
4323
+ appearance:none;
5412
4324
  text-align:left;
5413
4325
  background-color:transparent;
5414
4326
  }
@@ -5416,11 +4328,8 @@ svg:not(:host).svg-inline--mobius-icon{
5416
4328
  display:block;
5417
4329
  width:100%;
5418
4330
  padding:12px 20px;
5419
- color:#4632d8;
5420
4331
  color:var(--color-primary);
5421
- font-size:16px;
5422
4332
  font-size:var(--font-size-regular);
5423
- line-height:1.333;
5424
4333
  line-height:var(--line-height-tight);
5425
4334
  cursor:pointer;
5426
4335
  outline:none;
@@ -5428,16 +4337,12 @@ svg:not(:host).svg-inline--mobius-icon{
5428
4337
  text-decoration:underline;
5429
4338
  }
5430
4339
  .mobius-trade-selector__option:hover{
5431
- border-color:#4632d8;
5432
4340
  border-color:var(--color-primary);
5433
- background-color:#f6f5fd;
5434
4341
  background-color:var(--color-background-highlight);
5435
4342
  }
5436
4343
  .mobius-trade-selector__option:focus-visible,
5437
4344
  .mobius-trade-selector__option.--is-selected{
5438
- color:#4632d8;
5439
4345
  color:var(--color-primary);
5440
- background-color:#f6f5fd;
5441
4346
  background-color:var(--color-background-highlight);
5442
4347
  }
5443
4348
  .mobius-trust-section__header{
@@ -5462,9 +4367,6 @@ svg:not(:host).svg-inline--mobius-icon{
5462
4367
  display:grid;
5463
4368
  grid-template-columns:1fr;
5464
4369
  align-items:start;
5465
- grid-gap:24px;
5466
- grid-gap:var(--size-md);
5467
- gap:24px;
5468
4370
  gap:var(--size-md);
5469
4371
  }
5470
4372
  @media (min-width: 640px){
@@ -5473,9 +4375,7 @@ svg:not(:host).svg-inline--mobius-icon{
5473
4375
  }
5474
4376
  }
5475
4377
  .mobius-main{
5476
- padding-top:32px;
5477
4378
  padding-top:var(--size-lg);
5478
- padding-bottom:calc(32px + 48px);
5479
4379
  padding-bottom:calc(var(--size-lg) + var(--size-xxl));
5480
4380
  }
5481
4381
  :root,
@@ -5492,42 +4392,32 @@ svg:not(:host).svg-inline--mobius-icon{
5492
4392
  line-height:1;
5493
4393
  }
5494
4394
  .mobius-date-picker__field-button{
5495
- min-width:48px;
5496
4395
  min-width:var(--size-xxl);
5497
4396
  transition:none;
5498
4397
  border-top-left-radius:0;
5499
- border-top-right-radius:4px;
5500
4398
  border-top-right-radius:var(--radius-1);
5501
4399
  border-bottom-left-radius:0;
5502
- border-bottom-right-radius:4px;
5503
4400
  border-bottom-right-radius:var(--radius-1);
5504
4401
  }
5505
4402
  .mobius-date-picker__field-button:hover:not(.--is-disabled):not(.mobius-date-picker__field-button.--is-valid):not(.mobius-date-picker__field-button.--is-invalid),
5506
4403
  .mobius-date-picker__field-button:focus-visible:not(.--is-disabled):not(.mobius-date-picker__field-button.--is-valid):not(.mobius-date-picker__field-button.--is-invalid){
5507
- background-color:#2a1e81;
5508
4404
  background-color:var(--color-primary-hover);
5509
4405
  }
5510
4406
  .mobius-date-picker__field-button.--is-invalid:not(.--is-disabled){
5511
- background-color:#b90909;
5512
4407
  background-color:var(--color-error);
5513
- border-color:#b90909;
5514
4408
  border-color:var(--color-error);
5515
4409
  }
5516
4410
  .mobius-date-picker__modal{
5517
4411
  position:absolute;
5518
4412
  margin-top:14px;
5519
4413
  display:none;
5520
- font-family:museosans, Arial, sans-serif;
5521
4414
  font-family:var(--font-family);
5522
4415
  min-width:280px;
5523
- background-color:#f3f3f3;
5524
4416
  background-color:var(--color-background-light);
5525
- border:2px solid #9084e8;
5526
4417
  border:var(--border-default);
5527
- border-radius:4px;
5528
4418
  border-radius:var(--radius-1);
5529
4419
  background-color:var(--color-background-light);
5530
- box-shadow:0 1px 1px hsla(0, 0%, 0%, 0.075), 0 2px 2px hsla(0, 0%, 0%, 0.075), 0 4px 4px hsla(0, 0%, 0%, 0.075), 0 8px 8px hsla(0, 0%, 0%, 0.075), 0 16px 16px hsla(0, 0%, 0%, 0.075);
4420
+ box-shadow:0 1px 1px hsl(0deg 0% 0% / 0.075), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
5531
4421
  }
5532
4422
  .mobius-date-picker__modal.--is-open{
5533
4423
  display:inline-block;
@@ -5542,38 +4432,29 @@ svg:not(:host).svg-inline--mobius-icon{
5542
4432
  justify-content:space-between;
5543
4433
  }
5544
4434
  .mobius-date-picker__nav-button{
5545
- -webkit-appearance:none;
5546
- -moz-appearance:none;
5547
- appearance:none;
4435
+ appearance:none;
5548
4436
  cursor:pointer;
5549
4437
  border:none;
5550
- color:#4632d8;
5551
4438
  color:var(--color-primary);
5552
4439
  background-color:transparent;
5553
- margin:8px;
5554
4440
  margin:var(--size-xs);
5555
4441
  padding:0;
5556
4442
  }
5557
4443
  .mobius-date-picker__nav-button .mobius-icon{
5558
- padding:4px 6px;
5559
4444
  padding:var(--size-xxs) 6px;
5560
- border:2px solid #9084e8;
5561
4445
  border:var(--border-default);
5562
4446
  border-radius:50%;
5563
4447
  }
5564
4448
  .mobius-date-picker__nav-button:hover{
5565
- color:#2a1e81;
5566
4449
  color:var(--color-primary-hover);
5567
4450
  }
5568
4451
  .mobius-date-picker__nav-button:hover .mobius-icon{
5569
- border-color:#2a1e81;
5570
4452
  border-color:var(--color-primary-hover);
5571
4453
  }
5572
4454
  .mobius-date-picker__nav-button:focus-visible{
5573
4455
  outline:none;
5574
4456
  }
5575
4457
  .mobius-date-picker__nav-button:focus-visible .mobius-icon{
5576
- box-shadow:0 0 0 2px #e943c9;
5577
4458
  box-shadow:var(--box-shadow-default);
5578
4459
  }
5579
4460
  .mobius-date-picker__caption{
@@ -5583,18 +4464,13 @@ svg:not(:host).svg-inline--mobius-icon{
5583
4464
  justify-content:center;
5584
4465
  position:absolute;
5585
4466
  top:0;
5586
- left:calc(32px + 8px);
5587
4467
  left:calc(var(--size-lg) + var(--size-xs));
5588
- right:calc(32px + 8px);
5589
4468
  right:calc(var(--size-lg) + var(--size-xs));
5590
- margin:0 8px;
5591
4469
  margin:0 var(--size-xs);
5592
4470
  }
5593
4471
  .mobius-date-picker__caption-label{
5594
4472
  font-weight:normal;
5595
- font-size:20px;
5596
4473
  font-size:var(--font-size-lead);
5597
- color:#4632d8;
5598
4474
  color:var(--color-primary);
5599
4475
  text-transform:uppercase;
5600
4476
  }
@@ -5604,29 +4480,20 @@ svg:not(:host).svg-inline--mobius-icon{
5604
4480
  border-spacing:0;
5605
4481
  }
5606
4482
  .mobius-date-picker__weekday{
5607
- color:#5d5d60;
5608
4483
  color:var(--color-text-medium);
5609
- font-size:12px;
5610
4484
  font-size:var(--font-size-small-print);
5611
- padding:8px 4px;
5612
4485
  padding:var(--size-xs) var(--size-xxs);
5613
4486
  }
5614
4487
  .mobius-date-picker__day:not(.mobius-date-picker__day.--is-outside):not(.mobius-date-picker__day.--is-disabled):not(.mobius-date-picker__day.--is-selected) .mobius-date-picker__day-button{
5615
- background-color:#ffffff;
5616
4488
  background-color:var(--color-background);
5617
4489
  }
5618
4490
  .mobius-date-picker__day.--is-focused .mobius-date-picker__day-button{
5619
- border-radius:4px;
5620
4491
  border-radius:var(--radius-1);
5621
- outline:solid 2px #e943c9;
5622
4492
  outline:solid var(--size-focus-ring) var(--color-focus);
5623
4493
  }
5624
4494
  .mobius-date-picker__day.--is-selected .mobius-date-picker__day-button{
5625
- background-color:#4632d8;
5626
4495
  background-color:var(--color-primary);
5627
- color:#ffffff;
5628
4496
  color:var(--color-text-inverted);
5629
- border-radius:4px;
5630
4497
  border-radius:var(--radius-1);
5631
4498
  }
5632
4499
  .mobius-date-picker__day.--is-outside .mobius-date-picker__day-button, .mobius-date-picker__day.--is-disabled .mobius-date-picker__day-button{
@@ -5636,18 +4503,11 @@ svg:not(:host).svg-inline--mobius-icon{
5636
4503
  .mobius-date-picker__day-button{
5637
4504
  display:flex;
5638
4505
  justify-content:center;
5639
- align-items:center;
5640
- justify-items:center;
5641
4506
  place-items:center;
5642
- width:38px;
5643
4507
  width:var(--date-picker-day-size);
5644
- height:38px;
5645
4508
  height:var(--date-picker-day-size);
5646
- font-family:museosans, Arial, sans-serif;
5647
4509
  font-family:var(--font-family);
5648
- font-size:16px;
5649
4510
  font-size:var(--font-size-3);
5650
- color:#18181d;
5651
4511
  color:var(--color-text);
5652
4512
  border:none;
5653
4513
  cursor:pointer;
@@ -5661,7 +4521,6 @@ body{
5661
4521
  margin:0;
5662
4522
  }
5663
4523
  body{
5664
- background-color:transparent;
5665
4524
  background-color:var(--color-background-body);
5666
4525
  }
5667
4526