@simplybusiness/theme-simplybusiness 0.3.0 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css 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,
@@ -1020,17 +841,21 @@ a.mobius-button:focus-visible,
1020
841
  position:fixed;
1021
842
  display:flex;
1022
843
  flex-direction:column;
1023
- width:50%;
1024
- max-height:80%;
844
+ width:min(90%, 600px);
845
+ max-height:90%;
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
  }
853
+ @media (min-width: 768px){
854
+
855
+ .mobius-modal{
856
+ max-height:80%;
857
+ }
858
+ }
1034
859
  .mobius-modal:not([open]){
1035
860
  display:none;
1036
861
  }
@@ -1038,10 +863,8 @@ a.mobius-button:focus-visible,
1038
863
  outline:none;
1039
864
  }
1040
865
  .mobius-modal::backdrop{
1041
- background-color:#18181d;
1042
866
  background-color:var(--color-neutral-700);
1043
867
  opacity:0;
1044
- transition:opacity 0 ease-in-out;
1045
868
  transition:opacity var(--modal-transition-duration) ease-in-out;
1046
869
  }
1047
870
  .mobius-modal + .backdrop{
@@ -1050,11 +873,10 @@ a.mobius-button:focus-visible,
1050
873
  right:0;
1051
874
  bottom:0;
1052
875
  left:0;
1053
- background-color:#18181d;
1054
876
  background-color:var(--color-neutral-700);
1055
877
  opacity:0.3;
1056
878
  }
1057
- .mobius-modal + .backdrop + ._dialog_overlay{
879
+ :is(.mobius-modal + .backdrop) + ._dialog_overlay{
1058
880
  position:fixed;
1059
881
  top:0;
1060
882
  right:0;
@@ -1084,11 +906,9 @@ a.mobius-button:focus-visible,
1084
906
  opacity:0.3;
1085
907
  }
1086
908
  .mobius-modal.--fade{
1087
- transition:opacity 0 ease-in-out;
1088
909
  transition:opacity var(--modal-transition-duration) ease-in-out;
1089
910
  }
1090
911
  .mobius-modal.--slide-up{
1091
- transition:transform 0 ease-in-out;
1092
912
  transition:transform var(--modal-transition-duration) ease-in-out;
1093
913
  }
1094
914
  .mobius-modal.--should-transition.--transition::backdrop{
@@ -1110,31 +930,43 @@ a.mobius-button:focus-visible,
1110
930
  display:grid;
1111
931
  grid-template-columns:1fr auto;
1112
932
  justify-content:space-between;
1113
- grid-gap:16px;
1114
- grid-gap:var(--size-sm);
1115
- gap:16px;
1116
- gap:var(--size-sm);
1117
- align-items:center;
1118
- padding:8px;
933
+ gap:var(--size-md);
934
+ align-items:start;
1119
935
  padding:var(--size-xs);
1120
- padding-left:16px;
1121
936
  padding-left:var(--size-sm);
1122
- font-family:museosans, Arial, sans-serif;
937
+ padding-right:var(--size-sm);
1123
938
  font-family:var(--font-family);
1124
- font-size:24px;
1125
- font-size:var(--font-size-small-title);
939
+ font-size:var(--font-size-4);
1126
940
  margin:0;
1127
941
  }
942
+ @media (min-width: 768px){
943
+
944
+ .mobius-modal__header{
945
+ padding:var(--size-sm);
946
+ padding-left:var(--size-md);
947
+ padding-right:var(--size-md);
948
+ font-size:var(--font-size-5);
949
+ }
950
+ }
951
+ .mobius-modal__close{
952
+ padding:calc(var(--size-sm) * -1);
953
+ font-size:var(--font-size-4);
954
+ flex-shrink:0;
955
+ }
1128
956
  .mobius-modal__content{
1129
957
  flex-grow:1;
1130
- padding:0 16px;
1131
958
  padding:0 var(--size-sm);
1132
- margin:16px 0;
1133
959
  margin:var(--size-sm) 0;
1134
- font-family:museosans, Arial, sans-serif;
1135
960
  font-family:var(--font-family);
1136
961
  overflow-y:auto;
1137
962
  }
963
+ @media (min-width: 768px){
964
+
965
+ .mobius-modal__content{
966
+ padding:0 var(--size-md);
967
+ margin:var(--size-md) 0;
968
+ }
969
+ }
1138
970
  :root,
1139
971
  :host{
1140
972
  --number-input-max-width:none;
@@ -1151,137 +983,83 @@ a.mobius-button:focus-visible,
1151
983
  }
1152
984
  .mobius-number-field__input{
1153
985
  box-sizing:border-box;
1154
- border:2px solid #9084e8;
1155
986
  border:var(--border-default);
1156
- border-radius:4px;
1157
987
  border-radius:var(--radius-1);
1158
- background-color:#ffffff;
1159
988
  background-color:var(--color-background-input);
1160
- padding:17px 16px;
1161
989
  padding:var(--input-field-padding);
1162
- font-family:museosans, Arial, sans-serif;
1163
990
  font-family:var(--font-family);
1164
- font-size:16px;
1165
991
  font-size:var(--font-size-regular);
1166
- color:#18181d;
1167
992
  color:var(--color-text);
1168
993
  outline:none;
1169
994
  margin:0;
1170
- max-width:none;
1171
995
  max-width:var(--text-input-max-width);
1172
996
  width:100%;
1173
997
  }
1174
- .mobius-number-field__input::-moz-placeholder{
1175
- color:#5d5d60;
1176
- color:var(--color-text-medium);
1177
- }
1178
998
  .mobius-number-field__input::placeholder{
1179
- color:#5d5d60;
1180
999
  color:var(--color-text-medium);
1181
1000
  }
1182
1001
  .mobius-number-field__input:focus-visible:not(.--is-disabled){
1183
- border-color:#4632d8;
1184
1002
  border-color:var(--color-primary);
1185
- background-color:#f6f5fd;
1186
1003
  background-color:var(--color-background-input-active);
1187
- box-shadow:0 0 0 2px #e943c9;
1188
1004
  box-shadow:var(--box-shadow-default);
1189
1005
  }
1190
1006
  .mobius-number-field__input:hover:not(.--is-disabled):not(.mobius-number-field__input.--is-invalid){
1191
- border-color:#4632d8;
1192
1007
  border-color:var(--color-primary);
1193
- background-color:#f6f5fd;
1194
1008
  background-color:var(--color-background-input-active);
1195
1009
  }
1196
1010
  .mobius-number-field__input.--is-disabled{
1197
- background-color:#f3f3f3;
1198
1011
  background-color:var(--color-background-light);
1199
- border-color:#d1d1d2;
1200
1012
  border-color:var(--color-border-medium);
1201
- color:#d1d1d2;
1202
1013
  color:var(--color-text-light);
1203
1014
  cursor:not-allowed;
1204
1015
  }
1205
1016
  .mobius-number-field__input.--is-invalid:not(.--is-disabled){
1206
- border-color:#b90909;
1207
1017
  border-color:var(--color-error);
1208
- background-color:#f8e7e7;
1209
1018
  background-color:var(--color-error-background);
1210
- color:#b90909;
1211
1019
  color:var(--color-error);
1212
1020
  }
1213
1021
  .mobius-password-field .mobius-text-field--has-suffix-inside{
1214
1022
  display:flex;
1215
1023
  }
1216
1024
  .mobius-password-field :where(.mobius-password-field__show-button){
1217
- -webkit-appearance:none;
1218
- -moz-appearance:none;
1219
- appearance:none;
1220
- font-size:16px;
1025
+ appearance:none;
1221
1026
  font-size:var(--font-size-3);
1222
- font-family:museosans, Arial, sans-serif;
1223
1027
  font-family:var(--font-family);
1224
1028
  align-self:center;
1225
1029
  display:inline-block;
1226
1030
  background-color:transparent;
1227
- margin:0 8px 0 0;
1228
1031
  margin:0 var(--size-xs) 0 0;
1229
- padding:6px 8px;
1230
1032
  padding:6px var(--size-xs);
1231
1033
  cursor:pointer;
1232
1034
  border:none;
1233
- border-radius:8px;
1234
1035
  border-radius:var(--radius-2);
1235
- color:#4632d8;
1236
1036
  color:var(--color-primary);
1237
- transition:160ms ease-in-out;
1238
1037
  transition:var(--transition-standard);
1239
- -webkit-user-select:none;
1240
- -moz-user-select:none;
1241
- user-select:none;
1038
+ user-select:none;
1242
1039
  }
1243
1040
  .mobius-password-field :where(.mobius-password-field__show-button):focus-visible{
1244
- box-shadow:0 0 0 2px #e943c9;
1245
1041
  box-shadow:var(--box-shadow-default);
1246
1042
  outline:none;
1247
1043
  }
1248
1044
  .mobius-password-field :where(.mobius-password-field__show-button):hover{
1249
- background-color:#f6f5fd;
1250
1045
  background-color:var(--color-background-highlight);
1251
1046
  }
1252
- :root,
1253
- :host{
1254
- --popover-max-width:260px;
1255
- --popover-z-index:2147483647;
1256
- --color-background-popover:var(--color-azure-700);
1257
- }
1258
1047
  .mobius-popover__container{
1259
- z-index:2147483647;
1260
1048
  z-index:var(--popover-z-index);
1261
- max-width:260px;
1262
1049
  max-width:var(--popover-max-width);
1263
1050
  }
1264
1051
  .mobius-popover{
1265
- padding:16px;
1266
1052
  padding:var(--size-sm);
1267
- background-color:#0e0a2b;
1268
1053
  background-color:var(--color-background-popover);
1269
- color:#ffffff;
1270
- color:var(--color-text-inverted);
1271
- border-radius:8px;
1054
+ color:var(--color-text-popover);
1272
1055
  border-radius:var(--radius-2);
1273
- font-size:14px;
1274
1056
  font-size:var(--font-size-2);
1275
- font-weight:500;
1276
1057
  font-weight:var(--font-weight-normal);
1277
- font-family:museosans, Arial, sans-serif;
1278
1058
  font-family:var(--font-family);
1279
- line-height:1.333;
1280
1059
  line-height:var(--line-height-tight);
1281
1060
  }
1282
1061
  .mobius-popover__header{
1283
1062
  display:flex;
1284
- padding-bottom:16px;
1285
1063
  padding-bottom:var(--size-sm);
1286
1064
  }
1287
1065
  .mobius-popover__close-button{
@@ -1289,31 +1067,24 @@ a.mobius-button:focus-visible,
1289
1067
  border:none;
1290
1068
  margin-left:auto;
1291
1069
  background-color:transparent;
1292
- color:#ffffff;
1293
- color:var(--color-text-inverted);
1070
+ color:var(--color-text-popover);
1294
1071
  }
1295
1072
  .mobius-popover__close-icon{
1296
1073
  height:1.1em;
1297
1074
  }
1298
1075
  .mobius-popover__arrow-icon path{
1299
- fill:#0e0a2b;
1300
1076
  fill:var(--color-background-popover);
1301
1077
  }
1302
1078
  .mobius-progress__track{
1303
- background-color:#f3f3f3;
1304
1079
  background-color:var(--color-background-light);
1305
- margin-bottom:8px;
1306
1080
  margin-bottom:var(--size-xs);
1307
- height:8px;
1308
1081
  height:var(--size-xs);
1309
1082
  }
1310
1083
  .mobius-progress__label{
1311
1084
  display:block;
1312
- margin-bottom:8px;
1313
1085
  margin-bottom:var(--size-xs);
1314
1086
  }
1315
1087
  .mobius-progress__bar{
1316
- background-color:#4632d8;
1317
1088
  background-color:var(--color-primary);
1318
1089
  height:100%;
1319
1090
  }
@@ -1322,11 +1093,9 @@ a.mobius-button:focus-visible,
1322
1093
  border-radius:999px;
1323
1094
  }
1324
1095
  .mobius-progress.--is-primary .mobius-progress__bar{
1325
- background-color:#4632d8;
1326
1096
  background-color:var(--color-primary);
1327
1097
  }
1328
1098
  .mobius-progress.--is-secondary .mobius-progress__bar{
1329
- background-color:#4632d8;
1330
1099
  background-color:var(--color-secondary);
1331
1100
  }
1332
1101
  .mobius-radio-group{
@@ -1334,11 +1103,9 @@ a.mobius-button:focus-visible,
1334
1103
  width:100%;
1335
1104
  }
1336
1105
  .mobius-radio-group.--is-horizontal .mobius-radio__label:not(:last-child){
1337
- margin-right:8px;
1338
1106
  margin-right:var(--size-xs);
1339
1107
  }
1340
1108
  .mobius-radio-group.--is-vertical .mobius-radio__label:not(:last-child){
1341
- margin-bottom:8px;
1342
1109
  margin-bottom:var(--size-xs);
1343
1110
  }
1344
1111
  .mobius-radio-group:where(.--is-optional) > :where(.mobius-label)::after{
@@ -1355,13 +1122,9 @@ a.mobius-button:focus-visible,
1355
1122
  }
1356
1123
  .mobius-radio__input{
1357
1124
  align-self:center;
1358
- -webkit-appearance:none;
1359
- -moz-appearance:none;
1360
- appearance:none;
1361
- margin:0 calc(8px + 2px) 0 0;
1125
+ appearance:none;
1362
1126
  margin:0 calc(var(--size-xs) + 2px) 0 0;
1363
1127
  padding:3px;
1364
- outline:2px solid #9084e8;
1365
1128
  outline:2px solid var(--color-primary-light);
1366
1129
  border-radius:50%;
1367
1130
  background-color:transparent;
@@ -1378,22 +1141,17 @@ a.mobius-button:focus-visible,
1378
1141
  background-color:transparent;
1379
1142
  }
1380
1143
  .mobius-radio__input:checked::after{
1381
- background-color:#4632d8;
1382
1144
  background-color:var(--color-primary);
1383
1145
  }
1384
1146
  .mobius-radio__input:disabled{
1385
- outline-color:#d1d1d2;
1386
1147
  outline-color:var(--color-border-medium);
1387
1148
  }
1388
1149
  .mobius-radio__input:disabled:checked::after{
1389
- background-color:#f3f3f3;
1390
1150
  background-color:var(--color-background-light);
1391
1151
  }
1392
1152
  .mobius-radio__input.--is-multiline{
1393
1153
  align-self:flex-start;
1394
- margin-top:4px;
1395
1154
  margin-top:var(--size-xxs);
1396
- margin-right:calc(16px - 1px);
1397
1155
  margin-right:calc(var(--size-sm) - 1px);
1398
1156
  }
1399
1157
  .mobius-radio__label{
@@ -1401,105 +1159,75 @@ a.mobius-button:focus-visible,
1401
1159
  align-items:center;
1402
1160
  box-sizing:border-box;
1403
1161
  width:100%;
1404
- padding:14px 16px;
1405
1162
  padding:var(--input-field-padding-tight);
1406
- font-family:museosans, Arial, sans-serif;
1407
1163
  font-family:var(--font-family);
1408
- font-size:16px;
1409
1164
  font-size:var(--font-size-regular);
1410
- font-weight:500;
1411
1165
  font-weight:var(--font-weight-normal);
1412
- border:2px solid #9084e8;
1413
1166
  border:var(--border-default);
1414
- border-radius:4px;
1415
1167
  border-radius:var(--radius-1);
1416
- color:#18181d;
1417
1168
  color:var(--color-text);
1418
1169
  outline:0;
1419
1170
  position:relative;
1420
1171
  cursor:pointer;
1421
- background-color:#ffffff;
1422
1172
  background-color:var(--color-background-input);
1423
1173
  }
1424
1174
  .mobius-radio__label.--is-disabled{
1425
- background-color:#f3f3f3;
1426
1175
  background-color:var(--color-background-light);
1427
- border-color:#d1d1d2;
1428
1176
  border-color:var(--color-border-medium);
1429
- color:#d1d1d2;
1430
1177
  color:var(--color-text-light);
1431
1178
  cursor:not-allowed;
1432
1179
  }
1433
1180
  .mobius-radio__label.--is-disabled.--is-selected{
1434
- border-color:#f3f3f3;
1435
1181
  border-color:var(--color-border-light);
1436
1182
  }
1437
1183
  .mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled){
1438
- border-color:#9084e8;
1439
1184
  border-color:var(--color-primary-light);
1440
1185
  }
1441
1186
  .mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input{
1442
- outline-color:#9084e8;
1443
1187
  outline-color:var(--color-primary-light);
1444
1188
  }
1445
1189
  .mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input:checked::after{
1446
- background-color:#9084e8;
1447
1190
  background-color:var(--color-primary-light);
1448
1191
  }
1449
1192
  .mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label){
1450
- border-color:#4632d8;
1451
1193
  border-color:var(--color-primary);
1452
- background-color:#f6f5fd;
1453
1194
  background-color:var(--color-background-input-active);
1454
1195
  }
1455
1196
  .mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input{
1456
- outline-color:#4632d8;
1457
1197
  outline-color:var(--color-primary);
1458
1198
  }
1459
1199
  .mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input:checked::after{
1460
- background-color:#4632d8;
1461
1200
  background-color:var(--color-primary);
1462
1201
  }
1463
1202
  .mobius-radio__label:focus-within:not(.--is-disabled){
1464
- box-shadow:0 0 0 2px #e943c9;
1465
1203
  box-shadow:var(--box-shadow-default);
1466
1204
  }
1467
1205
  .mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)){
1468
- border-color:#4632d8;
1469
1206
  border-color:var(--color-primary);
1470
- background-color:#f6f5fd;
1471
1207
  background-color:var(--color-background-input-active);
1472
1208
  }
1473
1209
  .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
1210
  outline-color:var(--color-primary);
1476
1211
  }
1477
1212
  .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
1213
  background-color:var(--color-primary);
1480
1214
  }
1481
1215
  .mobius-radio__label.--is-multiline{
1482
1216
  width:100%;
1483
1217
  }
1484
1218
  .--is-invalid .mobius-radio__label:not(.--is-disabled){
1485
- border-color:#b90909;
1486
1219
  border-color:var(--color-error);
1487
- color:#b90909;
1488
1220
  color:var(--color-error);
1489
1221
  }
1490
1222
  .--is-invalid .mobius-radio__label:not(.--is-disabled):hover,
1491
1223
  .--is-invalid .mobius-radio__label:not(.--is-disabled):focus-within{
1492
- border-color:#b90909;
1493
1224
  border-color:var(--color-error);
1494
- background-color:#f8e7e7;
1495
1225
  background-color:var(--color-error-background);
1496
1226
  }
1497
1227
  .--is-invalid .mobius-radio__label:not(.--is-disabled) .mobius-radio__input{
1498
- outline-color:#b90909;
1499
1228
  outline-color:var(--color-error);
1500
1229
  }
1501
1230
  .--is-invalid .mobius-radio__label:not(.--is-disabled) .mobius-radio__input:checked::after{
1502
- background-color:#b90909;
1503
1231
  background-color:var(--color-error);
1504
1232
  }
1505
1233
  .mobius-radio__content{
@@ -1510,11 +1238,8 @@ a.mobius-button:focus-visible,
1510
1238
  flex:1;
1511
1239
  }
1512
1240
  .mobius-radio__content-first-line{
1513
- font-weight:700;
1514
1241
  font-weight:var(--font-weight-bold);
1515
- margin-bottom:8px;
1516
1242
  margin-bottom:var(--size-xs);
1517
- padding-top:calc(4px - 1px);
1518
1243
  padding-top:calc(var(--size-xxs) - 1px);
1519
1244
  }
1520
1245
  :root,
@@ -1525,11 +1250,8 @@ a.mobius-button:focus-visible,
1525
1250
  box-sizing:border-box;
1526
1251
  display:flex;
1527
1252
  flex-direction:column;
1528
- border:2px solid #f3f3f3;
1529
1253
  border:var(--segment-border);
1530
- border-radius:8px;
1531
1254
  border-radius:var(--radius-2);
1532
- margin-bottom:16px;
1533
1255
  margin-bottom:var(--size-sm);
1534
1256
  }
1535
1257
  .mobius-segment-group.--is-horizontal{
@@ -1537,17 +1259,14 @@ a.mobius-button:focus-visible,
1537
1259
  }
1538
1260
  .mobius-segment-group .mobius-segment-group.gap-size-xs,
1539
1261
  .mobius-segment-group.gap-size-xs{
1540
- margin:8px;
1541
1262
  margin:var(--size-xs);
1542
1263
  }
1543
1264
  .mobius-segment-group .mobius-segment-group.gap-size-s,
1544
1265
  .mobius-segment-group.gap-size-s{
1545
- margin:16px;
1546
1266
  margin:var(--size-sm);
1547
1267
  }
1548
1268
  .mobius-segment-group .mobius-segment-group.gap-size-m,
1549
1269
  .mobius-segment-group.gap-size-m{
1550
- margin:24px;
1551
1270
  margin:var(--size-md);
1552
1271
  }
1553
1272
  .mobius-segment-group .mobius-segment-group.gap-size-l,
@@ -1556,22 +1275,18 @@ a.mobius-button:focus-visible,
1556
1275
  }
1557
1276
  .mobius-segment-group .mobius-segment-group.gap-size-xl,
1558
1277
  .mobius-segment-group.gap-size-xl{
1559
- margin:40px;
1560
1278
  margin:var(--size-xl);
1561
1279
  }
1562
1280
  .mobius-segment-group .mobius-segment-group.gap-size-xxl,
1563
1281
  .mobius-segment-group.gap-size-xxl{
1564
- margin:48px;
1565
1282
  margin:var(--size-xxl);
1566
1283
  }
1567
1284
  .mobius-segment-group > .mobius-segment{
1568
1285
  border:none;
1569
- border-top:2px solid #f3f3f3;
1570
1286
  border-top:var(--segment-border);
1571
1287
  }
1572
1288
  .mobius-segment-group:not(.--is-horizontal) > .mobius-segment:first-child{
1573
1289
  border-top:none;
1574
- border-radius:8px;
1575
1290
  border-radius:var(--radius-2);
1576
1291
  }
1577
1292
  .mobius-segment-group:not(.--is-horizontal) > .mobius-segment:not(:first-child):not(:last-child){
@@ -1586,7 +1301,6 @@ a.mobius-button:focus-visible,
1586
1301
  .mobius-segment-group.--is-horizontal > .mobius-segment-group{
1587
1302
  border:none;
1588
1303
  border-radius:0;
1589
- border-left:2px solid #f3f3f3;
1590
1304
  border-left:var(--segment-border);
1591
1305
  }
1592
1306
  .mobius-segment-group.--is-horizontal > .mobius-segment:first-child,
@@ -1612,14 +1326,12 @@ a.mobius-button:focus-visible,
1612
1326
  .mobius-segment-group .mobius-segment-group > .mobius-segment-group.--is-horizontal{
1613
1327
  border-radius:0;
1614
1328
  border:0;
1615
- border-top:2px solid #f3f3f3;
1616
1329
  border-top:var(--segment-border);
1617
1330
  margin:0;
1618
1331
  }
1619
1332
  .mobius-segment-group .mobius-segment-group:not(.--is-horizontal)
1620
1333
  > .mobius-segment-group:not(.--is-horizontal)
1621
1334
  .mobius-segment:first-child{
1622
- border-top:2px solid #f3f3f3;
1623
1335
  border-top:var(--segment-border);
1624
1336
  }
1625
1337
  .mobius-segment{
@@ -1628,11 +1340,8 @@ a.mobius-button:focus-visible,
1628
1340
  flex-direction:column;
1629
1341
  align-items:flex-start;
1630
1342
  width:100%;
1631
- border:2px solid #f3f3f3;
1632
1343
  border:var(--segment-border);
1633
- border-radius:8px;
1634
1344
  border-radius:var(--radius-2);
1635
- padding:16px;
1636
1345
  padding:var(--size-sm);
1637
1346
  }
1638
1347
  .mobius-segment .mobius-text,
@@ -1650,27 +1359,21 @@ a.mobius-button:focus-visible,
1650
1359
  margin:0;
1651
1360
  }
1652
1361
  .mobius-segment .mobius-text.--is-p{
1653
- line-height:20px;
1654
1362
  line-height:var(--font-size-lead);
1655
1363
  }
1656
1364
  .mobius-segment.subtle{
1657
- background-color:#f6f5fd;
1658
1365
  background-color:var(--color-background-highlight);
1659
1366
  }
1660
1367
  .mobius-segment.grey{
1661
- background-color:#f3f3f3;
1662
1368
  background-color:var(--color-background-light);
1663
1369
  }
1664
1370
  .mobius-segment.primary{
1665
- background-color:#4632d8;
1666
1371
  background-color:var(--color-primary);
1667
1372
  }
1668
1373
  .mobius-segment.secondary{
1669
- background-color:#4632d8;
1670
1374
  background-color:var(--color-secondary);
1671
1375
  }
1672
1376
  .mobius-segment.inverted{
1673
- color:#ffffff;
1674
1377
  color:var(--color-text-inverted);
1675
1378
  }
1676
1379
  .mobius-segment .mobius-text-field:last-child,
@@ -1686,10 +1389,8 @@ a.mobius-button:focus-visible,
1686
1389
  }
1687
1390
  .mobius-segment__heading{
1688
1391
  box-sizing:border-box;
1689
- font-size:16px;
1690
1392
  font-size:var(--font-size-regular);
1691
1393
  margin:0;
1692
- margin-bottom:16px;
1693
1394
  margin-bottom:var(--size-sm);
1694
1395
  }
1695
1396
  :root,
@@ -1708,60 +1409,39 @@ a.mobius-button:focus-visible,
1708
1409
  display:flex;
1709
1410
  align-items:center;
1710
1411
  position:relative;
1711
- max-width:none;
1712
1412
  max-width:var(--select-wrapper-max-width);
1713
1413
  }
1714
1414
  .mobius-select{
1715
1415
  box-sizing:border-box;
1716
1416
  width:100%;
1717
- padding:17px 16px;
1718
1417
  padding:var(--input-field-padding);
1719
- font-family:museosans, Arial, sans-serif;
1720
1418
  font-family:var(--font-family);
1721
- font-size:16px;
1722
1419
  font-size:var(--font-size-regular);
1723
- border:2px solid #9084e8;
1724
1420
  border:var(--border-default);
1725
- border-radius:4px;
1726
1421
  border-radius:var(--radius-1);
1727
- background-color:#ffffff;
1728
1422
  background-color:var(--color-background-input);
1729
- color:#5d5d60;
1730
1423
  color:var(--color-text-medium);
1731
1424
  outline:0;
1732
- -webkit-appearance:none;
1733
- -moz-appearance:none;
1734
- appearance:none;
1425
+ appearance:none;
1735
1426
  }
1736
1427
  .mobius-select.--is-disabled{
1737
- background-color:#f3f3f3;
1738
1428
  background-color:var(--color-background-light);
1739
- border-color:#d1d1d2;
1740
1429
  border-color:var(--color-border-medium);
1741
- color:#d1d1d2;
1742
1430
  color:var(--color-text-light);
1743
1431
  cursor:not-allowed;
1744
1432
  }
1745
1433
  .mobius-select:not(.--is-invalid):not(.--is-disabled):hover{
1746
- border-color:#4632d8;
1747
1434
  border-color:var(--color-primary);
1748
- background-color:#f6f5fd;
1749
1435
  background-color:var(--color-background-input-active);
1750
1436
  }
1751
1437
  .mobius-select:focus-visible{
1752
- border-color:#4632d8;
1753
1438
  border-color:var(--color-primary);
1754
- background-color:#f6f5fd;
1755
1439
  background-color:var(--color-background-input-active);
1756
- box-shadow:0 0 0 2px #e943c9;
1757
1440
  box-shadow:var(--box-shadow-default);
1758
1441
  }
1759
1442
  .mobius-select.--is-invalid{
1760
- border-color:#b90909;
1761
1443
  border-color:var(--color-error);
1762
- background-color:#f8e7e7;
1763
1444
  background-color:var(--color-error-background);
1764
- color:#b90909;
1765
1445
  color:var(--color-error);
1766
1446
  }
1767
1447
  .mobius-select__icon{
@@ -1772,90 +1452,66 @@ a.mobius-button:focus-visible,
1772
1452
  position:absolute;
1773
1453
  right:2px;
1774
1454
  height:100%;
1775
- padding:24px;
1776
1455
  padding:var(--size-md);
1777
- border-radius:4px;
1778
1456
  border-radius:var(--radius-1);
1779
1457
  pointer-events:none;
1780
- color:#5d5d60;
1781
1458
  color:var(--color-text-medium);
1782
1459
  }
1783
1460
  .mobius-select__icon.--is-disabled{
1784
- color:#d1d1d2;
1785
1461
  color:var(--color-text-light);
1786
1462
  }
1787
1463
  .mobius-select__icon.--is-invalid{
1788
- color:#b90909;
1789
1464
  color:var(--color-error);
1790
1465
  }
1791
1466
  :root,
1792
1467
  :host{
1793
- --slider-primary-track-background:rgba(70,50,216,0.12549);
1468
+ --slider-primary-track-background:#4632d820;
1794
1469
  --slider-primary-thumb-background:var(--color-primary);
1795
- --slider-secondary-track-background:rgba(233,67,201,0.12549);
1470
+ --slider-secondary-track-background:#e943c920;
1796
1471
  --slider-secondary-thumb-background:var(--color-accent);
1797
1472
  --thumb-size:20px;
1798
1473
  }
1799
1474
  .mobius-slider{
1800
1475
  position:relative;
1801
1476
  display:grid;
1802
- grid-gap:4px;
1803
- grid-gap:var(--size-xxs);
1804
- gap:4px;
1805
1477
  gap:var(--size-xxs);
1806
1478
  }
1807
1479
  .mobius-slider.--is-primary .mobius-slider__track{
1808
- background-color:rgba(70,50,216,0.12549);
1809
1480
  background-color:var(--slider-primary-track-background);
1810
1481
  }
1811
1482
  .mobius-slider.--is-primary .mobius-slider__track::-webkit-slider-thumb{
1812
- background-color:#4632d8;
1813
1483
  background-color:var(--slider-primary-thumb-background);
1814
- box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #4632d8;
1815
1484
  box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-primary-thumb-background);
1816
1485
  }
1817
1486
  .mobius-slider.--is-primary .mobius-slider__track::-moz-range-thumb{
1818
- background-color:#4632d8;
1819
1487
  background-color:var(--slider-primary-thumb-background);
1820
- box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #4632d8;
1821
1488
  box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-primary-thumb-background);
1822
1489
  }
1823
1490
  .mobius-slider.--is-secondary .mobius-slider__track{
1824
- background-color:rgba(233,67,201,0.12549);
1825
1491
  background-color:var(--slider-secondary-track-background);
1826
1492
  }
1827
1493
  .mobius-slider.--is-secondary .mobius-slider__track::-webkit-slider-thumb{
1828
- background-color:#e943c9;
1829
1494
  background-color:var(--slider-secondary-thumb-background);
1830
- box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #e943c9;
1831
1495
  box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-secondary-thumb-background);
1832
1496
  }
1833
1497
  .mobius-slider.--is-secondary .mobius-slider__track::-moz-range-thumb{
1834
- background-color:#e943c9;
1835
1498
  background-color:var(--slider-secondary-thumb-background);
1836
- box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #e943c9;
1837
1499
  box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-secondary-thumb-background);
1838
1500
  }
1839
1501
  .mobius-slider.--is-disabled{
1840
- color:#d1d1d2;
1841
1502
  color:var(--color-text-light);
1842
1503
  cursor:not-allowed;
1843
1504
  }
1844
1505
  .mobius-slider.--is-disabled .mobius-slider__track{
1845
- background-color:#f3f3f3;
1846
1506
  background-color:var(--color-background-light);
1847
1507
  }
1848
1508
  .mobius-slider.--is-disabled .mobius-slider__track::-webkit-slider-thumb{
1849
- background-color:#f3f3f3;
1850
1509
  background-color:var(--color-background-light);
1851
- box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #d1d1d2;
1852
1510
  box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--color-border-medium);
1853
1511
  cursor:not-allowed;
1854
1512
  }
1855
1513
  .mobius-slider.--is-disabled .mobius-slider__track::-moz-range-thumb{
1856
- background-color:#f3f3f3;
1857
1514
  background-color:var(--color-background-light);
1858
- box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #d1d1d2;
1859
1515
  box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--color-border-medium);
1860
1516
  cursor:not-allowed;
1861
1517
  }
@@ -1866,13 +1522,10 @@ a.mobius-button:focus-visible,
1866
1522
  }
1867
1523
  .mobius-slider__track{
1868
1524
  position:absolute;
1869
- -moz-appearance:none;
1870
- appearance:none;
1525
+ appearance:none;
1871
1526
  -webkit-appearance:none;
1872
1527
  width:100%;
1873
- height:8px;
1874
1528
  height:var(--size-xs);
1875
- top:calc(8px + 2px);
1876
1529
  top:calc(var(--size-xs) + 2px);
1877
1530
  border-radius:999px;
1878
1531
  touch-action:none;
@@ -1885,21 +1538,16 @@ a.mobius-button:focus-visible,
1885
1538
  .mobius-slider__track::-webkit-slider-thumb{
1886
1539
  appearance:none;
1887
1540
  -webkit-appearance:none;
1888
- width:20px;
1889
1541
  width:var(--thumb-size);
1890
- height:20px;
1891
1542
  height:var(--thumb-size);
1892
1543
  border:var(--thumb-border);
1893
1544
  border-radius:50%;
1894
1545
  cursor:pointer;
1895
1546
  }
1896
1547
  .mobius-slider__track::-moz-range-thumb{
1897
- -moz-appearance:none;
1898
- appearance:none;
1548
+ appearance:none;
1899
1549
  -webkit-appearance:none;
1900
- width:20px;
1901
1550
  width:var(--thumb-size);
1902
- height:20px;
1903
1551
  height:var(--thumb-size);
1904
1552
  border:var(--thumb-border);
1905
1553
  border-radius:50%;
@@ -1923,27 +1571,21 @@ a.mobius-button:focus-visible,
1923
1571
  grid-auto-flow:row;
1924
1572
  }
1925
1573
  .mobius-stack.--gap-xxs{
1926
- gap:4px;
1927
1574
  gap:var(--size-xxs);
1928
1575
  }
1929
1576
  .mobius-stack.--gap-xs{
1930
- gap:8px;
1931
1577
  gap:var(--size-xs);
1932
1578
  }
1933
1579
  .mobius-stack.--gap-sm{
1934
- gap:16px;
1935
1580
  gap:var(--size-sm);
1936
1581
  }
1937
1582
  .mobius-stack.--gap-md{
1938
- gap:24px;
1939
1583
  gap:var(--size-md);
1940
1584
  }
1941
1585
  .mobius-stack.--gap-lg{
1942
- gap:32px;
1943
1586
  gap:var(--size-lg);
1944
1587
  }
1945
1588
  .mobius-stack.--gap-xl{
1946
- gap:40px;
1947
1589
  gap:var(--size-xl);
1948
1590
  }
1949
1591
  :root,
@@ -1958,10 +1600,8 @@ a.mobius-button:focus-visible,
1958
1600
  border-collapse:collapse;
1959
1601
  line-height:1.7;
1960
1602
  box-sizing:border-box;
1961
- text-indent:0;
1962
1603
  text-indent:initial;
1963
1604
  border-spacing:2px;
1964
- border-color:#f3f3f3;
1965
1605
  border-color:var(--color-border-light);
1966
1606
  }
1967
1607
  .mobius-table__head{
@@ -1969,23 +1609,17 @@ a.mobius-button:focus-visible,
1969
1609
  box-sizing:border-box;
1970
1610
  vertical-align:middle;
1971
1611
  border-color:inherit;
1972
- font-weight:700;
1973
1612
  font-weight:var(--font-weight-bold);
1974
1613
  }
1975
1614
  .mobius-table__head-cell{
1976
1615
  display:table-cell;
1977
- font-weight:700;
1978
1616
  font-weight:var(--font-weight-bold);
1979
1617
  box-sizing:border-box;
1980
1618
  vertical-align:baseline;
1981
- padding-top:8px;
1982
1619
  padding-top:var(--size-xs);
1983
- padding-bottom:8px;
1984
1620
  padding-bottom:var(--size-xs);
1985
- padding-right:32px;
1986
1621
  padding-right:var(--size-lg);
1987
1622
  border-color:currentColor;
1988
- border-width:1px;
1989
1623
  border-width:var(--table-border-width);
1990
1624
  border-bottom-style:solid;
1991
1625
  }
@@ -1999,17 +1633,11 @@ a.mobius-button:focus-visible,
1999
1633
  display:table-cell;
2000
1634
  vertical-align:baseline;
2001
1635
  box-sizing:border-box;
2002
- color:#5d5d60;
2003
1636
  color:var(--color-text-medium);
2004
- padding-top:8px;
2005
1637
  padding-top:var(--size-xs);
2006
- padding-bottom:8px;
2007
1638
  padding-bottom:var(--size-xs);
2008
- padding-right:32px;
2009
1639
  padding-right:var(--size-lg);
2010
- border-color:#f3f3f3;
2011
1640
  border-color:var(--color-border-light);
2012
- border-width:1px;
2013
1641
  border-width:var(--table-border-width);
2014
1642
  border-bottom-style:solid;
2015
1643
  }
@@ -2018,176 +1646,117 @@ a.mobius-button:focus-visible,
2018
1646
  }
2019
1647
  .mobius-text{
2020
1648
  box-sizing:border-box;
2021
- font-family:museosans, Arial, sans-serif;
2022
1649
  font-family:var(--font-family);
2023
- font-size:16px;
2024
1650
  font-size:var(--font-size-regular);
2025
- font-weight:500;
2026
1651
  font-weight:var(--font-weight-normal);
2027
- line-height:1.5;
2028
1652
  line-height:var(--line-height-normal);
2029
1653
  }
2030
1654
  .mobius-text:where(.--is-p){
2031
1655
  box-sizing:border-box;
2032
- font-family:museosans, Arial, sans-serif;
2033
1656
  font-family:var(--font-family);
2034
- font-size:16px;
2035
1657
  font-size:var(--font-size-regular);
2036
- font-weight:500;
2037
1658
  font-weight:var(--font-weight-normal);
2038
- line-height:1.5;
2039
1659
  line-height:var(--line-height-normal);
2040
1660
  }
2041
1661
  .mobius-text:where(.--is-h1){
2042
1662
  box-sizing:border-box;
2043
- font-family:museosans, Arial, sans-serif;
2044
1663
  font-family:var(--font-family);
2045
- font-size:32px;
2046
1664
  font-size:var(--font-size-title);
2047
- font-weight:700;
2048
1665
  font-weight:var(--font-weight-bold);
2049
1666
  line-height:1.25;
2050
1667
  margin:0.35em 0;
2051
1668
  }
2052
1669
  .mobius-text:where(.--is-h2){
2053
1670
  box-sizing:border-box;
2054
- font-family:museosans, Arial, sans-serif;
2055
1671
  font-family:var(--font-family);
2056
- font-size:24px;
2057
1672
  font-size:var(--font-size-small-title);
2058
- font-weight:700;
2059
1673
  font-weight:var(--font-weight-bold);
2060
- line-height:1.333;
2061
1674
  line-height:var(--line-height-tight);
2062
1675
  margin:0.45em 0;
2063
1676
  }
2064
1677
  .mobius-text:where(.--is-h3){
2065
1678
  box-sizing:border-box;
2066
- font-family:museosans, Arial, sans-serif;
2067
1679
  font-family:var(--font-family);
2068
- font-size:20px;
2069
1680
  font-size:var(--font-size-lead);
2070
- font-weight:700;
2071
1681
  font-weight:var(--font-weight-bold);
2072
1682
  line-height:1.2;
2073
1683
  margin:0.5em 0;
2074
1684
  }
2075
1685
  .mobius-text:where(.--is-h4){
2076
1686
  box-sizing:border-box;
2077
- font-family:museosans, Arial, sans-serif;
2078
1687
  font-family:var(--font-family);
2079
- font-size:16px;
2080
1688
  font-size:var(--font-size-regular);
2081
- font-weight:700;
2082
1689
  font-weight:var(--font-weight-bold);
2083
- line-height:1.5;
2084
1690
  line-height:var(--line-height-normal);
2085
1691
  margin:0.55em 0;
2086
1692
  }
2087
1693
  .mobius-text:where(.--is-span){
2088
1694
  box-sizing:border-box;
2089
- font-size:16px;
2090
1695
  font-size:var(--font-size-regular);
2091
- font-weight:500;
2092
1696
  font-weight:var(--font-weight-normal);
2093
- line-height:1.5;
2094
1697
  line-height:var(--line-height-normal);
2095
1698
  }
2096
1699
  .mobius-text:where(.--is-body){
2097
1700
  box-sizing:border-box;
2098
- font-family:museosans, Arial, sans-serif;
2099
1701
  font-family:var(--font-family);
2100
- font-size:16px;
2101
1702
  font-size:var(--font-size-regular);
2102
- font-weight:500;
2103
1703
  font-weight:var(--font-weight-normal);
2104
- line-height:1.5;
2105
1704
  line-height:var(--line-height-normal);
2106
- color:#5d5d60;
2107
1705
  color:var(--color-text-medium);
2108
1706
  }
2109
1707
  .mobius-text:where(.--is-small){
2110
1708
  box-sizing:border-box;
2111
- font-family:museosans, Arial, sans-serif;
2112
1709
  font-family:var(--font-family);
2113
- font-size:14px;
2114
1710
  font-size:var(--font-size-small-paragraph);
2115
- font-weight:500;
2116
1711
  font-weight:var(--font-weight-normal);
2117
1712
  line-height:1.428;
2118
- color:#5d5d60;
2119
1713
  color:var(--color-text-medium);
2120
1714
  }
2121
1715
  .mobius-text:where(.--is-legal){
2122
1716
  box-sizing:border-box;
2123
- font-family:museosans, Arial, sans-serif;
2124
1717
  font-family:var(--font-family);
2125
- font-size:12px;
2126
1718
  font-size:var(--font-size-small-print);
2127
- font-weight:500;
2128
1719
  font-weight:var(--font-weight-normal);
2129
- line-height:1.333;
2130
1720
  line-height:var(--line-height-tight);
2131
- color:#5d5d60;
2132
1721
  color:var(--color-text-medium);
2133
1722
  }
2134
1723
  .mobius-text:where(.--has-line-height-tight){
2135
- line-height:1.333;
2136
1724
  line-height:var(--line-height-tight);
2137
1725
  }
2138
1726
  .mobius-text:where(.--has-line-height-loose){
2139
- line-height:1.5;
2140
1727
  line-height:var(--line-height-normal);
2141
1728
  }
2142
1729
  .mobius-text-area__input{
2143
1730
  box-sizing:border-box;
2144
1731
  flex:1 1 0%;
2145
- border:2px solid #9084e8;
2146
1732
  border:var(--border-default);
2147
- border-radius:4px;
2148
1733
  border-radius:var(--radius-1);
2149
- padding:8px 16px;
2150
1734
  padding:var(--size-xs) var(--size-sm);
2151
1735
  margin:0px;
2152
- font-family:museosans, Arial, sans-serif;
2153
1736
  font-family:var(--font-family);
2154
- font-size:16px;
2155
1737
  font-size:var(--font-size-regular);
2156
- color:#18181d;
2157
1738
  color:var(--color-text);
2158
1739
  outline:0px;
2159
- background-color:#ffffff;
2160
1740
  background-color:var(--color-background-input);
2161
1741
  }
2162
1742
  .mobius-text-area__input:hover:not(.--is-disabled):not(.mobius-text-area__input.--is-invalid){
2163
- border-color:#4632d8;
2164
1743
  border-color:var(--color-primary);
2165
- background-color:#f6f5fd;
2166
1744
  background-color:var(--color-background-input-active);
2167
1745
  }
2168
1746
  .mobius-text-area__input:focus-visible{
2169
- border-color:#4632d8;
2170
1747
  border-color:var(--color-primary);
2171
- background-color:#f6f5fd;
2172
1748
  background-color:var(--color-background-input-active);
2173
- box-shadow:0 0 0 2px #e943c9;
2174
1749
  box-shadow:var(--box-shadow-default);
2175
1750
  }
2176
1751
  .mobius-text-area__input.--is-disabled{
2177
- background-color:#f3f3f3;
2178
1752
  background-color:var(--color-background-light);
2179
- border-color:#d1d1d2;
2180
1753
  border-color:var(--color-border-medium);
2181
- color:#d1d1d2;
2182
1754
  color:var(--color-text-light);
2183
1755
  cursor:not-allowed;
2184
1756
  }
2185
1757
  .mobius-text-area__input.--is-invalid:not(.--is-disabled){
2186
- border-color:#b90909;
2187
1758
  border-color:var(--color-error);
2188
- background-color:#f8e7e7;
2189
1759
  background-color:var(--color-error-background);
2190
- color:#b90909;
2191
1760
  color:var(--color-error);
2192
1761
  }
2193
1762
  .mobius-text-area{
@@ -2227,7 +1796,6 @@ a.mobius-button:focus-visible,
2227
1796
  border-bottom-left-radius:0;
2228
1797
  }
2229
1798
  .mobius-text-field__prefix-outside.mobius-text{
2230
- padding-right:16px;
2231
1799
  padding-right:var(--size-sm);
2232
1800
  }
2233
1801
  .mobius-text-field__suffix-outside.mobius-button{
@@ -2235,13 +1803,11 @@ a.mobius-button:focus-visible,
2235
1803
  border-bottom-left-radius:0;
2236
1804
  }
2237
1805
  .mobius-text-field__suffix-outside.mobius-text{
2238
- padding-left:16px;
2239
1806
  padding-left:var(--size-sm);
2240
1807
  }
2241
1808
  .mobius-text-field__prefix-inside,
2242
1809
  .mobius-text-field__suffix-inside{
2243
1810
  display:flex;
2244
- color:#9084e8;
2245
1811
  color:var(--color-primary-light);
2246
1812
  }
2247
1813
  .mobius-text-field__prefix-inside.mobius-button, .mobius-text-field__suffix-inside.mobius-button{
@@ -2254,27 +1820,21 @@ a.mobius-button:focus-visible,
2254
1820
  margin-bottom:0;
2255
1821
  }
2256
1822
  .mobius-text-field__prefix-inside{
2257
- padding-left:16px;
2258
1823
  padding-left:var(--size-sm);
2259
1824
  }
2260
1825
  .mobius-text-field__suffix-inside{
2261
- padding-right:16px;
2262
1826
  padding-right:var(--size-sm);
2263
1827
  }
2264
1828
  .mobius-text-field__input-wrapper{
2265
1829
  display:flex;
2266
1830
  flex:1 1 0;
2267
1831
  align-items:center;
2268
- border-radius:4px;
2269
1832
  border-radius:var(--radius-1);
2270
- color:#5d5d60;
2271
1833
  color:var(--color-text-medium);
2272
1834
  overflow:hidden;
2273
- background-color:#ffffff;
2274
1835
  background-color:var(--color-background-input);
2275
1836
  }
2276
1837
  .mobius-text-field__input-wrapper:not(.--is-hidden){
2277
- border:2px solid #9084e8;
2278
1838
  border:var(--border-default);
2279
1839
  }
2280
1840
  .mobius-text-field__input-wrapper:has(+ .mobius-button){
@@ -2282,69 +1842,47 @@ a.mobius-button:focus-visible,
2282
1842
  border-bottom-right-radius:0;
2283
1843
  }
2284
1844
  .mobius-text-field__input-wrapper:focus-within{
2285
- border-color:#4632d8;
2286
1845
  border-color:var(--color-primary);
2287
- background-color:#f6f5fd;
2288
1846
  background-color:var(--color-background-input-active);
2289
- box-shadow:0 0 0 2px #e943c9;
2290
1847
  box-shadow:var(--box-shadow-default);
2291
1848
  }
2292
1849
  .mobius-text-field__input-wrapper:focus-within .mobius-text-field__prefix-inside,
2293
1850
  .mobius-text-field__input-wrapper:focus-within .mobius-text-field__suffix-inside{
2294
- color:#4632d8;
2295
1851
  color:var(--color-primary);
2296
1852
  }
2297
1853
  .mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid){
2298
- border-color:#4632d8;
2299
1854
  border-color:var(--color-primary);
2300
- background-color:#f6f5fd;
2301
1855
  background-color:var(--color-background-input-active);
2302
1856
  }
2303
1857
  .mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid) .mobius-text-field__prefix-inside,
2304
1858
  .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
1859
  color:var(--color-primary);
2307
1860
  }
2308
1861
  .mobius-text-field__input-wrapper.--is-disabled{
2309
- background-color:#f3f3f3;
2310
1862
  background-color:var(--color-background-light);
2311
- border-color:#d1d1d2;
2312
1863
  border-color:var(--color-border-medium);
2313
- color:#d1d1d2;
2314
1864
  color:var(--color-text-light);
2315
1865
  cursor:not-allowed;
2316
1866
  }
2317
1867
  .mobius-text-field__input-wrapper.--is-invalid:not(.--is-disabled){
2318
- border-color:#b90909;
2319
1868
  border-color:var(--color-error);
2320
- background-color:#f8e7e7;
2321
1869
  background-color:var(--color-error-background);
2322
- color:#b90909;
2323
1870
  color:var(--color-error);
2324
1871
  }
2325
1872
  .mobius-text-field__input{
2326
1873
  flex:1 1 0;
2327
- padding:17px 16px;
2328
1874
  padding:var(--input-field-padding);
2329
1875
  border:none;
2330
1876
  background-color:transparent;
2331
1877
  box-sizing:border-box;
2332
- font-family:museosans, Arial, sans-serif;
2333
1878
  font-family:var(--font-family);
2334
- font-size:16px;
2335
1879
  font-size:var(--font-size-regular);
2336
1880
  color:currentColor;
2337
1881
  outline:0;
2338
1882
  margin:0;
2339
- max-width:none;
2340
1883
  max-width:var(--text-input-max-width);
2341
1884
  }
2342
- .mobius-text-field__input::-moz-placeholder{
2343
- color:#5d5d60;
2344
- color:var(--color-text-medium);
2345
- }
2346
1885
  .mobius-text-field__input::placeholder{
2347
- color:#5d5d60;
2348
1886
  color:var(--color-text-medium);
2349
1887
  }
2350
1888
  .mobius-text-field__input.--is-disabled{
@@ -2356,47 +1894,34 @@ a.mobius-button:focus-visible,
2356
1894
  }
2357
1895
  .mobius-title{
2358
1896
  display:flex;
2359
- padding-left:16px;
2360
1897
  padding-left:var(--size-sm);
2361
1898
  }
2362
1899
  .mobius-title__header{
2363
1900
  margin:0;
2364
- font-size:24px;
2365
1901
  font-size:var(--font-size-small-title);
2366
- color:#18181d;
2367
1902
  color:var(--color-text);
2368
- font-weight:700;
2369
1903
  font-weight:var(--font-weight-bold);
2370
1904
  }
2371
1905
  .mobius-title__description{
2372
1906
  margin:0;
2373
- font-size:16px;
2374
1907
  font-size:var(--font-size-regular);
2375
- color:#5d5d60;
2376
1908
  color:var(--color-text-medium);
2377
- font-weight:500;
2378
1909
  font-weight:var(--font-weight-normal);
2379
1910
  }
2380
1911
  .mobius-title__container{
2381
- gap:8px;
2382
1912
  gap:var(--size-xs);
2383
- line-height:1.333;
2384
1913
  line-height:var(--line-height-tight);
2385
1914
  position:relative;
2386
- padding-left:calc(16px + 8px);
2387
1915
  padding-left:calc(var(--size-sm) + var(--title-decorator-width));
2388
1916
  }
2389
1917
  .mobius-title__container::before{
2390
1918
  position:absolute;
2391
1919
  content:"";
2392
1920
  display:block;
2393
- width:8px;
2394
1921
  width:var(--title-decorator-width);
2395
1922
  height:100%;
2396
- border-radius:4px;
2397
1923
  border-radius:var(--radius-1);
2398
1924
  left:0;
2399
- background-color:#4632d8;
2400
1925
  background-color:var(--color-primary);
2401
1926
  }
2402
1927
  svg:not(:root).svg-inline--mobius-icon,
@@ -2405,7 +1930,6 @@ svg:not(:host).svg-inline--mobius-icon{
2405
1930
  box-sizing:content-box;
2406
1931
  }
2407
1932
  .svg-inline--mobius-icon{
2408
- display:inline-block;
2409
1933
  display:var(--mobius-icon-display, inline-block);
2410
1934
  height:1em;
2411
1935
  overflow:visible;
@@ -2430,22 +1954,18 @@ svg:not(:host).svg-inline--mobius-icon{
2430
1954
  vertical-align:-0.3125em;
2431
1955
  }
2432
1956
  .svg-inline--mobius-icon.mobius-icon-pull-left{
2433
- margin-right:0.3em;
2434
1957
  margin-right:var(--mobius-icon-pull-margin, 0.3em);
2435
1958
  width:auto;
2436
1959
  }
2437
1960
  .svg-inline--mobius-icon.mobius-icon-pull-right{
2438
- margin-left:0.3em;
2439
1961
  margin-left:var(--mobius-icon-pull-margin, 0.3em);
2440
1962
  width:auto;
2441
1963
  }
2442
1964
  .svg-inline--mobius-icon.mobius-icon-li{
2443
- width:2em;
2444
1965
  width:var(--mobius-icon-li-width, 2em);
2445
1966
  top:0.25em;
2446
1967
  }
2447
1968
  .svg-inline--mobius-icon.mobius-icon-fw{
2448
- width:1.25em;
2449
1969
  width:var(--mobius-icon-fw-width, 1.25em);
2450
1970
  }
2451
1971
  .mobius-icon-layers svg.svg-inline--mobius-icon{
@@ -2480,68 +2000,46 @@ svg:not(:host).svg-inline--mobius-icon{
2480
2000
  transform-origin:center center;
2481
2001
  }
2482
2002
  .mobius-icon-layers-counter{
2483
- background-color:#ff253a;
2484
2003
  background-color:var(--mobius-icon-counter-background-color, #ff253a);
2485
- border-radius:1em;
2486
2004
  border-radius:var(--mobius-icon-counter-border-radius, 1em);
2487
2005
  box-sizing:border-box;
2488
- color:#fff;
2489
2006
  color:var(--mobius-icon-inverse, #fff);
2490
- line-height:1;
2491
2007
  line-height:var(--mobius-icon-counter-line-height, 1);
2492
- max-width:5em;
2493
2008
  max-width:var(--mobius-icon-counter-max-width, 5em);
2494
- min-width:1.5em;
2495
2009
  min-width:var(--mobius-icon-counter-min-width, 1.5em);
2496
2010
  overflow:hidden;
2497
- padding:0.25em 0.5em;
2498
2011
  padding:var(--mobius-icon-counter-padding, 0.25em 0.5em);
2499
- right:0;
2500
2012
  right:var(--mobius-icon-right, 0);
2501
2013
  text-overflow:ellipsis;
2502
- top:0;
2503
2014
  top:var(--mobius-icon-top, 0);
2504
- transform:scale(0.25);
2505
2015
  transform:scale(var(--mobius-icon-counter-scale, 0.25));
2506
2016
  transform-origin:top right;
2507
2017
  }
2508
2018
  .mobius-icon-layers-bottom-right{
2509
- bottom:0;
2510
2019
  bottom:var(--mobius-icon-bottom, 0);
2511
- right:0;
2512
2020
  right:var(--mobius-icon-right, 0);
2513
2021
  top:auto;
2514
- transform:scale(0.25);
2515
2022
  transform:scale(var(--mobius-icon-layers-scale, 0.25));
2516
2023
  transform-origin:bottom right;
2517
2024
  }
2518
2025
  .mobius-icon-layers-bottom-left{
2519
- bottom:0;
2520
2026
  bottom:var(--mobius-icon-bottom, 0);
2521
- left:0;
2522
2027
  left:var(--mobius-icon-left, 0);
2523
2028
  right:auto;
2524
2029
  top:auto;
2525
- transform:scale(0.25);
2526
2030
  transform:scale(var(--mobius-icon-layers-scale, 0.25));
2527
2031
  transform-origin:bottom left;
2528
2032
  }
2529
2033
  .mobius-icon-layers-top-right{
2530
- top:0;
2531
2034
  top:var(--mobius-icon-top, 0);
2532
- right:0;
2533
2035
  right:var(--mobius-icon-right, 0);
2534
- transform:scale(0.25);
2535
2036
  transform:scale(var(--mobius-icon-layers-scale, 0.25));
2536
2037
  transform-origin:top right;
2537
2038
  }
2538
2039
  .mobius-icon-layers-top-left{
2539
- left:0;
2540
2040
  left:var(--mobius-icon-left, 0);
2541
2041
  right:auto;
2542
- top:0;
2543
2042
  top:var(--mobius-icon-top, 0);
2544
- transform:scale(0.25);
2545
2043
  transform:scale(var(--mobius-icon-layers-scale, 0.25));
2546
2044
  transform-origin:top left;
2547
2045
  }
@@ -2611,7 +2109,6 @@ svg:not(:host).svg-inline--mobius-icon{
2611
2109
  }
2612
2110
  .mobius-icon-ul{
2613
2111
  list-style-type:none;
2614
- margin-left:2.5em;
2615
2112
  margin-left:var(--mobius-icon-li-margin, 2.5em);
2616
2113
  padding-left:0;
2617
2114
  }
@@ -2619,50 +2116,36 @@ svg:not(:host).svg-inline--mobius-icon{
2619
2116
  position:relative;
2620
2117
  }
2621
2118
  .mobius-icon-li{
2622
- left:calc(2em * -1);
2623
2119
  left:calc(var(--mobius-icon-li-width, 2em) * -1);
2624
2120
  position:absolute;
2625
2121
  text-align:center;
2626
- width:2em;
2627
2122
  width:var(--mobius-icon-li-width, 2em);
2628
2123
  line-height:inherit;
2629
2124
  }
2630
2125
  .mobius-icon-border{
2631
- border-color:#eee;
2632
2126
  border-color:var(--mobius-icon-border-color, #eee);
2633
- border-radius:0.1em;
2634
2127
  border-radius:var(--mobius-icon-border-radius, 0.1em);
2635
- border-style:solid;
2636
2128
  border-style:var(--mobius-icon-border-style, solid);
2637
- border-width:0.08em;
2638
2129
  border-width:var(--mobius-icon-border-width, 0.08em);
2639
- padding:0.2em 0.25em 0.15em;
2640
2130
  padding:var(--mobius-icon-border-padding, 0.2em 0.25em 0.15em);
2641
2131
  }
2642
2132
  .mobius-icon-pull-left{
2643
2133
  float:left;
2644
- margin-right:0.3em;
2645
2134
  margin-right:var(--mobius-icon-pull-margin, 0.3em);
2646
2135
  }
2647
2136
  .mobius-icon-pull-right{
2648
2137
  float:right;
2649
- margin-left:0.3em;
2650
2138
  margin-left:var(--mobius-icon-pull-margin, 0.3em);
2651
2139
  }
2652
2140
  .mobius-icon-spin{
2653
2141
  animation-name:mobius-icon-spin;
2654
- animation-delay:0s;
2655
2142
  animation-delay:var(--mobius-icon-animation-delay, 0s);
2656
- animation-direction:normal;
2657
2143
  animation-direction:var(--mobius-icon-animation-direction, normal);
2658
- animation-duration:2s;
2659
2144
  animation-duration:var(--mobius-icon-animation-duration, 2s);
2660
- animation-iteration-count:infinite;
2661
2145
  animation-iteration-count:var(
2662
2146
  --mobius-icon-animation-iteration-count,
2663
2147
  infinite
2664
2148
  );
2665
- animation-timing-function:linear;
2666
2149
  animation-timing-function:var(--mobius-icon-animation-timing, linear);
2667
2150
  }
2668
2151
  .mobius-icon-spin-reverse{
@@ -2705,7 +2188,6 @@ svg:not(:host).svg-inline--mobius-icon{
2705
2188
  transform:scale(-1, -1);
2706
2189
  }
2707
2190
  .mobius-icon-rotate-by{
2708
- transform:rotate(none);
2709
2191
  transform:rotate(var(--mobius-icon-rotate-angle, none));
2710
2192
  }
2711
2193
  .mobius-icon-stack{
@@ -2723,7 +2205,6 @@ svg:not(:host).svg-inline--mobius-icon{
2723
2205
  position:absolute;
2724
2206
  right:0;
2725
2207
  top:0;
2726
- z-index:auto;
2727
2208
  z-index:var(--mobius-icon-stack-z-index, auto);
2728
2209
  }
2729
2210
  .svg-inline--mobius-icon.mobius-icon-stack-1x{
@@ -2735,7 +2216,6 @@ svg:not(:host).svg-inline--mobius-icon{
2735
2216
  width:2.5em;
2736
2217
  }
2737
2218
  .mobius-icon-inverse{
2738
- color:#fff;
2739
2219
  color:var(--mobius-icon-inverse, #fff);
2740
2220
  }
2741
2221
  .sr-only,
@@ -2763,23 +2243,17 @@ svg:not(:host).svg-inline--mobius-icon{
2763
2243
  border-width:0;
2764
2244
  }
2765
2245
  .svg-inline--mobius-icon .mobius-icon-primary{
2766
- fill:currentColor;
2767
2246
  fill:var(--mobius-icon-primary-color, currentColor);
2768
- opacity:1;
2769
2247
  opacity:var(--mobius-icon-primary-opacity, 1);
2770
2248
  }
2771
2249
  .svg-inline--mobius-icon .mobius-icon-secondary{
2772
- fill:currentColor;
2773
2250
  fill:var(--mobius-icon-secondary-color, currentColor);
2774
- opacity:0.4;
2775
2251
  opacity:var(--mobius-icon-secondary-opacity, 0.4);
2776
2252
  }
2777
2253
  .svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-primary{
2778
- opacity:0.4;
2779
2254
  opacity:var(--mobius-icon-secondary-opacity, 0.4);
2780
2255
  }
2781
2256
  .svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-secondary{
2782
- opacity:1;
2783
2257
  opacity:var(--mobius-icon-primary-opacity, 1);
2784
2258
  }
2785
2259
  .svg-inline--mobius-icon mask .mobius-icon-primary,
@@ -2788,7 +2262,6 @@ svg:not(:host).svg-inline--mobius-icon{
2788
2262
  }
2789
2263
  .fad.mobius-icon-inverse,
2790
2264
  .mobius-icon-duotone.mobius-icon-inverse{
2791
- color:#fff;
2792
2265
  color:var(--mobius-icon-inverse, #fff);
2793
2266
  }
2794
2267
  @font-face{
@@ -2898,9 +2371,12 @@ svg:not(:host).svg-inline--mobius-icon{
2898
2371
  --input-field-padding-tight:14px var(--size-sm);
2899
2372
  --border-default:var(--size-border-width) solid var(--color-primary-light);
2900
2373
  --box-shadow-default:0 0 0 var(--size-focus-ring) var(--color-focus);
2374
+ --popover-max-width:260px;
2375
+ --popover-z-index:2147483647;
2376
+ --color-background-popover:var(--color-neutral-700);
2377
+ --color-text-popover:#fff;
2901
2378
  }
2902
2379
  .mobius{
2903
- font-family:museosans, Arial, sans-serif;
2904
2380
  font-family:var(--font-family);
2905
2381
  }
2906
2382
  .mobius *,
@@ -2922,7 +2398,6 @@ svg:not(:host).svg-inline--mobius-icon{
2922
2398
  }
2923
2399
  .mobius-actions__back{
2924
2400
  display:inline-flex;
2925
- gap:8px;
2926
2401
  gap:var(--size-xs);
2927
2402
  }
2928
2403
  .mobius-actions__next.--single-action{
@@ -2945,11 +2420,7 @@ svg:not(:host).svg-inline--mobius-icon{
2945
2420
  }
2946
2421
  .mobius-percentage-totals-question__items{
2947
2422
  display:grid;
2948
- grid-template-columns:minmax(0, 1fr) 110px;
2949
2423
  grid-template-columns:minmax(0, 1fr) var(--percentage-max-width);
2950
- grid-gap:8px;
2951
- grid-gap:var(--size-xs);
2952
- gap:8px;
2953
2424
  gap:var(--size-xs);
2954
2425
  }
2955
2426
  .mobius-percentage-totals-question__items > *{
@@ -2957,22 +2428,17 @@ svg:not(:host).svg-inline--mobius-icon{
2957
2428
  align-items:center;
2958
2429
  }
2959
2430
  .mobius-percentage-totals-question__items .mobius-number-field{
2960
- max-width:110px;
2961
2431
  max-width:var(--percentage-max-width);
2962
2432
  margin-bottom:0;
2963
2433
  }
2964
2434
  .mobius-percentage-totals-question__items .mobius-number-field input{
2965
- max-width:110px;
2966
2435
  max-width:var(--percentage-max-width);
2967
2436
  }
2968
2437
  .mobius-percentage-totals-question__items .mobius-number-field__input{
2969
- padding:calc(8px + 2px) 16px;
2970
2438
  padding:calc(var(--size-xs) + 2px) var(--size-sm);
2971
- border:1px solid #d1d1d2;
2972
2439
  border:var(--percentage-number-field-border);
2973
2440
  }
2974
2441
  .mobius-percentage-totals-question__total{
2975
- font-weight:700;
2976
2442
  font-weight:var(--font-weight-bold);
2977
2443
  height:40px;
2978
2444
  }
@@ -2987,46 +2453,33 @@ svg:not(:host).svg-inline--mobius-icon{
2987
2453
  }
2988
2454
  .mobius-question{
2989
2455
  position:relative;
2990
- margin-top:8px;
2991
2456
  margin-top:var(--size-xs);
2992
- padding:16px 32px;
2993
2457
  padding:var(--size-sm) var(--size-lg);
2994
- background-color:#f3f3f3;
2995
2458
  background-color:var(--color-background-light);
2996
2459
  }
2997
2460
  .mobius-question:hover{
2998
- background-color:#f6f5fd;
2999
2461
  background-color:var(--color-background-highlight);
3000
2462
  }
3001
2463
  .mobius-question.--is-desktop{
3002
2464
  box-sizing:border-box;
3003
- width:100%;
3004
2465
  width:var(--question-desktop-width);
3005
2466
  }
3006
2467
  .mobius-question.--has-help-open{
3007
- background-color:#f6f5fd;
3008
2468
  background-color:var(--color-background-highlight);
3009
2469
  }
3010
2470
  .mobius-question__label{
3011
2471
  display:block;
3012
- padding-right:8px;
3013
2472
  padding-right:var(--size-xs);
3014
- margin-bottom:16px;
3015
2473
  margin-bottom:var(--size-sm);
3016
2474
  }
3017
2475
  .mobius-question__description{
3018
- margin-top:8px;
3019
- margin-bottom:8px;
3020
2476
  margin-top:var(--size-xs);
3021
2477
  margin-bottom:var(--size-xs);
3022
2478
  }
3023
2479
  .mobius-question-group{
3024
2480
  position:relative;
3025
- margin-top:8px;
3026
2481
  margin-top:var(--size-xs);
3027
- padding:16px 32px;
3028
2482
  padding:var(--size-sm) var(--size-lg);
3029
- background-color:#f3f3f3;
3030
2483
  background-color:var(--color-background-light);
3031
2484
 
3032
2485
  --chopin__help-trigger-size:1.7em;
@@ -3036,49 +2489,33 @@ svg:not(:host).svg-inline--mobius-icon{
3036
2489
  --chopin__help-content-padding:var(--size-sm);
3037
2490
  }
3038
2491
  .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
2492
  right:calc(
3049
2493
  0px - var(--chopin__help-content-width) - calc(var(--size-lg))
3050
2494
  );
3051
2495
  }
3052
2496
  .mobius-question-group.--is-md .mobius-question-group__question .mobius-question__help-content{
3053
2497
  top:0;
3054
- right:calc(0px - 250px - 32px);
3055
2498
  right:calc(0px - var(--chopin__help-content-width) - var(--size-lg));
3056
2499
  }
3057
2500
  .mobius-question-group .mobius-question{
3058
2501
  width:auto;
3059
- background-color:#f3f3f3;
3060
2502
  background-color:var(--color-background-light);
3061
- padding:16px 16px 4px 32px;
3062
2503
  padding:var(--size-sm) var(--size-sm) var(--size-xxs) var(--size-lg);
3063
2504
  }
3064
2505
  .mobius-question-group .mobius-question:hover{
3065
- background-color:#f6f5fd;
3066
2506
  background-color:var(--color-background-highlight);
3067
2507
  }
3068
2508
  .mobius-question-group .mobius-question .mobius-radio-group{
3069
2509
  width:50%;
3070
2510
  }
3071
2511
  .mobius-question-group .mobius-question .mobius-question__label{
3072
- padding-right:32px;
3073
2512
  padding-right:var(--size-lg);
3074
2513
  }
3075
2514
  .mobius-question-group__header{
3076
- margin-bottom:24px;
3077
2515
  margin-bottom:var(--size-md);
3078
2516
  }
3079
2517
  .mobius-question-group__label{
3080
2518
  display:block;
3081
- padding-right:8px;
3082
2519
  padding-right:var(--size-xs);
3083
2520
  }
3084
2521
  .mobius-question-group__list{
@@ -3102,26 +2539,20 @@ svg:not(:host).svg-inline--mobius-icon{
3102
2539
  display:inline-block;
3103
2540
  padding:0;
3104
2541
  margin:0;
3105
- width:1.7em;
3106
2542
  width:var(--chopin__help-trigger-size);
3107
- height:1.7em;
3108
2543
  height:var(--chopin__help-trigger-size);
3109
2544
  outline:none;
3110
- background-color:#4632d8;
3111
2545
  background-color:var(--color-primary);
3112
2546
  border-radius:50%;
3113
- color:#ffffff;
3114
2547
  color:var(--color-text-inverted);
3115
2548
  }
3116
2549
  .mobius-question-help__trigger:hover,
3117
2550
  .mobius-question-help__trigger:focus-visible{
3118
- background-color:#2a1e81;
3119
2551
  background-color:var(--color-primary-hover);
3120
2552
  }
3121
2553
  .mobius-question-help__trigger > span{
3122
2554
  clip:rect(0 0 0 0);
3123
- -webkit-clip-path:inset(50%);
3124
- clip-path:inset(50%);
2555
+ clip-path:inset(50%);
3125
2556
  height:1px;
3126
2557
  overflow:hidden;
3127
2558
  position:absolute;
@@ -3134,21 +2565,13 @@ svg:not(:host).svg-inline--mobius-icon{
3134
2565
  .mobius-question-help__content{
3135
2566
  box-sizing:border-box;
3136
2567
  display:none;
3137
- background-color:#f6f5fd;
3138
2568
  background-color:var(--color-background-highlight);
3139
- margin-top:16px;
3140
- margin-bottom:16px;
3141
2569
  margin-top:var(--size-sm);
3142
2570
  margin-bottom:var(--size-sm);
3143
- border:2px solid #4632d8;
3144
2571
  border:var(--size-border-width) solid var(--question-help-border-color);
3145
- border-radius:4px;
3146
2572
  border-radius:var(--radius-1);
3147
- padding:16px;
3148
2573
  padding:var(--chopin__help-content-padding);
3149
- font-family:museosans, Arial, sans-serif;
3150
2574
  font-family:var(--font-family);
3151
- box-shadow:transparent;
3152
2575
  box-shadow:var(--question-help-content-box-shadow);
3153
2576
  }
3154
2577
  .mobius-question-help__content > :first-child{
@@ -3159,32 +2582,22 @@ svg:not(:host).svg-inline--mobius-icon{
3159
2582
  }
3160
2583
  .mobius-section{
3161
2584
  max-width:626px;
3162
- margin:calc(32px + 16px) auto 0;
3163
2585
  margin:calc(var(--size-lg) + var(--size-sm)) auto 0;
3164
2586
  padding:0;
3165
2587
  }
3166
2588
  .mobius-section__title{
3167
2589
  margin-top:0;
3168
- margin-bottom:calc(16px + 4px);
3169
2590
  margin-bottom:calc(var(--size-sm) + var(--size-xxs));
3170
- font-weight:500;
3171
2591
  font-weight:var(--font-weight-normal);
3172
2592
  }
3173
2593
  .mobius-testimonial{
3174
- background-color:#f3f3f3;
3175
2594
  background-color:var(--color-background-light);
3176
- margin-top:24px;
3177
- margin-bottom:24px;
3178
2595
  margin-top:var(--size-md);
3179
2596
  margin-bottom:var(--size-md);
3180
- padding:24px 32px;
3181
2597
  padding:var(--size-md) var(--size-lg);
3182
2598
  position:relative;
3183
- margin-left:32px;
3184
- margin-right:32px;
3185
2599
  margin-left:var(--size-lg);
3186
2600
  margin-right:var(--size-lg);
3187
- color:#5d5d60;
3188
2601
  color:var(--color-text-medium);
3189
2602
  }
3190
2603
  .mobius-testimonial::before{
@@ -3199,7 +2612,6 @@ svg:not(:host).svg-inline--mobius-icon{
3199
2612
  }
3200
2613
  .mobius-testimonial__quote{
3201
2614
  margin:0;
3202
- margin-bottom:32px;
3203
2615
  margin-bottom:var(--size-lg);
3204
2616
  }
3205
2617
  .mobius-testimonial :where(figcaption){
@@ -3208,20 +2620,13 @@ svg:not(:host).svg-inline--mobius-icon{
3208
2620
  .mobius-testimonial__author::before{
3209
2621
  content:"\2014 ";
3210
2622
  display:inline-block;
3211
- margin-right:8px;
3212
2623
  margin-right:var(--size-xs);
3213
2624
  }
3214
2625
  .mobius-agent-resources{
3215
2626
  display:grid;
3216
- grid-gap:24px;
3217
- grid-gap:var(--size-md);
3218
- gap:24px;
3219
2627
  gap:var(--size-md);
3220
- padding:24px;
3221
2628
  padding:var(--size-md);
3222
- background-color:#f6f5fd;
3223
2629
  background-color:var(--color-background-highlight);
3224
- border-radius:4px;
3225
2630
  border-radius:var(--radius-1);
3226
2631
  }
3227
2632
  .mobius-agent-resources__title.mobius-text{
@@ -3233,14 +2638,10 @@ svg:not(:host).svg-inline--mobius-icon{
3233
2638
  position:absolute;
3234
2639
  left:0;
3235
2640
  right:0;
3236
- color:#e943c9;
3237
2641
  color:var(--color-accent);
3238
2642
  }
3239
2643
  .mobius-agent-resources__list{
3240
2644
  display:grid;
3241
- grid-gap:16px;
3242
- grid-gap:var(--size-sm);
3243
- gap:16px;
3244
2645
  gap:var(--size-sm);
3245
2646
  list-style:none;
3246
2647
  margin:0;
@@ -3248,38 +2649,23 @@ svg:not(:host).svg-inline--mobius-icon{
3248
2649
  }
3249
2650
  .mobius-agent-resources__list-item{
3250
2651
  display:grid;
3251
- grid-gap:24px;
3252
- grid-gap:var(--size-md);
3253
- gap:24px;
3254
2652
  gap:var(--size-md);
3255
- grid-template-columns:24px 1fr;
3256
2653
  grid-template-columns:var(--size-md) 1fr;
3257
2654
  }
3258
2655
  .mobius-agent-resources__list .mobius-icon{
3259
2656
  margin:0 auto;
3260
- color:#e943c9;
3261
2657
  color:var(--color-accent);
3262
2658
  }
3263
2659
  .mobius-agent-resources .mobius-link-button{
3264
2660
  text-align:center;
3265
2661
  }
3266
2662
  .mobius-footer{
3267
- background-color:#f3f3f3;
3268
2663
  background-color:var(--color-background-light);
3269
- padding:64px 16px 32px;
3270
2664
  padding:64px var(--size-sm) var(--size-lg);
3271
2665
  }
3272
2666
  .mobius-footer__content{
3273
2667
  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;
2668
+ column-gap:var(--size-sm);
3283
2669
  row-gap:var(--size-lg);
3284
2670
  }
3285
2671
  @media (min-width: 960px){
@@ -3297,9 +2683,7 @@ svg:not(:host).svg-inline--mobius-icon{
3297
2683
  }
3298
2684
  .mobius-footer__heading.mobius-text{
3299
2685
  margin:0;
3300
- padding-bottom:8px;
3301
2686
  padding-bottom:var(--size-xs);
3302
- font-weight:700;
3303
2687
  font-weight:var(--font-weight-bold);
3304
2688
  }
3305
2689
  .mobius-footer__heading-partial{
@@ -3312,14 +2696,9 @@ svg:not(:host).svg-inline--mobius-icon{
3312
2696
  }
3313
2697
  .mobius-footer__call-us-link{
3314
2698
  display:grid;
3315
- grid-gap:8px;
3316
- grid-gap:var(--size-xs);
3317
- gap:8px;
3318
2699
  gap:var(--size-xs);
3319
2700
  grid-template-columns:auto auto;
3320
- width:-moz-fit-content;
3321
2701
  width:fit-content;
3322
- margin-bottom:8px;
3323
2702
  margin-bottom:var(--size-xs);
3324
2703
  }
3325
2704
  @media (min-width: 960px){
@@ -3341,11 +2720,9 @@ svg:not(:host).svg-inline--mobius-icon{
3341
2720
  position:absolute;
3342
2721
  left:0;
3343
2722
  right:0;
3344
- color:#e943c9;
3345
2723
  color:var(--color-accent);
3346
2724
  }
3347
2725
  .mobius-footer__opening-hours-container .mobius-text.small{
3348
- color:#5d5d60;
3349
2726
  color:var(--color-text-medium);
3350
2727
  }
3351
2728
  .mobius-footer__opening-hours-container[open]
@@ -3355,15 +2732,10 @@ svg:not(:host).svg-inline--mobius-icon{
3355
2732
  .mobius-footer__opening-hours-toggle{
3356
2733
  display:grid;
3357
2734
  grid-template-columns:max-content auto;
3358
- grid-gap:8px;
3359
- grid-gap:var(--size-xs);
3360
- gap:8px;
3361
2735
  gap:var(--size-xs);
3362
2736
  align-items:center;
3363
2737
  cursor:pointer;
3364
- -webkit-user-select:none;
3365
- -moz-user-select:none;
3366
- user-select:none;
2738
+ user-select:none;
3367
2739
  }
3368
2740
  .mobius-footer__opening-hours-toggle span{
3369
2741
  text-wrap:nowrap;
@@ -3372,22 +2744,15 @@ svg:not(:host).svg-inline--mobius-icon{
3372
2744
  display:none;
3373
2745
  }
3374
2746
  .mobius-footer__opening-hours-toggle-icon{
3375
- color:#4632d8;
3376
2747
  color:var(--color-primary);
3377
- transition:160ms ease-in-out;
3378
2748
  transition:var(--transition-standard);
3379
2749
  }
3380
2750
  .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
2751
  color:var(--color-primary-hover);
3383
2752
  }
3384
2753
  .mobius-footer__opening-hours-list{
3385
2754
  display:grid;
3386
- grid-gap:4px;
3387
- grid-gap:var(--size-xxs);
3388
- gap:4px;
3389
2755
  gap:var(--size-xxs);
3390
- margin:4px 0 0 0;
3391
2756
  margin:var(--size-xxs) 0 0 0;
3392
2757
  padding-left:0;
3393
2758
  list-style:none;
@@ -3395,9 +2760,6 @@ svg:not(:host).svg-inline--mobius-icon{
3395
2760
  .mobius-footer__opening-hours-list-item{
3396
2761
  display:grid;
3397
2762
  grid-template-columns:minmax(min-content, 50px) max-content auto;
3398
- grid-gap:8px;
3399
- grid-gap:var(--size-xs);
3400
- gap:8px;
3401
2763
  gap:var(--size-xs);
3402
2764
  }
3403
2765
  .mobius-footer__addresses{
@@ -3415,7 +2777,6 @@ svg:not(:host).svg-inline--mobius-icon{
3415
2777
  }
3416
2778
  }
3417
2779
  .mobius-footer__address-entry.mobius-text.--is-small{
3418
- color:#5d5d60;
3419
2780
  color:var(--color-text-medium);
3420
2781
  margin:0;
3421
2782
  }
@@ -3428,7 +2789,6 @@ svg:not(:host).svg-inline--mobius-icon{
3428
2789
  }
3429
2790
  }
3430
2791
  .mobius-footer__small-print a{
3431
- color:#4632d8;
3432
2792
  color:var(--color-primary);
3433
2793
  }
3434
2794
  .mobius-footer__small-print a:hover,
@@ -3436,7 +2796,6 @@ svg:not(:host).svg-inline--mobius-icon{
3436
2796
  -webkit-text-decoration:underline;
3437
2797
  text-decoration:underline;
3438
2798
  cursor:pointer;
3439
- color:#2a1e81;
3440
2799
  color:var(--color-primary-hover);
3441
2800
  }
3442
2801
  .error-boundary__container{
@@ -3461,29 +2820,24 @@ svg:not(:host).svg-inline--mobius-icon{
3461
2820
  --header-powered-by-icon-color:var(--color-text-medium);
3462
2821
  }
3463
2822
  .mobius-header{
3464
- border-bottom:2px solid transparent;
3465
2823
  border-bottom:var(--size-border-width) solid var(--header-border-color);
3466
- background-color:#ffffff;
3467
2824
  background-color:var(--header-background-color);
3468
- padding:15px 0;
2825
+ padding:var(--size-sm);
3469
2826
  }
3470
2827
  .mobius-header__content{
3471
2828
  display:flex;
3472
2829
  align-items:center;
3473
2830
  justify-content:space-between;
3474
- gap:8px;
3475
2831
  gap:var(--size-xs);
3476
2832
  }
3477
2833
  .mobius-header__logo{
3478
2834
  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
2835
  background-image:var(--header-logo);
3481
2836
  background-size:contain;
3482
2837
  background-repeat:no-repeat;
3483
2838
  background-position:left center;
3484
2839
  width:115px;
3485
2840
  height:32px;
3486
- margin-left:10px;
3487
2841
  text-indent:-999px;
3488
2842
  }
3489
2843
  @media screen and (min-width: 641px){
@@ -3494,19 +2848,14 @@ svg:not(:host).svg-inline--mobius-icon{
3494
2848
  }
3495
2849
  }
3496
2850
  .mobius-header__phone-number{
3497
- font-size:20px;
3498
2851
  font-size:var(--font-size-lead);
3499
- color:#18181d;
3500
2852
  color:var(--header-text-color);
3501
2853
  }
3502
2854
  .mobius-header__phone-icon{
3503
- color:#4632d8;
3504
2855
  color:var(--header-phone-icon-color);
3505
2856
  }
3506
2857
  .mobius-header__contact-link{
3507
- font-size:12px;
3508
2858
  font-size:var(--font-size-small-print);
3509
- line-height:1.5;
3510
2859
  line-height:var(--line-height-normal);
3511
2860
  }
3512
2861
  .mobius-header__contact.--is-desktop{
@@ -3524,9 +2873,6 @@ svg:not(:host).svg-inline--mobius-icon{
3524
2873
  }
3525
2874
  .mobius-header__contact.--is-mobile .mobius-link-button{
3526
2875
  display:grid;
3527
- grid-gap:8px;
3528
- grid-gap:var(--size-xs);
3529
- gap:8px;
3530
2876
  gap:var(--size-xs);
3531
2877
  grid-template-columns:repeat(2, auto);
3532
2878
  }
@@ -3535,16 +2881,13 @@ svg:not(:host).svg-inline--mobius-icon{
3535
2881
  }
3536
2882
  .mobius-header__powered-by-icon{
3537
2883
  height:23px;
3538
- margin-right:24px;
3539
2884
  margin-right:var(--size-md);
3540
- fill:#5d5d60;
3541
2885
  fill:var(--header-powered-by-icon-color);
3542
2886
  }
3543
2887
  @media screen and (min-width: 641px){
3544
2888
  .mobius-header__powered-by-icon{
3545
2889
  width:153px;
3546
2890
  height:43px;
3547
- margin-left:32px;
3548
2891
  margin-left:var(--size-lg);
3549
2892
  margin-right:0;
3550
2893
  order:1;
@@ -3559,17 +2902,13 @@ svg:not(:host).svg-inline--mobius-icon{
3559
2902
  }
3560
2903
  }
3561
2904
  .mobius-header .mobius-header__dropdown .mobius-dropdown-menu__trigger{
3562
- color:#4632d8;
3563
2905
  color:var(--header-link-color);
3564
- font-size:12px;
3565
2906
  font-size:var(--font-size-small-print);
3566
- font-weight:500;
3567
2907
  font-weight:var(--font-weight-normal);
3568
2908
  line-height:1;
3569
2909
  padding:0;
3570
2910
  }
3571
2911
  .mobius-header .mobius-header__dropdown ul{
3572
- padding:16px;
3573
2912
  padding:var(--size-sm);
3574
2913
  overflow:visible;
3575
2914
  }
@@ -3582,14 +2921,11 @@ svg:not(:host).svg-inline--mobius-icon{
3582
2921
  width:0;
3583
2922
  border-style:solid;
3584
2923
  border-width:0 10px 10px;
3585
- border-color:transparent transparent #ffffff;
3586
2924
  border-color:transparent transparent var(--color-background);
3587
2925
  }
3588
2926
  .mobius-header .mobius-header__dropdown .mobius-dropdown-menu__item{
3589
2927
  cursor:auto;
3590
- padding:4px 0;
3591
2928
  padding:var(--size-xxs) 0;
3592
- font-size:12px;
3593
2929
  font-size:var(--font-size-small-print);
3594
2930
  }
3595
2931
  .mobius-header .mobius-header__dropdown .mobius-dropdown-menu__item:hover,
@@ -3603,52 +2939,42 @@ svg:not(:host).svg-inline--mobius-icon{
3603
2939
  }
3604
2940
  .mobius-info-card{
3605
2941
  align-items:center;
3606
- font-size:16px;
3607
2942
  font-size:var(--font-size-regular);
3608
- color:#18181d;
3609
2943
  color:var(--color-text);
3610
- border:1px solid #d1d1d2;
3611
2944
  border:1px solid var(--color-border);
3612
- border-radius:8px;
3613
2945
  border-radius:var(--radius-2);
3614
- padding:16px;
3615
2946
  padding:var(--size-sm);
3616
- margin:16px 0;
3617
2947
  margin:var(--size-sm) 0;
3618
2948
  }
3619
2949
  .mobius-info-card.--has-header{
3620
2950
  align-items:start;
3621
2951
  }
3622
2952
  .mobius-info-card__icon{
3623
- margin-right:16px;
3624
2953
  margin-right:var(--size-sm);
3625
2954
  }
3626
2955
  .mobius-info-card__icon .mobius-icon{
3627
- color:#e943c9;
3628
2956
  color:var(--color-accent);
3629
2957
  }
3630
2958
  .mobius-info-card__header{
3631
- margin:0 0 16px;
3632
2959
  margin:0 0 var(--size-sm);
3633
- font-weight:700;
3634
2960
  font-weight:var(--font-weight-bold);
3635
2961
  }
3636
2962
  .mobius-next-coverage{
3637
- border:1px solid #d1d1d2;
3638
2963
  border:1px solid var(--color-border);
3639
- border-radius:8px;
3640
2964
  border-radius:var(--radius-2);
3641
- padding:32px 16px;
3642
2965
  padding:var(--size-lg) var(--size-sm);
3643
2966
  }
3644
2967
  .mobius-next-coverage__text{
3645
- margin-bottom:32px;
3646
2968
  margin-bottom:var(--size-lg);
3647
2969
  }
2970
+ .mobius-payment-summary .mobius-flex{
2971
+ width:100%;
2972
+ }
2973
+ .mobius-payment-summary__total strong{
2974
+ font-size:var(--font-size-lead);
2975
+ }
3648
2976
  .mobius-insurance-benefits{
3649
- padding:32px 16px;
3650
2977
  padding:var(--size-lg) var(--size-sm);
3651
- background-color:#f6f5fd;
3652
2978
  background-color:var(--color-background-highlight);
3653
2979
  }
3654
2980
  .mobius-insurance-benefits__title.mobius-text{
@@ -3656,13 +2982,9 @@ svg:not(:host).svg-inline--mobius-icon{
3656
2982
  }
3657
2983
  .mobius-insurance-benefits__list{
3658
2984
  display:grid;
3659
- grid-gap:32px;
3660
- grid-gap:var(--size-lg);
3661
- gap:32px;
3662
2985
  gap:var(--size-lg);
3663
2986
  list-style-type:none;
3664
2987
  margin:0;
3665
- padding:32px 0 0 0;
3666
2988
  padding:var(--size-lg) 0 0 0;
3667
2989
  }
3668
2990
  @media (min-width: 960px){
@@ -3671,32 +2993,25 @@ svg:not(:host).svg-inline--mobius-icon{
3671
2993
  }
3672
2994
  }
3673
2995
  .mobius-insurance-benefits__item-icon{
3674
- color:#e943c9;
3675
2996
  color:var(--color-focus);
3676
2997
  }
3677
2998
  .mobius-insurance-benefits__item-title.mobius-text{
3678
- padding-top:16px;
3679
2999
  padding-top:var(--size-sm);
3680
3000
  margin:0;
3681
3001
  }
3682
3002
  .mobius-insurance-benefits__item-description.mobius-text{
3683
- padding-top:8px;
3684
3003
  padding-top:var(--size-xs);
3685
3004
  margin:0;
3686
- color:#5d5d60;
3687
3005
  color:var(--color-text-medium);
3688
3006
  }
3689
3007
  .mobius-pre-footer{
3690
- background-color:#4632d8;
3691
3008
  background-color:var(--color-primary);
3692
- padding:32px 16px;
3693
3009
  padding:var(--size-lg) var(--size-sm);
3694
3010
  }
3695
3011
  .mobius-pre-footer__content{
3696
3012
  display:flex;
3697
3013
  align-items:center;
3698
3014
  flex-direction:column;
3699
- gap:16px;
3700
3015
  gap:var(--size-sm);
3701
3016
  }
3702
3017
  @media (min-width: 960px){
@@ -3709,7 +3024,6 @@ svg:not(:host).svg-inline--mobius-icon{
3709
3024
  width:100%;
3710
3025
  }
3711
3026
  .mobius-pre-footer__wideget .mobius-trust__link{
3712
- color:#ffffff;
3713
3027
  color:var(--color-text-inverted);
3714
3028
  }
3715
3029
  @media (min-width: 452px){
@@ -3724,11 +3038,8 @@ svg:not(:host).svg-inline--mobius-icon{
3724
3038
  }
3725
3039
  }
3726
3040
  .mobius-pre-footer__text{
3727
- font-size:14px;
3728
3041
  font-size:var(--font-size-small-paragraph);
3729
- line-height:1.5;
3730
3042
  line-height:var(--line-height-normal);
3731
- color:#ffffff;
3732
3043
  color:var(--color-text-inverted);
3733
3044
  margin:0 0 0 auto;
3734
3045
  }
@@ -3744,7 +3055,6 @@ svg:not(:host).svg-inline--mobius-icon{
3744
3055
  width:100%;
3745
3056
  display:grid;
3746
3057
  list-style-type:none;
3747
- padding:24px 0;
3748
3058
  padding:var(--size-md) 0;
3749
3059
  margin-top:0;
3750
3060
  margin-bottom:0;
@@ -3757,73 +3067,54 @@ svg:not(:host).svg-inline--mobius-icon{
3757
3067
  display:none;
3758
3068
  }
3759
3069
  .mobius-progress-steps__item.--is-active::before{
3760
- color:#ffffff;
3761
3070
  color:var(--color-text-inverted);
3762
- background-color:#2a1e81;
3763
3071
  background-color:var(--progress-steps-primary-color);
3764
3072
  }
3765
3073
  .mobius-progress-steps__item.--is-active .mobius-progress-steps__item-name.mobius-text{
3766
- color:#2a1e81;
3767
3074
  color:var(--progress-steps-tertiary-color);
3768
3075
  }
3769
3076
  .mobius-progress-steps__item.--is-active .mobius-progress-steps__item-shape{
3770
- background-color:#2a1e81;
3771
3077
  background-color:var(--progress-steps-tertiary-color);
3772
- border-color:#2a1e81;
3773
3078
  border-color:var(--progress-steps-tertiary-color);
3774
3079
  }
3775
3080
  .mobius-progress-steps__item.--is-active .mobius-progress-steps__item-shape::after{
3776
- background-color:#f3f3f3;
3777
3081
  background-color:var(--progress-steps-secondary-color);
3778
3082
  }
3779
3083
  .mobius-progress-steps__item.--is-active .mobius-progress-steps__item-number{
3780
- color:#ffffff;
3781
3084
  color:var(--color-text-inverted);
3782
3085
  }
3783
3086
  .mobius-progress-steps__item.--is-complete::after{
3784
- background-color:#2a1e81;
3785
3087
  background-color:var(--progress-steps-primary-color);
3786
3088
  }
3787
3089
  .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
3090
  background-color:var(--progress-steps-primary-color);
3790
3091
  }
3791
3092
  .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
3093
  color:var(--color-text-inverted);
3794
3094
  }
3795
3095
  .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-shape{
3796
- border-color:#2a1e81;
3797
3096
  border-color:var(--progress-steps-primary-color);
3798
- background-color:#ffffff;
3799
3097
  background-color:var(--color-background);
3800
3098
  }
3801
3099
  .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-shape::after{
3802
- background-color:#2a1e81;
3803
3100
  background-color:var(--progress-steps-primary-color);
3804
3101
  }
3805
3102
  .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-number{
3806
- color:#4632d8;
3807
3103
  color:var(--color-primary);
3808
3104
  }
3809
3105
  .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-icon{
3810
- color:#2a1e81;
3811
3106
  color:var(--progress-steps-primary-color);
3812
3107
  }
3813
3108
  .mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-name.mobius-text{
3814
- color:#18181d;
3815
3109
  color:var(--color-text);
3816
3110
  }
3817
3111
  .mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-shape{
3818
- border-color:#f3f3f3;
3819
3112
  border-color:var(--progress-steps-secondary-color);
3820
3113
  }
3821
3114
  .mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-shape::after{
3822
- background-color:#f3f3f3;
3823
3115
  background-color:var(--progress-steps-secondary-color);
3824
3116
  }
3825
3117
  .mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-number{
3826
- color:#5d5d60;
3827
3118
  color:var(--progress-steps-incomplete-number-text-color);
3828
3119
  }
3829
3120
  .mobius-progress-steps__item-link{
@@ -3834,42 +3125,29 @@ svg:not(:host).svg-inline--mobius-icon{
3834
3125
  }
3835
3126
  .mobius-progress-steps__item-shape{
3836
3127
  display:grid;
3837
- align-items:center;
3838
- justify-items:center;
3839
3128
  place-items:center;
3840
- width:44px;
3841
3129
  width:var(--progress-steps-shape-size);
3842
- height:44px;
3843
3130
  height:var(--progress-steps-shape-size);
3844
3131
  margin:0 auto;
3845
3132
  border-radius:50%;
3846
- border:2px solid currentColor;
3847
3133
  border:var(--size-border-width) solid currentColor;
3848
- font-size:24px;
3849
3134
  font-size:var(--font-size-small-title);
3850
- font-weight:700;
3851
3135
  font-weight:var(--font-weight-bold);
3852
- background-color:#f3f3f3;
3853
3136
  background-color:var(--progress-steps-secondary-color);
3854
3137
  }
3855
3138
  .mobius-progress-steps__item-shape::after{
3856
3139
  content:"";
3857
3140
  position:absolute;
3858
3141
  z-index:-1;
3859
- top:calc(44px / 2 - 1px);
3860
3142
  top:calc(var(--progress-steps-shape-size) / 2 - 1px);
3861
3143
  left:50%;
3862
3144
  width:100%;
3863
- height:2px;
3864
3145
  height:var(--size-border-width);
3865
3146
  }
3866
3147
  .mobius-progress-steps__item-name.mobius-text{
3867
3148
  display:none;
3868
- margin:4px 0 0 0;
3869
3149
  margin:var(--size-xxs) 0 0 0;
3870
- font-family:museosans, Arial, sans-serif;
3871
3150
  font-family:var(--font-family-heading);
3872
- font-weight:700;
3873
3151
  font-weight:var(--font-weight-bold);
3874
3152
  color:inherit;
3875
3153
  text-align:center;
@@ -3884,34 +3162,22 @@ svg:not(:host).svg-inline--mobius-icon{
3884
3162
  }
3885
3163
  }
3886
3164
  .mobius-cover-summary .mobius-cover-summary__text{
3887
- font-size:14px;
3888
3165
  font-size:var(--font-size-2);
3889
- margin:8px 4% 32px;
3890
3166
  margin:var(--size-xs) 4% var(--size-lg);
3891
3167
  text-align:center;
3892
3168
  }
3893
3169
  @media (min-width: 850px){
3894
3170
  .mobius-cover-summary .mobius-cover-summary__text{
3895
- margin:8px 0 32px;
3896
3171
  margin:var(--size-xs) 0 var(--size-lg);
3897
3172
  }
3898
3173
  }
3899
3174
  .mobius-cover-toggles-container__outer{
3900
- margin-bottom:24px;
3901
3175
  margin-bottom:var(--size-md);
3902
3176
  }
3903
3177
  .mobius-cover-toggles-container__outer.--is-payment-aside{
3904
3178
  display:grid;
3905
3179
  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;
3180
+ column-gap:var(--size-lg);
3915
3181
  row-gap:var(--size-sm);
3916
3182
  align-items:self-start;
3917
3183
  }
@@ -3924,30 +3190,19 @@ svg:not(:host).svg-inline--mobius-icon{
3924
3190
  .mobius-cover-toggles-container.--is-desktop{
3925
3191
  display:grid;
3926
3192
  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;
3193
+ column-gap:var(--size-lg);
3936
3194
  row-gap:var(--size-sm);
3937
3195
  align-items:end;
3938
3196
  }
3939
3197
  .mobius-cover-toggles-container.--is-collapsible{
3940
- padding-top:8px;
3941
3198
  padding-top:var(--size-xs);
3942
3199
  }
3943
3200
  .mobius-edit-limits__button{
3944
3201
  display:flex;
3945
- gap:8px;
3946
3202
  gap:var(--size-xs);
3947
3203
  align-items:center;
3948
3204
  }
3949
3205
  .mobius-edit-limits__modal.mobius-modal{
3950
- width:calc(100% - (32px * 2));
3951
3206
  width:calc(100% - (var(--size-lg) * 2));
3952
3207
  max-width:560px;
3953
3208
  border-radius:12px;
@@ -3958,12 +3213,10 @@ svg:not(:host).svg-inline--mobius-icon{
3958
3213
  }
3959
3214
  }
3960
3215
  .mobius-edit-limits__modal.mobius-modal .mobius-modal__header{
3961
- padding-bottom:8px;
3962
3216
  padding-bottom:var(--size-xs);
3963
3217
  }
3964
3218
  @media (min-width: 600px){
3965
3219
  .mobius-edit-limits__modal.mobius-modal .mobius-modal__header{
3966
- padding:32px 32px 0;
3967
3220
  padding:var(--size-lg) var(--size-lg) 0;
3968
3221
  }
3969
3222
  }
@@ -3977,17 +3230,14 @@ svg:not(:host).svg-inline--mobius-icon{
3977
3230
  }
3978
3231
  @media (min-width: 600px){
3979
3232
  .mobius-edit-limits__modal.mobius-modal .mobius-modal__content{
3980
- padding:0 32px 16px;
3981
3233
  padding:0 var(--size-lg) var(--size-sm);
3982
3234
  }
3983
3235
  }
3984
3236
  .mobius-edit-limits__toggle-container{
3985
3237
  overflow-y:scroll;
3986
3238
  flex-direction:column;
3987
- gap:16px;
3988
3239
  gap:var(--size-sm);
3989
3240
  align-items:center;
3990
- padding:0 0 32px;
3991
3241
  padding:0 0 var(--size-lg);
3992
3242
  width:100%;
3993
3243
  max-height:400px;
@@ -4011,14 +3261,11 @@ svg:not(:host).svg-inline--mobius-icon{
4011
3261
  }
4012
3262
  @media (min-width: 600px){
4013
3263
  .mobius-edit-limits__toggle-container .mobius-select__outer{
4014
- width:calc(50% - 8px);
4015
3264
  width:calc(50% - var(--size-xs));
4016
3265
  }
4017
3266
  }
4018
3267
  .mobius-edit-limits__action-container{
4019
- gap:8px;
4020
3268
  gap:var(--size-xs);
4021
- padding-top:32px;
4022
3269
  padding-top:var(--size-lg);
4023
3270
  position:relative;
4024
3271
  }
@@ -4028,10 +3275,8 @@ svg:not(:host).svg-inline--mobius-icon{
4028
3275
  top:0;
4029
3276
  left:50%;
4030
3277
  transform:translateX(-50%);
4031
- width:calc(100% + 32px);
4032
3278
  width:calc(100% + var(--size-lg));
4033
3279
  height:0;
4034
- border-top:1px solid #d1d1d2;
4035
3280
  border-top:1px solid var(--color-border);
4036
3281
  }
4037
3282
  @media (min-width: 600px){
@@ -4043,21 +3288,17 @@ svg:not(:host).svg-inline--mobius-icon{
4043
3288
  flex:1;
4044
3289
  }
4045
3290
  .mobius-quote-headline.--experiment-iterated-qcp{
4046
- padding:32px;
4047
3291
  padding:var(--size-lg);
4048
- background-color:#f6f5fd;
4049
3292
  background-color:var(--color-background-highlight);
4050
3293
  }
4051
3294
  .mobius-quote-headline__inner{
4052
3295
  display:flex;
4053
3296
  flex-direction:column;
4054
- gap:16px;
4055
3297
  gap:var(--size-sm);
4056
3298
  }
4057
3299
  @media (min-width: 600px){
4058
3300
  .mobius-quote-headline__inner{
4059
3301
  flex-direction:row;
4060
- gap:32px;
4061
3302
  gap:var(--size-lg);
4062
3303
  }
4063
3304
  }
@@ -4068,51 +3309,40 @@ svg:not(:host).svg-inline--mobius-icon{
4068
3309
  display:flex;
4069
3310
  justify-content:center;
4070
3311
  align-items:center;
4071
- gap:16px;
4072
3312
  gap:var(--size-sm);
4073
3313
  }
4074
3314
  .mobius-quote-headline__highlight{
4075
- color:#4632d8;
4076
3315
  color:var(--color-primary);
4077
3316
  }
4078
3317
  .mobius-quote-headline__text.mobius-text{
4079
- font-size:16px;
4080
3318
  font-size:var(--font-size-3);
4081
3319
  margin:0 4%;
4082
3320
  text-align:center;
4083
3321
  }
4084
3322
  .mobius-quote-headline__title.mobius-text{
4085
- font-size:32px;
4086
3323
  font-size:var(--font-size-title);
4087
3324
  margin:0;
4088
3325
  }
4089
3326
  .mobius-quote-headline__highlight{
4090
- color:#4632d8;
4091
3327
  color:var(--color-primary);
4092
3328
  }
4093
3329
  .mobius-quote-headline__link{
4094
3330
  display:flex;
4095
3331
  align-items:center;
4096
- font-weight:700;
4097
3332
  font-weight:var(--font-weight-bold);
4098
- margin-bottom:16px;
4099
3333
  margin-bottom:var(--size-sm);
4100
3334
  -webkit-text-decoration:none;
4101
3335
  text-decoration:none;
4102
3336
  }
4103
3337
  .mobius-quote-headline__back-icon{
4104
- margin-right:8px;
4105
3338
  margin-right:var(--size-xs);
4106
3339
  }
4107
3340
  .mobius-quote-headline__description{
4108
- margin-top:8px;
4109
3341
  margin-top:var(--size-xs);
4110
- margin-bottom:32px;
4111
3342
  margin-bottom:var(--size-lg);
4112
3343
  }
4113
3344
  @media (min-width: 850px){
4114
3345
  .mobius-quote-headline .mobius-quote-headline__text{
4115
- font-size:20px;
4116
3346
  font-size:var(--font-size-4);
4117
3347
  margin:20px 10%;
4118
3348
  }
@@ -4122,7 +3352,6 @@ svg:not(:host).svg-inline--mobius-icon{
4122
3352
  --duration:0.15s;
4123
3353
  }
4124
3354
  .mobius-payment-toggle__container{
4125
- margin-bottom:24px;
4126
3355
  margin-bottom:var(--size-md);
4127
3356
  }
4128
3357
  .mobius-payment-toggle{
@@ -4131,11 +3360,8 @@ svg:not(:host).svg-inline--mobius-icon{
4131
3360
  grid-template-columns:repeat(2, 1fr);
4132
3361
  justify-items:center;
4133
3362
  margin-left:auto;
4134
- font-family:museosans, Arial, sans-serif;
4135
3363
  font-family:var(--font-family);
4136
- font-size:16px;
4137
3364
  font-size:var(--font-size-regular);
4138
- border:2px solid #4632d8;
4139
3365
  border:var(--size-border-width) solid var(--color-primary);
4140
3366
  background-color:transparent;
4141
3367
  border-radius:50px;
@@ -4149,45 +3375,36 @@ svg:not(:host).svg-inline--mobius-icon{
4149
3375
  top:2px;
4150
3376
  bottom:2px;
4151
3377
  left:0;
4152
- background-color:#4632d8;
4153
3378
  background-color:var(--color-primary);
4154
3379
  border-radius:50px;
4155
3380
  transform:translateX(2px);
4156
- transition:all 0.15s ease-in-out;
4157
3381
  transition:all var(--duration) ease-in-out;
4158
3382
  }
4159
3383
  .mobius-payment-toggle:active,
4160
3384
  .mobius-payment-toggle:hover,
4161
3385
  .mobius-payment-toggle:focus-visible{
4162
- border-color:#2a1e81;
4163
3386
  border-color:var(--color-primary-hover);
4164
3387
  }
4165
3388
  .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
3389
  color:var(--color-primary-hover);
4168
3390
  }
4169
3391
  .mobius-payment-toggle:active::before, .mobius-payment-toggle:hover::before, .mobius-payment-toggle:focus-visible::before{
4170
- background-color:#2a1e81;
4171
3392
  background-color:var(--color-primary-hover);
4172
3393
  }
4173
3394
  .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
3395
  color:var(--color-primary-hover);
4176
3396
  }
4177
3397
  .mobius-payment-toggle:focus-visible{
4178
3398
  outline:none;
4179
- box-shadow:0 0 0 2px #e943c9;
4180
3399
  box-shadow:var(--box-shadow-default);
4181
3400
  }
4182
3401
  .mobius-payment-toggle.--is-toggled::before{
4183
3402
  transform:translate(100%);
4184
3403
  }
4185
3404
  .mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text.--monthly{
4186
- color:#4632d8;
4187
3405
  color:var(--color-primary);
4188
3406
  }
4189
3407
  .mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text.--yearly{
4190
- color:#ffffff;
4191
3408
  color:var(--color-text-inverted);
4192
3409
  }
4193
3410
  .mobius-payment-toggle__text{
@@ -4195,47 +3412,33 @@ svg:not(:host).svg-inline--mobius-icon{
4195
3412
  display:flex;
4196
3413
  align-items:center;
4197
3414
  margin:2px;
4198
- padding:calc(8px - 1px);
4199
3415
  padding:calc(var(--size-xs) - 1px);
4200
- font-weight:700;
4201
3416
  font-weight:var(--font-weight-bold);
4202
- color:#ffffff;
4203
3417
  color:var(--color-text-inverted);
4204
- transition:color 0.15s ease-in-out;
4205
3418
  transition:color var(--duration) ease-in-out;
4206
3419
  }
4207
3420
  .mobius-payment-toggle__text.--yearly{
4208
- color:#4632d8;
4209
3421
  color:var(--color-primary);
4210
3422
  }
4211
3423
  .mobius-additional-coverage-info{
4212
- color:#18181d;
4213
3424
  color:var(--color-text);
4214
- font-family:museosans, Arial, sans-serif;
4215
3425
  font-family:var(--font-family);
4216
- font-size:14px;
4217
3426
  font-size:var(--font-size-small-paragraph);
4218
- font-weight:500;
4219
3427
  font-weight:var(--font-weight-normal);
4220
3428
  line-height:150%;
4221
3429
  }
4222
3430
  .mobius-additional-coverage-info.--has-divider{
4223
- border-top:1px solid #f3f3f3;
4224
3431
  border-top:1px solid var(--color-border-light);
4225
- margin-bottom:32px;
4226
3432
  margin-bottom:var(--size-lg);
4227
3433
  }
4228
3434
  .mobius-additional-coverage-info ul{
4229
- padding:0 0 0 24px;
4230
3435
  padding:0 0 0 var(--size-md);
4231
3436
  list-style:outside;
4232
3437
  }
4233
3438
  .mobius-additional-coverage-info ul li{
4234
- margin:0 0 16px;
4235
3439
  margin:0 0 var(--size-sm);
4236
3440
  }
4237
3441
  .mobius-additional-coverage-info__title.mobius-text{
4238
- margin-top:32px;
4239
3442
  margin-top:var(--size-lg);
4240
3443
  }
4241
3444
  .mobius-additional-coverage-info__text{
@@ -4243,40 +3446,27 @@ svg:not(:host).svg-inline--mobius-icon{
4243
3446
  }
4244
3447
  .mobius-certificate-of-insurance{
4245
3448
  display:grid;
4246
- grid-gap:8px;
4247
- grid-gap:var(--size-xs);
4248
- gap:8px;
4249
3449
  gap:var(--size-xs);
4250
- padding:24px;
4251
3450
  padding:var(--size-md);
4252
- background-color:#f6f5fd;
4253
3451
  background-color:var(--color-background-highlight);
4254
- border-radius:4px;
4255
3452
  border-radius:var(--radius-1);
4256
3453
  }
4257
3454
  .mobius-certificate-of-insurance__icon.mobius-icon{
4258
- color:#e943c9;
4259
3455
  color:var(--color-accent);
4260
- margin:16px 0 24px;
4261
3456
  margin:var(--size-sm) 0 var(--size-md);
4262
3457
  }
4263
3458
  .mobius-certificate-of-insurance__title.mobius-text{
4264
- color:#18181d;
4265
3459
  color:var(--color-text);
4266
- font-weight:700;
4267
3460
  font-weight:var(--font-weight-bold);
4268
3461
  margin:0;
4269
3462
  }
4270
3463
  .mobius-certificate-of-insurance__text.mobius-text{
4271
- color:#5d5d60;
4272
3464
  color:var(--color-text-medium);
4273
3465
  margin:0;
4274
3466
  }
4275
3467
  .mobius-quote-details-drawer__footer{
4276
- border-top:1px solid #d1d1d2;
4277
3468
  border-top:1px solid var(--color-border);
4278
3469
  position:sticky;
4279
- min-height:-moz-min-content;
4280
3470
  min-height:min-content;
4281
3471
  }
4282
3472
  @media (max-width: 450px){
@@ -4295,14 +3485,10 @@ svg:not(:host).svg-inline--mobius-icon{
4295
3485
  }
4296
3486
  .mobius-quote-details-drawer__footer-payment-info-link{
4297
3487
  all:unset;
4298
- color:#4632d8;
4299
3488
  color:var(--color-primary);
4300
- font-family:museosans, Arial, sans-serif;
4301
3489
  font-family:var(--font-family);
4302
- font-size:14px;
4303
3490
  font-size:var(--font-size-small-paragraph);
4304
3491
  font-style:normal;
4305
- font-weight:500;
4306
3492
  font-weight:var(--font-weight-normal);
4307
3493
  line-height:120%;
4308
3494
  cursor:pointer;
@@ -4314,26 +3500,19 @@ svg:not(:host).svg-inline--mobius-icon{
4314
3500
  text-underline-offset:4px;
4315
3501
  }
4316
3502
  .mobius-quote-details-drawer__footer-payment-info-link:focus{
4317
- box-shadow:0 0 0 2px #e943c9;
4318
3503
  box-shadow:var(--box-shadow-default);
4319
3504
  }
4320
3505
  .mobius-no-quotes-card{
4321
3506
  margin:0;
4322
- border:1px solid #d1d1d2;
4323
3507
  border:1px solid var(--color-border);
4324
- border-radius:8px;
4325
3508
  border-radius:var(--radius-2);
4326
3509
  overflow:hidden;
4327
- background-color:#ffffff;
4328
3510
  background-color:var(--color-background);
4329
- margin-top:size(16px);
4330
- margin-bottom:size(16px);
4331
3511
  margin-top:size(var(--size-sm));
4332
3512
  margin-bottom:size(var(--size-sm));
4333
3513
  margin-bottom:56px;
4334
3514
  }
4335
3515
  .mobius-no-quotes-card__body{
4336
- padding:32px;
4337
3516
  padding:var(--size-lg);
4338
3517
  padding-left:80px;
4339
3518
  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 +3531,33 @@ svg:not(:host).svg-inline--mobius-icon{
4352
3531
  display:flex;
4353
3532
  flex-direction:column;
4354
3533
  width:100%;
4355
- margin-top:32px;
4356
3534
  margin-top:var(--size-lg);
4357
- border-top:1px solid #f3f3f3;
4358
3535
  border-top:1px solid var(--color-border-light);
4359
3536
  }
4360
3537
  .mobius-payment-info.--has-divider{
4361
- border-top:1px solid #f3f3f3;
4362
3538
  border-top:1px solid var(--color-border-light);
4363
3539
  }
4364
3540
  .mobius-payment-info__title.mobius-text{
4365
- margin-top:32px;
4366
3541
  margin-top:var(--size-lg);
4367
- margin-bottom:16px;
4368
3542
  margin-bottom:var(--size-sm);
4369
3543
  }
4370
3544
  .mobius-payment-info__multi-product-text{
4371
- margin-top:8px;
4372
3545
  margin-top:var(--size-xs);
4373
- margin-bottom:8px;
4374
3546
  margin-bottom:var(--size-xs);
4375
3547
  line-height:1em;
4376
3548
  }
4377
3549
  .mobius-payment-info__multi-product{
4378
- border:1px solid #d1d1d2;
4379
3550
  border:1px solid var(--color-border);
4380
- border-radius:8px;
4381
3551
  border-radius:var(--radius-2);
4382
3552
  padding:1rem;
4383
3553
  margin-top:1rem;
4384
3554
  }
4385
3555
  .mobius-payment-info__multi-product .mobius-payment-info__multi-product-text.--general-liability{
4386
- padding-bottom:8px;
4387
3556
  padding-bottom:var(--size-xs);
4388
3557
  }
4389
3558
  .mobius-payment-info__multi-product .mobius-payment-info__multi-product-text.--professional-liability{
4390
3559
  position:relative;
4391
- border:1px solid #f3f3f3;
4392
3560
  border:1px solid var(--color-border-light);
4393
- padding-top:8px;
4394
3561
  padding-top:var(--size-xs);
4395
3562
  }
4396
3563
  .mobius-payment-info__start-date{
@@ -4402,12 +3569,10 @@ svg:not(:host).svg-inline--mobius-icon{
4402
3569
  }
4403
3570
  .mobius-payment-info__total-today{
4404
3571
  padding:1rem;
4405
- border-bottom:1px solid #d1d1d2;
4406
3572
  border-bottom:1px solid var(--color-border);
4407
3573
  }
4408
3574
  .mobius-payment-info__installments{
4409
3575
  padding:1rem;
4410
- border-bottom:1px solid #d1d1d2;
4411
3576
  border-bottom:1px solid var(--color-border);
4412
3577
  }
4413
3578
  .mobius-payment-info__total.mobius-segment{
@@ -4418,37 +3583,26 @@ svg:not(:host).svg-inline--mobius-icon{
4418
3583
  width:100%;
4419
3584
  }
4420
3585
  .mobius-payment-info__multi-product-iterated{
4421
- border-radius:8px;
4422
3586
  border-radius:var(--radius-2);
4423
- border:1px solid #d1d1d2;
4424
3587
  border:1px solid var(--color-border);
4425
- padding:16px;
4426
3588
  padding:var(--size-sm);
4427
- line-height:24px;
4428
3589
  line-height:var(--size-md);
4429
3590
  }
4430
3591
  .mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text{
4431
3592
  margin:0;
4432
3593
  }
4433
3594
  .mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text.--general-liability{
4434
- padding-bottom:8px;
4435
3595
  padding-bottom:var(--size-xs);
4436
3596
  }
4437
3597
  .mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text.--professional-liability{
4438
3598
  position:relative;
4439
- border-top:1px solid #f3f3f3;
4440
3599
  border-top:1px solid var(--color-border-light);
4441
- padding-top:8px;
4442
3600
  padding-top:var(--size-xs);
4443
3601
  }
4444
3602
  .mobius-payment-info__total-outer-container{
4445
- border-radius:8px;
4446
3603
  border-radius:var(--radius-2);
4447
- border:1px solid #d1d1d2;
4448
3604
  border:1px solid var(--color-border);
4449
- margin-top:16px;
4450
3605
  margin-top:var(--size-sm);
4451
- margin-bottom:16px;
4452
3606
  margin-bottom:var(--size-sm);
4453
3607
  }
4454
3608
  .mobius-payment-info__total-outer-container span,
@@ -4457,28 +3611,21 @@ svg:not(:host).svg-inline--mobius-icon{
4457
3611
  .mobius-payment-info__multi-product strong,
4458
3612
  .mobius-payment-info__total-outer-container p,
4459
3613
  .mobius-payment-info__multi-product p{
4460
- font-size:14px;
4461
3614
  font-size:var(--font-size-2);
4462
3615
  }
4463
3616
  .mobius-payment-info__total-container{
4464
- padding:16px 16px 8px;
4465
3617
  padding:var(--size-sm) var(--size-sm) var(--size-xs);
4466
3618
  }
4467
3619
  .mobius-payment-info__total-today-iterated{
4468
- padding-bottom:8px;
4469
3620
  padding-bottom:var(--size-xs);
4470
3621
  }
4471
3622
  .mobius-payment-info__installments-iterated{
4472
3623
  position:relative;
4473
- border-top:1px solid #f3f3f3;
4474
3624
  border-top:1px solid var(--color-border-light);
4475
- padding-top:8px;
4476
3625
  padding-top:var(--size-xs);
4477
- padding-bottom:8px;
4478
3626
  padding-bottom:var(--size-xs);
4479
3627
  }
4480
3628
  .mobius-payment-info__total-iterated.mobius-segment{
4481
- border-color:#4632d8;
4482
3629
  border-color:var(--color-primary);
4483
3630
  border-top-left-radius:0;
4484
3631
  border-top-right-radius:0;
@@ -4488,18 +3635,14 @@ svg:not(:host).svg-inline--mobius-icon{
4488
3635
  }
4489
3636
  .price-details .card-modal__explainer-title{
4490
3637
  text-decoration-style:solid;
4491
- color:#4632d8;
4492
3638
  color:var(--color-primary);
4493
- padding-left:24px;
4494
3639
  padding-left:var(--size-md);
4495
3640
  margin:6px 0;
4496
3641
  }
4497
3642
  .price-details .card-modal__explainer-title .card-modal__info-icon{
4498
- color:#4632d8;
4499
3643
  color:var(--color-primary);
4500
3644
  }
4501
3645
  .price-details .info__popover .phone{
4502
- color:#ffffff;
4503
3646
  color:var(--color-text-inverted);
4504
3647
  }
4505
3648
  .price-details .info__popover-phone-icon{
@@ -4517,7 +3660,6 @@ svg:not(:host).svg-inline--mobius-icon{
4517
3660
  }
4518
3661
  @supports (-webkit-touch-callout: none) and (not (translate: none)){
4519
3662
  .mobius-quote-actions :not(:last-child){
4520
- margin-right:16px;
4521
3663
  margin-right:var(--size-sm);
4522
3664
  }
4523
3665
  }
@@ -4525,25 +3667,18 @@ svg:not(:host).svg-inline--mobius-icon{
4525
3667
  margin-top:1rem;
4526
3668
  flex:1 1 0;
4527
3669
  height:40px;
4528
- font-size:16px;
4529
3670
  font-size:var(--font-size-regular);
4530
- font-weight:700;
4531
3671
  font-weight:var(--font-weight-bold);
4532
3672
  }
4533
3673
  .mobius-quote-card{
4534
3674
  margin:0;
4535
- border:1px solid #d1d1d2;
4536
3675
  border:1px solid var(--color-border);
4537
- border-radius:8px;
4538
3676
  border-radius:var(--radius-2);
4539
- background-color:#ffffff;
4540
3677
  background-color:var(--color-background);
4541
3678
  list-style:none;
4542
3679
  }
4543
3680
  .mobius-quote-card__body{
4544
- padding:32px 16px;
4545
3681
  padding:var(--size-lg) var(--size-sm);
4546
- font-size:16px;
4547
3682
  font-size:var(--font-size-regular);
4548
3683
  height:100%;
4549
3684
  }
@@ -4553,9 +3688,7 @@ svg:not(:host).svg-inline--mobius-icon{
4553
3688
  grid-template-areas:"header information pricing" "header information actions";
4554
3689
  grid-template-columns:1fr 1fr 1fr;
4555
3690
  grid-template-rows:auto auto;
4556
- grid-row-gap:49px;
4557
3691
  row-gap:49px;
4558
- padding:32px;
4559
3692
  padding:var(--size-lg);
4560
3693
  }
4561
3694
  }
@@ -4565,56 +3698,40 @@ svg:not(:host).svg-inline--mobius-icon{
4565
3698
  }
4566
3699
  }
4567
3700
  .mobius-quote-card__no-quote{
4568
- gap:32px;
4569
3701
  gap:var(--size-lg);
4570
- padding:16px;
4571
3702
  padding:var(--size-sm);
4572
- font-size:16px;
4573
3703
  font-size:var(--font-size-regular);
4574
3704
  }
4575
3705
  @media (min-width: 850px){
4576
3706
  .mobius-quote-card__no-quote{
4577
3707
  display:grid;
4578
3708
  grid-template-areas:"header information";
4579
- grid-gap:49px;
4580
3709
  gap:49px;
4581
- padding:32px;
4582
3710
  padding:var(--size-lg);
4583
3711
  }
4584
3712
  }
4585
3713
  .mobius-quote-card__badges{
4586
3714
  display:flex;
4587
3715
  flex-wrap:wrap;
4588
- gap:8px;
4589
3716
  gap:var(--size-xs);
4590
- margin-top:8px;
4591
3717
  margin-top:var(--size-xs);
4592
- margin-bottom:16px;
4593
3718
  margin-bottom:var(--size-sm);
4594
3719
  }
4595
3720
  @supports (-webkit-touch-callout: none) and (not (translate: none)){
4596
3721
  .mobius-quote-card__badges:not(:last-child){
4597
- margin-bottom:8px;
4598
3722
  margin-bottom:var(--size-xs);
4599
- margin-right:8px;
4600
3723
  margin-right:var(--size-xs);
4601
3724
  }
4602
3725
  }
4603
3726
  .mobius-quote-card__badge{
4604
- padding:8px;
4605
3727
  padding:var(--size-xs);
4606
- background-color:#f6f5fd;
4607
3728
  background-color:var(--color-background-highlight);
4608
- border-radius:4px;
4609
3729
  border-radius:var(--radius-1);
4610
- font-size:14px;
4611
3730
  font-size:var(--font-size-small-paragraph);
4612
- line-height:1.333;
4613
3731
  line-height:var(--line-height-tight);
4614
3732
  }
4615
3733
  .mobius-quote-card__badge-icon{
4616
3734
  display:inline-block;
4617
- margin-right:8px;
4618
3735
  margin-right:var(--size-xs);
4619
3736
  width:1em;
4620
3737
  }
@@ -4622,92 +3739,67 @@ svg:not(:host).svg-inline--mobius-icon{
4622
3739
  margin-top:0;
4623
3740
  }
4624
3741
  .mobius-quote-card__badges-iterated .mobius-quote-card__badge-iterated{
4625
- padding:4px 8px 4px 8px;
4626
3742
  padding:var(--size-xxs) var(--size-xs) var(--size-xxs) var(--size-xs);
4627
- background-color:#f6f5fd;
4628
3743
  background-color:var(--color-background-highlight);
4629
- border-radius:4px;
4630
3744
  border-radius:var(--radius-1);
4631
- font-size:14px;
4632
3745
  font-size:var(--font-size-small-paragraph);
4633
- line-height:1.333;
4634
3746
  line-height:var(--line-height-tight);
4635
3747
  }
4636
3748
  .mobius-quote-card__cover{
4637
- color:#5d5d60;
4638
3749
  color:var(--color-text-medium);
4639
- margin-top:4px;
4640
3750
  margin-top:var(--size-xxs);
4641
- margin-bottom:4px;
4642
3751
  margin-bottom:var(--size-xxs);
4643
- padding-left:24px;
4644
3752
  padding-left:var(--size-md);
4645
3753
  align-items:center;
4646
3754
  }
4647
3755
  .mobius-quote-card__cover-amount{
4648
- color:#18181d;
4649
3756
  color:var(--color-text);
4650
3757
  }
4651
3758
  .mobius-quote-card__coverage{
4652
3759
  flex-grow:1;
4653
3760
  grid-area:information;
4654
- border-top:1px solid #f3f3f3;
4655
3761
  border-top:1px solid var(--color-border-light);
4656
- padding-top:16px;
4657
3762
  padding-top:var(--size-sm);
4658
- margin-bottom:24px;
4659
3763
  margin-bottom:var(--size-md);
4660
3764
  }
4661
3765
  @media (min-width: 850px) and (max-width: 1023px){
4662
3766
  .mobius-quote-card__coverage{
4663
3767
  border-top:none;
4664
- border-right:1px solid #f3f3f3;
4665
3768
  border-right:1px solid var(--color-border-light);
4666
3769
  padding-top:0;
4667
- padding-right:16px;
4668
3770
  padding-right:var(--size-sm);
4669
3771
  margin-bottom:0;
4670
- margin-right:16px;
4671
3772
  margin-right:var(--size-sm);
4672
3773
  }
4673
3774
  }
4674
3775
  .mobius-quote-card__coverage.--has-divider{
4675
- border-top:1px solid #f3f3f3;
4676
3776
  border-top:1px solid var(--color-border-light);
4677
- margin-bottom:32px;
4678
3777
  margin-bottom:var(--size-lg);
4679
3778
  }
4680
3779
  @supports (-webkit-touch-callout: none) and (not (translate: none)){
4681
3780
  .mobius-quote-card__coverage .mobius-quote-card__coverage-item:not(:last-child){
4682
- margin-bottom:16px;
4683
3781
  margin-bottom:var(--size-sm);
4684
3782
  }
4685
3783
  }
4686
3784
  .mobius-quote-card__coverage .mobius-quote-card__coverage-header-title{
4687
3785
  margin:0;
4688
- font-size:14px;
4689
3786
  font-size:var(--font-size-small-paragraph);
4690
3787
  }
4691
3788
  .mobius-quote-card__coverage-title.mobius-text{
4692
3789
  margin:0 0 16px 0;
4693
3790
  text-transform:uppercase;
4694
- font-size:12px;
4695
3791
  font-size:var(--font-size-small-print);
4696
- font-weight:500;
4697
3792
  font-weight:var(--font-weight-normal);
4698
3793
  line-height:1.2;
4699
- color:#18181d;
4700
3794
  color:var(--color-text);
4701
3795
  }
4702
3796
  .mobius-quote-card__extra-coverage-item strong{
4703
3797
  text-align:right;
4704
3798
  }
4705
3799
  .mobius-quote-card__extra-coverage-item .mobius-quote-card__explainer-title{
4706
- color:#18181d;
4707
3800
  color:var(--color-text);
4708
3801
  }
4709
3802
  .mobius-quote-card__extra-coverage-item .mobius-quote-card__explainer-title .mobius-quote-card__explainer-icon{
4710
- color:#18181d;
4711
3803
  color:var(--color-text);
4712
3804
  }
4713
3805
  .mobius-quote-card__extra-coverage-item .mobius-quote-card__cover{
@@ -4722,35 +3814,24 @@ svg:not(:host).svg-inline--mobius-icon{
4722
3814
  }
4723
3815
  .mobius-quote-card__coverage-tick-icon{
4724
3816
  margin-top:2px;
4725
- width:16px;
4726
3817
  width:var(--size-sm);
4727
- color:#008744;
4728
3818
  color:var(--color-valid);
4729
- margin-right:8px;
4730
3819
  margin-right:var(--size-xs);
4731
- min-width:16px;
4732
3820
  min-width:var(--size-sm);
4733
3821
  }
4734
3822
  .mobius-quote-card__included-by-insurer-icon{
4735
3823
  margin-bottom:5px;
4736
- width:16px;
4737
3824
  width:var(--size-sm);
4738
- color:#008744;
4739
3825
  color:var(--color-valid);
4740
- margin-right:8px;
4741
3826
  margin-right:var(--size-xs);
4742
- min-width:16px;
4743
3827
  min-width:var(--size-sm);
4744
3828
  }
4745
3829
  .mobius-quote-card__coverage-items{
4746
- font-size:14px;
4747
3830
  font-size:var(--font-size-small-paragraph);
4748
3831
  }
4749
3832
  .mobius-quote-card__coverage-item .mobius-accordion{
4750
3833
  align-items:flex-start;
4751
- margin-top:8px;
4752
3834
  margin-top:var(--size-xs);
4753
- margin-bottom:4px;
4754
3835
  margin-bottom:var(--size-xxs);
4755
3836
  }
4756
3837
  .mobius-quote-card__coverage-item .mobius-accordion div[aria-hidden]{
@@ -4759,19 +3840,15 @@ svg:not(:host).svg-inline--mobius-icon{
4759
3840
  .mobius-quote-card__coverage-item .mobius-accordion__link{
4760
3841
  display:flex;
4761
3842
  align-items:center;
4762
- font-weight:500;
4763
3843
  font-weight:var(--font-weight-normal);
4764
3844
  -webkit-text-decoration:underline;
4765
3845
  text-decoration:underline;
4766
3846
  text-underline-offset:6px;
4767
- padding-left:24px;
4768
3847
  padding-left:var(--size-md);
4769
- border-radius:4px;
4770
3848
  border-radius:var(--radius-1);
4771
3849
  }
4772
3850
  .mobius-quote-card__coverage-item .mobius-accordion__link .mobius-icon{
4773
3851
  --transition-duration:500ms;
4774
- transition:500ms;
4775
3852
  transition:var(--transition-duration);
4776
3853
  }
4777
3854
  .mobius-quote-card__coverage-item .mobius-accordion__link.hide .mobius-icon{
@@ -4780,11 +3857,9 @@ svg:not(:host).svg-inline--mobius-icon{
4780
3857
  .mobius-quote-card__coverage-item .mobius-accordion__link-text{
4781
3858
  order:-1;
4782
3859
  margin-left:0;
4783
- margin-right:8px;
4784
3860
  margin-right:var(--size-xs);
4785
3861
  }
4786
3862
  .mobius-quote-card__coverage-item .mobius-accordion__content{
4787
- margin-top:4px;
4788
3863
  margin-top:var(--size-xxs);
4789
3864
  margin-bottom:0;
4790
3865
  }
@@ -4794,70 +3869,52 @@ svg:not(:host).svg-inline--mobius-icon{
4794
3869
  .mobius-quote-card__deductibles-title.--is-p{
4795
3870
  margin-top:4px;
4796
3871
  margin-bottom:0;
4797
- padding-left:24px;
4798
3872
  padding-left:var(--size-md);
4799
- font-size:14px;
4800
3873
  font-size:var(--font-size-small-paragraph);
4801
- font-weight:500;
4802
3874
  font-weight:var(--font-weight-normal);
4803
- line-height:1.5;
4804
3875
  line-height:var(--line-height-normal);
4805
3876
  }
4806
3877
  .mobius-quote-card__additional-insureds{
4807
- margin-left:24px;
4808
3878
  margin-left:var(--size-md);
4809
3879
  padding:0.5rem;
4810
3880
  border-radius:0.25rem;
4811
- background:#f6f5fd;
4812
3881
  background:var(--color-background-highlight);
4813
3882
  }
4814
3883
  .mobius-quote-card__additional-insureds p{
4815
3884
  margin:0;
4816
- color:#18181d;
4817
3885
  color:var(--color-text);
4818
3886
  }
4819
3887
  .mobius-quote-card__header{
4820
3888
  position:relative;
4821
3889
  grid-area:header;
4822
- border-bottom:1px solid #f3f3f3;
4823
3890
  border-bottom:1px solid var(--color-border-light);
4824
- margin-bottom:16px;
4825
3891
  margin-bottom:var(--size-sm);
4826
3892
  }
4827
3893
  @media (min-width: 850px) and (max-width: 1023px){
4828
3894
  .mobius-quote-card__header{
4829
- border-right:1px solid #f3f3f3;
4830
3895
  border-right:1px solid var(--color-border-light);
4831
3896
  border-bottom:none;
4832
3897
  margin-bottom:0;
4833
- margin-right:16px;
4834
3898
  margin-right:var(--size-sm);
4835
- padding-right:16px;
4836
3899
  padding-right:var(--size-sm);
4837
3900
  }
4838
3901
  }
4839
3902
  @supports (-webkit-touch-callout: none) and (not (translate: none)){
4840
3903
  .mobius-quote-card__header-logo{
4841
- margin-bottom:4px;
4842
3904
  margin-bottom:var(--size-xxs);
4843
3905
  }
4844
3906
 
4845
3907
  .mobius-quote-card__ratings-body{
4846
- margin-top:4px;
4847
3908
  margin-top:var(--size-xxs);
4848
3909
  }
4849
3910
  }
4850
3911
  .mobius-quote-card__header-logo{
4851
3912
  max-width:144px;
4852
- max-height:40px;
4853
3913
  max-height:var(--size-xl);
4854
- -o-object-fit:contain;
4855
- object-fit:contain;
4856
- -o-object-position:left;
4857
- object-position:left;
3914
+ object-fit:contain;
3915
+ object-position:left;
4858
3916
  }
4859
3917
  .mobius-quote-card__explainer-title{
4860
- color:#5d5d60;
4861
3918
  color:var(--color-text-medium);
4862
3919
  -webkit-text-decoration:underline;
4863
3920
  text-decoration:underline;
@@ -4866,28 +3923,20 @@ svg:not(:host).svg-inline--mobius-icon{
4866
3923
  text-align:left;
4867
3924
  }
4868
3925
  .mobius-quote-card__explainer-icon{
4869
- color:#5d5d60;
4870
3926
  color:var(--color-text-medium);
4871
3927
  width:12px;
4872
- margin-left:4px;
4873
3928
  margin-left:var(--size-xxs);
4874
3929
  }
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{
3930
+ :is(.mobius-quote-card,.mobius-quote-card__modal-container.mobius-drawer) .mobius-quote-card__modal-trigger,
3931
+ :is(.mobius-quote-card,.mobius-quote-card__modal-container.mobius-drawer) .mobius-popover__toggle{
4879
3932
  border:none;
4880
3933
  padding:0;
4881
- font-weight:500;
4882
3934
  font-weight:var(--font-weight-normal);
4883
- font-size:14px;
4884
3935
  font-size:var(--font-size-small-paragraph);
4885
- color:#18181d;
4886
3936
  color:var(--color-text);
4887
3937
  background-color:transparent;
4888
3938
  }
4889
3939
  .mobius-quote-card__modal-container.mobius-drawer{
4890
- width:calc(100% - (32px * 2));
4891
3940
  width:calc(100% - (var(--size-lg) * 2));
4892
3941
  max-width:560px;
4893
3942
  border-radius:12px;
@@ -4897,17 +3946,12 @@ svg:not(:host).svg-inline--mobius-icon{
4897
3946
  }
4898
3947
  .mobius-quote-card__modal-container.mobius-drawer .mobius-modal__header{
4899
3948
  align-items:flex-start;
4900
- line-height:1.5;
4901
3949
  line-height:var(--line-height-normal);
4902
- padding:16px 16px 8px 16px;
4903
3950
  padding:var(--size-sm) var(--size-sm) var(--size-xs) var(--size-sm);
4904
- font-size:20px;
4905
3951
  font-size:var(--font-size-lead);
4906
3952
  }
4907
3953
  .mobius-quote-card__modal-container.mobius-drawer .mobius-modal__header button{
4908
- font-size:16px;
4909
3954
  font-size:var(--font-size-regular);
4910
- padding:4px;
4911
3955
  padding:var(--size-xxs);
4912
3956
  scale:150%;
4913
3957
  translate:4px -4px;
@@ -4915,7 +3959,6 @@ svg:not(:host).svg-inline--mobius-icon{
4915
3959
  }
4916
3960
  .mobius-quote-card__modal-container.mobius-drawer .mobius-modal__content{
4917
3961
  padding-top:0;
4918
- font-size:14px;
4919
3962
  font-size:var(--font-size-small-paragraph);
4920
3963
  line-height:1.2;
4921
3964
  }
@@ -4926,24 +3969,19 @@ svg:not(:host).svg-inline--mobius-icon{
4926
3969
  }
4927
3970
  .mobius-quote-card__price-details .mobius-quote-card__explainer-title{
4928
3971
  text-decoration-style:solid;
4929
- color:#4632d8;
4930
3972
  color:var(--color-secondary);
4931
- padding-left:24px;
4932
3973
  padding-left:var(--size-md);
4933
3974
  margin:6px 0;
4934
3975
  }
4935
3976
  .mobius-quote-card__price-details .mobius-quote-card__explainer-title .mobius-quote-card__explainer-icon{
4936
- color:#4632d8;
4937
3977
  color:var(--color-primary);
4938
3978
  }
4939
3979
  .mobius-quote-card__price-details .mobius-quote-card__info-popover .mobius-quote-card__price-details-phone{
4940
- color:#ffffff;
4941
3980
  color:var(--color-text-inverted);
4942
3981
  }
4943
3982
  .mobius-quote-card__price-details .mobius-quote-card__price-details-icon{
4944
3983
  display:inline-block;
4945
3984
  vertical-align:middle;
4946
- margin-right:4px;
4947
3985
  margin-right:var(--size-xxs);
4948
3986
  }
4949
3987
  .mobius-quote-card__price-details .mobius-quote-card__price-details-phone{
@@ -4961,135 +3999,98 @@ svg:not(:host).svg-inline--mobius-icon{
4961
3999
  width:100%;
4962
4000
  }
4963
4001
  .mobius-quote-card__pricing-primary-amount.mobius-text{
4964
- font-size:32px;
4965
4002
  font-size:var(--font-size-title);
4966
- font-weight:700;
4967
4003
  font-weight:var(--font-weight-bold);
4968
4004
  line-height:1.2;
4969
4005
  margin-top:0;
4970
4006
  margin-bottom:0;
4971
4007
  }
4972
4008
  .mobius-quote-card__pricing-total-amount.mobius-text{
4973
- font-weight:700;
4974
4009
  font-weight:var(--font-weight-bold);
4975
4010
  text-align:right;
4976
4011
  }
4977
4012
  .mobius-quote-card__pricing-amount-due.mobius-text, .mobius-quote-card__pricing-unavailable-installment.mobius-text{
4978
- color:#18181d;
4979
4013
  color:var(--color-text);
4980
4014
  margin-top:0;
4981
- margin-bottom:4px;
4982
4015
  margin-bottom:var(--size-xxs);
4983
- line-height:1.5;
4984
4016
  line-height:var(--line-height-normal);
4985
4017
  margin-right:var(--size-0);
4986
4018
  }
4987
4019
  .mobius-quote-card__pricing-unavailable-installment.mobius-text{
4988
- font-weight:700;
4989
4020
  font-weight:var(--font-weight-bold);
4990
4021
  }
4991
4022
  .mobius-quote-card__pricing-total > .--is-small{
4992
- line-height:1.5;
4993
4023
  line-height:var(--line-height-normal);
4994
- color:#18181d;
4995
4024
  color:var(--color-text);
4996
4025
  }
4997
4026
  @supports (-webkit-touch-callout: none) and (not (translate: none)){
4998
4027
  .mobius-quote-card__pricing-primary-amount,
4999
4028
  .mobius-quote-card__pricing-total-amount{
5000
- margin-right:4px;
5001
4029
  margin-right:var(--size-xxs);
5002
4030
  }
5003
4031
  }
5004
4032
  .mobius-quote-card__pricing-amount-border{
5005
- border-left:4px solid #e943c9;
5006
4033
  border-left:var(--size-xxs) solid var(--color-accent);
5007
- padding-left:8px;
5008
4034
  padding-left:var(--size-xs);
5009
4035
  }
5010
4036
  .mobius-quote-card__amount-due-iterated.mobius-text{
5011
- font-size:14px;
5012
4037
  font-size:var(--font-size-small-paragraph);
5013
- color:#5d5d60;
5014
4038
  color:var(--color-text-medium);
5015
- margin:8px 0;
5016
4039
  margin:var(--size-xs) 0;
5017
4040
  }
5018
4041
  .mobius-quote-card__pricing-amount-iterated.mobius-text{
5019
- font-size:32px;
5020
4042
  font-size:var(--size-lg);
5021
- font-weight:700;
5022
4043
  font-weight:var(--font-weight-bold);
5023
4044
  line-height:1.2;
5024
4045
  margin-top:0;
5025
- margin-bottom:4px;
5026
4046
  margin-bottom:var(--size-xxs);
5027
4047
  }
5028
4048
  .mobius-quote-card__unavailable-installment-iterated{
5029
- margin-bottom:16px;
5030
4049
  margin-bottom:var(--size-sm);
5031
4050
  }
5032
4051
  .mobius-quote-card__pricing-period-suffix.mobius-text{
5033
- font-weight:700;
5034
4052
  font-weight:var(--font-weight-bold);
5035
- color:#18181d;
5036
4053
  color:var(--color-text);
5037
4054
  }
5038
4055
  .mobius-quote-card__ratings{
5039
4056
  margin-top:0;
5040
- margin-bottom:16px;
5041
4057
  margin-bottom:var(--size-sm);
5042
4058
  }
5043
4059
  .mobius-quote-card__ratings.--has-reinsurer-text{
5044
- padding-top:16px;
5045
4060
  padding-top:var(--size-sm);
5046
4061
  }
5047
4062
  .mobius-quote-card__ratings .mobius-quote-card__explainer-title,
5048
4063
  .mobius-quote-card__ratings .mobius-quote-card__explainer-icon{
5049
- color:#18181d;
5050
4064
  color:var(--color-text);
5051
4065
  }
5052
4066
  .mobius-quote-card__ratings-text.--is-p{
5053
- margin:0 0 4px 0;
5054
4067
  margin:0 0 var(--size-xxs) 0;
5055
- color:#5d5d60;
5056
4068
  color:var(--color-text-medium);
5057
- font-size:14px;
5058
4069
  font-size:var(--font-size-small-paragraph);
5059
4070
  }
5060
4071
  .mobius-quote-card__ratings-body{
5061
4072
  display:flex;
5062
4073
  justify-content:space-between;
5063
4074
  align-items:center;
5064
- gap:16px;
5065
4075
  gap:var(--size-sm);
5066
4076
  margin:0;
5067
4077
  }
5068
4078
  .mobius-quote-card__ratings-body .mobius-quote-card__ratings-value{
5069
4079
  margin:0;
5070
- font-weight:700;
5071
4080
  font-weight:var(--font-weight-bold);
5072
- color:#18181d;
5073
4081
  color:var(--color-text);
5074
4082
  }
5075
4083
  .mobius-quote-card__ratings-qcp.mobius-text{
5076
- color:#18181d;
5077
4084
  color:var(--color-text);
5078
4085
  margin:0;
5079
4086
  }
5080
4087
  .mobius-quote-cards__grid{
5081
4088
  --column-count:1;
5082
4089
  display:grid;
5083
- grid-template-columns:repeat(1, 1fr);
5084
4090
  grid-template-columns:repeat(var(--column-count), 1fr);
5085
- grid-gap:16px;
5086
- grid-gap:var(--size-sm);
5087
- gap:16px;
5088
4091
  gap:var(--size-sm);
5089
4092
  padding-left:0;
5090
- margin-top:16px;
5091
4093
  margin-top:var(--size-sm);
5092
- margin-bottom:32px;
5093
4094
  margin-bottom:var(--size-lg);
5094
4095
  list-style-type:none;
5095
4096
  }
@@ -5104,15 +4105,12 @@ svg:not(:host).svg-inline--mobius-icon{
5104
4105
  }
5105
4106
  .mobius-quote-card__section{
5106
4107
  position:relative;
5107
- font-size:16px;
5108
4108
  font-size:var(--font-size-regular);
5109
4109
  }
5110
4110
  .mobius-quote-card__section.--is-light{
5111
- background-color:#f3f3f3;
5112
4111
  background-color:var(--color-background-light);
5113
4112
  }
5114
4113
  .mobius-quote-card__section.--is-dark{
5115
- background-color:#0e0a2b;
5116
4114
  background-color:var(--color-azure-700);
5117
4115
  }
5118
4116
  .mobius-quote-card__section-container{
@@ -5127,18 +4125,14 @@ svg:not(:host).svg-inline--mobius-icon{
5127
4125
  }
5128
4126
  }
5129
4127
  .mobius-quote-card__tag{
5130
- padding-top:16px;
5131
4128
  padding-top:var(--size-sm);
5132
- border-top:1px solid #f3f3f3;
5133
4129
  border-top:1px solid var(--color-border-light);
5134
4130
  }
5135
4131
  .mobius-quote-card__tag .--is-small{
5136
4132
  margin:0;
5137
- color:#18181d;
5138
4133
  color:var(--color-text);
5139
4134
  }
5140
4135
  .mobius-quote-card__tag svg{
5141
- margin-right:4px;
5142
4136
  margin-right:var(--size-xxs);
5143
4137
  }
5144
4138
  .mobius-quote-details__drawer.mobius-drawer{
@@ -5156,14 +4150,12 @@ svg:not(:host).svg-inline--mobius-icon{
5156
4150
  .mobius-quote-details__drawer.mobius-drawer .mobius-drawer__content,
5157
4151
  .mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header,
5158
4152
  .mobius-quote-details__drawer.mobius-drawer .mobius-quote-details-drawer__footer{
5159
- padding:16px;
5160
4153
  padding:var(--size-sm);
5161
4154
  }
5162
4155
  @media (min-width: 850px){
5163
4156
  .mobius-quote-details__drawer.mobius-drawer .mobius-drawer__content,
5164
4157
  .mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header,
5165
4158
  .mobius-quote-details__drawer.mobius-drawer .mobius-quote-details-drawer__footer{
5166
- padding:32px;
5167
4159
  padding:var(--size-lg);
5168
4160
  }
5169
4161
  }
@@ -5171,56 +4163,40 @@ svg:not(:host).svg-inline--mobius-icon{
5171
4163
  padding-top:0;
5172
4164
  }
5173
4165
  .mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header{
5174
- padding-bottom:16px;
5175
4166
  padding-bottom:var(--size-sm);
5176
- border-bottom:1px solid #d1d1d2;
5177
4167
  border-bottom:1px solid var(--color-border);
5178
4168
  }
5179
4169
  .mobius-quote-details__drawer.mobius-drawer .mobius-quote-card__coverage{
5180
- padding-top:32px;
5181
4170
  padding-top:var(--size-lg);
5182
4171
  border-right:none;
5183
4172
  }
5184
4173
  .mobius-quote-details__drawer.mobius-drawer .mobius-quote-card__coverage-title.mobius-text{
5185
4174
  text-transform:none;
5186
- font-size:20px;
5187
4175
  font-size:var(--font-size-lead);
5188
- font-weight:700;
5189
4176
  font-weight:var(--font-weight-bold);
5190
- line-height:1.5;
5191
4177
  line-height:var(--line-height-normal);
5192
4178
  }
5193
4179
  .mobius-quote-details__insurer-container{
5194
- margin-bottom:32px;
5195
4180
  margin-bottom:var(--size-lg);
5196
4181
  }
5197
4182
  .mobius-quote-details__insurer-container p{
5198
4183
  margin:0;
5199
4184
  }
5200
4185
  .mobius-quote-details__insurer-container span{
5201
- font-size:14px;
5202
4186
  font-size:var(--font-size-small-paragraph);
5203
4187
  }
5204
4188
  .mobius-quote-details__insurer{
5205
4189
  display:grid;
5206
- margin-top:16px;
5207
4190
  margin-top:var(--size-sm);
5208
- grid-gap:16px;
5209
- grid-gap:var(--size-sm);
5210
- gap:16px;
5211
4191
  gap:var(--size-sm);
5212
- color:#5d5d60;
5213
4192
  color:var(--color-text-medium);
5214
- font-size:14px;
5215
4193
  font-size:var(--font-size-small-paragraph);
5216
4194
  }
5217
4195
  .mobius-quote-details__logo{
5218
4196
  max-width:144px;
5219
4197
  max-height:40px;
5220
- -o-object-fit:contain;
5221
- object-fit:contain;
5222
- -o-object-position:left;
5223
- object-position:left;
4198
+ object-fit:contain;
4199
+ object-position:left;
5224
4200
  }
5225
4201
  .mobius-skeleton{
5226
4202
  flex:1;
@@ -5240,29 +4216,22 @@ svg:not(:host).svg-inline--mobius-icon{
5240
4216
  .mobius-quote-help__grid{
5241
4217
  display:grid;
5242
4218
  grid-template-columns:auto 1fr;
5243
- grid-gap:16px;
5244
- grid-gap:var(--size-sm);
5245
- gap:16px;
5246
4219
  gap:var(--size-sm);
5247
4220
  margin-left:auto;
5248
4221
  margin-right:auto;
5249
- max-width:-moz-max-content;
5250
4222
  max-width:max-content;
5251
4223
  }
5252
4224
  .mobius-quote-help__avatar{
5253
4225
  width:var(--chopin-quote-help-avatar-size);
5254
4226
  height:var(--chopin-quote-help-avatar-size);
5255
4227
  border-radius:50%;
5256
- -o-object-fit:cover;
5257
- object-fit:cover;
4228
+ object-fit:cover;
5258
4229
  }
5259
4230
  .mobius-quote-help__message{
5260
4231
  position:relative;
5261
4232
  background-color:var(--chopin-quote-help-message-background);
5262
4233
  border-radius:var(--chopin-quote-help-avatar-border-radius);
5263
- padding:16px;
5264
4234
  padding:var(--size-sm);
5265
- max-width:-moz-fit-content;
5266
4235
  max-width:fit-content;
5267
4236
  }
5268
4237
  .mobius-quote-help__message::before{
@@ -5280,25 +4249,19 @@ svg:not(:host).svg-inline--mobius-icon{
5280
4249
  }
5281
4250
  .mobius-quote-help__contact-container{
5282
4251
  flex-direction:column;
5283
- gap:16px;
5284
4252
  gap:var(--size-sm);
5285
- border-bottom:1px solid #ffffff;
5286
4253
  border-bottom:1px solid var(--color-background);
5287
- padding-bottom:8px;
5288
4254
  padding-bottom:var(--size-xs);
5289
4255
  }
5290
4256
  @media (min-width: 640px){
5291
4257
  .mobius-quote-help__contact-container{
5292
4258
  flex-direction:row;
5293
- gap:8px;
5294
4259
  gap:var(--size-xs);
5295
4260
  }
5296
4261
 
5297
4262
  .mobius-quote-help__contact-container .mobius-quote-help__chat-link{
5298
- border-left:1px solid #ffffff;
5299
4263
  border-left:1px solid var(--color-background);
5300
4264
  border-radius:0;
5301
- padding-left:8px;
5302
4265
  padding-left:var(--size-xs);
5303
4266
  }
5304
4267
  }
@@ -5308,17 +4271,8 @@ svg:not(:host).svg-inline--mobius-icon{
5308
4271
  }
5309
4272
  .mobius-referral{
5310
4273
  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;
4274
+ column-gap:var(--size-xl);
5320
4275
  row-gap:var(--size-sm);
5321
- margin-bottom:32px;
5322
4276
  margin-bottom:var(--size-lg);
5323
4277
  grid-template-areas:"referralText" "nextCoverage" "trustSection";
5324
4278
  }
@@ -5343,7 +4297,6 @@ svg:not(:host).svg-inline--mobius-icon{
5343
4297
  flex-direction:column;
5344
4298
  max-width:var(--trade-selector-max-width);
5345
4299
  width:100%;
5346
- margin-bottom:16px;
5347
4300
  margin-bottom:var(--size-sm);
5348
4301
  }
5349
4302
  .mobius-trade-selector__description{
@@ -5356,20 +4309,14 @@ svg:not(:host).svg-inline--mobius-icon{
5356
4309
  .mobius-trade-selector__input-container.--is-editing{
5357
4310
  display:grid;
5358
4311
  grid-template-columns:1fr auto;
5359
- grid-gap:16px;
5360
- grid-gap:var(--size-sm);
5361
- gap:16px;
5362
4312
  gap:var(--size-sm);
5363
4313
  }
5364
4314
  .mobius-trade-selector__results{
5365
4315
  position:relative;
5366
4316
  z-index:99999;
5367
4317
  width:100%;
5368
- border:2px solid #9084e8;
5369
4318
  border:var(--border-default);
5370
- border-radius:4px;
5371
4319
  border-radius:var(--radius-1);
5372
- background-color:#ffffff;
5373
4320
  background-color:var(--color-background);
5374
4321
  margin-top:3px;
5375
4322
  padding:0;
@@ -5379,18 +4326,13 @@ svg:not(:host).svg-inline--mobius-icon{
5379
4326
  .mobius-trade-selector__list-title{
5380
4327
  display:block;
5381
4328
  padding:12px 20px;
5382
- font-size:12px;
5383
4329
  font-size:var(--font-size-small-print);
5384
- line-height:1.333;
5385
4330
  line-height:var(--line-height-tight);
5386
4331
  text-transform:uppercase;
5387
- background-color:#f3f3f3;
5388
4332
  background-color:var(--color-background-light);
5389
- color:#5d5d60;
5390
4333
  color:var(--color-text-medium);
5391
4334
  }
5392
4335
  .mobius-trade-selector__list-title-link{
5393
- color:#5d5d60;
5394
4336
  color:var(--color-text-medium);
5395
4337
  }
5396
4338
  .mobius-trade-selector__list{
@@ -5403,12 +4345,9 @@ svg:not(:host).svg-inline--mobius-icon{
5403
4345
  .mobius-trade-selector__button{
5404
4346
  padding:0;
5405
4347
  border:none;
5406
- font-family:museosans, Arial, sans-serif;
5407
4348
  font-family:var(--font-family);
5408
4349
  font-size:inherit;
5409
- -webkit-appearance:none;
5410
- -moz-appearance:none;
5411
- appearance:none;
4350
+ appearance:none;
5412
4351
  text-align:left;
5413
4352
  background-color:transparent;
5414
4353
  }
@@ -5416,11 +4355,8 @@ svg:not(:host).svg-inline--mobius-icon{
5416
4355
  display:block;
5417
4356
  width:100%;
5418
4357
  padding:12px 20px;
5419
- color:#4632d8;
5420
4358
  color:var(--color-primary);
5421
- font-size:16px;
5422
4359
  font-size:var(--font-size-regular);
5423
- line-height:1.333;
5424
4360
  line-height:var(--line-height-tight);
5425
4361
  cursor:pointer;
5426
4362
  outline:none;
@@ -5428,16 +4364,12 @@ svg:not(:host).svg-inline--mobius-icon{
5428
4364
  text-decoration:underline;
5429
4365
  }
5430
4366
  .mobius-trade-selector__option:hover{
5431
- border-color:#4632d8;
5432
4367
  border-color:var(--color-primary);
5433
- background-color:#f6f5fd;
5434
4368
  background-color:var(--color-background-highlight);
5435
4369
  }
5436
4370
  .mobius-trade-selector__option:focus-visible,
5437
4371
  .mobius-trade-selector__option.--is-selected{
5438
- color:#4632d8;
5439
4372
  color:var(--color-primary);
5440
- background-color:#f6f5fd;
5441
4373
  background-color:var(--color-background-highlight);
5442
4374
  }
5443
4375
  .mobius-trust-section__header{
@@ -5462,9 +4394,6 @@ svg:not(:host).svg-inline--mobius-icon{
5462
4394
  display:grid;
5463
4395
  grid-template-columns:1fr;
5464
4396
  align-items:start;
5465
- grid-gap:24px;
5466
- grid-gap:var(--size-md);
5467
- gap:24px;
5468
4397
  gap:var(--size-md);
5469
4398
  }
5470
4399
  @media (min-width: 640px){
@@ -5473,10 +4402,10 @@ svg:not(:host).svg-inline--mobius-icon{
5473
4402
  }
5474
4403
  }
5475
4404
  .mobius-main{
5476
- padding-top:32px;
5477
4405
  padding-top:var(--size-lg);
5478
- padding-bottom:calc(32px + 48px);
5479
4406
  padding-bottom:calc(var(--size-lg) + var(--size-xxl));
4407
+ padding-left:var(--size-sm);
4408
+ padding-right:var(--size-sm);
5480
4409
  }
5481
4410
  :root,
5482
4411
  :host{
@@ -5492,42 +4421,32 @@ svg:not(:host).svg-inline--mobius-icon{
5492
4421
  line-height:1;
5493
4422
  }
5494
4423
  .mobius-date-picker__field-button{
5495
- min-width:48px;
5496
4424
  min-width:var(--size-xxl);
5497
4425
  transition:none;
5498
4426
  border-top-left-radius:0;
5499
- border-top-right-radius:4px;
5500
4427
  border-top-right-radius:var(--radius-1);
5501
4428
  border-bottom-left-radius:0;
5502
- border-bottom-right-radius:4px;
5503
4429
  border-bottom-right-radius:var(--radius-1);
5504
4430
  }
5505
4431
  .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
4432
  .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
4433
  background-color:var(--color-primary-hover);
5509
4434
  }
5510
4435
  .mobius-date-picker__field-button.--is-invalid:not(.--is-disabled){
5511
- background-color:#b90909;
5512
4436
  background-color:var(--color-error);
5513
- border-color:#b90909;
5514
4437
  border-color:var(--color-error);
5515
4438
  }
5516
4439
  .mobius-date-picker__modal{
5517
4440
  position:absolute;
5518
4441
  margin-top:14px;
5519
4442
  display:none;
5520
- font-family:museosans, Arial, sans-serif;
5521
4443
  font-family:var(--font-family);
5522
4444
  min-width:280px;
5523
- background-color:#f3f3f3;
5524
4445
  background-color:var(--color-background-light);
5525
- border:2px solid #9084e8;
5526
4446
  border:var(--border-default);
5527
- border-radius:4px;
5528
4447
  border-radius:var(--radius-1);
5529
4448
  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);
4449
+ 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
4450
  }
5532
4451
  .mobius-date-picker__modal.--is-open{
5533
4452
  display:inline-block;
@@ -5542,38 +4461,29 @@ svg:not(:host).svg-inline--mobius-icon{
5542
4461
  justify-content:space-between;
5543
4462
  }
5544
4463
  .mobius-date-picker__nav-button{
5545
- -webkit-appearance:none;
5546
- -moz-appearance:none;
5547
- appearance:none;
4464
+ appearance:none;
5548
4465
  cursor:pointer;
5549
4466
  border:none;
5550
- color:#4632d8;
5551
4467
  color:var(--color-primary);
5552
4468
  background-color:transparent;
5553
- margin:8px;
5554
4469
  margin:var(--size-xs);
5555
4470
  padding:0;
5556
4471
  }
5557
4472
  .mobius-date-picker__nav-button .mobius-icon{
5558
- padding:4px 6px;
5559
4473
  padding:var(--size-xxs) 6px;
5560
- border:2px solid #9084e8;
5561
4474
  border:var(--border-default);
5562
4475
  border-radius:50%;
5563
4476
  }
5564
4477
  .mobius-date-picker__nav-button:hover{
5565
- color:#2a1e81;
5566
4478
  color:var(--color-primary-hover);
5567
4479
  }
5568
4480
  .mobius-date-picker__nav-button:hover .mobius-icon{
5569
- border-color:#2a1e81;
5570
4481
  border-color:var(--color-primary-hover);
5571
4482
  }
5572
4483
  .mobius-date-picker__nav-button:focus-visible{
5573
4484
  outline:none;
5574
4485
  }
5575
4486
  .mobius-date-picker__nav-button:focus-visible .mobius-icon{
5576
- box-shadow:0 0 0 2px #e943c9;
5577
4487
  box-shadow:var(--box-shadow-default);
5578
4488
  }
5579
4489
  .mobius-date-picker__caption{
@@ -5583,18 +4493,13 @@ svg:not(:host).svg-inline--mobius-icon{
5583
4493
  justify-content:center;
5584
4494
  position:absolute;
5585
4495
  top:0;
5586
- left:calc(32px + 8px);
5587
4496
  left:calc(var(--size-lg) + var(--size-xs));
5588
- right:calc(32px + 8px);
5589
4497
  right:calc(var(--size-lg) + var(--size-xs));
5590
- margin:0 8px;
5591
4498
  margin:0 var(--size-xs);
5592
4499
  }
5593
4500
  .mobius-date-picker__caption-label{
5594
4501
  font-weight:normal;
5595
- font-size:20px;
5596
4502
  font-size:var(--font-size-lead);
5597
- color:#4632d8;
5598
4503
  color:var(--color-primary);
5599
4504
  text-transform:uppercase;
5600
4505
  }
@@ -5604,29 +4509,20 @@ svg:not(:host).svg-inline--mobius-icon{
5604
4509
  border-spacing:0;
5605
4510
  }
5606
4511
  .mobius-date-picker__weekday{
5607
- color:#5d5d60;
5608
4512
  color:var(--color-text-medium);
5609
- font-size:12px;
5610
4513
  font-size:var(--font-size-small-print);
5611
- padding:8px 4px;
5612
4514
  padding:var(--size-xs) var(--size-xxs);
5613
4515
  }
5614
4516
  .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
4517
  background-color:var(--color-background);
5617
4518
  }
5618
4519
  .mobius-date-picker__day.--is-focused .mobius-date-picker__day-button{
5619
- border-radius:4px;
5620
4520
  border-radius:var(--radius-1);
5621
- outline:solid 2px #e943c9;
5622
4521
  outline:solid var(--size-focus-ring) var(--color-focus);
5623
4522
  }
5624
4523
  .mobius-date-picker__day.--is-selected .mobius-date-picker__day-button{
5625
- background-color:#4632d8;
5626
4524
  background-color:var(--color-primary);
5627
- color:#ffffff;
5628
4525
  color:var(--color-text-inverted);
5629
- border-radius:4px;
5630
4526
  border-radius:var(--radius-1);
5631
4527
  }
5632
4528
  .mobius-date-picker__day.--is-outside .mobius-date-picker__day-button, .mobius-date-picker__day.--is-disabled .mobius-date-picker__day-button{
@@ -5636,18 +4532,11 @@ svg:not(:host).svg-inline--mobius-icon{
5636
4532
  .mobius-date-picker__day-button{
5637
4533
  display:flex;
5638
4534
  justify-content:center;
5639
- align-items:center;
5640
- justify-items:center;
5641
4535
  place-items:center;
5642
- width:38px;
5643
4536
  width:var(--date-picker-day-size);
5644
- height:38px;
5645
4537
  height:var(--date-picker-day-size);
5646
- font-family:museosans, Arial, sans-serif;
5647
4538
  font-family:var(--font-family);
5648
- font-size:16px;
5649
4539
  font-size:var(--font-size-3);
5650
- color:#18181d;
5651
4540
  color:var(--color-text);
5652
4541
  border:none;
5653
4542
  cursor:pointer;
@@ -5661,7 +4550,6 @@ body{
5661
4550
  margin:0;
5662
4551
  }
5663
4552
  body{
5664
- background-color:transparent;
5665
4553
  background-color:var(--color-background-body);
5666
4554
  }
5667
4555