@simplybusiness/theme-simplybusiness 0.4.0 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @simplybusiness/theme-simplybusiness
 
+## 0.5.0
+
+### Minor Changes
+
+- 12a7443: Add `CoverageSummary` component
+
+### Patch Changes
+
+- 3f02903: Upgrade dependencies
+- af09896: Update CSS imports to not import from outside their own package directory
+- Updated dependencies [3f02903]
+- Updated dependencies [00fe4f6]
+- Updated dependencies [e166ef7]
+- Updated dependencies [2973f98]
+- Updated dependencies [7c79f01]
+- Updated dependencies [61d44d8]
+- Updated dependencies [77ff096]
+- Updated dependencies [63a5682]
+- Updated dependencies [0249d06]
+- Updated dependencies [af09896]
+- Updated dependencies [3d1f7b8]
+- Updated dependencies [9c886ca]
+- Updated dependencies [12a7443]
+- Updated dependencies [ffb1bbe]
+  - @simplybusiness/mobius-datepicker@6.0.5
+  - @simplybusiness/mobius-journey@6.5.0
+  - @simplybusiness/theme-core@7.1.3
+  - @simplybusiness/mobius@5.2.0
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [3af939c]
+- Updated dependencies [05b1b77]
+  - @simplybusiness/mobius@5.1.2
+  - @simplybusiness/mobius-journey@6.4.1
+  - @simplybusiness/mobius-datepicker@6.0.4
+  - @simplybusiness/theme-core@7.1.2
+
 ## 0.4.0
 
 ### Minor Changes

package/dist/index.css

@@ -40,17 +40,25 @@
   text-decoration:underline;
   text-underline-offset:6px;
 }
-.mobius-accordion__link:hover,
-  .mobius-accordion__link:active{
+.mobius-accordion__link:hover,.mobius-accordion__link:active{
     color:var(--color-secondary-hover);
   }
 .mobius-accordion__link:focus-visible{
     outline:none;
     box-shadow:var(--box-shadow-default);
   }
+h1.mobius-accordion__link-text,
+h2.mobius-accordion__link-text,
+h3.mobius-accordion__link-text,
+h4.mobius-accordion__link-text,
+h5.mobius-accordion__link-text,
+h6.mobius-accordion__link-text,
 .mobius-accordion__link-text{
+  margin:0;
   margin-right:var(--size-xs);
   line-height:var(--line-height-normal);
+  font-size:var(--font-size-regular);
+  font-weight:var(--font-weight-normal);
 }
 .mobius-accordion__link-icon{
   transition:transform var(--transition-duration);
@@ -119,8 +127,7 @@
   padding:0;
   flex-wrap:wrap;
 }
-.mobius-breadcrumb ul,
-  .mobius-breadcrumb ol{
+.mobius-breadcrumb ul,.mobius-breadcrumb ol{
     box-sizing:border-box;
     display:flex;
     align-items:center;
@@ -188,8 +195,7 @@
       --button-variant-primary-font-variation-settings
     );
   }
-.mobius-button:where(.--variant-primary):where(:active),
-    .mobius-button:where(.--variant-primary):where(:hover){
+.mobius-button:where(.--variant-primary):where(:active),.mobius-button:where(.--variant-primary):where(:hover){
       background-color:var(--button-variant-primary-hover-color);
     }
 .mobius-button:where(.--variant-primary):where(:focus-visible){
@@ -205,8 +211,7 @@
     background-color:transparent;
     border-color:var(--color-secondary);
   }
-.mobius-button:where(.--variant-secondary):where(:active),
-    .mobius-button:where(.--variant-secondary):where(:hover){
+.mobius-button:where(.--variant-secondary):where(:active),.mobius-button:where(.--variant-secondary):where(:hover){
       --button-content-color:var(--color-text-inverted);
       background-color:var(--color-secondary-hover);
       border-color:var(--color-secondary-hover);
@@ -264,7 +269,7 @@
     border-color:var(--color-valid);
     color:transparent;
   }
-.mobius-button:where(.--is-success) > :not(.mobius-button__icon-wrapper){
+.mobius-button:where(.--is-success)  > :not(.mobius-button__icon-wrapper){
       opacity:0;
       visibility:hidden;
     }
@@ -290,7 +295,7 @@
 .mobius-button:where(.--is-loading){
     color:transparent;
   }
-.mobius-button:where(.--is-loading) > :not(.mobius-button__icon-wrapper){
+.mobius-button:where(.--is-loading)  > :not(.mobius-button__icon-wrapper){
       opacity:0;
       visibility:hidden;
     }
@@ -310,8 +315,7 @@
       -webkit-text-decoration:underline;
       text-decoration:underline;
     }
-.mobius-button:where(.--variant-link):hover,
-    .mobius-button:where(.--variant-link):active{
+.mobius-button:where(.--variant-link):hover,.mobius-button:where(.--variant-link):active{
       --button-content-color:var(--color-secondary-hover);
       cursor:pointer;
     }
@@ -400,8 +404,7 @@ a.mobius-button:focus-visible,
     border-color:var(--color-error);
     color:var(--color-error);
   }
-.mobius-checkbox__label.--is-invalid:not(.--is-disabled):hover,
-    .mobius-checkbox__label.--is-invalid:not(.--is-disabled):focus-within{
+.mobius-checkbox__label.--is-invalid:not(.--is-disabled):hover,.mobius-checkbox__label.--is-invalid:not(.--is-disabled):focus-within{
       background-color:var(--color-error-background);
     }
 .mobius-checkbox__label.--is-invalid:not(.--is-disabled) .mobius-checkbox__icon{
@@ -429,8 +432,7 @@ a.mobius-button:focus-visible,
     display:grid;
     margin-bottom:var(--size-sm);
   }
-.mobius-checkbox-group .mobius-checkbox,
-  .mobius-checkbox-group .mobius-checkbox-group__wrapper{
+.mobius-checkbox-group .mobius-checkbox,.mobius-checkbox-group .mobius-checkbox-group__wrapper{
     margin-bottom:0;
   }
 .mobius-checkbox-group.--is-horizontal .mobius-checkbox-group__wrapper{
@@ -505,7 +507,7 @@ a.mobius-button:focus-visible,
     opacity:0;
     transition:opacity var(--drawer-transition-duration) ease-in-out;
   }
-.mobius-drawer + .backdrop{
+.mobius-drawer  + .backdrop{
     position:fixed;
     top:0;
     right:0;
@@ -514,23 +516,21 @@ a.mobius-button:focus-visible,
     background-color:var(--color-neutral-700);
     opacity:0.3;
   }
-:is(.mobius-drawer + .backdrop) + ._dialog_overlay{
+:is(.mobius-drawer + .backdrop)  + ._dialog_overlay{
       position:fixed;
       top:0;
       right:0;
       bottom:0;
       left:0;
     }
-.mobius-drawer.--top,
-  .mobius-drawer.--bottom{
+.mobius-drawer.--top,.mobius-drawer.--bottom{
     width:100vw;
     max-width:100vw;
     height:var(--drawer-height);
     max-height:var(--drawer-height);
     transition:transform var(--drawer-transition-duration) ease-in-out;
   }
-.mobius-drawer.--left,
-  .mobius-drawer.--right{
+.mobius-drawer.--left,.mobius-drawer.--right{
     bottom:0;
     width:100%;
     max-width:var(--drawer-width);
@@ -758,8 +758,7 @@ a.mobius-button:focus-visible,
   outline:none;
   border-radius:var(--radius-1);
 }
-.mobius-link:hover,
-  .mobius-link:active{
+.mobius-link:hover,.mobius-link:active{
     -webkit-text-decoration:underline;
     -webkit-text-decoration:underline;
     text-decoration:underline;
@@ -841,8 +840,8 @@ a.mobius-button:focus-visible,
   position:fixed;
   display:flex;
   flex-direction:column;
-  width:50%;
-  max-height:80%;
+  width:min(90%, 600px);
+  max-height:90%;
   padding:0;
   margin:auto;
   background-color:var(--color-background);
@@ -850,6 +849,12 @@ a.mobius-button:focus-visible,
   border-radius:var(--radius-1);
   overflow:hidden;
 }
+@media (min-width: 768px){
+
+.mobius-modal{
+    max-height:80%;
+}
+  }
 .mobius-modal:not([open]){
     display:none;
   }
@@ -861,7 +866,7 @@ a.mobius-button:focus-visible,
     opacity:0;
     transition:opacity var(--modal-transition-duration) ease-in-out;
   }
-.mobius-modal + .backdrop{
+.mobius-modal  + .backdrop{
     position:fixed;
     top:0;
     right:0;
@@ -870,7 +875,7 @@ a.mobius-button:focus-visible,
     background-color:var(--color-neutral-700);
     opacity:0.3;
   }
-:is(.mobius-modal + .backdrop) + ._dialog_overlay{
+:is(.mobius-modal + .backdrop)  + ._dialog_overlay{
       position:fixed;
       top:0;
       right:0;
@@ -924,14 +929,29 @@ a.mobius-button:focus-visible,
   display:grid;
   grid-template-columns:1fr auto;
   justify-content:space-between;
-  gap:var(--size-sm);
-  align-items:center;
+  gap:var(--size-md);
+  align-items:start;
   padding:var(--size-xs);
   padding-left:var(--size-sm);
+  padding-right:var(--size-sm);
   font-family:var(--font-family);
-  font-size:var(--font-size-small-title);
+  font-size:var(--font-size-4);
   margin:0;
 }
+@media (min-width: 768px){
+
+.mobius-modal__header{
+    padding:var(--size-sm);
+    padding-left:var(--size-md);
+    padding-right:var(--size-md);
+    font-size:var(--font-size-5);
+}
+  }
+.mobius-modal__close{
+  padding:calc(var(--size-sm) * -1);
+  font-size:var(--font-size-4);
+  flex-shrink:0;
+}
 .mobius-modal__content{
   flex-grow:1;
   padding:0 var(--size-sm);
@@ -939,6 +959,13 @@ a.mobius-button:focus-visible,
   font-family:var(--font-family);
   overflow-y:auto;
 }
+@media (min-width: 768px){
+
+.mobius-modal__content{
+    padding:0 var(--size-md);
+    margin:var(--size-md) 0;
+}
+  }
 :root,
 :host{
   --number-input-max-width:none;
@@ -1009,11 +1036,11 @@ a.mobius-button:focus-visible,
     transition:var(--transition-standard);
     user-select:none;
   }
-.mobius-password-field :where(.mobius-password-field__show-button):focus-visible{
+:is(.mobius-password-field :where(.mobius-password-field__show-button)):focus-visible{
       box-shadow:var(--box-shadow-default);
       outline:none;
     }
-.mobius-password-field :where(.mobius-password-field__show-button):hover{
+:is(.mobius-password-field :where(.mobius-password-field__show-button)):hover{
       background-color:var(--color-background-highlight);
     }
 .mobius-popover__container{
@@ -1158,7 +1185,7 @@ a.mobius-button:focus-visible,
 .mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input{
       outline-color:var(--color-primary-light);
     }
-.mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input:checked::after{
+:is(.mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input):checked::after{
         background-color:var(--color-primary-light);
       }
 .mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label){
@@ -1168,7 +1195,7 @@ a.mobius-button:focus-visible,
 .mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input{
       outline-color:var(--color-primary);
     }
-.mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input:checked::after{
+:is(.mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input):checked::after{
         background-color:var(--color-primary);
       }
 .mobius-radio__label:focus-within:not(.--is-disabled){
@@ -1181,7 +1208,7 @@ a.mobius-button:focus-visible,
 .mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)) .mobius-radio__input{
         outline-color:var(--color-primary);
       }
-.mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)) .mobius-radio__input:checked::after{
+:is(.mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)) .mobius-radio__input):checked::after{
           background-color:var(--color-primary);
         }
 .mobius-radio__label.--is-multiline{
@@ -1191,15 +1218,14 @@ a.mobius-button:focus-visible,
     border-color:var(--color-error);
     color:var(--color-error);
   }
-.--is-invalid .mobius-radio__label:not(.--is-disabled):hover,
-    .--is-invalid .mobius-radio__label:not(.--is-disabled):focus-within{
+:is(.--is-invalid .mobius-radio__label:not(.--is-disabled)):hover,:is(.--is-invalid .mobius-radio__label:not(.--is-disabled)):focus-within{
       border-color:var(--color-error);
       background-color:var(--color-error-background);
     }
-.--is-invalid .mobius-radio__label:not(.--is-disabled) .mobius-radio__input{
+:is(.--is-invalid .mobius-radio__label:not(.--is-disabled)) .mobius-radio__input{
       outline-color:var(--color-error);
     }
-.--is-invalid .mobius-radio__label:not(.--is-disabled) .mobius-radio__input:checked::after{
+:is(:is(.--is-invalid .mobius-radio__label:not(.--is-disabled)) .mobius-radio__input):checked::after{
         background-color:var(--color-error);
       }
 .mobius-radio__content{
@@ -1229,54 +1255,46 @@ a.mobius-button:focus-visible,
 .mobius-segment-group.--is-horizontal{
     flex-direction:row;
   }
-.mobius-segment-group .mobius-segment-group.gap-size-xs,
-  .mobius-segment-group.gap-size-xs{
+.mobius-segment-group .mobius-segment-group.gap-size-xs,.mobius-segment-group.gap-size-xs{
     margin:var(--size-xs);
   }
-.mobius-segment-group .mobius-segment-group.gap-size-s,
-  .mobius-segment-group.gap-size-s{
+.mobius-segment-group .mobius-segment-group.gap-size-s,.mobius-segment-group.gap-size-s{
     margin:var(--size-sm);
   }
-.mobius-segment-group .mobius-segment-group.gap-size-m,
-  .mobius-segment-group.gap-size-m{
+.mobius-segment-group .mobius-segment-group.gap-size-m,.mobius-segment-group.gap-size-m{
     margin:var(--size-md);
   }
-.mobius-segment-group .mobius-segment-group.gap-size-l,
-  .mobius-segment-group.gap-size-l{
+.mobius-segment-group .mobius-segment-group.gap-size-l,.mobius-segment-group.gap-size-l{
     margin:var(--size-lm);
   }
-.mobius-segment-group .mobius-segment-group.gap-size-xl,
-  .mobius-segment-group.gap-size-xl{
+.mobius-segment-group .mobius-segment-group.gap-size-xl,.mobius-segment-group.gap-size-xl{
     margin:var(--size-xl);
   }
-.mobius-segment-group .mobius-segment-group.gap-size-xxl,
-  .mobius-segment-group.gap-size-xxl{
+.mobius-segment-group .mobius-segment-group.gap-size-xxl,.mobius-segment-group.gap-size-xxl{
     margin:var(--size-xxl);
   }
 .mobius-segment-group > .mobius-segment{
     border:none;
     border-top:var(--segment-border);
   }
-.mobius-segment-group:not(.--is-horizontal) > .mobius-segment:first-child{
+:is(.mobius-segment-group:not(.--is-horizontal) > .mobius-segment):first-child{
         border-top:none;
         border-radius:var(--radius-2);
       }
-.mobius-segment-group:not(.--is-horizontal) > .mobius-segment:not(:first-child):not(:last-child){
+:is(.mobius-segment-group:not(.--is-horizontal) > .mobius-segment):not(:first-child):not(:last-child){
         border-radius:0;
         border-bottom:0;
       }
-.mobius-segment-group:not(.--is-horizontal) > .mobius-segment:last-child{
+:is(.mobius-segment-group:not(.--is-horizontal) > .mobius-segment):last-child{
         border-top-left-radius:0;
         border-top-right-radius:0;
       }
-.mobius-segment-group.--is-horizontal > .mobius-segment,
-    .mobius-segment-group.--is-horizontal > .mobius-segment-group{
+.mobius-segment-group.--is-horizontal > .mobius-segment,.mobius-segment-group.--is-horizontal > .mobius-segment-group{
       border:none;
       border-radius:0;
       border-left:var(--segment-border);
     }
-.mobius-segment-group.--is-horizontal > .mobius-segment:first-child,
-    .mobius-segment-group.--is-horizontal > .mobius-segment-group:first-child{
+.mobius-segment-group.--is-horizontal > .mobius-segment:first-child,.mobius-segment-group.--is-horizontal > .mobius-segment-group:first-child{
       border-left:0;
       border-top-right-radius:0;
       border-bottom-right-radius:0;
@@ -1295,15 +1313,13 @@ a.mobius-button:focus-visible,
     margin-bottom:0;
     flex:1;
   }
-.mobius-segment-group .mobius-segment-group > .mobius-segment-group.--is-horizontal{
+:is(.mobius-segment-group .mobius-segment-group) > .mobius-segment-group.--is-horizontal{
       border-radius:0;
       border:0;
       border-top:var(--segment-border);
       margin:0;
     }
-.mobius-segment-group .mobius-segment-group:not(.--is-horizontal)
-      > .mobius-segment-group:not(.--is-horizontal)
-      .mobius-segment:first-child{
+:is(.mobius-segment-group .mobius-segment-group):not(.--is-horizontal) > .mobius-segment-group:not(.--is-horizontal) .mobius-segment:first-child{
       border-top:var(--segment-border);
     }
 .mobius-segment{
@@ -1316,25 +1332,17 @@ a.mobius-button:focus-visible,
   border-radius:var(--radius-2);
   padding:var(--size-sm);
 }
-.mobius-segment .mobius-text,
-  .mobius-segment .mobius-text.--is-h1,
-  .mobius-segment .mobius-text.--is-h2,
-  .mobius-segment .mobius-text.--is-h3,
-  .mobius-segment .mobius-text.--is-h4{
+.mobius-segment .mobius-text,.mobius-segment .mobius-text.--is-h1,.mobius-segment .mobius-text.--is-h2,.mobius-segment .mobius-text.--is-h3,.mobius-segment .mobius-text.--is-h4{
     margin:0;
   }
-.mobius-segment h1,
-  .mobius-segment h2,
-  .mobius-segment h3,
-  .mobius-segment h4,
-  .mobius-segment p{
+.mobius-segment h1,.mobius-segment h2,.mobius-segment h3,.mobius-segment h4,.mobius-segment p{
     margin:0;
   }
 .mobius-segment .mobius-text.--is-p{
     line-height:var(--font-size-lead);
   }
 .mobius-segment.subtle{
-    background-color:var(--color-background-highlight);
+    background-color:var(--color-border-light);
   }
 .mobius-segment.grey{
     background-color:var(--color-background-light);
@@ -1348,11 +1356,7 @@ a.mobius-button:focus-visible,
 .mobius-segment.inverted{
     color:var(--color-text-inverted);
   }
-.mobius-segment .mobius-text-field:last-child,
-  .mobius-segment .mobius-checkbox:last-child,
-  .mobius-segment .mobius-radio-group:last-child,
-  .mobius-segment .mobius-text-area:last-child,
-  .mobius-segment .mobius-select__outer:last-child{
+.mobius-segment .mobius-text-field:last-child,.mobius-segment .mobius-checkbox:last-child,.mobius-segment .mobius-radio-group:last-child,.mobius-segment .mobius-text-area:last-child,.mobius-segment .mobius-select__outer:last-child{
     margin-bottom:0 !important;
   }
 .mobius-segment .mobius-segment-group{
@@ -1373,7 +1377,7 @@ a.mobius-button:focus-visible,
   box-sizing:border-box;
   width:100%;
 }
-.mobius-select__outer > :where(.mobius-label.--is-optional)::after{
+.mobius-select__outer  > :where(.mobius-label.--is-optional)::after{
     content:" (optional)";
   }
 .mobius-select__wrapper{
@@ -1629,6 +1633,7 @@ a.mobius-button:focus-visible,
     font-size:var(--font-size-regular);
     font-weight:var(--font-weight-normal);
     line-height:var(--line-height-normal);
+    text-wrap:pretty;
   }
 .mobius-text:where(.--is-h1){
     box-sizing:border-box;
@@ -1637,6 +1642,7 @@ a.mobius-button:focus-visible,
     font-weight:var(--font-weight-bold);
     line-height:1.25;
     margin:0.35em 0;
+    text-wrap:balance;
   }
 .mobius-text:where(.--is-h2){
     box-sizing:border-box;
@@ -1645,6 +1651,7 @@ a.mobius-button:focus-visible,
     font-weight:var(--font-weight-bold);
     line-height:var(--line-height-tight);
     margin:0.45em 0;
+    text-wrap:balance;
   }
 .mobius-text:where(.--is-h3){
     box-sizing:border-box;
@@ -1653,6 +1660,7 @@ a.mobius-button:focus-visible,
     font-weight:var(--font-weight-bold);
     line-height:1.2;
     margin:0.5em 0;
+    text-wrap:balance;
   }
 .mobius-text:where(.--is-h4){
     box-sizing:border-box;
@@ -1661,6 +1669,7 @@ a.mobius-button:focus-visible,
     font-weight:var(--font-weight-bold);
     line-height:var(--line-height-normal);
     margin:0.55em 0;
+    text-wrap:balance;
   }
 .mobius-text:where(.--is-span){
     box-sizing:border-box;
@@ -1754,7 +1763,7 @@ a.mobius-button:focus-visible,
   flex-wrap:wrap;
   align-items:stretch;
 }
-.mobius-text-field__prefix-outside.mobius-text, .mobius-text-field__suffix-outside.mobius-text{
+.mobius-text:is(.mobius-text-field__prefix-outside,.mobius-text-field__suffix-outside){
     margin-top:0;
     margin-bottom:0;
     align-self:center;
@@ -1763,7 +1772,7 @@ a.mobius-button:focus-visible,
     border-top-right-radius:0;
     border-bottom-right-radius:0;
   }
-.mobius-text-field__prefix-outside.mobius-button + .mobius-text-field__input-wrapper{
+.mobius-text-field__prefix-outside.mobius-button  + .mobius-text-field__input-wrapper{
       border-top-left-radius:0;
       border-bottom-left-radius:0;
     }
@@ -1782,12 +1791,12 @@ a.mobius-button:focus-visible,
   display:flex;
   color:var(--color-primary-light);
 }
-.mobius-text-field__prefix-inside.mobius-button, .mobius-text-field__suffix-inside.mobius-button{
+.mobius-button:is(.mobius-text-field__prefix-inside,.mobius-text-field__suffix-inside){
     min-height:100%;
     border-radius:0;
     align-self:stretch;
   }
-.mobius-text-field__prefix-inside.mobius-text, .mobius-text-field__suffix-inside.mobius-text{
+.mobius-text:is(.mobius-text-field__prefix-inside,.mobius-text-field__suffix-inside){
     margin-top:0;
     margin-bottom:0;
   }
@@ -1809,7 +1818,7 @@ a.mobius-button:focus-visible,
 .mobius-text-field__input-wrapper:not(.--is-hidden){
     border:var(--border-default);
   }
-.mobius-text-field__input-wrapper:has(+ .mobius-button){
+.mobius-text-field__input-wrapper:has( + .mobius-button){
     border-top-right-radius:0;
     border-bottom-right-radius:0;
   }
@@ -1818,16 +1827,14 @@ a.mobius-button:focus-visible,
     background-color:var(--color-background-input-active);
     box-shadow:var(--box-shadow-default);
   }
-.mobius-text-field__input-wrapper:focus-within .mobius-text-field__prefix-inside,
-    .mobius-text-field__input-wrapper:focus-within .mobius-text-field__suffix-inside{
+.mobius-text-field__input-wrapper:focus-within .mobius-text-field__prefix-inside,.mobius-text-field__input-wrapper:focus-within .mobius-text-field__suffix-inside{
       color:var(--color-primary);
     }
 .mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid){
     border-color:var(--color-primary);
     background-color:var(--color-background-input-active);
   }
-.mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid) .mobius-text-field__prefix-inside,
-    .mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid) .mobius-text-field__suffix-inside{
+.mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid) .mobius-text-field__prefix-inside,.mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid) .mobius-text-field__suffix-inside{
       color:var(--color-primary);
     }
 .mobius-text-field__input-wrapper.--is-disabled{
@@ -2345,15 +2352,13 @@ svg:not(:host).svg-inline--mobius-icon{
   --box-shadow-default:0 0 0 var(--size-focus-ring) var(--color-focus);
   --popover-max-width:260px;
   --popover-z-index:2147483647;
-  --color-background-popover:var(--color-neutral-700);
+  --color-background-popover:var(--color-azure-700);
   --color-text-popover:#fff;
 }
 .mobius{
   font-family:var(--font-family);
 }
-.mobius *,
-  .mobius *::before,
-  .mobius *::after{
+.mobius *,.mobius *::before,.mobius *::after{
     box-sizing:border-box;
   }
 .mobius-actions{
@@ -2403,7 +2408,7 @@ svg:not(:host).svg-inline--mobius-icon{
     max-width:var(--percentage-max-width);
     margin-bottom:0;
   }
-.mobius-percentage-totals-question__items .mobius-number-field input{
+:is(.mobius-percentage-totals-question__items .mobius-number-field) input{
       max-width:var(--percentage-max-width);
     }
 .mobius-percentage-totals-question__items .mobius-number-field__input{
@@ -2474,13 +2479,13 @@ svg:not(:host).svg-inline--mobius-icon{
     background-color:var(--color-background-light);
     padding:var(--size-sm) var(--size-sm) var(--size-xxs) var(--size-lg);
   }
-.mobius-question-group .mobius-question:hover{
+:is(.mobius-question-group .mobius-question):hover{
       background-color:var(--color-background-highlight);
     }
-.mobius-question-group .mobius-question .mobius-radio-group{
+:is(.mobius-question-group .mobius-question) .mobius-radio-group{
       width:50%;
     }
-.mobius-question-group .mobius-question .mobius-question__label{
+:is(.mobius-question-group .mobius-question) .mobius-question__label{
       padding-right:var(--size-lg);
     }
 .mobius-question-group__header{
@@ -2518,8 +2523,7 @@ svg:not(:host).svg-inline--mobius-icon{
   border-radius:50%;
   color:var(--color-text-inverted);
 }
-.mobius-question-help__trigger:hover,
-  .mobius-question-help__trigger:focus-visible{
+.mobius-question-help__trigger:hover,.mobius-question-help__trigger:focus-visible{
     background-color:var(--color-primary-hover);
   }
 .mobius-question-help__trigger > span{
@@ -2631,6 +2635,36 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-agent-resources .mobius-link-button{
   text-align:center;
 }
+.mobius-coverage-summary__list{
+  margin-bottom:var(--size-md);   
+}
+.mobius-payment-summary{
+  border:1px solid var(--color-border);
+}
+.mobius-payment-summary .mobius-segment{
+    border-top:1px solid var(--color-border);
+  }
+.mobius-payment-summary .mobius-flex{
+    width:100%;
+  }
+.mobius-payment-summary__total strong{
+    font-size:var(--font-size-lead);
+  }
+:is(.mobius-quote-summary .mobius-payment-info__multi-product-text) strong{
+      font-size:var(--font-size-lead);
+    }
+.mobius-quote-summary .mobius-quote-card__coverage{
+    border-right:none;
+    border-top:1px solid var(--color-border-light);
+    margin:var(--size-md) 0 var(--size-sm);
+    padding-right:0;
+    padding-top:var(--size-sm);
+  }
+.mobius-quote-summary .mobius-quote-card__modal-trigger{
+    background:transparent;
+    font-weight:var(--font-weight-normal);
+    padding:0;
+  }
 .mobius-footer{
   background-color:var(--color-background-light);
   padding:64px var(--size-sm) var(--size-lg);
@@ -2719,7 +2753,7 @@ svg:not(:host).svg-inline--mobius-icon{
   color:var(--color-primary);
   transition:var(--transition-standard);
 }
-.mobius-footer__opening-hours-toggle:hover .mobius-footer__opening-hours-toggle-icon, .mobius-footer__opening-hours-toggle:active .mobius-footer__opening-hours-toggle-icon, .mobius-footer__opening-hours-toggle:focus-visible .mobius-footer__opening-hours-toggle-icon{
+:is(.mobius-footer__opening-hours-toggle:hover,.mobius-footer__opening-hours-toggle:active,.mobius-footer__opening-hours-toggle:focus-visible) .mobius-footer__opening-hours-toggle-icon{
     color:var(--color-primary-hover);
   }
 .mobius-footer__opening-hours-list{
@@ -2794,7 +2828,7 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-header{
   border-bottom:var(--size-border-width) solid var(--header-border-color);
   background-color:var(--header-background-color);
-  padding:15px 0;
+  padding:var(--size-sm);
 }
 .mobius-header__content{
   display:flex;
@@ -2810,7 +2844,6 @@ svg:not(:host).svg-inline--mobius-icon{
   background-position:left center;
   width:115px;
   height:32px;
-  margin-left:10px;
   text-indent:-999px;
 }
 @media screen and (min-width: 641px){
@@ -2935,17 +2968,12 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-next-coverage{
   border:1px solid var(--color-border);
   border-radius:var(--radius-2);
+  height:max-content;
   padding:var(--size-lg) var(--size-sm);
 }
 .mobius-next-coverage__text{
   margin-bottom:var(--size-lg);
 }
-.mobius-payment-summary .mobius-flex{
-    width:100%;
-  }
-.mobius-payment-summary__total strong{
-    font-size:var(--font-size-lead);
-  }
 .mobius-insurance-benefits{
   padding:var(--size-lg) var(--size-sm);
   background-color:var(--color-background-highlight);
@@ -3050,7 +3078,7 @@ svg:not(:host).svg-inline--mobius-icon{
       background-color:var(--progress-steps-tertiary-color);
       border-color:var(--progress-steps-tertiary-color);
     }
-.mobius-progress-steps__item.--is-active .mobius-progress-steps__item-shape::after{
+:is(.mobius-progress-steps__item.--is-active .mobius-progress-steps__item-shape)::after{
         background-color:var(--progress-steps-secondary-color);
       }
 .mobius-progress-steps__item.--is-active .mobius-progress-steps__item-number{
@@ -3059,17 +3087,17 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-progress-steps__item.--is-complete::after{
       background-color:var(--progress-steps-primary-color);
     }
-.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link:hover .mobius-progress-steps__item-shape, .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link:focus-visible .mobius-progress-steps__item-shape{
+:is(:is(.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link):hover,:is(.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link):focus-visible) .mobius-progress-steps__item-shape{
           background-color:var(--progress-steps-primary-color);
         }
-.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link:hover .mobius-progress-steps__item-icon, .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link:focus-visible .mobius-progress-steps__item-icon{
+:is(:is(.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link):hover,:is(.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link):focus-visible) .mobius-progress-steps__item-icon{
           color:var(--color-text-inverted);
         }
 .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-shape{
       border-color:var(--progress-steps-primary-color);
       background-color:var(--color-background);
     }
-.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-shape::after{
+:is(.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-shape)::after{
         background-color:var(--progress-steps-primary-color);
       }
 .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-number{
@@ -3084,7 +3112,7 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-shape{
       border-color:var(--progress-steps-secondary-color);
     }
-.mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-shape::after{
+:is(.mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-shape)::after{
         background-color:var(--progress-steps-secondary-color);
       }
 .mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-number{
@@ -3193,7 +3221,7 @@ svg:not(:host).svg-inline--mobius-icon{
       padding:var(--size-lg) var(--size-lg) 0;
   }
     }
-.mobius-edit-limits__modal.mobius-modal .mobius-modal__header button{
+:is(.mobius-edit-limits__modal.mobius-modal .mobius-modal__header) button{
       padding:4px;
       scale:150%;
       translate:4px -4px;
@@ -3330,6 +3358,7 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-payment-toggle{
   position:relative;
   display:grid;
+  flex-shrink:0;
   grid-template-columns:repeat(2, 1fr);
   justify-items:center;
   margin-left:auto;
@@ -3353,18 +3382,16 @@ svg:not(:host).svg-inline--mobius-icon{
     transform:translateX(2px);
     transition:all var(--duration) ease-in-out;
   }
-.mobius-payment-toggle:active,
-  .mobius-payment-toggle:hover,
-  .mobius-payment-toggle:focus-visible{
+.mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible{
     border-color:var(--color-primary-hover);
   }
-.mobius-payment-toggle:active .mobius-payment-toggle__text.--yearly, .mobius-payment-toggle:hover .mobius-payment-toggle__text.--yearly, .mobius-payment-toggle:focus-visible .mobius-payment-toggle__text.--yearly{
+.--yearly:is(:is(.mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible) .mobius-payment-toggle__text){
         color:var(--color-primary-hover);
       }
-.mobius-payment-toggle:active::before, .mobius-payment-toggle:hover::before, .mobius-payment-toggle:focus-visible::before{
+:is(.mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible)::before{
       background-color:var(--color-primary-hover);
     }
-.mobius-payment-toggle.--is-toggled:active .mobius-payment-toggle__text.--monthly, .mobius-payment-toggle.--is-toggled:hover .mobius-payment-toggle__text.--monthly, .mobius-payment-toggle.--is-toggled:focus-visible .mobius-payment-toggle__text.--monthly{
+.--monthly:is(.--is-toggled:is(.mobius-payment-toggle:active,.mobius-payment-toggle:hover,.mobius-payment-toggle:focus-visible) .mobius-payment-toggle__text){
           color:var(--color-primary-hover);
         }
 .mobius-payment-toggle:focus-visible{
@@ -3374,10 +3401,10 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-payment-toggle.--is-toggled::before{
       transform:translate(100%);
     }
-.mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text.--monthly{
+.--monthly:is(.mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text){
         color:var(--color-primary);
       }
-.mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text.--yearly{
+.--yearly:is(.mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text){
         color:var(--color-text-inverted);
       }
 .mobius-payment-toggle__text{
@@ -3408,7 +3435,7 @@ svg:not(:host).svg-inline--mobius-icon{
     padding:0 0 0 var(--size-md);
     list-style:outside;
   }
-.mobius-additional-coverage-info ul li{
+:is(.mobius-additional-coverage-info ul) li{
       margin:0 0 var(--size-sm);
     }
 .mobius-additional-coverage-info__title.mobius-text{
@@ -3525,10 +3552,10 @@ svg:not(:host).svg-inline--mobius-icon{
   padding:1rem;
   margin-top:1rem;
 }
-.mobius-payment-info__multi-product .mobius-payment-info__multi-product-text.--general-liability{
+.--general-liability:is(.mobius-payment-info__multi-product .mobius-payment-info__multi-product-text){
       padding-bottom:var(--size-xs);
     }
-.mobius-payment-info__multi-product .mobius-payment-info__multi-product-text.--professional-liability{
+.--professional-liability:is(.mobius-payment-info__multi-product .mobius-payment-info__multi-product-text){
       position:relative;
       border:1px solid var(--color-border-light);
       padding-top:var(--size-xs);
@@ -3564,10 +3591,10 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text{
     margin:0;
   }
-.mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text.--general-liability{
+.--general-liability:is(.mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text){
       padding-bottom:var(--size-xs);
     }
-.mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text.--professional-liability{
+.--professional-liability:is(.mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text){
       position:relative;
       border-top:1px solid var(--color-border-light);
       padding-top:var(--size-xs);
@@ -3578,12 +3605,7 @@ svg:not(:host).svg-inline--mobius-icon{
   margin-top:var(--size-sm);
   margin-bottom:var(--size-sm);
 }
-.mobius-payment-info__total-outer-container span,
-  .mobius-payment-info__multi-product span,
-  .mobius-payment-info__total-outer-container strong,
-  .mobius-payment-info__multi-product strong,
-  .mobius-payment-info__total-outer-container p,
-  .mobius-payment-info__multi-product p{
+:is(.mobius-payment-info__total-outer-container,.mobius-payment-info__multi-product) span,:is(.mobius-payment-info__total-outer-container,.mobius-payment-info__multi-product) strong,:is(.mobius-payment-info__total-outer-container,.mobius-payment-info__multi-product) p{
     font-size:var(--font-size-2);
   }
 .mobius-payment-info__total-container{
@@ -3612,7 +3634,7 @@ svg:not(:host).svg-inline--mobius-icon{
     padding-left:var(--size-md);
     margin:6px 0;
   }
-.price-details .card-modal__explainer-title .card-modal__info-icon{
+:is(.price-details .card-modal__explainer-title) .card-modal__info-icon{
       color:var(--color-primary);
     }
 .price-details .info__popover .phone{
@@ -3623,7 +3645,7 @@ svg:not(:host).svg-inline--mobius-icon{
     vertical-align:middle;
     margin-right:4px;
   }
-.price-details .phone span{
+:is(.price-details .phone) span{
       -webkit-text-decoration:underline;
       text-decoration:underline;
       text-underline-offset:6px;
@@ -3666,7 +3688,7 @@ svg:not(:host).svg-inline--mobius-icon{
 }
   }
 @supports (-webkit-touch-callout: none) and (not (translate: none)){
-    .mobius-quote-card__body > *:not(:last-child){
+    .mobius-quote-card__body  > *:not(:last-child){
       margin-bottom:33px;
     }
   }
@@ -3720,8 +3742,8 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 .mobius-quote-card__cover{
   color:var(--color-text-medium);
-  margin-top:var(--size-xxs);
-  margin-bottom:var(--size-xxs);
+  margin-top:var(--size-xs);
+  margin-bottom:var(--size-xs);
   padding-left:var(--size-md);
   align-items:center;
 }
@@ -3772,7 +3794,7 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-quote-card__extra-coverage-item .mobius-quote-card__explainer-title{
     color:var(--color-text);
   }
-.mobius-quote-card__extra-coverage-item .mobius-quote-card__explainer-title .mobius-quote-card__explainer-icon{
+:is(.mobius-quote-card__extra-coverage-item .mobius-quote-card__explainer-title) .mobius-quote-card__explainer-icon{
       color:var(--color-text);
     }
 .mobius-quote-card__extra-coverage-item .mobius-quote-card__cover{
@@ -3807,7 +3829,7 @@ svg:not(:host).svg-inline--mobius-icon{
     margin-top:var(--size-xs);
     margin-bottom:var(--size-xxs);
   }
-.mobius-quote-card__coverage-item .mobius-accordion div[aria-hidden]{
+:is(.mobius-quote-card__coverage-item .mobius-accordion) div[aria-hidden]{
       width:100%;
     }
 .mobius-quote-card__coverage-item .mobius-accordion__link{
@@ -3836,7 +3858,7 @@ svg:not(:host).svg-inline--mobius-icon{
     margin-top:var(--size-xxs);
     margin-bottom:0;
   }
-.mobius-quote-card__coverage-item .mobius-accordion__content .mobius-quote-card__cover:last-child{
+:is(.mobius-quote-card__coverage-item .mobius-accordion__content) .mobius-quote-card__cover:last-child{
       margin-bottom:0;
     }
 .mobius-quote-card__deductibles-title.--is-p{
@@ -3900,8 +3922,7 @@ svg:not(:host).svg-inline--mobius-icon{
   width:12px;
   margin-left:var(--size-xxs);
 }
-:is(.mobius-quote-card,.mobius-quote-card__modal-container.mobius-drawer) .mobius-quote-card__modal-trigger,
-  :is(.mobius-quote-card,.mobius-quote-card__modal-container.mobius-drawer) .mobius-popover__toggle{
+:is(.mobius-quote-card,.mobius-quote-card__modal-container.mobius-drawer) .mobius-quote-card__modal-trigger,:is(.mobius-quote-card,.mobius-quote-card__modal-container.mobius-drawer) .mobius-popover__toggle{
     border:none;
     padding:0;
     font-weight:var(--font-weight-normal);
@@ -3923,7 +3944,7 @@ svg:not(:host).svg-inline--mobius-icon{
     padding:var(--size-sm) var(--size-sm) var(--size-xs) var(--size-sm);
     font-size:var(--font-size-lead);
   }
-.mobius-quote-card__modal-container.mobius-drawer .mobius-modal__header button{
+:is(.mobius-quote-card__modal-container.mobius-drawer .mobius-modal__header) button{
       font-size:var(--font-size-regular);
       padding:var(--size-xxs);
       scale:150%;
@@ -3946,7 +3967,7 @@ svg:not(:host).svg-inline--mobius-icon{
     padding-left:var(--size-md);
     margin:6px 0;
   }
-.mobius-quote-card__price-details .mobius-quote-card__explainer-title .mobius-quote-card__explainer-icon{
+:is(.mobius-quote-card__price-details .mobius-quote-card__explainer-title) .mobius-quote-card__explainer-icon{
       color:var(--color-primary);
     }
 .mobius-quote-card__price-details .mobius-quote-card__info-popover .mobius-quote-card__price-details-phone{
@@ -3961,7 +3982,7 @@ svg:not(:host).svg-inline--mobius-icon{
     -webkit-text-decoration:none;
     text-decoration:none;
   }
-.mobius-quote-card__price-details .mobius-quote-card__price-details-phone span{
+:is(.mobius-quote-card__price-details .mobius-quote-card__price-details-phone) span{
       -webkit-text-decoration:underline;
       text-decoration:underline;
       text-underline-offset:6px;
@@ -3982,7 +4003,7 @@ svg:not(:host).svg-inline--mobius-icon{
     font-weight:var(--font-weight-bold);
     text-align:right;
   }
-.mobius-quote-card__pricing-amount-due.mobius-text, .mobius-quote-card__pricing-unavailable-installment.mobius-text{
+.mobius-text:is(.mobius-quote-card__pricing-amount-due,.mobius-quote-card__pricing-unavailable-installment){
     color:var(--color-text);
     margin-top:0;
     margin-bottom:var(--size-xxs);
@@ -4026,14 +4047,17 @@ svg:not(:host).svg-inline--mobius-icon{
     color:var(--color-text);
   }
 .mobius-quote-card__ratings{
+  display:flex;
+  flex-direction:column;
+  justify-content:flex-end;
   margin-top:0;
   margin-bottom:var(--size-sm);
+  min-height:86px;
 }
 .mobius-quote-card__ratings.--has-reinsurer-text{
     padding-top:var(--size-sm);
   }
-.mobius-quote-card__ratings .mobius-quote-card__explainer-title,
-  .mobius-quote-card__ratings .mobius-quote-card__explainer-icon{
+.mobius-quote-card__ratings .mobius-quote-card__explainer-title,.mobius-quote-card__ratings .mobius-quote-card__explainer-icon{
     color:var(--color-text);
   }
 .mobius-quote-card__ratings-text.--is-p{
@@ -4072,7 +4096,7 @@ svg:not(:host).svg-inline--mobius-icon{
     --column-count:2;
 }
 
-    .mobius-quote-cards__grid:has(> *:nth-child(3)){
+    .mobius-quote-cards__grid:has( > *:nth-child(3)){
       --column-count:3;
     }
   }
@@ -4120,15 +4144,11 @@ svg:not(:host).svg-inline--mobius-icon{
       margin-right:0;
     }
   }
-.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__content,
-  .mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header,
-  .mobius-quote-details__drawer.mobius-drawer .mobius-quote-details-drawer__footer{
+.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__content,.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header,.mobius-quote-details__drawer.mobius-drawer .mobius-quote-details-drawer__footer{
     padding:var(--size-sm);
   }
 @media (min-width: 850px){
-.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__content,
-  .mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header,
-  .mobius-quote-details__drawer.mobius-drawer .mobius-quote-details-drawer__footer{
+.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__content,.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header,.mobius-quote-details__drawer.mobius-drawer .mobius-quote-details-drawer__footer{
       padding:var(--size-lg);
   }
     }
@@ -4223,7 +4243,6 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-quote-help__contact-container{
   flex-direction:column;
   gap:var(--size-sm);
-  border-bottom:1px solid var(--color-background);
   padding-bottom:var(--size-xs);
 }
 @media (min-width: 640px){
@@ -4233,7 +4252,6 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 
     .mobius-quote-help__contact-container .mobius-quote-help__chat-link{
-      border-left:1px solid var(--color-background);
       border-radius:0;
       padding-left:var(--size-xs);
     }
@@ -4247,7 +4265,7 @@ svg:not(:host).svg-inline--mobius-icon{
   column-gap:var(--size-xl);
   row-gap:var(--size-sm);
   margin-bottom:var(--size-lg);
-  grid-template-areas:"referralText" "nextCoverage" "trustSection";
+  grid-template-areas:"referralText" "coverageSummary" "nextCoverage" "trustSection";
 }
 @media (min-width: 960px){
 .mobius-referral{
@@ -4256,6 +4274,12 @@ svg:not(:host).svg-inline--mobius-icon{
     row-gap:0;
 }
   }
+@media (min-width: 960px){
+.mobius-cross-sell{
+    grid-template-columns:2fr 1.25fr;
+    grid-template-areas:"referralText coverageSummary" "nextCoverage coverageSummary" "nextCoverage trustSection";
+}
+  }
 .mobius-trust-section{
   grid-area:trustSection;
 }
@@ -4265,6 +4289,9 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-referral__text{
   grid-area:referralText;
 }
+.mobius-coverage-summary{
+  grid-area:coverageSummary;
+}
 .mobius-trade-selector{
   display:inline-flex;
   flex-direction:column;
@@ -4340,8 +4367,7 @@ svg:not(:host).svg-inline--mobius-icon{
     border-color:var(--color-primary);
     background-color:var(--color-background-highlight);
   }
-.mobius-trade-selector__option:focus-visible,
-  .mobius-trade-selector__option.--is-selected{
+.mobius-trade-selector__option:focus-visible,.mobius-trade-selector__option.--is-selected{
     color:var(--color-primary);
     background-color:var(--color-background-highlight);
   }
@@ -4377,6 +4403,8 @@ svg:not(:host).svg-inline--mobius-icon{
 .mobius-main{
   padding-top:var(--size-lg);
   padding-bottom:calc(var(--size-lg) + var(--size-xxl));
+  padding-left:var(--size-sm);
+  padding-right:var(--size-sm);
 }
 :root,
 :host{
@@ -4399,8 +4427,7 @@ svg:not(:host).svg-inline--mobius-icon{
   border-bottom-left-radius:0;
   border-bottom-right-radius:var(--radius-1);
 }
-.mobius-date-picker__field-button:hover:not(.--is-disabled):not(.mobius-date-picker__field-button.--is-valid):not(.mobius-date-picker__field-button.--is-invalid),
-  .mobius-date-picker__field-button:focus-visible:not(.--is-disabled):not(.mobius-date-picker__field-button.--is-valid):not(.mobius-date-picker__field-button.--is-invalid){
+.mobius-date-picker__field-button:hover:not(.--is-disabled):not(.mobius-date-picker__field-button.--is-valid):not(.mobius-date-picker__field-button.--is-invalid),.mobius-date-picker__field-button:focus-visible:not(.--is-disabled):not(.mobius-date-picker__field-button.--is-valid):not(.mobius-date-picker__field-button.--is-invalid){
     background-color:var(--color-primary-hover);
   }
 .mobius-date-picker__field-button.--is-invalid:not(.--is-disabled){
@@ -4496,7 +4523,7 @@ svg:not(:host).svg-inline--mobius-icon{
       color:var(--color-text-inverted);
       border-radius:var(--radius-1);
     }
-.mobius-date-picker__day.--is-outside .mobius-date-picker__day-button, .mobius-date-picker__day.--is-disabled .mobius-date-picker__day-button{
+:is(.mobius-date-picker__day.--is-outside,.mobius-date-picker__day.--is-disabled) .mobius-date-picker__day-button{
       opacity:0.3;
       cursor:not-allowed;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simplybusiness/theme-simplybusiness",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "main": "dist/index.css",
   "simplyBusiness": {
     "publishToPublicNpm": true
@@ -26,24 +26,24 @@
     "./fonts": "./dist/fonts.css"
   },
   "dependencies": {
-    "@simplybusiness/mobius": "^5.1.1",
-    "@simplybusiness/mobius-datepicker": "^6.0.3",
-    "@simplybusiness/mobius-journey": "^6.4.0",
-    "@simplybusiness/theme-core": "^7.1.1"
+    "@simplybusiness/mobius": "^5.2.0",
+    "@simplybusiness/mobius-datepicker": "^6.0.5",
+    "@simplybusiness/mobius-journey": "^6.5.0",
+    "@simplybusiness/theme-core": "^7.1.3"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",
-    "mini-css-extract-plugin": "^2.9.0",
-    "postcss": "^8.4.40",
-    "postcss-discard-comments": "^7.0.2",
+    "mini-css-extract-plugin": "^2.9.1",
+    "postcss": "^8.4.47",
+    "postcss-discard-comments": "^7.0.3",
     "postcss-import": "^16.1.0",
     "postcss-loader": "^8.1.1",
     "postcss-nested": "^6.2.0",
-    "postcss-preset-env": "^9.6.0",
+    "postcss-preset-env": "^10.0.5",
     "postcss-url": "^10.1.3",
     "resolve-url-loader": "^5.0.0",
     "ts-loader": "^9.5.1",
-    "typescript": "^5.5.4",
+    "typescript": "^5.6.2",
     "webpack": "^5.94.0",
     "webpack-cli": "^5.1.4"
   }

package/src/index.css

@@ -2,40 +2,42 @@
 @import "@simplybusiness/theme-core";
 
 /* @simplybusiness/mobius-journey */
-@import "../../mobius-journey/src/archived/Actions/Actions.css";
-@import "../../mobius-journey/src/archived/PaymentConfirmation/PaymentConfirmation.css";
-@import "../../mobius-journey/src/archived/PercentageTotalsQuestion/PercentageTotalsQuestion.css";
-@import "../../mobius-journey/src/archived/Question/Question.css";
-@import "../../mobius-journey/src/archived/QuestionGroup/QuestionGroup.css";
-@import "../../mobius-journey/src/archived/QuestionHelp/QuestionHelp.css";
-@import "../../mobius-journey/src/archived/Section/Section.css";
-@import "../../mobius-journey/src/archived/Testimonial/Testimonial.css";
-@import "../../mobius-journey/src/components/AgentResources/AgentResources.css";
-@import "../../mobius-journey/src/components/Footer/Footer.css";
-@import "../../mobius-journey/src/components/ErrorBoundary/ErrorBoundary.css";
-@import "../../mobius-journey/src/components/Header/Header.css";
-@import "../../mobius-journey/src/components/InfoCard/InfoCard.css";
-@import "../../mobius-journey/src/components/NextCoverage/NextCoverage.css";
-@import "../../mobius-journey/src/components/PaymentSummary/PaymentSummary.css";
-@import "../../mobius-journey/src/components/PreFooter/InsuranceBenefits.css";
-@import "../../mobius-journey/src/components/PreFooter/PreFooter.css";
-@import "../../mobius-journey/src/components/ProgressSteps/ProgressSteps.css";
-@import "../../mobius-journey/src/components/QuoteComparison/CoverSummary/CoverSummary.css";
-@import "../../mobius-journey/src/components/QuoteComparison/CoverTogglesContainer/CoverTogglesContainer.css";
-@import "../../mobius-journey/src/components/QuoteComparison/Headline/ExperimentIteratedQCP/EditLimitsExperimentIteratedQCP.css";
-@import "../../mobius-journey/src/components/QuoteComparison/Headline/ExperimentIteratedQCP/QuoteHeadlineExperimentIteratedQCP.css";
-@import "../../mobius-journey/src/components/QuoteComparison/Headline/QuoteHeadline.css";
-@import "../../mobius-journey/src/components/QuoteComparison/PaymentToggle/PaymentToggle.css";
-@import "../../mobius-journey/src/components/QuoteComparison/QuoteCards/QuoteCards.css";
-@import "../../mobius-journey/src/components/QuoteHelp/QuoteHelp.css";
-@import "../../mobius-journey/src/components/Referral/Referral.css";
-@import "../../mobius-journey/src/components/TradeSelector/TradeSelector.css";
-@import "../../mobius-journey/src/components/TrustSection/TrustSection.css";
-@import "../../mobius-journey/src/pages/AgentReferralPage/AgentReferralContainer.css";
-@import "../../mobius-journey/src/pages/Main.css";
+@import "@simplybusiness/mobius-journey/src/archived/Actions/Actions.css";
+@import "@simplybusiness/mobius-journey/src/archived/PaymentConfirmation/PaymentConfirmation.css";
+@import "@simplybusiness/mobius-journey/src/archived/PercentageTotalsQuestion/PercentageTotalsQuestion.css";
+@import "@simplybusiness/mobius-journey/src/archived/Question/Question.css";
+@import "@simplybusiness/mobius-journey/src/archived/QuestionGroup/QuestionGroup.css";
+@import "@simplybusiness/mobius-journey/src/archived/QuestionHelp/QuestionHelp.css";
+@import "@simplybusiness/mobius-journey/src/archived/Section/Section.css";
+@import "@simplybusiness/mobius-journey/src/archived/Testimonial/Testimonial.css";
+@import "@simplybusiness/mobius-journey/src/components/AgentResources/AgentResources.css";
+@import "@simplybusiness/mobius-journey/src/components/CoverageSummary/CoverageSummary.css";
+@import "@simplybusiness/mobius-journey/src/components/CoverageSummary/PaymentSummary/PaymentSummary.css";
+@import "@simplybusiness/mobius-journey/src/components/CoverageSummary/QuoteSummary/QuoteSummary.css";
+@import "@simplybusiness/mobius-journey/src/components/Footer/Footer.css";
+@import "@simplybusiness/mobius-journey/src/components/ErrorBoundary/ErrorBoundary.css";
+@import "@simplybusiness/mobius-journey/src/components/Header/Header.css";
+@import "@simplybusiness/mobius-journey/src/components/InfoCard/InfoCard.css";
+@import "@simplybusiness/mobius-journey/src/components/NextCoverage/NextCoverage.css";
+@import "@simplybusiness/mobius-journey/src/components/PreFooter/InsuranceBenefits.css";
+@import "@simplybusiness/mobius-journey/src/components/PreFooter/PreFooter.css";
+@import "@simplybusiness/mobius-journey/src/components/ProgressSteps/ProgressSteps.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteComparison/CoverSummary/CoverSummary.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteComparison/CoverTogglesContainer/CoverTogglesContainer.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteComparison/Headline/ExperimentIteratedQCP/EditLimitsExperimentIteratedQCP.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteComparison/Headline/ExperimentIteratedQCP/QuoteHeadlineExperimentIteratedQCP.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteComparison/Headline/QuoteHeadline.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteComparison/PaymentToggle/PaymentToggle.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteComparison/QuoteCards/QuoteCards.css";
+@import "@simplybusiness/mobius-journey/src/components/QuoteHelp/QuoteHelp.css";
+@import "@simplybusiness/mobius-journey/src/components/Referral/Referral.css";
+@import "@simplybusiness/mobius-journey/src/components/TradeSelector/TradeSelector.css";
+@import "@simplybusiness/mobius-journey/src/components/TrustSection/TrustSection.css";
+@import "@simplybusiness/mobius-journey/src/pages/AgentReferralPage/AgentReferralContainer.css";
+@import "@simplybusiness/mobius-journey/src/pages/Main.css";
 
 /* @simplybusiness/mobius-datepicker */
-@import "../../mobius-datepicker/src/components/DatePicker/DatePicker.css";
+@import "@simplybusiness/mobius-datepicker/src/components/DatePicker/DatePicker.css";
 
 /* Base customisation */
 @import "./fonts.css";