@simplybusiness/theme-simplybusiness 1.19.25 → 1.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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);
@@ -566,7 +564,7 @@ a.mobius-button:focus-visible,
566
564
  :host,
567
565
  ::backdrop{
568
566
  --drawer-transition-duration:0;
569
- --color-neutral-700:#18181d;
567
+ --backdrop-color:#18181d;
570
568
  }
571
569
  @media (prefers-reduced-motion: no-preference){
572
570
  :root,
@@ -596,7 +594,7 @@ a.mobius-button:focus-visible,
596
594
  outline:none;
597
595
  }
598
596
  .mobius-drawer::backdrop{
599
- background-color:var(--color-neutral-700);
597
+ background-color:var(--backdrop-color);
600
598
  opacity:0;
601
599
  transition:opacity var(--drawer-transition-duration) ease-in-out;
602
600
  }
@@ -606,7 +604,7 @@ a.mobius-button:focus-visible,
606
604
  right:0;
607
605
  bottom:0;
608
606
  left:0;
609
- background-color:var(--color-neutral-700);
607
+ background-color:var(--backdrop-color);
610
608
  opacity:0.3;
611
609
  }
612
610
  :is(.mobius-drawer + .backdrop) + ._dialog_overlay{
@@ -627,9 +625,9 @@ a.mobius-button:focus-visible,
627
625
  @supports (height: 100dvh){
628
626
 
629
627
  .mobius-drawer.--top,.mobius-drawer.--bottom{
630
- height:100dvh;
631
- max-height:100dvh;
632
- padding-bottom:0;
628
+ height:100dvh;
629
+ max-height:100dvh;
630
+ padding-bottom:0;
633
631
  }
634
632
  }
635
633
  .mobius-drawer.--left,.mobius-drawer.--right{
@@ -648,7 +646,7 @@ a.mobius-button:focus-visible,
648
646
  max-height:100dvh;
649
647
  padding-bottom:0;
650
648
  }
651
- }
649
+ }
652
650
  .mobius-drawer:not(.--should-transition){
653
651
  display:none;
654
652
  }
@@ -940,7 +938,7 @@ a.mobius-button:focus-visible,
940
938
  :host,
941
939
  ::backdrop{
942
940
  --modal-transition-duration:0;
943
- --color-neutral-700:#18181d;
941
+ --backdrop-color:#18181d;
944
942
  }
945
943
  @media (prefers-reduced-motion: no-preference){
946
944
  :root,
@@ -975,7 +973,7 @@ a.mobius-button:focus-visible,
975
973
  outline:none;
976
974
  }
977
975
  .mobius-modal::backdrop{
978
- background-color:var(--color-neutral-700);
976
+ background-color:var(--backdrop-color);
979
977
  opacity:0;
980
978
  transition:opacity var(--modal-transition-duration) ease-in-out;
981
979
  }
@@ -985,7 +983,7 @@ a.mobius-button:focus-visible,
985
983
  right:0;
986
984
  bottom:0;
987
985
  left:0;
988
- background-color:var(--color-neutral-700);
986
+ background-color:var(--backdrop-color);
989
987
  opacity:0.3;
990
988
  }
991
989
  :is(.mobius-modal + .backdrop) + ._dialog_overlay{
@@ -1687,7 +1685,7 @@ a.mobius-button:focus-visible,
1687
1685
  }
1688
1686
  :root,
1689
1687
  :host{
1690
- --transition-duration:0.15s;
1688
+ --switch-transition-duration:0.15s;
1691
1689
  }
1692
1690
  .mobius-switch{
1693
1691
  position:relative;
@@ -1713,7 +1711,7 @@ a.mobius-button:focus-visible,
1713
1711
  right:0;
1714
1712
  bottom:0;
1715
1713
  background-color:var(--color-border);
1716
- transition:var(--transition-duration);
1714
+ transition:var(--switch-transition-duration);
1717
1715
  }
1718
1716
  .mobius-switch__slider:before{
1719
1717
  position:absolute;
@@ -1724,7 +1722,7 @@ a.mobius-button:focus-visible,
1724
1722
  left:3px;
1725
1723
  bottom:2px;
1726
1724
  background-color:var(--color-background);
1727
- transition:var(--transition-duration);
1725
+ transition:var(--switch-transition-duration);
1728
1726
  }
1729
1727
  .mobius-switch--checked .mobius-switch__slider{
1730
1728
  background-color:var(--color-primary);
@@ -2473,10 +2471,6 @@ svg:not(:host).svg-inline--mobius-icon{
2473
2471
  --color-focus:var(--color-bubblegum-500);
2474
2472
  --color-accent:var(--color-bubblegum-500);
2475
2473
  --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
2474
  --color-background:var(--color-neutral-100);
2481
2475
  --color-background-light:var(--color-neutral-200);
2482
2476
  --color-background-medium:var(--color-neutral-500);
@@ -2531,10 +2525,42 @@ svg:not(:host).svg-inline--mobius-icon{
2531
2525
  --radius-1:4px;
2532
2526
  --radius-2:8px;
2533
2527
  --transition-standard:160ms ease-in-out;
2528
+ --button-primary-color:var(--color-primary);
2529
+ --button-primary-content-color:var(--color-text-inverted);
2530
+ --button-primary-hover-color:var(--color-primary-hover);
2531
+ --button-secondary-color:var(--color-secondary);
2532
+ --button-secondary-hover-color:var(--color-secondary-hover);
2533
+ --button-border-radius:var(--radius-1);
2534
+ --button-padding-sm:10px var(--size-sm);
2535
+ --button-padding-md:14px var(--size-md);
2536
+ --button-padding-lg:14px var(--size-md);
2537
+ --button-gap:var(--size-xs);
2538
+ --button-primary-font-variation:normal;
2539
+ --color-text:var(--color-neutral-700);
2540
+ --color-text-medium:var(--color-neutral-500);
2541
+ --color-text-light:var(--color-neutral-300);
2542
+ --color-text-inverted:var(--color-neutral-100);
2543
+ --combobox-border-color:#cccccc;
2544
+ --combobox-group-color:var(--color-text);
2545
+ --combobox-group-background-color:#dad6f7;
2546
+ --combobox-selected-background-color:var(--color-primary);
2547
+ --listbox-height:min-content;
2548
+ --listbox-max-height:350px;
2549
+ --listbox-max-height-mobile:240px;
2550
+ --listbox-gap:4px;
2551
+ --option-padding:var(--size-xs) var(--size-lg);
2552
+ --drawer-transition-duration:200ms;
2553
+ --modal-transition-duration:0;
2554
+ --backdrop-color:#18181d;
2555
+ --label-font-weight:var(--font-weight-bold);
2556
+ --label-font-variation-settings:normal;
2534
2557
  --input-field-padding:17px var(--size-sm);
2535
2558
  --input-field-padding-tight:14px var(--size-sm);
2536
2559
  --border-default:var(--size-border-width) solid var(--color-primary-light);
2537
2560
  --box-shadow-default:0 0 0 var(--size-focus-ring) var(--color-focus);
2561
+ --text-input-max-width:none;
2562
+ --number-input-max-width:none;
2563
+ --select-wrapper-max-width:none;
2538
2564
  --popover-max-width:260px;
2539
2565
  --popover-z-index:2147483647;
2540
2566
  --color-background-popover:var(--color-azure-700);
@@ -2544,6 +2570,11 @@ svg:not(:host).svg-inline--mobius-icon{
2544
2570
  --slider-secondary-track-background:var(--color-accent-lighter);
2545
2571
  --slider-secondary-thumb-background:var(--color-accent);
2546
2572
  --thumb-size:20px;
2573
+ --dropdown-menu-max-width:200px;
2574
+ --segment-border:var(--size-border-width) solid var(--color-border-light);
2575
+ --switch-transition-duration:150ms;
2576
+ --table-border-width:1px;
2577
+ --title-decorator-width:8px;
2547
2578
  }
2548
2579
  :root{
2549
2580
  --color-pulse:var(--color-focus);
@@ -2566,175 +2597,6 @@ svg:not(:host).svg-inline--mobius-icon{
2566
2597
  .mobius *,.mobius *::before,.mobius *::after{
2567
2598
  box-sizing:border-box;
2568
2599
  }
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
2600
  .mobius-agent-actions{
2739
2601
  display:grid;
2740
2602
  align-items:center;
@@ -2819,6 +2681,36 @@ svg:not(:host).svg-inline--mobius-icon{
2819
2681
  .mobius-agent-resources .mobius-link-button{
2820
2682
  text-align:center;
2821
2683
  }
2684
+ .mobius-coverage-summary__list{
2685
+ margin-bottom:var(--size-md);
2686
+ }
2687
+ .mobius-payment-summary{
2688
+ border:1px solid var(--color-border);
2689
+ }
2690
+ .mobius-payment-summary .mobius-segment{
2691
+ border-top:1px solid var(--color-border);
2692
+ }
2693
+ .mobius-payment-summary .mobius-flex{
2694
+ width:100%;
2695
+ }
2696
+ .mobius-payment-summary__total strong{
2697
+ font-size:var(--font-size-lead);
2698
+ }
2699
+ :is(.mobius-quote-summary .mobius-payment-info__multi-product-text) strong{
2700
+ font-size:var(--font-size-lead);
2701
+ }
2702
+ .mobius-quote-summary .mobius-quote-card__coverage{
2703
+ border-right:none;
2704
+ border-top:1px solid var(--color-border-light);
2705
+ margin:var(--size-md) 0 var(--size-sm);
2706
+ padding-right:0;
2707
+ padding-top:var(--size-sm);
2708
+ }
2709
+ .mobius-quote-summary .mobius-quote-card__modal-trigger{
2710
+ background:transparent;
2711
+ font-weight:var(--font-weight-normal);
2712
+ padding:0;
2713
+ }
2822
2714
  .mobius-cover-toggles-container__outer.--is-payment-aside{
2823
2715
  display:grid;
2824
2716
  grid-template-columns:1fr;
@@ -2847,36 +2739,52 @@ svg:not(:host).svg-inline--mobius-icon{
2847
2739
  grid-template-columns:1fr auto;
2848
2740
  }
2849
2741
  }
2850
- .mobius-coverage-summary__list{
2851
- margin-bottom:var(--size-md);
2742
+ .mobius-layout-toggle{
2743
+ display:none;
2744
+ width:100%;
2852
2745
  }
2853
- .mobius-payment-summary{
2854
- border:1px solid var(--color-border);
2746
+ @media (min-width: 1024px){
2747
+ .mobius-layout-toggle{
2748
+ display:grid;
2749
+ width:unset;
2750
+ grid-template-columns:repeat(3, min-content);
2751
+ height:100%;
2752
+ align-items:center;
2753
+ gap:var(--size-sm);
2855
2754
  }
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
2755
  }
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);
2756
+ .mobius-layout-toggle__divider{
2757
+ height:var(--size-lg);
2758
+ width:1px;
2759
+ box-shadow:-1px 0 0 0 var(--color-primary);
2760
+ }
2761
+ .mobius-layout-toggle__item{
2762
+ display:grid;
2763
+ grid-template-columns:2fr 1fr;
2764
+ gap:var(--size-sm);
2765
+ align-items:center;
2878
2766
  padding:0;
2879
- }
2767
+ border:0;
2768
+ -webkit-text-decoration:none;
2769
+ text-decoration:none;
2770
+ }
2771
+ .mobius-layout-toggle__item .mobius-text{
2772
+ margin:0;
2773
+ text-wrap:nowrap;
2774
+ transition:color var(--transition-standard);
2775
+ }
2776
+ .mobius-layout-toggle__item .mobius-icon{
2777
+ opacity:0.2;
2778
+ transition:opacity var(--transition-standard);
2779
+ }
2780
+ .mobius-layout-toggle__item--active .mobius-text{
2781
+ color:var(--color-primary);
2782
+ -webkit-text-decoration:underline;
2783
+ text-decoration:underline;
2784
+ }
2785
+ .mobius-layout-toggle__item--active .mobius-icon{
2786
+ opacity:1;
2787
+ }
2880
2788
  .error-boundary__container{
2881
2789
  display:flex;
2882
2790
  flex-direction:column;
@@ -3081,42 +2989,137 @@ svg:not(:host).svg-inline--mobius-icon{
3081
2989
  text-decoration:underline;
3082
2990
  color:var(--color-text-inverted);
3083
2991
  }
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);
3093
- }
3094
- .mobius-header{
3095
- border-bottom:var(--size-border-width) solid var(--header-border-color);
2992
+ .mobius-sticky-footer{
2993
+ box-sizing:border-box;
2994
+ position:fixed;
2995
+ bottom:0;
2996
+ width:100%;
2997
+ box-shadow:0 -2px 5px rgba(0, 0, 0, 0.1);
2998
+ padding:20px 0;
2999
+ background-color:var(--color-background-highlight);
3000
+ display:grid;
3001
+ grid-auto-flow:column;
3002
+ justify-content:center;
3003
+ align-items:center;
3004
+ gap:var(--size-sm);
3005
+ transform:translateY(0);
3006
+ transition:transform 0.5s ease-out;
3007
+ z-index:50;
3096
3008
  }
3097
- .mobius-header__container{
3098
- background-color:var(--header-background-color);
3099
- padding:var(--size-sm);
3009
+ .mobius-sticky-footer--hidden{
3010
+ pointer-events:none;
3011
+ transform:translateY(100%);
3100
3012
  }
3101
- .mobius-header__content{
3013
+ .mobius-sticky-footer__content{
3102
3014
  display:flex;
3103
- align-items:center;
3104
- justify-content:space-between;
3015
+ color:var(--color-azure-600);
3105
3016
  gap:var(--size-xs);
3106
3017
  }
3107
- .mobius-header__logo{
3108
- display:block;
3109
- background-image:var(--header-logo);
3110
- background-size:contain;
3111
- background-repeat:no-repeat;
3112
- background-position:left center;
3113
- width:115px;
3114
- height:32px;
3115
- text-indent:-999px;
3018
+ .mobius-sticky-footer__content > .mobius-text{
3019
+ margin:0;
3116
3020
  }
3117
- @media screen and (min-width: 641px){
3118
- .mobius-header__logo{
3119
- width:146px;
3021
+ .mobius-sticky-footer__content .mobile-text{
3022
+ display:none;
3023
+ }
3024
+ .mobius-sticky-footer__button{
3025
+ border-radius:100px;
3026
+ display:grid;
3027
+ grid-auto-flow:column;
3028
+ align-items:center;
3029
+ gap:var(--size-xs);
3030
+ font-weight:var(--font-weight-normal);
3031
+ background-color:#fff;
3032
+ color:var(--color-azure-500);
3033
+ font-weight:var(--font-weight-bold);
3034
+ border:1px solid var(--color-azure-500);
3035
+ font-size:var(--font-size-3);
3036
+ }
3037
+ .mobius-sticky-footer__button:hover{
3038
+ background-color:var(--color-primary-hover);
3039
+ border-color:var(--color-primary-hover);
3040
+ color:#fff;
3041
+ }
3042
+ .mobius-sticky-footer__button > svg{
3043
+ height:var(--size-md);
3044
+ width:var(--size-md);
3045
+ }
3046
+ .mobius-sticky-footer__explain{
3047
+ color:var(--color-primary);
3048
+ font-weight:var(--font-weight-normal);
3049
+ text-align:center;
3050
+ font-size:var(--font-size-2);
3051
+ line-height:var(--line-height-normal);
3052
+ }
3053
+ .mobius-sticky-footer__explain-headline{
3054
+ font-size:var(--font-size-3);
3055
+ line-height:var(--line-height-normal);
3056
+ display:block;
3057
+ }
3058
+ @media (max-width: 600px){
3059
+ .mobius-sticky-footer{
3060
+ padding:16px;
3061
+ justify-content:space-between;
3062
+ grid-template-columns:repeat(2, max-content);
3063
+ }
3064
+
3065
+ .mobius-sticky-footer__content > .mobius-text{
3066
+ font-size:var(--font-size-3);
3067
+ line-height:var(--line-height-normal);
3068
+ }
3069
+
3070
+ .mobius-sticky-footer__content .mobile-text{
3071
+ display:block;
3072
+ }
3073
+
3074
+ .mobius-sticky-footer__content .desktop-text{
3075
+ display:none;
3076
+ }
3077
+
3078
+ .mobius-sticky-footer__explain{
3079
+ text-align:left;
3080
+ }
3081
+
3082
+ .mobius-sticky-footer__explain-headline{
3083
+ font-size:var(--font-size-2);
3084
+ line-height:var(--line-height-normal);
3085
+ }
3086
+ }
3087
+ :root,
3088
+ :host{
3089
+ --header-border-color:transparent;
3090
+ --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");
3091
+ --header-background-color:var(--color-background);
3092
+ --header-text-color:var(--color-text);
3093
+ --header-link-color:var(--color-secondary);
3094
+ --header-phone-icon-color:var(--color-secondary);
3095
+ --header-powered-by-icon-color:var(--color-text-medium);
3096
+ }
3097
+ .mobius-header{
3098
+ border-bottom:var(--size-border-width) solid var(--header-border-color);
3099
+ }
3100
+ .mobius-header__container{
3101
+ background-color:var(--header-background-color);
3102
+ padding:var(--size-sm);
3103
+ }
3104
+ .mobius-header__content{
3105
+ display:flex;
3106
+ align-items:center;
3107
+ justify-content:space-between;
3108
+ gap:var(--size-xs);
3109
+ }
3110
+ .mobius-header__logo{
3111
+ display:block;
3112
+ background-image:var(--header-logo);
3113
+ background-size:contain;
3114
+ background-repeat:no-repeat;
3115
+ background-position:left center;
3116
+ width:115px;
3117
+ height:32px;
3118
+ text-indent:-999px;
3119
+ }
3120
+ @media screen and (min-width: 641px){
3121
+ .mobius-header__logo{
3122
+ width:146px;
3120
3123
  height:42px;
3121
3124
  margin-left:0;
3122
3125
  }
@@ -3401,53 +3404,6 @@ svg:not(:host).svg-inline--mobius-icon{
3401
3404
  .mobius-next-coverage__text{
3402
3405
  margin-bottom:var(--size-lg);
3403
3406
  }
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
3407
  .mobius-child-question__primary-text{
3452
3408
  color:var(--color-text);
3453
3409
  }
@@ -3501,6 +3457,53 @@ svg:not(:host).svg-inline--mobius-icon{
3501
3457
  margin-left:var(--size-xs);
3502
3458
  font-size:var(--font-size-2);
3503
3459
  }
3460
+ .mobius-personalised-cover__container.--is-md{
3461
+ max-width:626px;
3462
+ border-radius:var(--radius-2);
3463
+ display:grid;
3464
+ gap:var(--size-sm);
3465
+ }
3466
+ .mobius-personalised-cover__actions{
3467
+ display:grid;
3468
+ grid-template-columns:auto auto;
3469
+ justify-content:space-between;
3470
+ }
3471
+ .mobius-personalised-cover__form{
3472
+ margin-bottom:0;
3473
+ }
3474
+ .mobius-personalised-cover__submit-action{
3475
+ width:100%;
3476
+ }
3477
+ .mobius-personalised-cover__back{
3478
+ display:grid;
3479
+ grid-template-columns:auto 1fr;
3480
+ gap:var(--size-xs);
3481
+ align-items:center;
3482
+ text-underline-offset:var(--size-xxs);
3483
+ padding:var(--size-lg) 0 0 0;
3484
+ }
3485
+ .mobius-personalised-cover__back .mobius-icon{
3486
+ font-size:var(--font-size-lead);
3487
+ }
3488
+ @media (max-width: 640px){
3489
+ .mobius-personalised-cover__container{
3490
+ box-shadow:2px 2px 10px 0 #00000033;
3491
+ padding:var(--size-sm);
3492
+ }
3493
+
3494
+ .mobius-personalised-cover__actions{
3495
+ grid-template-columns:1fr;
3496
+ gap:var(--size-sm);
3497
+ }
3498
+
3499
+ .mobius-personalised-cover__actions :nth-child(1){
3500
+ order:2;
3501
+ }
3502
+
3503
+ .mobius-personalised-cover__back{
3504
+ display:none;
3505
+ }
3506
+ }
3504
3507
  .mobius-insurance-benefits{
3505
3508
  padding:var(--size-lg) var(--size-sm);
3506
3509
  background-color:var(--color-background-highlight);
@@ -3693,54 +3696,19 @@ svg:not(:host).svg-inline--mobius-icon{
3693
3696
  text-align:center;
3694
3697
  margin-bottom:10px;
3695
3698
  }
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);
3699
+ .mobius-actions__back{
3700
+ display:inline-flex;
3701
+ gap:var(--size-xs);
3702
+ align-items:center;
3703
+ text-underline-offset:var(--size-xxs);
3704
3704
  }
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%);
3705
+ .mobius-actions__back .mobius-icon{
3706
+ font-size:var(--font-size-lead);
3728
3707
  }
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
- }
3708
+ .mobius-actions__next{
3709
+ display:inline-flex;
3710
+ gap:var(--size-xs);
3711
+ align-items:center;
3744
3712
  }
3745
3713
  :root{
3746
3714
  interpolate-size:allow-keywords;
@@ -3878,37 +3846,55 @@ svg:not(:host).svg-inline--mobius-icon{
3878
3846
  .mobius-collapsible__changed_question p.mobius-text{
3879
3847
  margin:0;
3880
3848
  }
3881
- .mobius-actions__back{
3882
- display:inline-flex;
3883
- gap:var(--size-xs);
3884
- align-items:center;
3885
- text-underline-offset:var(--size-xxs);
3849
+ .mobius-questionnaire{
3850
+ margin-top:var(--size-xl);
3886
3851
  }
3887
- .mobius-actions__back .mobius-icon{
3888
- font-size:var(--font-size-lead);
3852
+ .mobius-questionnaire .mobius-actions{
3853
+ max-width:552px;
3889
3854
  }
3890
- .mobius-actions__next{
3891
- display:inline-flex;
3892
- gap:var(--size-xs);
3893
- align-items:center;
3855
+ .mobius-questionnaire__actions-container:not(.--is-first-section){
3856
+ margin-bottom:var(--size-xxl);
3894
3857
  }
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);
3858
+ .mobius-questionnaire--slide-next .mobius-section__transition-enter{
3859
+ transform:translateX(100%);
3860
+ }
3861
+ .mobius-questionnaire--slide-next .mobius-section__transition-enter-active{
3862
+ transform:translateX(0);
3863
+ }
3864
+ .mobius-questionnaire--slide-next .mobius-section__transition-exit{
3865
+ transform:translateX(0);
3866
+ }
3867
+ .mobius-questionnaire--slide-next .mobius-section__transition-exit-active{
3868
+ transform:translateX(-100%);
3869
+ }
3870
+ .mobius-questionnaire--slide-back .mobius-section__transition-enter{
3871
+ transform:translateX(-100%);
3872
+ }
3873
+ .mobius-questionnaire--slide-back .mobius-section__transition-enter-active{
3874
+ transform:translateX(0);
3875
+ }
3876
+ .mobius-questionnaire--slide-back .mobius-section__transition-exit{
3877
+ transform:translateX(0);
3878
+ }
3879
+ .mobius-questionnaire--slide-back .mobius-section__transition-exit-active{
3880
+ transform:translateX(100%);
3881
+ }
3882
+ .mobius-section__transition-enter-active{
3883
+ transition:all 200ms ease-out;
3903
3884
  }
3904
- .mobius-question__help-button{
3905
- display:flex;
3906
- gap:var(--size-xs);
3885
+ .mobius-section__transition-exit-active{
3886
+ transition:all 200ms ease-in;
3887
+ }
3888
+ @media (prefers-reduced-motion: reduce){
3889
+ :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{
3890
+ transform:none;
3891
+ opacity:0;
3892
+ }
3893
+
3894
+ :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{
3895
+ opacity:1;
3896
+ }
3907
3897
  }
3908
- .mobius-question__help-link-drawer .mobius-drawer__content{
3909
- color:var(--color-text-medium);
3910
- line-height:var(--line-height-normal);
3911
- }
3912
3898
  .mobius-insurers{
3913
3899
  margin-top:var(--size-lg);
3914
3900
  margin-bottom:var(--size-lg);
@@ -3975,6 +3961,23 @@ svg:not(:host).svg-inline--mobius-icon{
3975
3961
  background-image:url(data:image/webp;base64,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);
3976
3962
  width:78px;
3977
3963
  }
3964
+ .mobius-question__help-link{
3965
+ display:inline-flex;
3966
+ align-items:center;
3967
+ gap:var(--size-xxs);
3968
+ margin-bottom:var(--size-sm);
3969
+ -webkit-text-decoration:underline;
3970
+ text-decoration:underline;
3971
+ text-underline-offset:var(--size-xxs);
3972
+ }
3973
+ .mobius-question__help-button{
3974
+ display:flex;
3975
+ gap:var(--size-xs);
3976
+ }
3977
+ .mobius-question__help-link-drawer .mobius-drawer__content{
3978
+ color:var(--color-text-medium);
3979
+ line-height:var(--line-height-normal);
3980
+ }
3978
3981
  .mobius-question__label{
3979
3982
  display:block;
3980
3983
  font-size:var(--font-size-lead);
@@ -4086,65 +4089,6 @@ svg:not(:host).svg-inline--mobius-icon{
4086
4089
  width:100%;
4087
4090
  height:auto;
4088
4091
  }
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
4092
  .mobius-no-quotes-card{
4149
4093
  margin:0;
4150
4094
  border:1px solid var(--color-border);
@@ -4200,21 +4144,70 @@ svg:not(:host).svg-inline--mobius-icon{
4200
4144
  grid-template-columns:repeat(auto-fit, minmax(128px, 1fr));
4201
4145
  gap:var(--size-md);
4202
4146
  }
4203
- .no-quotes-referral-logo{
4147
+ .no-quotes-referral-logo{
4148
+ width:128px;
4149
+ height:60px;
4150
+ }
4151
+ }
4152
+ .partial-quotes-referral__container{
4153
+ display:grid;
4154
+ grid-template-columns:1fr;
4155
+ align-items:center;
4156
+ justify-content:start;
4157
+ text-align:left;
4158
+ background:var(--color-background-highlight);
4159
+ border-radius:var(--radius-2);
4160
+ padding:var(--size-md);
4161
+ margin-bottom:var(--size-lg);
4162
+ }
4163
+ .partial-quotes-referral__main{
4164
+ display:grid;
4165
+ grid-template-columns:1fr;
4166
+ gap:var(--size-sm);
4167
+ }
4168
+ .partial-quotes-referral__main p{
4169
+ margin:0;
4170
+ }
4171
+ .partial-quotes-referral__title{
4172
+ font-weight:normal;
4173
+ margin-top:0;
4174
+ }
4175
+ .partial-quotes-referral__insurer-panel{
4176
+ display:grid;
4177
+ grid-template-columns:repeat(auto-fit, minmax(96px, 1fr));
4178
+ gap:var(--size-xs);
4179
+ opacity:0.8;
4180
+ }
4181
+ .partial-quotes-referral__insurer-panel *{
4182
+ justify-self:center;
4183
+ }
4184
+ .partial-quotes-referral-logo{
4185
+ width:64px;
4186
+ height:30px;
4187
+ object-fit:contain;
4188
+ object-position:center;
4189
+ gap:var(--size-xs);
4190
+ }
4191
+ @media (min-width: 850px){
4192
+ .partial-quotes-referral__main{
4193
+ gap:var(--size-lg);
4194
+ }
4195
+
4196
+ .partial-quotes-referral__container-variant-b .partial-quotes-referral__main{
4197
+ grid-template-columns:repeat(2, 1fr);
4198
+ grid-template-rows:1fr;
4199
+ }
4200
+
4201
+ .partial-quotes-referral__insurer-panel{
4202
+ grid-template-columns:repeat(auto-fit, minmax(128px, 1fr));
4203
+ gap:var(--size-md);
4204
+ }
4205
+
4206
+ .partial-quotes-referral-logo{
4204
4207
  width:128px;
4205
4208
  height:60px;
4206
4209
  }
4207
4210
  }
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);
4213
- align-items:center;
4214
- }
4215
- .mobius-quote-card__cover-amount{
4216
- color:var(--color-text);
4217
- }
4218
4211
  .mobius-quote-card__coverage{
4219
4212
  flex-grow:1;
4220
4213
  grid-area:coverage;
@@ -4415,6 +4408,87 @@ svg:not(:host).svg-inline--mobius-icon{
4415
4408
  margin:0;
4416
4409
  color:var(--color-text);
4417
4410
  }
4411
+ .mobius-quote-card__cover{
4412
+ color:var(--color-text-medium);
4413
+ margin-top:var(--size-xs);
4414
+ margin-bottom:var(--size-xs);
4415
+ padding-left:var(--size-md);
4416
+ align-items:center;
4417
+ }
4418
+ .mobius-quote-card__cover-amount{
4419
+ color:var(--color-text);
4420
+ }
4421
+ .mobius-quote-card__coverage.--is-grid{
4422
+ border-top:0;
4423
+ padding-top:0;
4424
+ margin-bottom:0;
4425
+ }
4426
+ .mobius-quote-card.--is-grid .mobius-accordion__link{
4427
+ align-self:center;
4428
+ margin-bottom:var(--size-sm);
4429
+ }
4430
+ .mobius-quote-card__coverage.--is-grid .mobius-quote-card__coverage-items{
4431
+ display:grid;
4432
+ grid-template-columns:auto 1fr auto;
4433
+ }
4434
+ .mobius-quote-card__coverage.--is-grid .mobius-quote-card__coverage-item{
4435
+ display:grid;
4436
+ grid-template-columns:subgrid;
4437
+ grid-column:1 / -1;
4438
+ align-items:center;
4439
+ gap:var(--size-sm);
4440
+ }
4441
+ .mobius-quote-card__coverage.--is-grid .mobius-quote-card__coverage-item-excess-link{
4442
+ font-size:var(--font-size-small-print);
4443
+ text-wrap:nowrap;
4444
+ }
4445
+ @media (min-width: 850px){
4446
+ .mobius-quote-card__header.--is-grid{
4447
+ align-items:center;
4448
+ gap:var(--size-xs);
4449
+ padding-bottom:var(--size-sm);
4450
+ margin-bottom:0;
4451
+ }
4452
+
4453
+ .mobius-quote-card__header.--is-grid .header__underwriter-text{
4454
+ margin-top:0;
4455
+ margin-bottom:0;
4456
+ }
4457
+
4458
+ .mobius-quote-card__header.--is-grid .mobius-quote-card__header-logo{
4459
+ object-position:center;
4460
+ max-height:var(--size-xxl);
4461
+ }
4462
+ }
4463
+ @media (min-width: 850px){
4464
+ .mobius-quote-card.--is-grid .mobius-quote-card__pricing-primary-amount{
4465
+ font-weight:var(--font-weight-normal);
4466
+ }
4467
+ }
4468
+ @media (min-width: 850px){
4469
+ .mobius-quote-card.--is-grid{
4470
+ padding:var(--size-sm) var(--size-sm) 0 var(--size-sm);
4471
+ grid-template-areas:"header" "pricing" "actions" "coverage";
4472
+ }
4473
+ }
4474
+ .mobius-quote-card__badges.--is-grid{
4475
+ padding-top:var(--size-md);
4476
+ }
4477
+ .mobius-quote-card__file-circle-plus{
4478
+ font-size:var(--font-size-small-print);
4479
+ padding-top:var(--size-sm);
4480
+ border-top:1px solid var(--color-border-light);
4481
+ margin-bottom:var(--size-sm);
4482
+ align-items:flex-start;
4483
+ }
4484
+ .mobius-quote-card__file-circle-plus .--is-small{
4485
+ margin:0;
4486
+ color:var(--color-text);
4487
+ font-size:var(--font-size-small-print);
4488
+ }
4489
+ .mobius-quote-card__file-circle-plus svg{
4490
+ margin-right:var(--size-xxs);
4491
+ }
4418
4492
  .mobius-quote-card__header{
4419
4493
  grid-area:header;
4420
4494
  display:flex;
@@ -4667,7 +4741,7 @@ svg:not(:host).svg-inline--mobius-icon{
4667
4741
  .mobius-quote-actions__button{
4668
4742
  margin-top:1rem;
4669
4743
  flex:1 1 0;
4670
- height:40px;
4744
+ min-width:0;
4671
4745
  font-size:var(--font-size-regular);
4672
4746
  font-weight:var(--font-weight-bold);
4673
4747
  }
@@ -5088,21 +5162,6 @@ svg:not(:host).svg-inline--mobius-icon{
5088
5162
  .mobius-quote-card__tag svg{
5089
5163
  margin-right:var(--size-xxs);
5090
5164
  }
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
5165
  .mobius-quote-card__upsell-item{
5107
5166
  padding-left:var(--size-lg);
5108
5167
  font-family:var(--font-family);
@@ -5240,22 +5299,6 @@ svg:not(:host).svg-inline--mobius-icon{
5240
5299
  -webkit-text-decoration:underline;
5241
5300
  text-decoration:underline;
5242
5301
  }
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
5302
  .mobius-referral{
5260
5303
  display:grid;
5261
5304
  column-gap:var(--size-xl);
@@ -5389,103 +5432,6 @@ svg:not(:host).svg-inline--mobius-icon{
5389
5432
  .mobius-payment-toggle__text.--yearly{
5390
5433
  color:var(--color-primary);
5391
5434
  }
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
5435
  .mobius-pre-qcp__additional-rfq-body{
5490
5436
  display:grid;
5491
5437
  grid-template-columns:1fr;
@@ -5536,6 +5482,47 @@ svg:not(:host).svg-inline--mobius-icon{
5536
5482
  line-height:var(--font-size-4);
5537
5483
  border-left:var(--size-xxs) solid var(--color-info);
5538
5484
  }
5485
+ .mobius-skip-to-next-coverage{
5486
+ display:flex;
5487
+ padding:26px 16px;
5488
+ margin-bottom:10px;
5489
+ flex-direction:column;
5490
+ align-items:flex-start;
5491
+ align-self:stretch;
5492
+ border-radius:8px;
5493
+ font-size:16px;
5494
+ line-height:24px;
5495
+ border:1px solid var(--color-border);
5496
+ background-color:var(--color-background);
5497
+ }
5498
+ .mobius-skip_to_next_coverage__skeleton{
5499
+ align-items:unset;
5500
+ }
5501
+ .mobius-agent-referral-container{
5502
+ display:grid;
5503
+ grid-template-columns:1fr;
5504
+ align-items:start;
5505
+ gap:var(--size-md);
5506
+ }
5507
+ @media (min-width: 640px){
5508
+ .mobius-agent-referral-container{
5509
+ grid-template-columns:1fr auto;
5510
+ }
5511
+ }
5512
+ .mobius-page__container{
5513
+ display:flex;
5514
+ flex-direction:column;
5515
+ height:100%;
5516
+ min-height:100vh;
5517
+ }
5518
+ .mobius-page__main{
5519
+ flex:1;
5520
+ padding-top:0;
5521
+ padding-bottom:calc(var(--size-lg) + var(--size-xxl));
5522
+ padding-left:var(--size-sm);
5523
+ padding-right:var(--size-sm);
5524
+ transition:height 1s;
5525
+ }
5539
5526
  .mobius-payment-summary__styled-div{
5540
5527
  display:grid;
5541
5528
  row-gap:var(--size-sm);
@@ -7226,6 +7213,21 @@ svg:not(:host).svg-inline--mobius-icon{
7226
7213
  }
7227
7214
  :root,
7228
7215
  :host{
7216
+ --date-picker-day-size:38px;
7217
+ --header-border-color:transparent;
7218
+ --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");
7219
+ --header-background-color:var(--color-background);
7220
+ --header-text-color:var(--color-text);
7221
+ --header-link-color:var(--color-secondary);
7222
+ --header-phone-icon-color:var(--color-secondary);
7223
+ --header-powered-by-icon-color:var(--color-text-medium);
7224
+ --progress-steps-shape-size:44px;
7225
+ --progress-steps-primary-color:var(--color-primary-hover);
7226
+ --progress-steps-secondary-color:var(--color-background-light);
7227
+ --progress-steps-tertiary-color:var(--color-primary-hover);
7228
+ --progress-steps-incomplete-number-text-color:var(--color-text-medium);
7229
+ --section-max-width:552px;
7230
+ --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
7231
  }
7230
7232
  html,
7231
7233
  body{