@simplybusiness/theme-simplybusiness 1.19.25 → 1.20.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/dist/index.css +673 -604
  3. package/package.json +7 -7
  4. package/src/images/logo.svg +1 -0
  5. package/src/images/tick.svg +5 -0
  6. package/src/index.css +21 -16
  7. package/src/variables.css +22 -0
package/dist/index.css CHANGED
@@ -145,12 +145,12 @@ h6.mobius-accordion__link-text,
145
145
  }
146
146
  :root,
147
147
  :host{
148
- --button-variant-primary-font-variation-settings:normal;
149
- --button-variant-primary-color:var(--color-primary);
150
- --button-variant-primary-content-color:var(--color-text-inverted);
151
- --button-variant-primary-hover-color:var(--color-primary-hover);
152
- --button-variant-secondary-color:var(--color-secondary);
153
- --button-variant-secondary-hover-color:var(--color-secondary-hover);
148
+ --button-primary-font-variation:normal;
149
+ --button-primary-color:var(--color-primary);
150
+ --button-primary-content-color:var(--color-text-inverted);
151
+ --button-primary-hover-color:var(--color-primary-hover);
152
+ --button-secondary-color:var(--color-secondary);
153
+ --button-secondary-hover-color:var(--color-secondary-hover);
154
154
  --button-border-radius:var(--radius-1);
155
155
  }
156
156
  .mobius-button{
@@ -174,32 +174,30 @@ h6.mobius-accordion__link-text,
174
174
  }
175
175
  .mobius-button:where(.--has-icon){
176
176
  display:inline-flex;
177
- gap:var(--size-xs);
177
+ gap:var(--button-gap);
178
178
  }
179
179
  .mobius-button:where(.--size-sm){
180
180
  font-size:var(--font-size-3);
181
181
  line-height:16px;
182
- padding:10px var(--size-sm);
182
+ padding:var(--button-padding-sm);
183
183
  }
184
184
  .mobius-button:where(.--size-md){
185
185
  font-size:var(--font-size-4);
186
186
  line-height:24px;
187
- padding:14px var(--size-md);
187
+ padding:var(--button-padding-md);
188
188
  }
189
189
  .mobius-button:where(.--size-lg){
190
190
  font-size:var(--font-size-5);
191
191
  line-height:32px;
192
- padding:14px var(--size-md);
192
+ padding:var(--button-padding-lg);
193
193
  }
194
194
  .mobius-button:where(.--variant-primary){
195
- --button-content-color:var(--button-variant-primary-content-color);
196
- background-color:var(--button-variant-primary-color);
197
- font-variation-settings:var(
198
- --button-variant-primary-font-variation-settings
199
- );
195
+ --button-content-color:var(--button-primary-content-color);
196
+ background-color:var(--button-primary-color);
197
+ font-variation-settings:var(--button-primary-font-variation);
200
198
  }
201
199
  .mobius-button:where(.--variant-primary):where(:active),.mobius-button:where(.--variant-primary):where(:hover){
202
- background-color:var(--button-variant-primary-hover-color);
200
+ background-color:var(--button-primary-hover-color);
203
201
  }
204
202
  .mobius-button:where(.--variant-primary):where(:focus-visible){
205
203
  box-shadow:var(--box-shadow-default);
@@ -210,14 +208,14 @@ h6.mobius-accordion__link-text,
210
208
  cursor:not-allowed;
211
209
  }
212
210
  .mobius-button:where(.--variant-secondary){
213
- --button-content-color:var(--button-variant-secondary-color);
211
+ --button-content-color:var(--button-secondary-color);
214
212
  background-color:transparent;
215
- border-color:var(--button-variant-secondary-color);
213
+ border-color:var(--button-secondary-color);
216
214
  }
217
215
  .mobius-button:where(.--variant-secondary):where(:active),.mobius-button:where(.--variant-secondary):where(:hover){
218
216
  --button-content-color:var(--color-text-inverted);
219
- background-color:var(--button-variant-secondary-hover-color);
220
- border-color:var(--button-variant-secondary-hover-color);
217
+ background-color:var(--button-secondary-hover-color);
218
+ border-color:var(--button-secondary-hover-color);
221
219
  }
222
220
  .mobius-button:where(.--variant-secondary):where(:focus-visible){
223
221
  box-shadow:var(--box-shadow-default);
@@ -344,19 +342,29 @@ a.mobius-button:focus-visible,
344
342
  .mobius-checkbox__input{
345
343
  appearance:none;
346
344
  position:absolute;
347
- margin-top:2px;
348
- margin-left:0px;
349
- width:21px;
350
- height:20px;
345
+ margin:var(--checkbox-margin);
346
+ width:var(--checkbox-width);
347
+ height:var(--checkbox-height);
348
+ border:var(--checkbox-border);
349
+ border-radius:var(--checkbox-border-radius);
351
350
  pointer-events:none;
351
+ background-repeat:no-repeat;
352
+ background-position:center;
352
353
  }
354
+ .mobius-checkbox__input.--is-selected{
355
+ background-color:var(--checkbox-background-color);
356
+ background-image:var(--checkbox-icon);
357
+ }
358
+ .mobius-checkbox__input.--is-selected.--is-invalid{
359
+ background-color:var(--checkbox-background-color-invalid);
360
+ }
353
361
  .mobius-checkbox__input:focus-visible{
354
362
  outline:none;
355
363
  }
356
364
  .mobius-checkbox__input.--is-disabled{
357
- color:var(--color-text-light);
358
- border-color:var(--color-border-medium);
359
- background-color:var(--color-background-light);
365
+ color:var(--checkbox-label-color-disabled);
366
+ border-color:var(--checkbox-border-color-disabled);
367
+ background-color:var(--checkbox-background-color-disabled);
360
368
  }
361
369
  .--is-invalid .mobius-checkbox__input:not(.--is-disabled){
362
370
  border-color:var(--color-error);
@@ -366,18 +374,18 @@ a.mobius-button:focus-visible,
366
374
  display:flex;
367
375
  align-items:flex-start;
368
376
  flex-direction:row;
369
- border:var(--border-default);
377
+ border:var(--checkbox-label-border);
370
378
  border-radius:var(--radius-1);
371
- padding:var(--input-field-padding-tight);
379
+ padding:var(--checkbox-label-padding);
372
380
  position:relative;
373
381
  user-select:none;
374
382
  cursor:pointer;
375
383
  background-color:var(--color-background-input);
376
384
  }
377
385
  .mobius-checkbox__label.--is-disabled{
378
- color:var(--color-text-light);
379
- border-color:var(--color-border-medium);
380
- background-color:var(--color-background-light);
386
+ color:var(--checkbox-label-color-disabled);
387
+ border-color:var(--checkbox-border-color-disabled);
388
+ background-color:var(--checkbox-label-background-color-disabled);
381
389
  cursor:not-allowed;
382
390
  }
383
391
  .mobius-checkbox__label.--is-disabled .mobius-checkbox__icon{
@@ -393,30 +401,31 @@ a.mobius-button:focus-visible,
393
401
  .mobius-checkbox__label:hover:not(.--is-disabled):not(.mobius-checkbox__label.--is-invalid) .mobius-checkbox__icon{
394
402
  color:var(--color-primary);
395
403
  }
396
- .mobius-checkbox__label:focus-within:not(.--is-disabled):not(.--is-invalid){
404
+ .mobius-checkbox__label:has(:focus-visible):not(.--is-disabled):not(.--is-invalid){
397
405
  box-shadow:var(--box-shadow-default);
398
406
  border-color:var(--color-primary);
399
407
  background-color:var(--color-background-input-active);
400
408
  }
401
- .mobius-checkbox__label:focus-within:not(.--is-disabled):not(.--is-invalid) .mobius-checkbox__icon{
409
+ .mobius-checkbox__label:has(:focus-visible):not(.--is-disabled):not(.--is-invalid) .mobius-checkbox__icon{
402
410
  color:var(--color-primary);
403
411
  }
404
412
  .mobius-checkbox__label.--is-invalid:not(.--is-disabled){
405
- border-color:var(--color-error);
406
- color:var(--color-error);
413
+ color:var(--checkbox-label-color-invalid);
414
+ border-color:var(--checkbox-border-color-invalid);
407
415
  }
408
416
  .mobius-checkbox__label.--is-invalid:not(.--is-disabled):hover,.mobius-checkbox__label.--is-invalid:not(.--is-disabled):focus-within{
409
- background-color:var(--color-error-background);
417
+ background-color:var(--checkbox-label-background-color-invalid);
410
418
  }
411
419
  .mobius-checkbox__label.--is-invalid:not(.--is-disabled) .mobius-checkbox__icon{
412
- color:var(--color-error);
420
+ color:var(--checkbox-color-invalid);
413
421
  }
414
422
  .mobius-checkbox__label.--is-invalid:not(.--is-disabled) .mobius-checkbox__input{
415
- border-color:var(--color-error);
423
+ border-color:var(--checkbox-border-color-invalid);
416
424
  }
417
425
  .mobius-checkbox__icon{
418
426
  position:relative;
419
- color:var(--color-primary-light);
427
+ color:var(--checkbox-color);
428
+ visibility:var(--checkbox-default-icon-visibility);
420
429
  }
421
430
  .mobius-checkbox__visible-label{
422
431
  box-sizing:border-box;
@@ -424,7 +433,7 @@ a.mobius-button:focus-visible,
424
433
  font-family:var(--font-family);
425
434
  line-height:var(--line-height-normal);
426
435
  font-size:var(--font-size-regular);
427
- margin-left:var(--size-sm);
436
+ margin-left:var(--checkbox-label-gap);
428
437
  }
429
438
  .mobius-checkbox-group{
430
439
  display:grid;
@@ -566,7 +575,7 @@ a.mobius-button:focus-visible,
566
575
  :host,
567
576
  ::backdrop{
568
577
  --drawer-transition-duration:0;
569
- --color-neutral-700:#18181d;
578
+ --backdrop-color:#18181d;
570
579
  }
571
580
  @media (prefers-reduced-motion: no-preference){
572
581
  :root,
@@ -596,7 +605,7 @@ a.mobius-button:focus-visible,
596
605
  outline:none;
597
606
  }
598
607
  .mobius-drawer::backdrop{
599
- background-color:var(--color-neutral-700);
608
+ background-color:var(--backdrop-color);
600
609
  opacity:0;
601
610
  transition:opacity var(--drawer-transition-duration) ease-in-out;
602
611
  }
@@ -606,7 +615,7 @@ a.mobius-button:focus-visible,
606
615
  right:0;
607
616
  bottom:0;
608
617
  left:0;
609
- background-color:var(--color-neutral-700);
618
+ background-color:var(--backdrop-color);
610
619
  opacity:0.3;
611
620
  }
612
621
  :is(.mobius-drawer + .backdrop) + ._dialog_overlay{
@@ -627,9 +636,9 @@ a.mobius-button:focus-visible,
627
636
  @supports (height: 100dvh){
628
637
 
629
638
  .mobius-drawer.--top,.mobius-drawer.--bottom{
630
- height:100dvh;
631
- max-height:100dvh;
632
- padding-bottom:0;
639
+ height:100dvh;
640
+ max-height:100dvh;
641
+ padding-bottom:0;
633
642
  }
634
643
  }
635
644
  .mobius-drawer.--left,.mobius-drawer.--right{
@@ -648,7 +657,7 @@ a.mobius-button:focus-visible,
648
657
  max-height:100dvh;
649
658
  padding-bottom:0;
650
659
  }
651
- }
660
+ }
652
661
  .mobius-drawer:not(.--should-transition){
653
662
  display:none;
654
663
  }
@@ -858,7 +867,7 @@ a.mobius-button:focus-visible,
858
867
  font-family:var(--font-family);
859
868
  font-weight:var(--label-font-weight);
860
869
  font-variation-settings:var(--label-font-variation-settings);
861
- color:var(--color-text);
870
+ color:var(--label-color);
862
871
  }
863
872
  .mobius-label.--is-invalid:not(.--is-disabled){
864
873
  color:var(--color-error);
@@ -940,7 +949,7 @@ a.mobius-button:focus-visible,
940
949
  :host,
941
950
  ::backdrop{
942
951
  --modal-transition-duration:0;
943
- --color-neutral-700:#18181d;
952
+ --backdrop-color:#18181d;
944
953
  }
945
954
  @media (prefers-reduced-motion: no-preference){
946
955
  :root,
@@ -975,7 +984,7 @@ a.mobius-button:focus-visible,
975
984
  outline:none;
976
985
  }
977
986
  .mobius-modal::backdrop{
978
- background-color:var(--color-neutral-700);
987
+ background-color:var(--backdrop-color);
979
988
  opacity:0;
980
989
  transition:opacity var(--modal-transition-duration) ease-in-out;
981
990
  }
@@ -985,7 +994,7 @@ a.mobius-button:focus-visible,
985
994
  right:0;
986
995
  bottom:0;
987
996
  left:0;
988
- background-color:var(--color-neutral-700);
997
+ background-color:var(--backdrop-color);
989
998
  opacity:0.3;
990
999
  }
991
1000
  :is(.mobius-modal + .backdrop) + ._dialog_overlay{
@@ -1096,7 +1105,7 @@ a.mobius-button:focus-visible,
1096
1105
  .mobius-number-field__input{
1097
1106
  box-sizing:border-box;
1098
1107
  border:var(--border-default);
1099
- border-radius:var(--radius-1);
1108
+ border-radius:var(--input-border-radius);
1100
1109
  background-color:var(--color-background-input);
1101
1110
  padding:var(--input-field-padding);
1102
1111
  font-family:var(--font-family);
@@ -1512,7 +1521,7 @@ a.mobius-button:focus-visible,
1512
1521
  font-family:var(--font-family);
1513
1522
  font-size:var(--font-size-regular);
1514
1523
  border:var(--border-default);
1515
- border-radius:var(--radius-1);
1524
+ border-radius:var(--input-border-radius);
1516
1525
  background-color:var(--color-background-input);
1517
1526
  color:var(--color-text-medium);
1518
1527
  outline:0;
@@ -1552,7 +1561,7 @@ a.mobius-button:focus-visible,
1552
1561
  padding:var(--size-md);
1553
1562
  border-radius:var(--radius-1);
1554
1563
  pointer-events:none;
1555
- color:var(--color-text-medium);
1564
+ color:var(--color-primary-light);
1556
1565
  }
1557
1566
  .mobius-select__icon.--is-disabled{
1558
1567
  color:var(--color-text-light);
@@ -1687,7 +1696,7 @@ a.mobius-button:focus-visible,
1687
1696
  }
1688
1697
  :root,
1689
1698
  :host{
1690
- --transition-duration:0.15s;
1699
+ --switch-transition-duration:0.15s;
1691
1700
  }
1692
1701
  .mobius-switch{
1693
1702
  position:relative;
@@ -1713,7 +1722,7 @@ a.mobius-button:focus-visible,
1713
1722
  right:0;
1714
1723
  bottom:0;
1715
1724
  background-color:var(--color-border);
1716
- transition:var(--transition-duration);
1725
+ transition:var(--switch-transition-duration);
1717
1726
  }
1718
1727
  .mobius-switch__slider:before{
1719
1728
  position:absolute;
@@ -1724,7 +1733,7 @@ a.mobius-button:focus-visible,
1724
1733
  left:3px;
1725
1734
  bottom:2px;
1726
1735
  background-color:var(--color-background);
1727
- transition:var(--transition-duration);
1736
+ transition:var(--switch-transition-duration);
1728
1737
  }
1729
1738
  .mobius-switch--checked .mobius-switch__slider{
1730
1739
  background-color:var(--color-primary);
@@ -1891,7 +1900,7 @@ a.mobius-button:focus-visible,
1891
1900
  box-sizing:border-box;
1892
1901
  flex:1 1 0%;
1893
1902
  border:var(--border-default);
1894
- border-radius:var(--radius-1);
1903
+ border-radius:var(--input-border-radius);
1895
1904
  padding:var(--size-xs) var(--size-sm);
1896
1905
  margin:0px;
1897
1906
  font-family:var(--font-family);
@@ -1949,6 +1958,7 @@ a.mobius-button:focus-visible,
1949
1958
  align-self:center;
1950
1959
  }
1951
1960
  .mobius-text-field__prefix-outside.mobius-button{
1961
+ border-radius:var(--input-border-radius);
1952
1962
  border-top-right-radius:0;
1953
1963
  border-bottom-right-radius:0;
1954
1964
  }
@@ -1960,6 +1970,7 @@ a.mobius-button:focus-visible,
1960
1970
  padding-right:var(--size-sm);
1961
1971
  }
1962
1972
  .mobius-text-field__suffix-outside.mobius-button{
1973
+ border-radius:var(--input-border-radius);
1963
1974
  border-top-left-radius:0;
1964
1975
  border-bottom-left-radius:0;
1965
1976
  }
@@ -1992,7 +2003,7 @@ a.mobius-button:focus-visible,
1992
2003
  display:flex;
1993
2004
  flex:1 1 0;
1994
2005
  align-items:center;
1995
- border-radius:var(--radius-1);
2006
+ border-radius:var(--input-border-radius);
1996
2007
  color:var(--color-text-medium);
1997
2008
  overflow:hidden;
1998
2009
  background-color:var(--color-background-input);
@@ -2001,6 +2012,7 @@ a.mobius-button:focus-visible,
2001
2012
  border:var(--border-default);
2002
2013
  }
2003
2014
  .mobius-text-field__input-wrapper:has( + .mobius-button){
2015
+ border-radius:var(--input-border-radius);
2004
2016
  border-top-right-radius:0;
2005
2017
  border-bottom-right-radius:0;
2006
2018
  }
@@ -2473,10 +2485,6 @@ svg:not(:host).svg-inline--mobius-icon{
2473
2485
  --color-focus:var(--color-bubblegum-500);
2474
2486
  --color-accent:var(--color-bubblegum-500);
2475
2487
  --color-accent-lighter:var(--color-bubblegum-300);
2476
- --color-text:var(--color-neutral-700);
2477
- --color-text-medium:var(--color-neutral-500);
2478
- --color-text-light:var(--color-neutral-300);
2479
- --color-text-inverted:var(--color-neutral-100);
2480
2488
  --color-background:var(--color-neutral-100);
2481
2489
  --color-background-light:var(--color-neutral-200);
2482
2490
  --color-background-medium:var(--color-neutral-500);
@@ -2531,10 +2539,63 @@ svg:not(:host).svg-inline--mobius-icon{
2531
2539
  --radius-1:4px;
2532
2540
  --radius-2:8px;
2533
2541
  --transition-standard:160ms ease-in-out;
2542
+ --button-primary-color:var(--color-primary);
2543
+ --button-primary-content-color:var(--color-text-inverted);
2544
+ --button-primary-hover-color:var(--color-primary-hover);
2545
+ --button-secondary-color:var(--color-secondary);
2546
+ --button-secondary-hover-color:var(--color-secondary-hover);
2547
+ --button-border-radius:var(--radius-1);
2548
+ --button-padding-sm:10px var(--size-sm);
2549
+ --button-padding-md:14px var(--size-md);
2550
+ --button-padding-lg:14px var(--size-md);
2551
+ --button-gap:var(--size-xs);
2552
+ --button-primary-font-variation:normal;
2553
+ --color-text:var(--color-neutral-700);
2554
+ --color-text-medium:var(--color-neutral-500);
2555
+ --color-text-light:var(--color-neutral-300);
2556
+ --color-text-inverted:var(--color-neutral-100);
2557
+ --combobox-border-color:#cccccc;
2558
+ --combobox-group-color:var(--color-text);
2559
+ --combobox-group-background-color:#dad6f7;
2560
+ --combobox-selected-background-color:var(--color-primary);
2561
+ --listbox-height:min-content;
2562
+ --listbox-max-height:350px;
2563
+ --listbox-max-height-mobile:240px;
2564
+ --listbox-gap:4px;
2565
+ --option-padding:var(--size-xs) var(--size-lg);
2566
+ --drawer-transition-duration:200ms;
2567
+ --modal-transition-duration:0;
2568
+ --backdrop-color:#18181d;
2569
+ --label-color:var(--color-text);
2570
+ --label-font-weight:var(--font-weight-bold);
2571
+ --label-font-variation-settings:normal;
2534
2572
  --input-field-padding:17px var(--size-sm);
2535
2573
  --input-field-padding-tight:14px var(--size-sm);
2574
+ --input-border-radius:var(--radius-1);
2536
2575
  --border-default:var(--size-border-width) solid var(--color-primary-light);
2537
2576
  --box-shadow-default:0 0 0 var(--size-focus-ring) var(--color-focus);
2577
+ --text-input-max-width:none;
2578
+ --number-input-max-width:none;
2579
+ --select-wrapper-max-width:none;
2580
+ --checkbox-label-border:var(--border-default);
2581
+ --checkbox-label-padding:var(--input-field-padding-tight);
2582
+ --checkbox-label-gap:var(--size-sm);
2583
+ --checkbox-width:21px;
2584
+ --checkbox-height:20px;
2585
+ --checkbox-margin:2px 0 0 0;
2586
+ --checkbox-border:none;
2587
+ --checkbox-color:var(--color-primary-light);
2588
+ --checkbox-label-color:var(--color-text);
2589
+ --checkbox-border-color:var(--color-background-input);
2590
+ --checkbox-color-disabled:var(--color-text-light);
2591
+ --checkbox-label-color-disabled:var(--color-text-light);
2592
+ --checkbox-label-background-color-disabled:var(--color-background-light);
2593
+ --checkbox-border-color-disabled:var(--color-border-medium);
2594
+ --checkbox-color-invalid:var(--color-error);
2595
+ --checkbox-label-color-invalid:var(--color-error);
2596
+ --checkbox-label-background-color-invalid:var(--color-error-background);
2597
+ --checkbox-border-color-invalid:var(--color-error);
2598
+ --checkbox-default-icon-visibility:visible;
2538
2599
  --popover-max-width:260px;
2539
2600
  --popover-z-index:2147483647;
2540
2601
  --color-background-popover:var(--color-azure-700);
@@ -2544,6 +2605,11 @@ svg:not(:host).svg-inline--mobius-icon{
2544
2605
  --slider-secondary-track-background:var(--color-accent-lighter);
2545
2606
  --slider-secondary-thumb-background:var(--color-accent);
2546
2607
  --thumb-size:20px;
2608
+ --dropdown-menu-max-width:200px;
2609
+ --segment-border:var(--size-border-width) solid var(--color-border-light);
2610
+ --switch-transition-duration:150ms;
2611
+ --table-border-width:1px;
2612
+ --title-decorator-width:8px;
2547
2613
  }
2548
2614
  :root{
2549
2615
  --color-pulse:var(--color-focus);
@@ -2566,175 +2632,6 @@ svg:not(:host).svg-inline--mobius-icon{
2566
2632
  .mobius *,.mobius *::before,.mobius *::after{
2567
2633
  box-sizing:border-box;
2568
2634
  }
2569
- .mobius-payment-confirmation__list{
2570
- list-style:none;
2571
- padding-left:0;
2572
- }
2573
- :root,
2574
- :host{
2575
- --percentage-max-width:110px;
2576
- --percentage-input-border-width:1px;
2577
- --percentage-number-field-border:var(--percentage-input-border-width) solid var(--color-border-medium);
2578
- }
2579
- .mobius-percentage-totals-question__items{
2580
- display:grid;
2581
- grid-template-columns:minmax(0, 1fr) var(--percentage-max-width);
2582
- gap:var(--size-xs);
2583
- }
2584
- .mobius-percentage-totals-question__items > *{
2585
- display:flex;
2586
- align-items:center;
2587
- }
2588
- .mobius-percentage-totals-question__items .mobius-number-field{
2589
- max-width:var(--percentage-max-width);
2590
- margin-bottom:0;
2591
- }
2592
- :is(.mobius-percentage-totals-question__items .mobius-number-field) input{
2593
- max-width:var(--percentage-max-width);
2594
- }
2595
- .mobius-percentage-totals-question__items .mobius-number-field__input{
2596
- padding:calc(var(--size-xs) + 2px) var(--size-sm);
2597
- border:var(--percentage-number-field-border);
2598
- }
2599
- .mobius-percentage-totals-question__total{
2600
- font-weight:var(--font-weight-bold);
2601
- height:40px;
2602
- }
2603
- .mobius-question-group{
2604
- position:relative;
2605
- margin-top:var(--size-xs);
2606
- padding:var(--size-sm) var(--size-lg);
2607
- background-color:var(--color-background-light);
2608
-
2609
- --chopin__help-trigger-size:1.7em;
2610
- --chopin__help-content-width:250px;
2611
- --chopin__help-content-margin:var(--size-lg);
2612
- --chopin__help_content-arrow-size:8px;
2613
- --chopin__help-content-padding:var(--size-sm);
2614
- }
2615
- .mobius-question-group.--is-md .mobius-question-group__header .mobius-question__help-content{
2616
- right:calc(
2617
- 0px - var(--chopin__help-content-width) - calc(var(--size-lg))
2618
- );
2619
- }
2620
- .mobius-question-group.--is-md .mobius-question-group__question .mobius-question__help-content{
2621
- top:0;
2622
- right:calc(0px - var(--chopin__help-content-width) - var(--size-lg));
2623
- }
2624
- .mobius-question-group .mobius-question{
2625
- width:auto;
2626
- background-color:var(--color-background-light);
2627
- padding:var(--size-sm) var(--size-sm) var(--size-xxs) var(--size-lg);
2628
- }
2629
- :is(.mobius-question-group .mobius-question):hover{
2630
- background-color:var(--color-background-highlight);
2631
- }
2632
- :is(.mobius-question-group .mobius-question) .mobius-radio-group{
2633
- width:50%;
2634
- }
2635
- :is(.mobius-question-group .mobius-question) .mobius-question__label{
2636
- padding-right:var(--size-lg);
2637
- }
2638
- .mobius-question-group__header{
2639
- margin-bottom:var(--size-md);
2640
- }
2641
- .mobius-question-group__label{
2642
- display:block;
2643
- padding-right:var(--size-xs);
2644
- }
2645
- .mobius-question-group__list{
2646
- display:flex;
2647
- flex-direction:column;
2648
- margin:0;
2649
- padding-left:0;
2650
- list-style-type:none;
2651
- }
2652
- :root,
2653
- :host{
2654
- --question-help-border-color:var(--color-primary);
2655
- --question-help-content-box-shadow:transparent;
2656
- }
2657
- .mobius-question-help__trigger{
2658
- cursor:pointer;
2659
- position:absolute;
2660
- top:14px;
2661
- right:12px;
2662
- border:0;
2663
- display:inline-block;
2664
- padding:0;
2665
- margin:0;
2666
- width:var(--chopin__help-trigger-size);
2667
- height:var(--chopin__help-trigger-size);
2668
- outline:none;
2669
- background-color:var(--color-primary);
2670
- border-radius:50%;
2671
- color:var(--color-text-inverted);
2672
- }
2673
- .mobius-question-help__trigger:hover,.mobius-question-help__trigger:focus-visible{
2674
- background-color:var(--color-primary-hover);
2675
- }
2676
- .mobius-question-help__trigger > span{
2677
- clip:rect(0 0 0 0);
2678
- clip-path:inset(50%);
2679
- height:1px;
2680
- overflow:hidden;
2681
- position:absolute;
2682
- white-space:nowrap;
2683
- width:1px;
2684
- }
2685
- .mobius-question-help.--is-open .mobius-question-help__content{
2686
- display:block;
2687
- }
2688
- .mobius-question-help__content{
2689
- box-sizing:border-box;
2690
- display:none;
2691
- background-color:var(--color-background-highlight);
2692
- margin-top:var(--size-sm);
2693
- margin-bottom:var(--size-sm);
2694
- border:var(--size-border-width) solid var(--question-help-border-color);
2695
- border-radius:var(--radius-1);
2696
- padding:var(--chopin__help-content-padding);
2697
- font-family:var(--font-family);
2698
- box-shadow:var(--question-help-content-box-shadow);
2699
- }
2700
- .mobius-question-help__content > :first-child{
2701
- margin-top:0;
2702
- }
2703
- .mobius-question-help__content > :last-child{
2704
- margin-bottom:0;
2705
- }
2706
- .mobius-testimonial{
2707
- background-color:var(--color-background-light);
2708
- margin-top:var(--size-md);
2709
- margin-bottom:var(--size-md);
2710
- padding:var(--size-md) var(--size-lg);
2711
- position:relative;
2712
- margin-left:var(--size-lg);
2713
- margin-right:var(--size-lg);
2714
- color:var(--color-text-medium);
2715
- }
2716
- .mobius-testimonial::before{
2717
- content:"“";
2718
- font-size:96px;
2719
- position:absolute;
2720
- opacity:0.3;
2721
- top:-20px;
2722
- left:-24px;
2723
- font-family:serif;
2724
- font-weight:700;
2725
- }
2726
- .mobius-testimonial__quote{
2727
- margin:0;
2728
- margin-bottom:var(--size-lg);
2729
- }
2730
- .mobius-testimonial :where(figcaption){
2731
- text-align:right;
2732
- }
2733
- .mobius-testimonial__author::before{
2734
- content:"\2014 ";
2735
- display:inline-block;
2736
- margin-right:var(--size-xs);
2737
- }
2738
2635
  .mobius-agent-actions{
2739
2636
  display:grid;
2740
2637
  align-items:center;
@@ -2819,6 +2716,36 @@ svg:not(:host).svg-inline--mobius-icon{
2819
2716
  .mobius-agent-resources .mobius-link-button{
2820
2717
  text-align:center;
2821
2718
  }
2719
+ .mobius-coverage-summary__list{
2720
+ margin-bottom:var(--size-md);
2721
+ }
2722
+ .mobius-payment-summary{
2723
+ border:1px solid var(--color-border);
2724
+ }
2725
+ .mobius-payment-summary .mobius-segment{
2726
+ border-top:1px solid var(--color-border);
2727
+ }
2728
+ .mobius-payment-summary .mobius-flex{
2729
+ width:100%;
2730
+ }
2731
+ .mobius-payment-summary__total strong{
2732
+ font-size:var(--font-size-lead);
2733
+ }
2734
+ :is(.mobius-quote-summary .mobius-payment-info__multi-product-text) strong{
2735
+ font-size:var(--font-size-lead);
2736
+ }
2737
+ .mobius-quote-summary .mobius-quote-card__coverage{
2738
+ border-right:none;
2739
+ border-top:1px solid var(--color-border-light);
2740
+ margin:var(--size-md) 0 var(--size-sm);
2741
+ padding-right:0;
2742
+ padding-top:var(--size-sm);
2743
+ }
2744
+ .mobius-quote-summary .mobius-quote-card__modal-trigger{
2745
+ background:transparent;
2746
+ font-weight:var(--font-weight-normal);
2747
+ padding:0;
2748
+ }
2822
2749
  .mobius-cover-toggles-container__outer.--is-payment-aside{
2823
2750
  display:grid;
2824
2751
  grid-template-columns:1fr;
@@ -2847,36 +2774,52 @@ svg:not(:host).svg-inline--mobius-icon{
2847
2774
  grid-template-columns:1fr auto;
2848
2775
  }
2849
2776
  }
2850
- .mobius-coverage-summary__list{
2851
- margin-bottom:var(--size-md);
2777
+ .mobius-layout-toggle{
2778
+ display:none;
2779
+ width:100%;
2852
2780
  }
2853
- .mobius-payment-summary{
2854
- border:1px solid var(--color-border);
2781
+ @media (min-width: 1024px){
2782
+ .mobius-layout-toggle{
2783
+ display:grid;
2784
+ width:unset;
2785
+ grid-template-columns:repeat(3, min-content);
2786
+ height:100%;
2787
+ align-items:center;
2788
+ gap:var(--size-sm);
2855
2789
  }
2856
- .mobius-payment-summary .mobius-segment{
2857
- border-top:1px solid var(--color-border);
2858
- }
2859
- .mobius-payment-summary .mobius-flex{
2860
- width:100%;
2861
- }
2862
- .mobius-payment-summary__total strong{
2863
- font-size:var(--font-size-lead);
2864
- }
2865
- :is(.mobius-quote-summary .mobius-payment-info__multi-product-text) strong{
2866
- font-size:var(--font-size-lead);
2867
2790
  }
2868
- .mobius-quote-summary .mobius-quote-card__coverage{
2869
- border-right:none;
2870
- border-top:1px solid var(--color-border-light);
2871
- margin:var(--size-md) 0 var(--size-sm);
2872
- padding-right:0;
2873
- padding-top:var(--size-sm);
2874
- }
2875
- .mobius-quote-summary .mobius-quote-card__modal-trigger{
2876
- background:transparent;
2877
- font-weight:var(--font-weight-normal);
2791
+ .mobius-layout-toggle__divider{
2792
+ height:var(--size-lg);
2793
+ width:1px;
2794
+ box-shadow:-1px 0 0 0 var(--color-primary);
2795
+ }
2796
+ .mobius-layout-toggle__item{
2797
+ display:grid;
2798
+ grid-template-columns:2fr 1fr;
2799
+ gap:var(--size-sm);
2800
+ align-items:center;
2878
2801
  padding:0;
2879
- }
2802
+ border:0;
2803
+ -webkit-text-decoration:none;
2804
+ text-decoration:none;
2805
+ }
2806
+ .mobius-layout-toggle__item .mobius-text{
2807
+ margin:0;
2808
+ text-wrap:nowrap;
2809
+ transition:color var(--transition-standard);
2810
+ }
2811
+ .mobius-layout-toggle__item .mobius-icon{
2812
+ opacity:0.2;
2813
+ transition:opacity var(--transition-standard);
2814
+ }
2815
+ .mobius-layout-toggle__item--active .mobius-text{
2816
+ color:var(--color-primary);
2817
+ -webkit-text-decoration:underline;
2818
+ text-decoration:underline;
2819
+ }
2820
+ .mobius-layout-toggle__item--active .mobius-icon{
2821
+ opacity:1;
2822
+ }
2880
2823
  .error-boundary__container{
2881
2824
  display:flex;
2882
2825
  flex-direction:column;
@@ -3081,17 +3024,112 @@ svg:not(:host).svg-inline--mobius-icon{
3081
3024
  text-decoration:underline;
3082
3025
  color:var(--color-text-inverted);
3083
3026
  }
3084
- :root,
3085
- :host{
3086
- --header-border-color:transparent;
3087
- --header-logo: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");
3088
- --header-background-color:var(--color-background);
3089
- --header-text-color:var(--color-text);
3090
- --header-link-color:var(--color-secondary);
3091
- --header-phone-icon-color:var(--color-secondary);
3092
- --header-powered-by-icon-color:var(--color-text-medium);
3027
+ .mobius-sticky-footer{
3028
+ box-sizing:border-box;
3029
+ position:fixed;
3030
+ bottom:0;
3031
+ width:100%;
3032
+ box-shadow:0 -2px 5px rgba(0, 0, 0, 0.1);
3033
+ padding:20px 0;
3034
+ background-color:var(--color-background-highlight);
3035
+ display:grid;
3036
+ grid-auto-flow:column;
3037
+ justify-content:center;
3038
+ align-items:center;
3039
+ gap:var(--size-sm);
3040
+ transform:translateY(0);
3041
+ transition:transform 0.5s ease-out;
3042
+ z-index:50;
3093
3043
  }
3094
- .mobius-header{
3044
+ .mobius-sticky-footer--hidden{
3045
+ pointer-events:none;
3046
+ transform:translateY(100%);
3047
+ }
3048
+ .mobius-sticky-footer__content{
3049
+ display:flex;
3050
+ color:var(--color-azure-600);
3051
+ gap:var(--size-xs);
3052
+ }
3053
+ .mobius-sticky-footer__content > .mobius-text{
3054
+ margin:0;
3055
+ }
3056
+ .mobius-sticky-footer__content .mobile-text{
3057
+ display:none;
3058
+ }
3059
+ .mobius-sticky-footer__button{
3060
+ border-radius:100px;
3061
+ display:grid;
3062
+ grid-auto-flow:column;
3063
+ align-items:center;
3064
+ gap:var(--size-xs);
3065
+ font-weight:var(--font-weight-normal);
3066
+ background-color:#fff;
3067
+ color:var(--color-azure-500);
3068
+ font-weight:var(--font-weight-bold);
3069
+ border:1px solid var(--color-azure-500);
3070
+ font-size:var(--font-size-3);
3071
+ }
3072
+ .mobius-sticky-footer__button:hover{
3073
+ background-color:var(--color-primary-hover);
3074
+ border-color:var(--color-primary-hover);
3075
+ color:#fff;
3076
+ }
3077
+ .mobius-sticky-footer__button > svg{
3078
+ height:var(--size-md);
3079
+ width:var(--size-md);
3080
+ }
3081
+ .mobius-sticky-footer__explain{
3082
+ color:var(--color-primary);
3083
+ font-weight:var(--font-weight-normal);
3084
+ text-align:center;
3085
+ font-size:var(--font-size-2);
3086
+ line-height:var(--line-height-normal);
3087
+ }
3088
+ .mobius-sticky-footer__explain-headline{
3089
+ font-size:var(--font-size-3);
3090
+ line-height:var(--line-height-normal);
3091
+ display:block;
3092
+ }
3093
+ @media (max-width: 600px){
3094
+ .mobius-sticky-footer{
3095
+ padding:16px;
3096
+ justify-content:space-between;
3097
+ grid-template-columns:repeat(2, max-content);
3098
+ }
3099
+
3100
+ .mobius-sticky-footer__content > .mobius-text{
3101
+ font-size:var(--font-size-3);
3102
+ line-height:var(--line-height-normal);
3103
+ }
3104
+
3105
+ .mobius-sticky-footer__content .mobile-text{
3106
+ display:block;
3107
+ }
3108
+
3109
+ .mobius-sticky-footer__content .desktop-text{
3110
+ display:none;
3111
+ }
3112
+
3113
+ .mobius-sticky-footer__explain{
3114
+ text-align:left;
3115
+ }
3116
+
3117
+ .mobius-sticky-footer__explain-headline{
3118
+ font-size:var(--font-size-2);
3119
+ line-height:var(--line-height-normal);
3120
+ }
3121
+ }
3122
+ :root,
3123
+ :host{
3124
+ --header-border-color:transparent;
3125
+ --header-logo: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");
3126
+ --header-background-color:var(--color-background);
3127
+ --header-text-color:var(--color-text);
3128
+ --header-link-color:var(--color-secondary);
3129
+ --header-phone-icon-color:var(--color-secondary);
3130
+ --header-powered-by-icon-color:var(--color-text-medium);
3131
+ }
3132
+ .mobius-header{
3095
3133
  border-bottom:var(--size-border-width) solid var(--header-border-color);
3096
3134
  }
3097
3135
  .mobius-header__container{
@@ -3401,53 +3439,6 @@ svg:not(:host).svg-inline--mobius-icon{
3401
3439
  .mobius-next-coverage__text{
3402
3440
  margin-bottom:var(--size-lg);
3403
3441
  }
3404
- .mobius-personalised-cover__container.--is-md{
3405
- max-width:626px;
3406
- border-radius:var(--radius-2);
3407
- display:grid;
3408
- gap:var(--size-sm);
3409
- }
3410
- .mobius-personalised-cover__actions{
3411
- display:grid;
3412
- grid-template-columns:auto auto;
3413
- justify-content:space-between;
3414
- }
3415
- .mobius-personalised-cover__form{
3416
- margin-bottom:0;
3417
- }
3418
- .mobius-personalised-cover__submit-action{
3419
- width:100%;
3420
- }
3421
- .mobius-personalised-cover__back{
3422
- display:grid;
3423
- grid-template-columns:auto 1fr;
3424
- gap:var(--size-xs);
3425
- align-items:center;
3426
- text-underline-offset:var(--size-xxs);
3427
- padding:var(--size-lg) 0 0 0;
3428
- }
3429
- .mobius-personalised-cover__back .mobius-icon{
3430
- font-size:var(--font-size-lead);
3431
- }
3432
- @media (max-width: 640px){
3433
- .mobius-personalised-cover__container{
3434
- box-shadow:2px 2px 10px 0 #00000033;
3435
- padding:var(--size-sm);
3436
- }
3437
-
3438
- .mobius-personalised-cover__actions{
3439
- grid-template-columns:1fr;
3440
- gap:var(--size-sm);
3441
- }
3442
-
3443
- .mobius-personalised-cover__actions :nth-child(1){
3444
- order:2;
3445
- }
3446
-
3447
- .mobius-personalised-cover__back{
3448
- display:none;
3449
- }
3450
- }
3451
3442
  .mobius-child-question__primary-text{
3452
3443
  color:var(--color-text);
3453
3444
  }
@@ -3501,6 +3492,53 @@ svg:not(:host).svg-inline--mobius-icon{
3501
3492
  margin-left:var(--size-xs);
3502
3493
  font-size:var(--font-size-2);
3503
3494
  }
3495
+ .mobius-personalised-cover__container.--is-md{
3496
+ max-width:626px;
3497
+ border-radius:var(--radius-2);
3498
+ display:grid;
3499
+ gap:var(--size-sm);
3500
+ }
3501
+ .mobius-personalised-cover__actions{
3502
+ display:grid;
3503
+ grid-template-columns:auto auto;
3504
+ justify-content:space-between;
3505
+ }
3506
+ .mobius-personalised-cover__form{
3507
+ margin-bottom:0;
3508
+ }
3509
+ .mobius-personalised-cover__submit-action{
3510
+ width:100%;
3511
+ }
3512
+ .mobius-personalised-cover__back{
3513
+ display:grid;
3514
+ grid-template-columns:auto 1fr;
3515
+ gap:var(--size-xs);
3516
+ align-items:center;
3517
+ text-underline-offset:var(--size-xxs);
3518
+ padding:var(--size-lg) 0 0 0;
3519
+ }
3520
+ .mobius-personalised-cover__back .mobius-icon{
3521
+ font-size:var(--font-size-lead);
3522
+ }
3523
+ @media (max-width: 640px){
3524
+ .mobius-personalised-cover__container{
3525
+ box-shadow:2px 2px 10px 0 #00000033;
3526
+ padding:var(--size-sm);
3527
+ }
3528
+
3529
+ .mobius-personalised-cover__actions{
3530
+ grid-template-columns:1fr;
3531
+ gap:var(--size-sm);
3532
+ }
3533
+
3534
+ .mobius-personalised-cover__actions :nth-child(1){
3535
+ order:2;
3536
+ }
3537
+
3538
+ .mobius-personalised-cover__back{
3539
+ display:none;
3540
+ }
3541
+ }
3504
3542
  .mobius-insurance-benefits{
3505
3543
  padding:var(--size-lg) var(--size-sm);
3506
3544
  background-color:var(--color-background-highlight);
@@ -3693,54 +3731,19 @@ svg:not(:host).svg-inline--mobius-icon{
3693
3731
  text-align:center;
3694
3732
  margin-bottom:10px;
3695
3733
  }
3696
- .mobius-questionnaire{
3697
- margin-top:var(--size-xl);
3698
- }
3699
- .mobius-questionnaire .mobius-actions{
3700
- max-width:552px;
3701
- }
3702
- .mobius-questionnaire__actions-container:not(.--is-first-section){
3703
- margin-bottom:var(--size-xxl);
3734
+ .mobius-actions__back{
3735
+ display:inline-flex;
3736
+ gap:var(--size-xs);
3737
+ align-items:center;
3738
+ text-underline-offset:var(--size-xxs);
3704
3739
  }
3705
- .mobius-questionnaire--slide-next .mobius-section__transition-enter{
3706
- transform:translateX(100%);
3707
- }
3708
- .mobius-questionnaire--slide-next .mobius-section__transition-enter-active{
3709
- transform:translateX(0);
3710
- }
3711
- .mobius-questionnaire--slide-next .mobius-section__transition-exit{
3712
- transform:translateX(0);
3713
- }
3714
- .mobius-questionnaire--slide-next .mobius-section__transition-exit-active{
3715
- transform:translateX(-100%);
3716
- }
3717
- .mobius-questionnaire--slide-back .mobius-section__transition-enter{
3718
- transform:translateX(-100%);
3719
- }
3720
- .mobius-questionnaire--slide-back .mobius-section__transition-enter-active{
3721
- transform:translateX(0);
3722
- }
3723
- .mobius-questionnaire--slide-back .mobius-section__transition-exit{
3724
- transform:translateX(0);
3725
- }
3726
- .mobius-questionnaire--slide-back .mobius-section__transition-exit-active{
3727
- transform:translateX(100%);
3740
+ .mobius-actions__back .mobius-icon{
3741
+ font-size:var(--font-size-lead);
3728
3742
  }
3729
- .mobius-section__transition-enter-active{
3730
- transition:all 200ms ease-out;
3731
- }
3732
- .mobius-section__transition-exit-active{
3733
- transition:all 200ms ease-in;
3734
- }
3735
- @media (prefers-reduced-motion: reduce){
3736
- :is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-enter,:is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-exit-active,:is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-enter,:is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-exit-active{
3737
- transform:none;
3738
- opacity:0;
3739
- }
3740
-
3741
- :is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-enter-active,:is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-exit,:is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-enter-active,:is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-exit{
3742
- opacity:1;
3743
- }
3743
+ .mobius-actions__next{
3744
+ display:inline-flex;
3745
+ gap:var(--size-xs);
3746
+ align-items:center;
3744
3747
  }
3745
3748
  :root{
3746
3749
  interpolate-size:allow-keywords;
@@ -3878,37 +3881,55 @@ svg:not(:host).svg-inline--mobius-icon{
3878
3881
  .mobius-collapsible__changed_question p.mobius-text{
3879
3882
  margin:0;
3880
3883
  }
3881
- .mobius-actions__back{
3882
- display:inline-flex;
3883
- gap:var(--size-xs);
3884
- align-items:center;
3885
- text-underline-offset:var(--size-xxs);
3884
+ .mobius-questionnaire{
3885
+ margin-top:var(--size-xl);
3886
3886
  }
3887
- .mobius-actions__back .mobius-icon{
3888
- font-size:var(--font-size-lead);
3887
+ .mobius-questionnaire .mobius-actions{
3888
+ max-width:552px;
3889
3889
  }
3890
- .mobius-actions__next{
3891
- display:inline-flex;
3892
- gap:var(--size-xs);
3893
- align-items:center;
3890
+ .mobius-questionnaire__actions-container:not(.--is-first-section){
3891
+ margin-bottom:var(--size-xxl);
3894
3892
  }
3895
- .mobius-question__help-link{
3896
- display:inline-flex;
3897
- align-items:center;
3898
- gap:var(--size-xxs);
3899
- margin-bottom:var(--size-sm);
3900
- -webkit-text-decoration:underline;
3901
- text-decoration:underline;
3902
- text-underline-offset:var(--size-xxs);
3893
+ .mobius-questionnaire--slide-next .mobius-section__transition-enter{
3894
+ transform:translateX(100%);
3895
+ }
3896
+ .mobius-questionnaire--slide-next .mobius-section__transition-enter-active{
3897
+ transform:translateX(0);
3898
+ }
3899
+ .mobius-questionnaire--slide-next .mobius-section__transition-exit{
3900
+ transform:translateX(0);
3901
+ }
3902
+ .mobius-questionnaire--slide-next .mobius-section__transition-exit-active{
3903
+ transform:translateX(-100%);
3904
+ }
3905
+ .mobius-questionnaire--slide-back .mobius-section__transition-enter{
3906
+ transform:translateX(-100%);
3907
+ }
3908
+ .mobius-questionnaire--slide-back .mobius-section__transition-enter-active{
3909
+ transform:translateX(0);
3910
+ }
3911
+ .mobius-questionnaire--slide-back .mobius-section__transition-exit{
3912
+ transform:translateX(0);
3913
+ }
3914
+ .mobius-questionnaire--slide-back .mobius-section__transition-exit-active{
3915
+ transform:translateX(100%);
3916
+ }
3917
+ .mobius-section__transition-enter-active{
3918
+ transition:all 200ms ease-out;
3903
3919
  }
3904
- .mobius-question__help-button{
3905
- display:flex;
3906
- gap:var(--size-xs);
3920
+ .mobius-section__transition-exit-active{
3921
+ transition:all 200ms ease-in;
3922
+ }
3923
+ @media (prefers-reduced-motion: reduce){
3924
+ :is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-enter,:is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-exit-active,:is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-enter,:is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-exit-active{
3925
+ transform:none;
3926
+ opacity:0;
3927
+ }
3928
+
3929
+ :is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-enter-active,:is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-exit,:is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-enter-active,:is(.mobius-questionnaire--slide-next,.mobius-questionnaire--slide-back) .mobius-section__transition-exit{
3930
+ opacity:1;
3931
+ }
3907
3932
  }
3908
- .mobius-question__help-link-drawer .mobius-drawer__content{
3909
- color:var(--color-text-medium);
3910
- line-height:var(--line-height-normal);
3911
- }
3912
3933
  .mobius-insurers{
3913
3934
  margin-top:var(--size-lg);
3914
3935
  margin-bottom:var(--size-lg);
@@ -3975,6 +3996,23 @@ svg:not(:host).svg-inline--mobius-icon{
3975
3996
  background-image:url(data:image/webp;base64,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);
3976
3997
  width:78px;
3977
3998
  }
3999
+ .mobius-question__help-link{
4000
+ display:inline-flex;
4001
+ align-items:center;
4002
+ gap:var(--size-xxs);
4003
+ margin-bottom:var(--size-sm);
4004
+ -webkit-text-decoration:underline;
4005
+ text-decoration:underline;
4006
+ text-underline-offset:var(--size-xxs);
4007
+ }
4008
+ .mobius-question__help-button{
4009
+ display:flex;
4010
+ gap:var(--size-xs);
4011
+ }
4012
+ .mobius-question__help-link-drawer .mobius-drawer__content{
4013
+ color:var(--color-text-medium);
4014
+ line-height:var(--line-height-normal);
4015
+ }
3978
4016
  .mobius-question__label{
3979
4017
  display:block;
3980
4018
  font-size:var(--font-size-lead);
@@ -4086,65 +4124,6 @@ svg:not(:host).svg-inline--mobius-icon{
4086
4124
  width:100%;
4087
4125
  height:auto;
4088
4126
  }
4089
- .partial-quotes-referral__container{
4090
- display:grid;
4091
- grid-template-columns:1fr;
4092
- align-items:center;
4093
- justify-content:start;
4094
- text-align:left;
4095
- background:var(--color-background-highlight);
4096
- border-radius:var(--radius-2);
4097
- padding:var(--size-md);
4098
- margin-bottom:var(--size-lg);
4099
- }
4100
- .partial-quotes-referral__main{
4101
- display:grid;
4102
- grid-template-columns:1fr;
4103
- gap:var(--size-sm);
4104
- }
4105
- .partial-quotes-referral__main p{
4106
- margin:0;
4107
- }
4108
- .partial-quotes-referral__title{
4109
- font-weight:normal;
4110
- margin-top:0;
4111
- }
4112
- .partial-quotes-referral__insurer-panel{
4113
- display:grid;
4114
- grid-template-columns:repeat(auto-fit, minmax(96px, 1fr));
4115
- gap:var(--size-xs);
4116
- opacity:0.8;
4117
- }
4118
- .partial-quotes-referral__insurer-panel *{
4119
- justify-self:center;
4120
- }
4121
- .partial-quotes-referral-logo{
4122
- width:64px;
4123
- height:30px;
4124
- object-fit:contain;
4125
- object-position:center;
4126
- gap:var(--size-xs);
4127
- }
4128
- @media (min-width: 850px){
4129
- .partial-quotes-referral__main{
4130
- gap:var(--size-lg);
4131
- }
4132
-
4133
- .partial-quotes-referral__container-variant-b .partial-quotes-referral__main{
4134
- grid-template-columns:repeat(2, 1fr);
4135
- grid-template-rows:1fr;
4136
- }
4137
-
4138
- .partial-quotes-referral__insurer-panel{
4139
- grid-template-columns:repeat(auto-fit, minmax(128px, 1fr));
4140
- gap:var(--size-md);
4141
- }
4142
-
4143
- .partial-quotes-referral-logo{
4144
- width:128px;
4145
- height:60px;
4146
- }
4147
- }
4148
4127
  .mobius-no-quotes-card{
4149
4128
  margin:0;
4150
4129
  border:1px solid var(--color-border);
@@ -4205,15 +4184,64 @@ svg:not(:host).svg-inline--mobius-icon{
4205
4184
  height:60px;
4206
4185
  }
4207
4186
  }
4208
- .mobius-quote-card__cover{
4209
- color:var(--color-text-medium);
4210
- margin-top:var(--size-xs);
4211
- margin-bottom:var(--size-xs);
4212
- padding-left:var(--size-md);
4187
+ .partial-quotes-referral__container{
4188
+ display:grid;
4189
+ grid-template-columns:1fr;
4213
4190
  align-items:center;
4191
+ justify-content:start;
4192
+ text-align:left;
4193
+ background:var(--color-background-highlight);
4194
+ border-radius:var(--radius-2);
4195
+ padding:var(--size-md);
4196
+ margin-bottom:var(--size-lg);
4214
4197
  }
4215
- .mobius-quote-card__cover-amount{
4216
- color:var(--color-text);
4198
+ .partial-quotes-referral__main{
4199
+ display:grid;
4200
+ grid-template-columns:1fr;
4201
+ gap:var(--size-sm);
4202
+ }
4203
+ .partial-quotes-referral__main p{
4204
+ margin:0;
4205
+ }
4206
+ .partial-quotes-referral__title{
4207
+ font-weight:normal;
4208
+ margin-top:0;
4209
+ }
4210
+ .partial-quotes-referral__insurer-panel{
4211
+ display:grid;
4212
+ grid-template-columns:repeat(auto-fit, minmax(96px, 1fr));
4213
+ gap:var(--size-xs);
4214
+ opacity:0.8;
4215
+ }
4216
+ .partial-quotes-referral__insurer-panel *{
4217
+ justify-self:center;
4218
+ }
4219
+ .partial-quotes-referral-logo{
4220
+ width:64px;
4221
+ height:30px;
4222
+ object-fit:contain;
4223
+ object-position:center;
4224
+ gap:var(--size-xs);
4225
+ }
4226
+ @media (min-width: 850px){
4227
+ .partial-quotes-referral__main{
4228
+ gap:var(--size-lg);
4229
+ }
4230
+
4231
+ .partial-quotes-referral__container-variant-b .partial-quotes-referral__main{
4232
+ grid-template-columns:repeat(2, 1fr);
4233
+ grid-template-rows:1fr;
4234
+ }
4235
+
4236
+ .partial-quotes-referral__insurer-panel{
4237
+ grid-template-columns:repeat(auto-fit, minmax(128px, 1fr));
4238
+ gap:var(--size-md);
4239
+ }
4240
+
4241
+ .partial-quotes-referral-logo{
4242
+ width:128px;
4243
+ height:60px;
4244
+ }
4217
4245
  }
4218
4246
  .mobius-quote-card__coverage{
4219
4247
  flex-grow:1;
@@ -4243,6 +4271,7 @@ svg:not(:host).svg-inline--mobius-icon{
4243
4271
  .mobius-quote-card__coverage .mobius-quote-card__coverage-header-title{
4244
4272
  margin:0;
4245
4273
  font-size:var(--font-size-small-paragraph);
4274
+ flex-grow:1;
4246
4275
  }
4247
4276
  .--is-horizontal .mobius-quote-card__coverage{
4248
4277
  padding-top:0;
@@ -4392,28 +4421,110 @@ svg:not(:host).svg-inline--mobius-icon{
4392
4421
  }
4393
4422
  .mobius-quote-card__coverage-accordion{
4394
4423
  display:grid;
4395
- grid-gap:var(--size-sm);
4424
+ grid-gap:var(--size-sm);
4425
+ }
4426
+ .mobius-quote-card__coverage .mobius-quote-card__coverage-accordion .mobius-accordion__link{
4427
+ justify-content:left;
4428
+ }
4429
+ .mobius-quote-card__deductibles-title.--is-p{
4430
+ margin-top:4px;
4431
+ margin-bottom:0;
4432
+ padding-left:var(--size-md);
4433
+ font-size:var(--font-size-small-paragraph);
4434
+ font-weight:var(--font-weight-normal);
4435
+ line-height:var(--line-height-normal);
4436
+ }
4437
+ .mobius-quote-card__additional-insureds{
4438
+ margin-left:var(--size-md);
4439
+ padding:0.5rem;
4440
+ border-radius:0.25rem;
4441
+ background:var(--color-background-highlight);
4442
+ }
4443
+ .mobius-quote-card__additional-insureds p{
4444
+ margin:0;
4445
+ color:var(--color-text);
4446
+ }
4447
+ .mobius-quote-card__cover{
4448
+ color:var(--color-text-medium);
4449
+ margin-top:var(--size-xs);
4450
+ margin-bottom:var(--size-xs);
4451
+ padding-left:var(--size-md);
4452
+ align-items:center;
4453
+ }
4454
+ .mobius-quote-card__cover-amount{
4455
+ color:var(--color-text);
4456
+ margin-left:auto;
4457
+ }
4458
+ .mobius-quote-card__coverage.--is-grid{
4459
+ border-top:0;
4460
+ padding-top:0;
4461
+ margin-bottom:0;
4462
+ }
4463
+ .mobius-quote-card.--is-grid .mobius-accordion__link{
4464
+ align-self:center;
4465
+ margin-bottom:var(--size-sm);
4466
+ }
4467
+ .mobius-quote-card__coverage.--is-grid .mobius-quote-card__coverage-items{
4468
+ display:grid;
4469
+ grid-template-columns:auto 1fr auto;
4396
4470
  }
4397
- .mobius-quote-card__coverage .mobius-quote-card__coverage-accordion .mobius-accordion__link{
4398
- justify-content:left;
4471
+ .mobius-quote-card__coverage.--is-grid .mobius-quote-card__coverage-item{
4472
+ display:grid;
4473
+ grid-template-columns:subgrid;
4474
+ grid-column:1 / -1;
4475
+ align-items:center;
4476
+ gap:var(--size-sm);
4399
4477
  }
4400
- .mobius-quote-card__deductibles-title.--is-p{
4401
- margin-top:4px;
4402
- margin-bottom:0;
4403
- padding-left:var(--size-md);
4404
- font-size:var(--font-size-small-paragraph);
4405
- font-weight:var(--font-weight-normal);
4406
- line-height:var(--line-height-normal);
4478
+ .mobius-quote-card__coverage.--is-grid .mobius-quote-card__coverage-item-excess-link{
4479
+ font-size:var(--font-size-small-print);
4480
+ text-wrap:nowrap;
4407
4481
  }
4408
- .mobius-quote-card__additional-insureds{
4409
- margin-left:var(--size-md);
4410
- padding:0.5rem;
4411
- border-radius:0.25rem;
4412
- background:var(--color-background-highlight);
4482
+ @media (min-width: 850px){
4483
+ .mobius-quote-card__header.--is-grid{
4484
+ align-items:center;
4485
+ gap:var(--size-xs);
4486
+ padding-bottom:var(--size-sm);
4487
+ margin-bottom:0;
4488
+ }
4489
+
4490
+ .mobius-quote-card__header.--is-grid .header__underwriter-text{
4491
+ margin-top:0;
4492
+ margin-bottom:0;
4493
+ }
4494
+
4495
+ .mobius-quote-card__header.--is-grid .mobius-quote-card__header-logo{
4496
+ object-position:center;
4497
+ max-height:var(--size-xxl);
4498
+ }
4413
4499
  }
4414
- .mobius-quote-card__additional-insureds p{
4500
+ @media (min-width: 850px){
4501
+ .mobius-quote-card.--is-grid .mobius-quote-card__pricing-primary-amount{
4502
+ font-weight:var(--font-weight-normal);
4503
+ }
4504
+ }
4505
+ @media (min-width: 850px){
4506
+ .mobius-quote-card.--is-grid{
4507
+ padding:var(--size-sm) var(--size-sm) 0 var(--size-sm);
4508
+ grid-template-areas:"header" "pricing" "actions" "coverage";
4509
+ }
4510
+ }
4511
+ .mobius-quote-card__badges.--is-grid{
4512
+ padding-top:var(--size-md);
4513
+ }
4514
+ .mobius-quote-card__file-circle-plus{
4515
+ font-size:var(--font-size-small-print);
4516
+ padding-top:var(--size-sm);
4517
+ border-top:1px solid var(--color-border-light);
4518
+ margin-bottom:var(--size-sm);
4519
+ align-items:flex-start;
4520
+ }
4521
+ .mobius-quote-card__file-circle-plus .--is-small{
4415
4522
  margin:0;
4416
4523
  color:var(--color-text);
4524
+ font-size:var(--font-size-small-print);
4525
+ }
4526
+ .mobius-quote-card__file-circle-plus svg{
4527
+ margin-right:var(--size-xxs);
4417
4528
  }
4418
4529
  .mobius-quote-card__header{
4419
4530
  grid-area:header;
@@ -4667,7 +4778,7 @@ svg:not(:host).svg-inline--mobius-icon{
4667
4778
  .mobius-quote-actions__button{
4668
4779
  margin-top:1rem;
4669
4780
  flex:1 1 0;
4670
- height:40px;
4781
+ min-width:0;
4671
4782
  font-size:var(--font-size-regular);
4672
4783
  font-weight:var(--font-weight-bold);
4673
4784
  }
@@ -5088,21 +5199,6 @@ svg:not(:host).svg-inline--mobius-icon{
5088
5199
  .mobius-quote-card__tag svg{
5089
5200
  margin-right:var(--size-xxs);
5090
5201
  }
5091
- .mobius-quote-card__file-circle-plus{
5092
- font-size:var(--font-size-small-print);
5093
- padding-top:var(--size-sm);
5094
- border-top:1px solid var(--color-border-light);
5095
- margin-bottom:var(--size-sm);
5096
- align-items:flex-start;
5097
- }
5098
- .mobius-quote-card__file-circle-plus .--is-small{
5099
- margin:0;
5100
- color:var(--color-text);
5101
- font-size:var(--font-size-small-print);
5102
- }
5103
- .mobius-quote-card__file-circle-plus svg{
5104
- margin-right:var(--size-xxs);
5105
- }
5106
5202
  .mobius-quote-card__upsell-item{
5107
5203
  padding-left:var(--size-lg);
5108
5204
  font-family:var(--font-family);
@@ -5240,22 +5336,6 @@ svg:not(:host).svg-inline--mobius-icon{
5240
5336
  -webkit-text-decoration:underline;
5241
5337
  text-decoration:underline;
5242
5338
  }
5243
- .mobius-skip-to-next-coverage{
5244
- display:flex;
5245
- padding:26px 16px;
5246
- margin-bottom:10px;
5247
- flex-direction:column;
5248
- align-items:flex-start;
5249
- align-self:stretch;
5250
- border-radius:8px;
5251
- font-size:16px;
5252
- line-height:24px;
5253
- border:1px solid var(--color-border);
5254
- background-color:var(--color-background);
5255
- }
5256
- .mobius-skip_to_next_coverage__skeleton{
5257
- align-items:unset;
5258
- }
5259
5339
  .mobius-referral{
5260
5340
  display:grid;
5261
5341
  column-gap:var(--size-xl);
@@ -5389,103 +5469,6 @@ svg:not(:host).svg-inline--mobius-icon{
5389
5469
  .mobius-payment-toggle__text.--yearly{
5390
5470
  color:var(--color-primary);
5391
5471
  }
5392
- .mobius-sticky-footer{
5393
- box-sizing:border-box;
5394
- position:fixed;
5395
- bottom:0;
5396
- width:100%;
5397
- box-shadow:0 -2px 5px rgba(0, 0, 0, 0.1);
5398
- padding:20px 0;
5399
- background-color:var(--color-background-highlight);
5400
- display:grid;
5401
- grid-auto-flow:column;
5402
- justify-content:center;
5403
- align-items:center;
5404
- gap:42px;
5405
- }
5406
- .mobius-sticky-footer--hidden{
5407
- opacity:0;
5408
- transition:opacity;
5409
- transition-delay:6s;
5410
- transition-duration:1s;
5411
- pointer-events:none;
5412
- }
5413
- .mobius-sticky-footer__content{
5414
- display:flex;
5415
- color:var(--color-primary);
5416
- gap:var(--size-xs);
5417
- }
5418
- .mobius-sticky-footer__content > .mobius-text{
5419
- margin:0;
5420
- }
5421
- .mobius-sticky-footer__button{
5422
- border-radius:100px;
5423
- display:grid;
5424
- grid-auto-flow:column;
5425
- align-items:center;
5426
- gap:var(--size-xs);
5427
- font-weight:var(--font-weight-normal);
5428
- }
5429
- .mobius-sticky-footer__button > svg{
5430
- height:var(--size-md);
5431
- width:var(--size-md);
5432
- }
5433
- .mobius-sticky-footer__explain{
5434
- color:var(--color-primary);
5435
- font-weight:var(--font-weight-normal);
5436
- text-align:center;
5437
- font-size:var(--font-size-2);
5438
- line-height:var(--line-height-normal);
5439
- }
5440
- .mobius-sticky-footer__explain-headline{
5441
- font-size:var(--font-size-3);
5442
- line-height:var(--line-height-normal);
5443
- display:block;
5444
- }
5445
- @media (max-width: 768px){
5446
- .mobius-sticky-footer{
5447
- padding:16px;
5448
- }
5449
-
5450
- .mobius-sticky-footer__content > .mobius-text{
5451
- font-size:var(--font-size-3);
5452
- line-height:var(--line-height-normal);
5453
- }
5454
-
5455
- .mobius-sticky-footer__explain{
5456
- text-align:left;
5457
- }
5458
-
5459
- .mobius-sticky-footer__explain-headline{
5460
- font-size:var(--font-size-2);
5461
- line-height:var(--line-height-normal);
5462
- }
5463
- }
5464
- .mobius-agent-referral-container{
5465
- display:grid;
5466
- grid-template-columns:1fr;
5467
- align-items:start;
5468
- gap:var(--size-md);
5469
- }
5470
- @media (min-width: 640px){
5471
- .mobius-agent-referral-container{
5472
- grid-template-columns:1fr auto;
5473
- }
5474
- }
5475
- .mobius-page__container{
5476
- display:flex;
5477
- flex-direction:column;
5478
- height:100%;
5479
- min-height:100vh;
5480
- }
5481
- .mobius-page__main{
5482
- flex:1;
5483
- padding-top:0;
5484
- padding-bottom:calc(var(--size-lg) + var(--size-xxl));
5485
- padding-left:var(--size-sm);
5486
- padding-right:var(--size-sm);
5487
- transition:height 1s;
5488
- }
5489
5472
  .mobius-pre-qcp__additional-rfq-body{
5490
5473
  display:grid;
5491
5474
  grid-template-columns:1fr;
@@ -5536,6 +5519,47 @@ svg:not(:host).svg-inline--mobius-icon{
5536
5519
  line-height:var(--font-size-4);
5537
5520
  border-left:var(--size-xxs) solid var(--color-info);
5538
5521
  }
5522
+ .mobius-skip-to-next-coverage{
5523
+ display:flex;
5524
+ padding:26px 16px;
5525
+ margin-bottom:10px;
5526
+ flex-direction:column;
5527
+ align-items:flex-start;
5528
+ align-self:stretch;
5529
+ border-radius:8px;
5530
+ font-size:16px;
5531
+ line-height:24px;
5532
+ border:1px solid var(--color-border);
5533
+ background-color:var(--color-background);
5534
+ }
5535
+ .mobius-skip_to_next_coverage__skeleton{
5536
+ align-items:unset;
5537
+ }
5538
+ .mobius-agent-referral-container{
5539
+ display:grid;
5540
+ grid-template-columns:1fr;
5541
+ align-items:start;
5542
+ gap:var(--size-md);
5543
+ }
5544
+ @media (min-width: 640px){
5545
+ .mobius-agent-referral-container{
5546
+ grid-template-columns:1fr auto;
5547
+ }
5548
+ }
5549
+ .mobius-page__container{
5550
+ display:flex;
5551
+ flex-direction:column;
5552
+ height:100%;
5553
+ min-height:100vh;
5554
+ }
5555
+ .mobius-page__main{
5556
+ flex:1;
5557
+ padding-top:0;
5558
+ padding-bottom:calc(var(--size-lg) + var(--size-xxl));
5559
+ padding-left:var(--size-sm);
5560
+ padding-right:var(--size-sm);
5561
+ transition:height 1s;
5562
+ }
5539
5563
  .mobius-payment-summary__styled-div{
5540
5564
  display:grid;
5541
5565
  row-gap:var(--size-sm);
@@ -6054,9 +6078,9 @@ svg:not(:host).svg-inline--mobius-icon{
6054
6078
  min-width:var(--size-xxl);
6055
6079
  transition:none;
6056
6080
  border-top-left-radius:0;
6057
- border-top-right-radius:var(--radius-1);
6081
+ border-top-right-radius:var(--input-border-radius);
6058
6082
  border-bottom-left-radius:0;
6059
- border-bottom-right-radius:var(--radius-1);
6083
+ border-bottom-right-radius:var(--input-border-radius);
6060
6084
  }
6061
6085
  .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),.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){
6062
6086
  background-color:var(--color-primary-hover);
@@ -6073,7 +6097,7 @@ svg:not(:host).svg-inline--mobius-icon{
6073
6097
  min-width:280px;
6074
6098
  background-color:var(--color-background-light);
6075
6099
  border:var(--border-default);
6076
- border-radius:var(--radius-1);
6100
+ border-radius:var(--input-border-radius);
6077
6101
  background-color:var(--color-background-light);
6078
6102
  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);
6079
6103
  }
@@ -6134,8 +6158,11 @@ svg:not(:host).svg-inline--mobius-icon{
6134
6158
  }
6135
6159
  .mobius-date-picker__month-grid{
6136
6160
  width:100%;
6161
+ overflow:hidden;
6137
6162
  border-collapse:collapse;
6138
6163
  border-spacing:0;
6164
+ border-bottom-left-radius:var(--input-border-radius);
6165
+ border-bottom-right-radius:var(--input-border-radius);
6139
6166
  }
6140
6167
  .mobius-date-picker__weekday{
6141
6168
  color:var(--color-text-medium);
@@ -6217,6 +6244,14 @@ svg:not(:host).svg-inline--mobius-icon{
6217
6244
  width:60px;
6218
6245
  height:60px;
6219
6246
  }
6247
+ .mobius-interventions__trade-based-msm-logo{
6248
+ background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 1020.58 127.65%22 width%3D%22250px%22%3E %3Cdefs%3E %3Cpath id%3D%22a%22 d%3D%22M1020.58 20.69v15.76h-14.88v89.08h-18.95V36.45H971.7V20.69h48.88zm-879.22 13.1c2.06 4.84 3.1 10.98 3.1 18.42v41.26c0 7.44-1.04 13.7-3.1 18.77-2.07 5.08-5.2 8.92-9.39 11.51-4.19 2.6-9.42 3.9-15.67 3.9-6.02 0-11.13-1.3-15.32-3.9-4.19-2.6-7.38-6.4-9.56-11.42-2.19-5.02-3.28-11.3-3.28-18.86V52.21c0-7.32 1.09-13.43 3.28-18.33 2.18-4.9 5.43-8.68 9.74-11.33 4.31-2.66 9.36-3.98 15.14-3.98 6.26 0 11.48 1.33 15.67 3.98 4.2 2.65 7.33 6.4 9.39 11.24zm-15.49 15.23c0-3.19-.35-5.81-1.06-7.88-.71-2.06-1.74-3.66-3.1-4.78s-3.16-1.68-5.4-1.68c-2.01 0-3.66.56-4.96 1.68-1.3 1.12-2.33 2.72-3.1 4.78-.77 2.07-1.15 4.69-1.15 7.88v47.82c0 3.43.38 6.17 1.15 8.23.77 2.07 1.8 3.6 3.1 4.61 1.3 1 2.95 1.5 4.96 1.5 2.24 0 4.01-.5 5.31-1.5 1.3-1 2.33-2.54 3.1-4.61.77-2.06 1.15-4.81 1.15-8.23V49.02zm794.17 76.51h43.39v-16.47h-24.44V79.31h22.14V63.72h-22.14v-27.1h24.44V20.69h-43.39v104.84zM191.52 71.69l-.08 8.66-17.81-59.66h-20.01v104.84h18.24V66.67l17.71 58.86h20.01V20.69h-18.24l.18 51zm321.07-40.38c2.06 3.78 3.1 8.62 3.1 14.52V67.8c0 6.02-1 10.98-3.01 14.88-2.01 3.9-4.84 6.7-8.5 8.41s-8.09 2.57-13.28 2.57h-9.39v31.88h-18.77V20.69h27.63c5.19 0 9.68.83 13.46 2.48 3.77 1.65 6.69 4.37 8.76 8.14zm-15.85 14.17c0-2.71-.71-4.9-2.13-6.55-1.42-1.65-3.78-2.48-7.08-2.48h-6.02v40.91h6.02c3.3 0 5.67-.8 7.08-2.39 1.42-1.59 2.13-3.92 2.13-7V45.48zm-277.59 80.05h43.39v-16.47H238.1V79.31h22.14V63.72H238.1v-27.1h24.44V20.69h-43.39v104.84zm305.7 0h43.39v-16.47H543.8V79.31h22.14V63.72H543.8v-27.1h24.44V20.69h-43.39v104.84zM914.02 20.69h-21.07l-18.59 49.13V20.87h-18.59v104.66h18.59V99.2l8.28-12.82 12.27 39.15h20.9l-20.88-59.37 19.09-45.47zM297.14 74.35l-9.12-53.66h-19.48l19.13 75.97v28.87h18.77V96.66l19.48-75.97h-19.13l-9.65 53.66zm473.25-53.48l16.82 104.66h-19.13l-2.43-18.06h-19.02l-2.46 18.06H725.4l16.65-104.66h28.34zm-6.89 70.48l-6.92-51.53h-.71l-7.03 51.53h14.66zm-328.92 8.32c0 2.6-.3 4.72-.89 6.38-.59 1.66-1.51 2.92-2.74 3.81-1.24.89-2.74 1.33-4.52 1.33-2.36 0-4.1-.44-5.22-1.33-1.12-.89-1.98-2.15-2.57-3.81-.59-1.65-.89-3.78-.89-6.38V20.69H398.8v76.86c0 6.73 1 12.31 3.01 16.74 2.01 4.43 5.02 7.76 9.03 10.01 4.01 2.24 9.21 3.36 15.58 3.36 6.02 0 11.01-1.18 14.96-3.54 3.95-2.36 6.91-5.72 8.85-10.09 1.95-4.37 2.92-9.86 2.92-16.47V20.69h-18.59v78.98zm411.61-55.25v16.12c0 5.31-1.15 9.74-3.45 13.28a20.775 20.775 0 01-5.61 5.76l-.06-.02c.74.49 1.46 1.01 2.13 1.58 4.66 3.96 7 9.89 7 17.8v26.59h-18.95V92.59c0-2.36-.65-4.28-1.95-5.76-1.3-1.47-3.43-2.21-6.38-2.21h-6.91v40.91h-18.77V20.69h26.92c8.03 0 14.37 1.98 19.04 5.93 4.66 3.96 6.99 9.89 6.99 17.8zm-27.27 25.15c2.95 0 5.07-.74 6.38-2.21 1.3-1.47 1.95-3.51 1.95-6.11V44.42c0-2.36-.65-4.28-1.95-5.76-1.3-1.47-3.43-2.21-6.38-2.21h-6.91v33.12h6.91zM630.75 44.42v16.12c0 5.31-1.15 9.74-3.45 13.28a20.775 20.775 0 01-5.61 5.76l-.06-.02c.74.49 1.46 1.01 2.13 1.58 4.66 3.96 7 9.89 7 17.8v26.59H611.8V92.59c0-2.36-.65-4.28-1.95-5.76-1.3-1.47-3.43-2.21-6.38-2.21h-6.91v40.91H577.8V20.69h26.92c8.03 0 14.37 1.98 19.04 5.93 4.66 3.96 6.99 9.89 6.99 17.8zm-27.27 25.15c2.95 0 5.07-.74 6.38-2.21 1.3-1.47 1.95-3.51 1.95-6.11V44.42c0-2.36-.65-4.28-1.95-5.76-1.3-1.47-3.43-2.21-6.38-2.21h-6.91v33.12h6.91zm-563.99-7.1L24.9 1.95H0v123.58h19.3l-1.59-87.45 21.78 78.54 21.78-78.54-1.59 87.45h19.3V1.95h-24.9L39.49 62.47zm339.52-1.12c-3.48-2.83-21.02-11.83-22.49-12.84-1.48-1-2.69-2.36-3.63-4.07-.95-1.71-1.48-3.92-1.59-6.64V25.32c0-1.53.35-2.92 1.06-4.16a8.416 8.416 0 012.92-3.01c1.24-.77 2.92-1.15 5.05-1.15 3.78 0 6.43 1.09 7.97 3.28 1.53 2.19 2.3 5.17 2.3 8.94v11.23h18.42V29.22c0-9.21-2.45-16.38-7.35-21.52-4.9-5.14-12.01-7.7-21.34-7.7-5.79 0-10.8.97-15.05 2.92s-7.53 4.9-9.83 8.85c-2.3 3.96-3.45 8.47-3.45 13.55v12.47c0 5.31.74 9.71 2.21 13.19 1.48 3.48 3.6 6.44 6.38 8.85 2.77 2.42 21.78 12.4 23.73 13.64 1.95 1.24 3.42 2.86 4.43 4.87 1 2.01 1.51 4.72 1.51 8.15v13.71c0 3.07-.8 5.58-2.39 7.53-1.59 1.95-3.98 2.92-7.17 2.92-2.72 0-4.87-.59-6.46-1.77-1.59-1.18-2.75-2.77-3.45-4.78-.71-2.01-1.06-4.13-1.06-6.38V85.25h-18.95v12.47c0 6.49 1.12 11.98 3.36 16.47 2.24 4.49 5.61 7.85 10.09 10.09 4.49 2.24 9.98 3.36 16.47 3.36 5.55 0 10.63-1.12 15.23-3.36 4.6-2.24 8.03-5.37 10.27-9.39 2.24-4.01 3.36-8.74 3.36-14.17v-14.6c0-5.67-.89-10.51-2.66-14.52-1.78-3.99-4.41-7.42-7.89-10.25zm300.9 1.12l-14.6-60.52h-24.9v123.58h19.3l-1.59-87.45 21.78 78.54 21.78-78.54-1.59 87.45h19.3V1.95h-24.9l-14.58 60.52z%22%2F%3E %3C%2Fdefs%3E %3CradialGradient id%3D%22b%22 cx%3D%22504.947%22 cy%3D%2263.826%22 r%3D%22500.402%22 gradientUnits%3D%22userSpaceOnUse%22%3E %3Cstop offset%3D%220%22 stop-color%3D%22%23604389%22%2F%3E %3Cstop offset%3D%22.999%22 stop-color%3D%22%23491770%22%2F%3E %3C%2FradialGradient%3E %3Cuse xlink%3Ahref%3D%22%23a%22 overflow%3D%22visible%22 fill%3D%22url%28%23b%29%22%2F%3E%3C%2Fsvg%3E");
6249
+ background-position:left center;
6250
+ background-repeat:no-repeat;
6251
+ background-size:contain;
6252
+ height:100%;
6253
+ width:230px;
6254
+ }
6220
6255
  .mobius-interventions__trade-based-bulb{
6221
6256
  width:30px;
6222
6257
  height:30px;
@@ -6274,6 +6309,13 @@ svg:not(:host).svg-inline--mobius-icon{
6274
6309
  margin:0;
6275
6310
  text-wrap:stable;
6276
6311
  }
6312
+ .mobius-interventions__trade-based-text-msm{
6313
+ font-size:20px;
6314
+ line-height:1.4;
6315
+ margin:0;
6316
+ text-wrap:stable;
6317
+ color:rgb(75,60,89);
6318
+ }
6277
6319
  .mobius-interventions__trade-based-text-fineprint{
6278
6320
  color:#5d5d60;
6279
6321
  line-height:16px;
@@ -6286,6 +6328,13 @@ svg:not(:host).svg-inline--mobius-icon{
6286
6328
  .mobius-interventions__trade-based-close-button{
6287
6329
  margin-top:5%;
6288
6330
  }
6331
+ .mobius-interventions__trade-based-close-button-msm{
6332
+ margin-top:5%;
6333
+ color:rgb(75,60,89);
6334
+ }
6335
+ .mobius-interventions__trade-based-close-button-msm:hover{
6336
+ color:white;
6337
+ }
6289
6338
  .mobius-interventions__trade-based-cta-button{
6290
6339
  margin-top:10%;
6291
6340
  font-weight:var(--font-weight-normal);
@@ -6318,10 +6367,15 @@ svg:not(:host).svg-inline--mobius-icon{
6318
6367
  .mobius-interventions__trade-based-cta-button{
6319
6368
  margin-top:0%;
6320
6369
  }
6321
-
6370
+
6322
6371
  .mobius-interventions__trade-based-box-msm{
6323
6372
  max-width:none;
6324
6373
  }
6374
+
6375
+ .mobius-interventions__trade-based-msm-logo{
6376
+ height:100%;
6377
+ width:200px;
6378
+ }
6325
6379
  }
6326
6380
  .mobius-interventions__coverage-diagnosis-cover-display-cta{
6327
6381
  display:flex;
@@ -7121,7 +7175,7 @@ svg:not(:host).svg-inline--mobius-icon{
7121
7175
  gap:var(--size-xs);
7122
7176
  }
7123
7177
  .mobius-chatbot__submit-button.mobius-button{
7124
- border-radius:var(--radius-1);
7178
+ border-radius:var(--button-border-radius);
7125
7179
  }
7126
7180
  .mobius-chatbot__copyright{
7127
7181
  display:flex;
@@ -7226,6 +7280,21 @@ svg:not(:host).svg-inline--mobius-icon{
7226
7280
  }
7227
7281
  :root,
7228
7282
  :host{
7283
+ --date-picker-day-size:38px;
7284
+ --header-border-color:transparent;
7285
+ --header-logo: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");
7286
+ --header-background-color:var(--color-background);
7287
+ --header-text-color:var(--color-text);
7288
+ --header-link-color:var(--color-secondary);
7289
+ --header-phone-icon-color:var(--color-secondary);
7290
+ --header-powered-by-icon-color:var(--color-text-medium);
7291
+ --progress-steps-shape-size:44px;
7292
+ --progress-steps-primary-color:var(--color-primary-hover);
7293
+ --progress-steps-secondary-color:var(--color-background-light);
7294
+ --progress-steps-tertiary-color:var(--color-primary-hover);
7295
+ --progress-steps-incomplete-number-text-color:var(--color-text-medium);
7296
+ --section-max-width:552px;
7297
+ --questionnaire-list-icon:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22448%22 height%3D%22512%22 viewbox%3D%220 0 24 24%22%3E %3Cpath d%3D%22M448 130L431 147 177.5 399.2l-16.9 16.9-16.9-16.9L17 273.1 0 256.2l33.9-34 17 16.9L160.6 348.3 397.1 112.9l17-16.9L448 130z%22 fill%3D%22%23e943c9%22 %2F%3E%3C%2Fsvg%3E");
7229
7298
  }
7230
7299
  html,
7231
7300
  body{