@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/CHANGELOG.md +27 -0
- package/dist/index.css +582 -580
- package/package.json +7 -7
- package/src/images/logo.svg +1 -0
- package/src/images/tick.svg +5 -0
- package/src/index.css +21 -16
- 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-
|
|
149
|
-
--button-
|
|
150
|
-
--button-
|
|
151
|
-
--button-
|
|
152
|
-
--button-
|
|
153
|
-
--button-
|
|
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(--
|
|
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:
|
|
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:
|
|
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:
|
|
192
|
+
padding:var(--button-padding-lg);
|
|
193
193
|
}
|
|
194
194
|
.mobius-button:where(.--variant-primary){
|
|
195
|
-
--button-content-color:var(--button-
|
|
196
|
-
background-color:var(--button-
|
|
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-
|
|
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-
|
|
211
|
+
--button-content-color:var(--button-secondary-color);
|
|
214
212
|
background-color:transparent;
|
|
215
|
-
border-color:var(--button-
|
|
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-
|
|
220
|
-
border-color:var(--button-
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
631
|
-
|
|
632
|
-
|
|
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
|
|
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
|
|
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
|
|
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-
|
|
2851
|
-
|
|
2742
|
+
.mobius-layout-toggle{
|
|
2743
|
+
display:none;
|
|
2744
|
+
width:100%;
|
|
2852
2745
|
}
|
|
2853
|
-
|
|
2854
|
-
|
|
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-
|
|
2869
|
-
|
|
2870
|
-
|
|
2871
|
-
|
|
2872
|
-
|
|
2873
|
-
|
|
2874
|
-
|
|
2875
|
-
|
|
2876
|
-
|
|
2877
|
-
|
|
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
|
-
|
|
3085
|
-
:
|
|
3086
|
-
|
|
3087
|
-
|
|
3088
|
-
|
|
3089
|
-
|
|
3090
|
-
|
|
3091
|
-
|
|
3092
|
-
|
|
3093
|
-
|
|
3094
|
-
|
|
3095
|
-
|
|
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-
|
|
3098
|
-
|
|
3099
|
-
|
|
3009
|
+
.mobius-sticky-footer--hidden{
|
|
3010
|
+
pointer-events:none;
|
|
3011
|
+
transform:translateY(100%);
|
|
3100
3012
|
}
|
|
3101
|
-
.mobius-
|
|
3013
|
+
.mobius-sticky-footer__content{
|
|
3102
3014
|
display:flex;
|
|
3103
|
-
|
|
3104
|
-
justify-content:space-between;
|
|
3015
|
+
color:var(--color-azure-600);
|
|
3105
3016
|
gap:var(--size-xs);
|
|
3106
3017
|
}
|
|
3107
|
-
.mobius-
|
|
3108
|
-
|
|
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
|
-
|
|
3118
|
-
|
|
3119
|
-
|
|
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-
|
|
3697
|
-
|
|
3698
|
-
|
|
3699
|
-
|
|
3700
|
-
|
|
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-
|
|
3706
|
-
|
|
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-
|
|
3730
|
-
|
|
3731
|
-
|
|
3732
|
-
|
|
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-
|
|
3882
|
-
|
|
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-
|
|
3888
|
-
|
|
3852
|
+
.mobius-questionnaire .mobius-actions{
|
|
3853
|
+
max-width:552px;
|
|
3889
3854
|
}
|
|
3890
|
-
.mobius-
|
|
3891
|
-
|
|
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-
|
|
3896
|
-
|
|
3897
|
-
|
|
3898
|
-
|
|
3899
|
-
|
|
3900
|
-
|
|
3901
|
-
|
|
3902
|
-
|
|
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-
|
|
3905
|
-
|
|
3906
|
-
|
|
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,UklGRrwOAABXRUJQVlA4WAoAAAAQAAAAqQAAUwAAQUxQSDQNAAAB8EZt2/K02rZtpyUhwRsI7s6st2jdcKm7l7rTzrpCPR3unXV3d3eZVvcWqrNuEIpm/3GeCYEw+u+6RkRMAP5nv5M7Z5xKzf263HjWgTXGc8WZttwvy/bvb1ozhiptJtpj88tik7LhVkdeSphUSD+HsmbFOCT3t6uwAIuWx/opJBI+0IdJ1jBf3j1G+9fXu+4mUdVvGcKYHwdU2zjRFoD7OToVL4MZhx3LJ6I7bqbgxn7T344yO5v0jhZwn73QD/z0wg3u4MzJusXxfFNp7hLRXPPbnZtpDdWQXfGp7495xmwYzpoRoDllKvVNIppldqh6Src+AGzbvz69i+vz+Gw7mPdqUzF9X+VfrWF+cJuadamlAiPo6rgbg4I0rFkxpWEMQR6R5M+YHesuZ6rMuLai6Sj9z2tte11ZYVGB1KtlRMUon74sFEzVDW+/0KM+K24P9WcrjsQ7aRUMAidt7GED27nFunkn/moAMzeu+XN994oGCJ2+pB5vfzDn3uXo6DqCMbbV7QFYBDVoFKyQsqnSqJ6/rDSOtZpWtzIB2zaLiofZayQFAPZVnA051ZQDsApt1DBQbpxD5UbJTWt6ySVYVsIquE5M01o+ViKGhaztsUX1xtDNxqNPDVIZEIIH7s1uCNRe/qKg4OUcFwB8zI4PhQVPJtoaI9ScdP5b4cfVAaViOr0m0j84dfr06dNn13pYRPx+KKu1iLGIHH/hliO4JlveFBZkTdcY4ZF+7EDmuGV3bi+Pt5ZZNps7KwSQJa5ekj5g+qX7OwY7A1WmhwFV975696bDzLXxtSyl6mx+Wkh5Dfm05yTWr7CEavQnEhdMEQzwtTN2nrn1g4i225VClvaOjJ2XcvRtCenaAOBaH3ujp+cOqjHvSFy8UCnFxV/L/8MXkEeeoy8nFpz9SLRIbjHu5RQHgAlao9e1B+q9e9rfEk4b6fKSNQP2rg+RqrtTR6Rr2uvS0smLbumJfiTyoy8umLImm4iyw6R8Mza30vBOPbOIvoaWwmPrhb/yiJ6ePXfu3IW9VYImvyTKFfGJRwqJnnmNv75i1oZsIvoSI5X4gs46QxyWTZ9GL/1AtEbZM++4HcTqHSUjAXmjFQ9XBcLrWv6hjI1JakEKVtNLKHdiRogAIWAfEa1KnRXAQ1HnXyIaKVJ0uX2vBsTjS0gXXgpBXan+c6JxNg4ODg72DJgBeinAYQ9R9qCJPnJOGXmNiJayIrdrVNAFkvwCoh3qyIVbwz1v0DBI13w8BwD4OqtOdbbupzs131NV28UAWhdS0Uw1xPU/Ez0e6ABxv59EG5UA2+sbnWIkOhSSLroUAKo9IxoCw/Elhpg5RF+7qiBunUt0xlHU6yc9/E0KLYvpQ22ARZN86maAzfhDBChT9+/fWnzZN3jTlyWcMT9TIOl4iuhxNUgGPCc6YQOoT5ChjqaplUU01CTcHKL/XCHpfpXoZgAAZhHRWbWB+t/pRysAaKOnTEYKv83kgYg+roDb/ILC35NuPxtfmzUmL15KtpLofoiU8jrRJTtAtbQgZyrM5a2TlLCJ6FFlAMJqouNWpUsopmcpSinehwPGF19K4GB3/Mfql8ei7GDYKMw1Rn6c6LIdALderW2kuhSRLsw8sJjoSVUAmEd0UWOgeTF9ihJVziL6uLFHtIaFdPC4i0+mOCCdclbXnXW6smlmGXXUgGGrhEN6yq1hJvOInlQR9fhJz2tKsdOJbqhFivlEREWvbmweWFkQAZW6ntwc3FK/Lu7s18Xu5Y2rO2/GtELzmW/I/RqVjJDyvkX5AyDpfYiki7PH20kAzunbt+RknP8+UEA585u4Il7RwTRh2eULcY/pSV2R9QK9bp6tFDwzbn8VERUssJEC6t+lfN1Ii6g2NuVJ1fHAaEegYyHlVi9d9KtyhugjRff6BrnW++Pr1d6WMMy4p07ZcT+fiHL6ALAIcATwOxXOterw4nVCOfJedacdD4mcELPTxKUv3bR5uXbOpHgXlNbaq+O/RHQJQKtrx6Y1ULagv71iXt1Ocyk/IadzB0IsCja3WpvT1WBYnudgJBdkKQEg+iVRLgC3lhN3Xzl9mo42u32pOgyXnXof3fM3IsQ0I8pP4PVbbig9P7SRIWETkR6S8urDrhd/enYvEuWoXa6htCLShQNgSzeHKy/MeHodawJ2tpY3wM0j+iAFwP0A5XVDeRpNpOsnclujp+KhgF1kKV4TXfcQ2XqWHb+T6PGExLpRkpG1fGRSWdUM8BuIdhiBwUUHrMtV32Ki7CE1ovrOn5RP9Cy95dxOxoU+ISpa6mdj99ukcCCujLgVREQ5b19JP/93c4ICYGfSapWU0016FW9MwtfOMLpDEf1MMDCb6H6wFH+U6IotgKpPiKgwR3c7LvgFERUVXnEFNhDddZUQFhBRyaMDJx+M54HUEtK1lWDml+ZpZQDxH6i0XzKtRHnjlSL52IJP/Tljaj6pa4xL/UNEtKyqIyALiLlClDM8UAXI/VOyiD528leBTXuhJ/q8LxqyYW+J9DfjPWv0yCLKSavipwDguvorEZVkjbZW+DU5QkSbwrwFzqfFfaL8gUGWgNy/6VWi/HGhasi73cotBeUN51B/T9bb1Q39/CJnPjyRIoOxXg8bGNNsklar1c4aFQXY9MmYo9Vqpw9wB+x7Zmq1Wm1mmifAhY+aOSbWCgDfcPK8ESHy1hNmaLVa7fTxXR0AwDJ15vJ5g6qwcO4xVavVzp09sZ2NokOmVqvVTh/gA9inZczRaufOGBbOAO49rj7YpJ00atTEmavOfCGiR0GAPLj92EmDB48d3MQGxjs9jDWmohRQfv3H9Q5UQlKmqb9fT8XtIC3IUHr1zZYVT/llml3KlMHYwNukH2HApHYXepiI9QwQKrzkF0+rwGhuNumHl4XN8eEm8j9/M7ai8/uTLtkZh4FUlFoWlnsns6apo6NBFV23n3TDpRRj6KZvWSi3zOdNYz0sw7ui61tInxKNszlYlM6WhWL1WplpwHKo6KPfEJ30Narzj412KEvZ0r0KE4HhJXiAUckMqOyUpuEBhSAlVxgQAKhkhgRbK0OWtjIJ+exC0h8K4wzwre+ud0eZCvPOKE3CaBLGRQLyKoPbcsHjNy2IEjm2adlixMgwPiJtdF8VVHV7jhrmCsiqDItlk1fO8QHg1mXZigQekIUO6Mr7jd60sD4jUiUN7tBzWBgHwKvfgM7pHewAwH7iS6KXsxpreE6mqT/j5BBrlC036x8rk3gs+6jrAL7v7ZJFjXc+1tHflQG3Nekaq/CTBy3dhha/coLMq83nvChYjX5cNCLpJukHwKV1//GXKLsauC7/0rqGWx/m0IMaAJyX7K1fyXPts74cok8uDFTH3djiDgBCrQmnnv734OyezVu3ruwfwKCM2alPbE3C1HqU2x7Q7KR9vWp69f9Io4H0J84Awne4ova3LCcA6se5kUD4n7Soc8Ml5+o3PtZLznrfL2oOqFfTybQwr67/0SzAcmVWNIDUn1mB3tePqwHMpGkcxIyFT70Wnbq1jwlUohyOfelqEjhe0rUHkElbbAHFBlqvVGzOdgMgtPNDra8SlR6J5MtpiwNUGq/L3yMA2ZXCFgAG0x57QFhGexVIzlnFA4jP+xg1qWi4p69f8Dp6qJEo5+lvg02jkZpGK2QARtNua9ny4rXRtgIsVIbUEorllAkA9tpFzoDFdYkhtFYGII0OWzEbqDMAuEwZ4n3tR5+Y5NQOYzJHOpjDwI/hZbRSNFi/xxrJn+nDv2u6aGCCMSKolIBz6tMCA3IAbemwZaVr1FQEFjWyXoSAZVmYaa9vTcuNvPvfOSVUvN3DBGMlAGVMvwZ/FTY3pg0dVrn/SwkSQNSrT1Vgxl1+tCw3YDQNhh/Mo3GoaSr/iV3VwpWCBGPa0mFLu6uUbiDoob6NObX70aO8KIIBwHY97bGs+fWlFwD70oSeHcdBfqUgrhRWzHo6aSvBuhynnSoJC0dzaPFjWDmxqjRBDQB9i7erfvvyqR6AgOycCGP4lZQKWP5V1BqccWiuyxutEDVI6l2cM0IBwKKVvznEfZ1iGsdLunYSK0SDSvZY2R3vJppSNBCae7TcS12j+2tdHCBfTmNEysO0s0po2/u0KTxeOUiqjchmHX37I7FGg8mr3DX76NualFoxC9MFc6j3cYFpgu8U9GegWElbrQBuIp1ystp3P0kpNLi8VA1+7M/iOyfmhT2ks01Y9R5aoGQBjCrQfzyfOLtE/6GfbAbttgO4/nTeFfBcl0cFuu9HawOBW/MoP/et1hHmWPnZWs4ETFDvBUtHN1TGTVs+PUYpNJuwbE47jW/7Ie1bdW9mDcCm2+rVvZxVo/s38bZJnb08o3MoA9h1nzeyCpyHLu5s33Dq8hlJKlmDMcu07Z0A2yTt5sWdXADAPjFjxdQmKpil7cXtchOAk3GcIDACz/ECA0HgeBkLcHI5B2mOA8ACYASe4+UcxCzELCDwHC8wEASOl7EAwPIsDDIcA3Pt3gu/zswv1P8pCVZQOCBiAQAAMA4AnQEqqgBUAD6RRp5JpaQjISR6qziwEgllbt1fwPPd3iQF+gdcz1IHoAeDN8FORgg7hgUFUdRpRAePFKpuqbXYC9zUQXlLmuOiRSXL0OLzRn8eBwoINu8cFs820cPDe35Wi6XBYfEM1Ds5D0+Il3ji4v0v2QI3vAAA/uucX//z5i//777tl9QOJti/KSm1OcsfxZMxb9drm34KvH7ajw26bi/k9CFpWrRhRAsXr/3NAPtX3oJMdn9xd2sMxYp1kIOv4gTg0qwjpSe7q68W8BZfvFf5uuCH2N6Cq0FkP9SiQzhivGAYWdi/b5HD/dM6vKWIwPW8u0s6jSqekf5VDLox1/6OCT3+ivYB8UBOpx3T99HmSq7AEu7E0FdVcp7ov//pEWkR5DAltP+jckLqqv+Nf2n9Pt/lZ//5wxL/ffErmn+F23Djf5yFC6HdGYBc5//5iYQ/+hscgO1Qy5VAAAAA);
|
|
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
|
-
|
|
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{
|