@simplybusiness/theme-core 7.1.0 → 7.1.2

package/dist/index.css

@@ -31,16 +31,13 @@
 .mobius-accordion__content.--is-open{
     overflow:visible;
     opacity:1;
-    margin-top:8px;
     margin-top:var(--size-xs);
   }
 
 .mobius-accordion__link{
   display:flex;
   align-items:center;
-  border-radius:4px;
   border-radius:var(--radius-1);
-  color:#4632d8;
   color:var(--color-secondary);
   cursor:pointer;
   outline:none;
@@ -51,20 +48,16 @@
 
 .mobius-accordion__link:hover,
   .mobius-accordion__link:active{
-    color:#2a1e81;
     color:var(--color-secondary-hover);
   }
 
 .mobius-accordion__link:focus-visible{
     outline:none;
-    box-shadow:0 0 0 2px #e943c9;
     box-shadow:var(--box-shadow-default);
   }
 
 .mobius-accordion__link-text{
-  margin-right:8px;
   margin-right:var(--size-xs);
-  line-height:1.5;
   line-height:var(--line-height-normal);
 }
 
@@ -80,15 +73,11 @@
   display:flex;
   flex-grow:1;
   align-items:center;
-  font-size:14px;
   font-size:var(--font-size-2);
-  color:#18181d;
   color:var(--color-text);
   border:2px solid;
   border-color:inherit;
-  border-radius:4px;
   border-radius:var(--radius-1);
-  padding:16px;
   padding:var(--size-sm);
 }
 
@@ -101,35 +90,26 @@
     }
 
 .mobius-alert.--info{
-    border-color:#176fae;
     border-color:var(--color-info);
-    background-color:#e8f1f7;
     background-color:var(--color-info-background);
   }
 
 .mobius-alert.--success{
-    border-color:#008744;
     border-color:var(--color-valid);
-    background-color:#e6f3ed;
     background-color:var(--color-valid-background);
   }
 
 .mobius-alert.--warning{
-    border-color:#ffba00;
     border-color:var(--color-warning);
-    background-color:#fff9e6;
     background-color:var(--color-warning-background);
   }
 
 .mobius-alert.--error{
-    border-color:#b90909;
     border-color:var(--color-error);
-    background-color:#f8e7e7;
     background-color:var(--color-error-background);
   }
 
 .mobius-alert__icon{
-  margin-right:16px;
   margin-right:var(--size-sm);
 }
 
@@ -138,9 +118,7 @@
 }
 
 .mobius-alert__header{
-  margin:0 0 4px;
   margin:0 0 var(--size-xxs);
-  font-size:16px;
   font-size:var(--font-size-regular);
   font-weight:600;
 }
@@ -151,15 +129,10 @@
 
 .mobius-breadcrumb{
   box-sizing:border-box;
-  background-color:#f3f3f3;
   background-color:var(--color-background-light);
-  padding-top:24px;
   padding-top:var(--size-md);
-  padding-bottom:24px;
   padding-bottom:var(--size-md);
-  padding-left:16px;
   padding-left:var(--size-sm);
-  padding-right:16px;
   padding-right:var(--size-sm);
   display:flex;
   flex-direction:row;
@@ -178,7 +151,6 @@
 
 .mobius-breadcrumb__item{
   box-sizing:border-box;
-  color:#18181d;
   color:var(--color-text);
   display:flex;
   flex-direction:row;
@@ -186,9 +158,7 @@
 }
 
 .mobius-breadcrumb__separator{
-  margin-left:8px;
   margin-left:var(--size-xs);
-  margin-right:8px;
   margin-right:var(--size-xs);
 }
 
@@ -206,59 +176,45 @@
   outline:none;
   -webkit-text-decoration:none;
   text-decoration:none;
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
   cursor:pointer;
   color:var(--button-content-color);
-  font-weight:700;
   font-weight:var(--font-weight-bold);
-  border-radius:4px;
   border-radius:var(--button-border-radius);
-  border-width:2px;
   border-width:var(--size-border-width);
   border-color:transparent;
   border-style:solid;
   position:relative;
   margin:0;
-  transition:color 160ms ease-in-out, background-color 160ms ease-in-out;
   transition:color var(--transition-standard), background-color var(--transition-standard);
 }
 
 .mobius-button:where(.--has-icon){
     display:inline-flex;
-    gap:8px;
     gap:var(--size-xs);
   }
 
 .mobius-button:where(.--size-sm){
-    font-size:16px;
     font-size:var(--font-size-3);
     line-height:16px;
-    padding:10px 16px;
     padding:10px var(--size-sm);
   }
 
 .mobius-button:where(.--size-md){
-    font-size:20px;
     font-size:var(--font-size-4);
     line-height:24px;
-    padding:14px 24px;
     padding:14px var(--size-md);
   }
 
 .mobius-button:where(.--size-lg){
-    font-size:24px;
     font-size:var(--font-size-5);
     line-height:32px;
-    padding:14px 24px;
     padding:14px var(--size-md);
   }
 
 .mobius-button:where(.--variant-primary){
     --button-content-color:var(--color-text-inverted);
-    background-color:#4632d8;
     background-color:var(--button-variant-primary-color);
-    font-variation-settings:normal;
     font-variation-settings:var(
       --button-variant-primary-font-variation-settings
     );
@@ -266,18 +222,15 @@
 
 .mobius-button:where(.--variant-primary):where(:active),
     .mobius-button:where(.--variant-primary):where(:hover){
-      background-color:#2a1e81;
       background-color:var(--button-variant-primary-hover-color);
     }
 
 .mobius-button:where(.--variant-primary):where(:focus-visible){
-      box-shadow:0 0 0 2px #e943c9;
       box-shadow:var(--box-shadow-default);
     }
 
 .mobius-button:where(.--variant-primary):where(.--is-disabled){
       --button-content-color:var(--color-text-light);
-      background-color:#5d5d60;
       background-color:var(--color-background-medium);
       cursor:not-allowed;
     }
@@ -285,62 +238,51 @@
 .mobius-button:where(.--variant-secondary){
     --button-content-color:var(--color-secondary);
     background-color:transparent;
-    border-color:#4632d8;
     border-color:var(--color-secondary);
   }
 
 .mobius-button:where(.--variant-secondary):where(:active),
     .mobius-button:where(.--variant-secondary):where(:hover){
       --button-content-color:var(--color-text-inverted);
-      background-color:#2a1e81;
       background-color:var(--color-secondary-hover);
-      border-color:#2a1e81;
       border-color:var(--color-secondary-hover);
     }
 
 .mobius-button:where(.--variant-secondary):where(:focus-visible){
-      box-shadow:0 0 0 2px #e943c9;
       box-shadow:var(--box-shadow-default);
     }
 
 .mobius-button:where(.--variant-secondary):where(.--is-disabled){
       --button-content-color:var(--color-text-light);
       border-color:transparent;
-      background-color:#5d5d60;
       background-color:var(--color-background-medium);
       cursor:not-allowed;
     }
 
 .mobius-button:where(.--variant-ghost){
     --button-content-color:var(--color-secondary);
-    background-color:#f6f5fd;
     background-color:var(--color-background-highlight);
-    border:2px solid #9084e8;
     border:var(--border-default);
     border-color:transparent;
   }
 
 .mobius-button:where(.--variant-ghost):where(:active){
-      background-color:#2a1e81;
       background-color:var(--color-secondary-hover);
     }
 
 .mobius-button:where(.--variant-ghost):where(:hover){
       --button-content-color:var(--color-text-inverted);
       border-color:transparent;
-      background-color:#2a1e81;
       background-color:var(--color-secondary-hover);
     }
 
 .mobius-button:where(.--variant-ghost):where(:focus-visible){
-      box-shadow:0 0 0 2px #e943c9;
       box-shadow:var(--box-shadow-default);
     }
 
 .mobius-button:where(.--variant-ghost):where(.--is-disabled){
       --button-content-color:var(--color-text-light);
       border-color:transparent;
-      background-color:#5d5d60;
       background-color:var(--color-background-medium);
       cursor:not-allowed;
     }
@@ -352,26 +294,21 @@
   }
 
 .mobius-button:where(.--variant-basic):where(:active){
-      background-color:#f3f3f3;
       background-color:var(--color-background-light);
     }
 
 .mobius-button:where(.--variant-basic):where(:hover){
-      background-color:#f3f3f3;
       background-color:var(--color-background-light);
     }
 
 .mobius-button:where(.--variant-basic):where(.--is-disabled){
       --button-content-color:var(--color-text-light);
-      background-color:#5d5d60;
       background-color:var(--color-background-medium);
       cursor:not-allowed;
     }
 
 .mobius-button:where(.--is-success){
-    background-color:#008744;
     background-color:var(--color-valid);
-    border-color:#008744;
     border-color:var(--color-valid);
     color:transparent;
   }
@@ -382,7 +319,6 @@
     }
 
 .mobius-button:where(.--is-success) [data-icon="tick"] path{
-      fill:#ffffff;
       fill:var(--color-text-inverted);
     }
 
@@ -391,21 +327,17 @@
     }
 
 .mobius-button:where(.--is-success):where(:hover){
-      background-color:#006633;
       background-color:var(--color-valid-hover);
-      border-color:#006633;
       border-color:var(--color-valid-hover);
     }
 
 .mobius-button:where(.--is-success):where(:active){
-      background-color:#008744;
       background-color:var(--color-valid);
     }
 
 .mobius-button:where(.--is-success):where(.--is-disabled){
       border-color:transparent;
       color:transparent;
-      background-color:#5d5d60;
       background-color:var(--color-background-medium);
       cursor:not-allowed;
     }
@@ -425,9 +357,7 @@
 
 .mobius-button:where(.--variant-link){
     --button-content-color:var(--color-secondary);
-    -webkit-appearance:none;
-       -moz-appearance:none;
-            appearance:none;
+    appearance:none;
     border:none;
     padding:0;
     background-color:transparent;
@@ -446,7 +376,6 @@
     }
 
 .mobius-button:where(.--variant-link):focus-visible{
-      box-shadow:0 0 0 2px #e943c9;
       box-shadow:0 0 0 var(--size-focus-ring) var(--color-focus);
       padding:3px 0;
     }
@@ -463,21 +392,16 @@
   right:0;
   bottom:0;
   display:grid;
-  align-items:center;
-  justify-items:center;
   place-items:center;
 }
 
 a.mobius-button:focus-visible,
 .mobius-button:focus-visible{
-  box-shadow:0 0 0 2px #e943c9;
   box-shadow:var(--box-shadow-default);
 }
 
 .mobius-checkbox__input{
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
+  appearance:none;
   position:absolute;
   margin-top:2px;
   margin-left:0px;
@@ -491,16 +415,12 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-checkbox__input.--is-disabled{
-    color:#d1d1d2;
     color:var(--color-text-light);
-    border-color:#d1d1d2;
     border-color:var(--color-border-medium);
-    background-color:#f3f3f3;
     background-color:var(--color-background-light);
   }
 
 .--is-invalid .mobius-checkbox__input:not(.--is-disabled){
-    border-color:#b90909;
     border-color:var(--color-error);
   }
 
@@ -509,106 +429,78 @@ a.mobius-button:focus-visible,
   display:flex;
   align-items:flex-start;
   flex-direction:row;
-  border:2px solid #9084e8;
   border:var(--border-default);
-  border-radius:4px;
   border-radius:var(--radius-1);
-  padding:14px 16px;
   padding:var(--input-field-padding-tight);
   position:relative;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-          user-select:none;
+  user-select:none;
   cursor:pointer;
-  background-color:#ffffff;
   background-color:var(--color-background-input);
 }
 
 .mobius-checkbox__label.--is-disabled{
-    color:#d1d1d2;
     color:var(--color-text-light);
-    border-color:#d1d1d2;
     border-color:var(--color-border-medium);
-    background-color:#f3f3f3;
     background-color:var(--color-background-light);
     cursor:not-allowed;
   }
 
 .mobius-checkbox__label.--is-disabled .mobius-checkbox__icon{
-      color:#d1d1d2;
       color:var(--color-text-light);
     }
 
 .mobius-checkbox__label:hover:not(.--is-disabled):not(.mobius-checkbox__label.--is-invalid){
-    border-color:#4632d8;
     border-color:var(--color-primary);
-    background-color:#f6f5fd;
     background-color:var(--color-background-input-active);
   }
 
 .mobius-checkbox__label:hover:not(.--is-disabled):not(.mobius-checkbox__label.--is-invalid) .mobius-checkbox__input{
-      border-color:#4632d8;
       border-color:var(--color-primary);
     }
 
 .mobius-checkbox__label:hover:not(.--is-disabled):not(.mobius-checkbox__label.--is-invalid) .mobius-checkbox__icon{
-      color:#4632d8;
       color:var(--color-primary);
     }
 
 .mobius-checkbox__label:focus-within:not(.--is-disabled):not(.--is-invalid){
-      box-shadow:0 0 0 2px #e943c9;
       box-shadow:var(--box-shadow-default);
-      border-color:#4632d8;
       border-color:var(--color-primary);
-      background-color:#f6f5fd;
       background-color:var(--color-background-input-active);
     }
 
 .mobius-checkbox__label:focus-within:not(.--is-disabled):not(.--is-invalid) .mobius-checkbox__icon{
-        color:#4632d8;
         color:var(--color-primary);
       }
 
 .mobius-checkbox__label.--is-invalid:not(.--is-disabled){
-    border-color:#b90909;
     border-color:var(--color-error);
-    color:#b90909;
     color:var(--color-error);
   }
 
 .mobius-checkbox__label.--is-invalid:not(.--is-disabled):hover,
     .mobius-checkbox__label.--is-invalid:not(.--is-disabled):focus-within{
-      background-color:#f8e7e7;
       background-color:var(--color-error-background);
     }
 
 .mobius-checkbox__label.--is-invalid:not(.--is-disabled) .mobius-checkbox__icon{
-      color:#b90909;
       color:var(--color-error);
     }
 
 .mobius-checkbox__label.--is-invalid:not(.--is-disabled) .mobius-checkbox__input{
-      border-color:#b90909;
       border-color:var(--color-error);
     }
 
 .mobius-checkbox__icon{
   position:relative;
-  color:#9084e8;
   color:var(--color-primary-light);
 }
 
 .mobius-checkbox__visible-label{
   box-sizing:border-box;
   width:100%;
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
-  line-height:1.5;
   line-height:var(--line-height-normal);
-  font-size:16px;
   font-size:var(--font-size-regular);
-  margin-left:16px;
   margin-left:var(--size-sm);
 }
 
@@ -618,7 +510,6 @@ a.mobius-button:focus-visible,
 
 .mobius-checkbox-group .mobius-checkbox-group__wrapper{
     display:grid;
-    margin-bottom:16px;
     margin-bottom:var(--size-sm);
   }
 
@@ -629,12 +520,10 @@ a.mobius-button:focus-visible,
 
 .mobius-checkbox-group.--is-horizontal .mobius-checkbox-group__wrapper{
     grid-template-columns:repeat(var(--checkbox-items-per-row), 1fr);
-    gap:16px;
     gap:var(--size-sm);
   }
 
 .mobius-checkbox-group.--is-vertical .mobius-checkbox-group__wrapper{
-    gap:8px;
     gap:var(--size-xs);
   }
 
@@ -649,12 +538,10 @@ a.mobius-button:focus-visible,
 }
 
 .mobius-container.--is-sm{
-    max-width:1004px;
     max-width:var(--size-inner-container);
   }
 
 .mobius-container.--is-md{
-    max-width:1200px;
     max-width:var(--size-container);
   }
 
@@ -664,14 +551,12 @@ a.mobius-button:focus-visible,
   align-items:center;
   justify-content:center;
   width:100%;
-  height:32px;
   height:var(--size-lg);
 }
 
 .mobius-divider__inner{
   width:100%;
   height:1px;
-  background-color:#f3f3f3;
   background-color:var(--color-background-light);
 }
 
@@ -701,7 +586,6 @@ a.mobius-button:focus-visible,
   padding:0;
   margin:0;
   border:none;
-  background-color:#ffffff;
   background-color:var(--color-background);
   overflow:hidden;
 }
@@ -715,10 +599,8 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-drawer::backdrop{
-    background-color:#18181d;
     background-color:var(--color-neutral-700);
     opacity:0;
-    transition:opacity 0 ease-in-out;
     transition:opacity var(--drawer-transition-duration) ease-in-out;
   }
 
@@ -728,12 +610,11 @@ a.mobius-button:focus-visible,
     right:0;
     bottom:0;
     left:0;
-    background-color:#18181d;
     background-color:var(--color-neutral-700);
     opacity:0.3;
   }
 
-.mobius-drawer + .backdrop + ._dialog_overlay{
+:is(.mobius-drawer + .backdrop) + ._dialog_overlay{
       position:fixed;
       top:0;
       right:0;
@@ -747,7 +628,6 @@ a.mobius-button:focus-visible,
     max-width:100vw;
     height:var(--drawer-height);
     max-height:var(--drawer-height);
-    transition:transform 0 ease-in-out;
     transition:transform var(--drawer-transition-duration) ease-in-out;
   }
 
@@ -758,7 +638,6 @@ a.mobius-button:focus-visible,
     max-width:var(--drawer-width);
     height:100vh;
     max-height:100vh;
-    transition:transform 0 ease-in-out;
     transition:transform var(--drawer-transition-duration) ease-in-out;
   }
 
@@ -830,22 +709,15 @@ a.mobius-button:focus-visible,
   display:grid;
   grid-template-columns:1fr auto;
   justify-content:space-between;
-  grid-gap:16px;
-  grid-gap:var(--size-sm);
-  gap:16px;
   gap:var(--size-sm);
   align-items:center;
-  padding:16px 32px;
   padding:var(--size-sm) var(--size-lg);
   padding-bottom:0;
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
-  font-size:24px;
   font-size:var(--font-size-small-title);
 }
 
 .mobius-drawer__header button{
-    color:#4632d8;
     color:var(--color-primary);
   }
 
@@ -855,11 +727,8 @@ a.mobius-button:focus-visible,
 
 .mobius-drawer__content{
   flex-grow:1;
-  padding:32px;
   padding:var(--size-lg);
-  padding-top:16px;
   padding-top:var(--size-sm);
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
   overflow-y:auto;
 }
@@ -871,7 +740,6 @@ a.mobius-button:focus-visible,
 
 .mobius-dropdown-menu{
   position:relative;
-  max-width:200px;
   max-width:var(--dropdown-menu-max-width);
   width:100%;
 }
@@ -879,35 +747,26 @@ a.mobius-button:focus-visible,
 .mobius-dropdown-menu__trigger{
   width:100%;
   text-align:right;
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
+  appearance:none;
   border:none;
   background-color:transparent;
-  font-size:16px;
   font-size:var(--font-size-regular);
   cursor:pointer;
-  padding:8px 0;
   padding:var(--size-xs) 0;
-  color:#4632d8;
   color:var(--color-primary);
 }
 
 .mobius-dropdown-menu__list{
   display:none;
   width:100%;
-  box-shadow:0 0 24px rgba(0, 0, 0, 0.2);
   box-shadow:0 0 var(--size-md) rgba(0, 0, 0, 0.2);
-  border-radius:4px;
   border-radius:var(--radius-1);
-  margin-top:16px;
   margin-top:var(--size-sm);
   margin-bottom:0;
   padding-left:0;
   list-style-type:none;
   overflow:hidden;
   text-align:left;
-  color:#18181d;
   color:var(--color-text);
 }
 
@@ -915,34 +774,25 @@ a.mobius-button:focus-visible,
     display:block;
     position:absolute;
     z-index:2;
-    background-color:#ffffff;
     background-color:var(--color-background);
   }
 
 .mobius-dropdown-menu__item{
   display:block;
   cursor:pointer;
-  padding:16px;
   padding:var(--size-sm);
-  border-left:4px solid transparent;
   border-left:var(--size-xxs) solid transparent;
 }
 
 .mobius-dropdown-menu__item:hover{
-    background-color:#f6f5fd;
     background-color:var(--color-background-highlight);
-    color:#4632d8;
     color:var(--color-primary);
-    border-color:#4632d8;
     border-color:var(--color-primary);
   }
 
 .mobius-dropdown-menu__item:focus-visible{
-    background-color:#f6f5fd;
     background-color:var(--color-background-highlight);
-    color:#4632d8;
     color:var(--color-primary);
-    border-color:#4632d8;
     border-color:var(--color-primary);
   }
 
@@ -951,24 +801,18 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-dropdown-menu__item.--is-active{
-    border-left-color:#4632d8;
     border-left-color:var(--color-primary);
   }
 
 .mobius-error-message{
   box-sizing:border-box;
   display:grid;
-  grid-gap:8px;
-  grid-gap:var(--size-xs);
-  gap:8px;
   gap:var(--size-xs);
   grid-template-columns:min-content 1fr;
-  color:#b90909;
   color:var(--color-error);
 }
 
 .mobius-error-message__text.mobius-text{
-  line-height:16px;
   line-height:var(--font-size-regular);
 }
 
@@ -978,16 +822,13 @@ a.mobius-button:focus-visible,
 }
 
 .mobius-fieldset .mobius-text-field{
-    margin-bottom:16px;
     margin-bottom:var(--size-sm);
   }
 
 .mobius-fieldset__legend{
   box-sizing:border-box;
-  margin-bottom:16px;
   margin-bottom:var(--size-sm);
   padding:0;
-  font-weight:700;
   font-weight:var(--font-weight-bold);
 }
 
@@ -1045,35 +886,24 @@ a.mobius-button:focus-visible,
 
 .mobius-label{
   box-sizing:border-box;
-  font-size:16px;
   font-size:var(--font-size-regular);
-  line-height:1.5;
   line-height:var(--line-height-normal);
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
-  font-weight:700;
   font-weight:var(--label-font-weight);
-  font-variation-settings:normal;
   font-variation-settings:var(--label-font-variation-settings);
-  color:#18181d;
   color:var(--color-text);
 }
 
 .mobius-label.--is-invalid:not(.--is-disabled){
-      color:#b90909;
       color:var(--color-error);
     }
 
 .mobius-link{
   box-sizing:border-box;
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
-  line-height:1.5;
   line-height:var(--line-height-normal);
-  color:#4632d8;
   color:var(--color-secondary);
   outline:none;
-  border-radius:4px;
   border-radius:var(--radius-1);
 }
 
@@ -1082,18 +912,15 @@ a.mobius-button:focus-visible,
     -webkit-text-decoration:underline;
     text-decoration:underline;
     cursor:pointer;
-    color:#2a1e81;
     color:var(--color-secondary-hover);
   }
 
 .mobius-link:focus-visible{
-    box-shadow:0 0 0 2px #e943c9;
     box-shadow:var(--box-shadow-default);
     padding:3px 0;
   }
 
 .mobius-link.--is-disabled{
-    color:#d1d1d2;
     color:var(--color-text-light);
     pointer-events:none;
     cursor:not-allowed;
@@ -1101,7 +928,6 @@ a.mobius-button:focus-visible,
 
 .mobius-list{
   box-sizing:border-box;
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
   width:100%;
   text-align:left;
@@ -1142,7 +968,6 @@ a.mobius-button:focus-visible,
 
 .mobius-list__item.--has-icon{
     list-style-type:none;
-    margin-bottom:8px;
     margin-bottom:var(--size-xs);
   }
 
@@ -1157,12 +982,10 @@ a.mobius-button:focus-visible,
 
 .mobius-list__icon{
   flex-shrink:0;
-  margin-right:8px;
   margin-right:var(--size-xs);
 }
 
 .mobius-loading-indicator{
-  color:#4632d8;
   color:var(--color-primary);
 }
 
@@ -1185,18 +1008,23 @@ 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:#ffffff;
   background-color:var(--color-background);
   border:none;
-  border-radius:4px;
   border-radius:var(--radius-1);
   overflow:hidden;
 }
 
+@media (min-width: 768px){
+
+.mobius-modal{
+    max-height:80%;
+}
+  }
+
 .mobius-modal:not([open]){
     display:none;
   }
@@ -1206,10 +1034,8 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-modal::backdrop{
-    background-color:#18181d;
     background-color:var(--color-neutral-700);
     opacity:0;
-    transition:opacity 0 ease-in-out;
     transition:opacity var(--modal-transition-duration) ease-in-out;
   }
 
@@ -1219,12 +1045,11 @@ a.mobius-button:focus-visible,
     right:0;
     bottom:0;
     left:0;
-    background-color:#18181d;
     background-color:var(--color-neutral-700);
     opacity:0.3;
   }
 
-.mobius-modal + .backdrop + ._dialog_overlay{
+:is(.mobius-modal + .backdrop) + ._dialog_overlay{
       position:fixed;
       top:0;
       right:0;
@@ -1260,12 +1085,10 @@ a.mobius-button:focus-visible,
     }
 
 .mobius-modal.--fade{
-    transition:opacity 0 ease-in-out;
     transition:opacity var(--modal-transition-duration) ease-in-out;
   }
 
 .mobius-modal.--slide-up{
-    transition:transform 0 ease-in-out;
     transition:transform var(--modal-transition-duration) ease-in-out;
   }
 
@@ -1293,33 +1116,48 @@ a.mobius-button:focus-visible,
   display:grid;
   grid-template-columns:1fr auto;
   justify-content:space-between;
-  grid-gap:16px;
-  grid-gap:var(--size-sm);
-  gap:16px;
-  gap:var(--size-sm);
-  align-items:center;
-  padding:8px;
+  gap:var(--size-md);
+  align-items:start;
   padding:var(--size-xs);
-  padding-left:16px;
   padding-left:var(--size-sm);
-  font-family:museosans, Arial, sans-serif;
+  padding-right:var(--size-sm);
   font-family:var(--font-family);
-  font-size:24px;
-  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 16px;
   padding:0 var(--size-sm);
-  margin:16px 0;
   margin:var(--size-sm) 0;
-  font-family:museosans, Arial, sans-serif;
   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;
@@ -1340,69 +1178,44 @@ a.mobius-button:focus-visible,
 
 .mobius-number-field__input{
   box-sizing:border-box;
-  border:2px solid #9084e8;
   border:var(--border-default);
-  border-radius:4px;
   border-radius:var(--radius-1);
-  background-color:#ffffff;
   background-color:var(--color-background-input);
-  padding:17px 16px;
   padding:var(--input-field-padding);
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
-  font-size:16px;
   font-size:var(--font-size-regular);
-  color:#18181d;
   color:var(--color-text);
   outline:none;
   margin:0;
-  max-width:none;
   max-width:var(--text-input-max-width);
   width:100%;
 }
 
-.mobius-number-field__input::-moz-placeholder{
-    color:#5d5d60;
-    color:var(--color-text-medium);
-  }
-
 .mobius-number-field__input::placeholder{
-    color:#5d5d60;
     color:var(--color-text-medium);
   }
 
 .mobius-number-field__input:focus-visible:not(.--is-disabled){
-    border-color:#4632d8;
     border-color:var(--color-primary);
-    background-color:#f6f5fd;
     background-color:var(--color-background-input-active);
-    box-shadow:0 0 0 2px #e943c9;
     box-shadow:var(--box-shadow-default);
   }
 
 .mobius-number-field__input:hover:not(.--is-disabled):not(.mobius-number-field__input.--is-invalid){
-    border-color:#4632d8;
     border-color:var(--color-primary);
-    background-color:#f6f5fd;
     background-color:var(--color-background-input-active);
   }
 
 .mobius-number-field__input.--is-disabled{
-    background-color:#f3f3f3;
     background-color:var(--color-background-light);
-    border-color:#d1d1d2;
     border-color:var(--color-border-medium);
-    color:#d1d1d2;
     color:var(--color-text-light);
     cursor:not-allowed;
   }
 
 .mobius-number-field__input.--is-invalid:not(.--is-disabled){
-    border-color:#b90909;
     border-color:var(--color-error);
-    background-color:#f8e7e7;
     background-color:var(--color-error-background);
-    color:#b90909;
     color:var(--color-error);
   }
 
@@ -1411,80 +1224,49 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-password-field :where(.mobius-password-field__show-button){
-    -webkit-appearance:none;
-       -moz-appearance:none;
-            appearance:none;
-    font-size:16px;
+    appearance:none;
     font-size:var(--font-size-3);
-    font-family:museosans, Arial, sans-serif;
     font-family:var(--font-family);
     align-self:center;
     display:inline-block;
     background-color:transparent;
-    margin:0 8px 0 0;
     margin:0 var(--size-xs) 0 0;
-    padding:6px 8px;
     padding:6px var(--size-xs);
     cursor:pointer;
     border:none;
-    border-radius:8px;
     border-radius:var(--radius-2);
-    color:#4632d8;
     color:var(--color-primary);
-    transition:160ms ease-in-out;
     transition:var(--transition-standard);
-    -webkit-user-select:none;
-       -moz-user-select:none;
-            user-select:none;
+    user-select:none;
   }
 
 .mobius-password-field :where(.mobius-password-field__show-button):focus-visible{
-      box-shadow:0 0 0 2px #e943c9;
       box-shadow:var(--box-shadow-default);
       outline:none;
     }
 
 .mobius-password-field :where(.mobius-password-field__show-button):hover{
-      background-color:#f6f5fd;
       background-color:var(--color-background-highlight);
     }
 
-:root,
-:host{
-  --popover-max-width:260px;
-  --popover-z-index:2147483647;
-  --color-background-popover:var(--color-azure-700);
-}
-
 .mobius-popover__container{
-  z-index:2147483647;
   z-index:var(--popover-z-index);
-  max-width:260px;
   max-width:var(--popover-max-width);
 }
 
 .mobius-popover{
-  padding:16px;
   padding:var(--size-sm);
-  background-color:#0e0a2b;
   background-color:var(--color-background-popover);
-  color:#ffffff;
-  color:var(--color-text-inverted);
-  border-radius:8px;
+  color:var(--color-text-popover);
   border-radius:var(--radius-2);
-  font-size:14px;
   font-size:var(--font-size-2);
-  font-weight:500;
   font-weight:var(--font-weight-normal);
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
-  line-height:1.333;
   line-height:var(--line-height-tight);
 }
 
 .mobius-popover__header{
   display:flex;
-  padding-bottom:16px;
   padding-bottom:var(--size-sm);
 }
 
@@ -1493,8 +1275,7 @@ a.mobius-button:focus-visible,
   border:none;
   margin-left:auto;
   background-color:transparent;
-  color:#ffffff;
-  color:var(--color-text-inverted);
+  color:var(--color-text-popover);
 }
 
 .mobius-popover__close-icon{
@@ -1502,27 +1283,21 @@ a.mobius-button:focus-visible,
 }
 
 .mobius-popover__arrow-icon path{
-  fill:#0e0a2b;
   fill:var(--color-background-popover);
 }
 
 .mobius-progress__track{
-  background-color:#f3f3f3;
   background-color:var(--color-background-light);
-  margin-bottom:8px;
   margin-bottom:var(--size-xs);
-  height:8px;
   height:var(--size-xs);
 }
 
 .mobius-progress__label{
   display:block;
-  margin-bottom:8px;
   margin-bottom:var(--size-xs);
 }
 
 .mobius-progress__bar{
-  background-color:#4632d8;
   background-color:var(--color-primary);
   height:100%;
 }
@@ -1533,12 +1308,10 @@ a.mobius-button:focus-visible,
 }
 
 .mobius-progress.--is-primary .mobius-progress__bar{
-    background-color:#4632d8;
     background-color:var(--color-primary);
   }
 
 .mobius-progress.--is-secondary .mobius-progress__bar{
-    background-color:#4632d8;
     background-color:var(--color-secondary);
   }
 
@@ -1548,12 +1321,10 @@ a.mobius-button:focus-visible,
 }
 
 .mobius-radio-group.--is-horizontal .mobius-radio__label:not(:last-child){
-    margin-right:8px;
     margin-right:var(--size-xs);
   }
 
 .mobius-radio-group.--is-vertical .mobius-radio__label:not(:last-child){
-    margin-bottom:8px;
     margin-bottom:var(--size-xs);
   }
 
@@ -1575,13 +1346,9 @@ a.mobius-button:focus-visible,
 
 .mobius-radio__input{
   align-self:center;
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
-  margin:0 calc(8px + 2px) 0 0;
+  appearance:none;
   margin:0 calc(var(--size-xs) + 2px) 0 0;
   padding:3px;
-  outline:2px solid #9084e8;
   outline:2px solid var(--color-primary-light);
   border-radius:50%;
   background-color:transparent;
@@ -1601,25 +1368,20 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-radio__input:checked::after{
-    background-color:#4632d8;
     background-color:var(--color-primary);
   }
 
 .mobius-radio__input:disabled{
-    outline-color:#d1d1d2;
     outline-color:var(--color-border-medium);
   }
 
 .mobius-radio__input:disabled:checked::after{
-      background-color:#f3f3f3;
       background-color:var(--color-background-light);
     }
 
 .mobius-radio__input.--is-multiline{
     align-self:flex-start;
-    margin-top:4px;
     margin-top:var(--size-xxs);
-    margin-right:calc(16px - 1px);
     margin-right:calc(var(--size-sm) - 1px);
   }
 
@@ -1628,93 +1390,69 @@ a.mobius-button:focus-visible,
   align-items:center;
   box-sizing:border-box;
   width:100%;
-  padding:14px 16px;
   padding:var(--input-field-padding-tight);
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
-  font-size:16px;
   font-size:var(--font-size-regular);
-  font-weight:500;
   font-weight:var(--font-weight-normal);
-  border:2px solid #9084e8;
   border:var(--border-default);
-  border-radius:4px;
   border-radius:var(--radius-1);
-  color:#18181d;
   color:var(--color-text);
   outline:0;
   position:relative;
   cursor:pointer;
-  background-color:#ffffff;
   background-color:var(--color-background-input);
 }
 
 .mobius-radio__label.--is-disabled{
-    background-color:#f3f3f3;
     background-color:var(--color-background-light);
-    border-color:#d1d1d2;
     border-color:var(--color-border-medium);
-    color:#d1d1d2;
     color:var(--color-text-light);
     cursor:not-allowed;
   }
 
 .mobius-radio__label.--is-disabled.--is-selected{
-      border-color:#f3f3f3;
       border-color:var(--color-border-light);
     }
 
 .mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled){
-    border-color:#9084e8;
     border-color:var(--color-primary-light);
   }
 
 .mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input{
-      outline-color:#9084e8;
       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{
-        background-color:#9084e8;
         background-color:var(--color-primary-light);
       }
 
 .mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label){
-    border-color:#4632d8;
     border-color:var(--color-primary);
-    background-color:#f6f5fd;
     background-color:var(--color-background-input-active);
   }
 
 .mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input{
-      outline-color:#4632d8;
       outline-color:var(--color-primary);
     }
 
 .mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input:checked::after{
-        background-color:#4632d8;
         background-color:var(--color-primary);
       }
 
 .mobius-radio__label:focus-within:not(.--is-disabled){
-    box-shadow:0 0 0 2px #e943c9;
     box-shadow:var(--box-shadow-default);
   }
 
 .mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)){
-      border-color:#4632d8;
       border-color:var(--color-primary);
-      background-color:#f6f5fd;
       background-color:var(--color-background-input-active);
     }
 
 .mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)) .mobius-radio__input{
-        outline-color:#4632d8;
         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{
-          background-color:#4632d8;
           background-color:var(--color-primary);
         }
 
@@ -1723,27 +1461,21 @@ a.mobius-button:focus-visible,
   }
 
 .--is-invalid .mobius-radio__label:not(.--is-disabled){
-    border-color:#b90909;
     border-color:var(--color-error);
-    color:#b90909;
     color:var(--color-error);
   }
 
 .--is-invalid .mobius-radio__label:not(.--is-disabled):hover,
     .--is-invalid .mobius-radio__label:not(.--is-disabled):focus-within{
-      border-color:#b90909;
       border-color:var(--color-error);
-      background-color:#f8e7e7;
       background-color:var(--color-error-background);
     }
 
 .--is-invalid .mobius-radio__label:not(.--is-disabled) .mobius-radio__input{
-      outline-color:#b90909;
       outline-color:var(--color-error);
     }
 
 .--is-invalid .mobius-radio__label:not(.--is-disabled) .mobius-radio__input:checked::after{
-        background-color:#b90909;
         background-color:var(--color-error);
       }
 
@@ -1757,11 +1489,8 @@ a.mobius-button:focus-visible,
 }
 
 .mobius-radio__content-first-line{
-  font-weight:700;
   font-weight:var(--font-weight-bold);
-  margin-bottom:8px;
   margin-bottom:var(--size-xs);
-  padding-top:calc(4px - 1px);
   padding-top:calc(var(--size-xxs) - 1px);
 }
 
@@ -1774,11 +1503,8 @@ a.mobius-button:focus-visible,
   box-sizing:border-box;
   display:flex;
   flex-direction:column;
-  border:2px solid #f3f3f3;
   border:var(--segment-border);
-  border-radius:8px;
   border-radius:var(--radius-2);
-  margin-bottom:16px;
   margin-bottom:var(--size-sm);
 }
 
@@ -1788,19 +1514,16 @@ a.mobius-button:focus-visible,
 
 .mobius-segment-group .mobius-segment-group.gap-size-xs,
   .mobius-segment-group.gap-size-xs{
-    margin:8px;
     margin:var(--size-xs);
   }
 
 .mobius-segment-group .mobius-segment-group.gap-size-s,
   .mobius-segment-group.gap-size-s{
-    margin:16px;
     margin:var(--size-sm);
   }
 
 .mobius-segment-group .mobius-segment-group.gap-size-m,
   .mobius-segment-group.gap-size-m{
-    margin:24px;
     margin:var(--size-md);
   }
 
@@ -1811,25 +1534,21 @@ a.mobius-button:focus-visible,
 
 .mobius-segment-group .mobius-segment-group.gap-size-xl,
   .mobius-segment-group.gap-size-xl{
-    margin:40px;
     margin:var(--size-xl);
   }
 
 .mobius-segment-group .mobius-segment-group.gap-size-xxl,
   .mobius-segment-group.gap-size-xxl{
-    margin:48px;
     margin:var(--size-xxl);
   }
 
 .mobius-segment-group > .mobius-segment{
     border:none;
-    border-top:2px solid #f3f3f3;
     border-top:var(--segment-border);
   }
 
 .mobius-segment-group:not(.--is-horizontal) > .mobius-segment:first-child{
         border-top:none;
-        border-radius:8px;
         border-radius:var(--radius-2);
       }
 
@@ -1847,7 +1566,6 @@ a.mobius-button:focus-visible,
     .mobius-segment-group.--is-horizontal > .mobius-segment-group{
       border:none;
       border-radius:0;
-      border-left:2px solid #f3f3f3;
       border-left:var(--segment-border);
     }
 
@@ -1878,7 +1596,6 @@ a.mobius-button:focus-visible,
 .mobius-segment-group .mobius-segment-group > .mobius-segment-group.--is-horizontal{
       border-radius:0;
       border:0;
-      border-top:2px solid #f3f3f3;
       border-top:var(--segment-border);
       margin:0;
     }
@@ -1886,7 +1603,6 @@ a.mobius-button:focus-visible,
 .mobius-segment-group .mobius-segment-group:not(.--is-horizontal)
       > .mobius-segment-group:not(.--is-horizontal)
       .mobius-segment:first-child{
-      border-top:2px solid #f3f3f3;
       border-top:var(--segment-border);
     }
 
@@ -1896,11 +1612,8 @@ a.mobius-button:focus-visible,
   flex-direction:column;
   align-items:flex-start;
   width:100%;
-  border:2px solid #f3f3f3;
   border:var(--segment-border);
-  border-radius:8px;
   border-radius:var(--radius-2);
-  padding:16px;
   padding:var(--size-sm);
 }
 
@@ -1921,32 +1634,26 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-segment .mobius-text.--is-p{
-    line-height:20px;
     line-height:var(--font-size-lead);
   }
 
 .mobius-segment.subtle{
-    background-color:#f6f5fd;
     background-color:var(--color-background-highlight);
   }
 
 .mobius-segment.grey{
-    background-color:#f3f3f3;
     background-color:var(--color-background-light);
   }
 
 .mobius-segment.primary{
-    background-color:#4632d8;
     background-color:var(--color-primary);
   }
 
 .mobius-segment.secondary{
-    background-color:#4632d8;
     background-color:var(--color-secondary);
   }
 
 .mobius-segment.inverted{
-    color:#ffffff;
     color:var(--color-text-inverted);
   }
 
@@ -1965,10 +1672,8 @@ a.mobius-button:focus-visible,
 
 .mobius-segment__heading{
   box-sizing:border-box;
-  font-size:16px;
   font-size:var(--font-size-regular);
   margin:0;
-  margin-bottom:16px;
   margin-bottom:var(--size-sm);
 }
 
@@ -1991,65 +1696,44 @@ a.mobius-button:focus-visible,
   display:flex;
   align-items:center;
   position:relative;
-  max-width:none;
   max-width:var(--select-wrapper-max-width);
 }
 
 .mobius-select{
   box-sizing:border-box;
   width:100%;
-  padding:17px 16px;
   padding:var(--input-field-padding);
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
-  font-size:16px;
   font-size:var(--font-size-regular);
-  border:2px solid #9084e8;
   border:var(--border-default);
-  border-radius:4px;
   border-radius:var(--radius-1);
-  background-color:#ffffff;
   background-color:var(--color-background-input);
-  color:#5d5d60;
   color:var(--color-text-medium);
   outline:0;
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
+  appearance:none;
 }
 
 .mobius-select.--is-disabled{
-    background-color:#f3f3f3;
     background-color:var(--color-background-light);
-    border-color:#d1d1d2;
     border-color:var(--color-border-medium);
-    color:#d1d1d2;
     color:var(--color-text-light);
     cursor:not-allowed;
   }
 
 .mobius-select:not(.--is-invalid):not(.--is-disabled):hover{
-    border-color:#4632d8;
     border-color:var(--color-primary);
-    background-color:#f6f5fd;
     background-color:var(--color-background-input-active);
   }
 
 .mobius-select:focus-visible{
-    border-color:#4632d8;
     border-color:var(--color-primary);
-    background-color:#f6f5fd;
     background-color:var(--color-background-input-active);
-    box-shadow:0 0 0 2px #e943c9;
     box-shadow:var(--box-shadow-default);
   }
 
 .mobius-select.--is-invalid{
-    border-color:#b90909;
     border-color:var(--color-error);
-    background-color:#f8e7e7;
     background-color:var(--color-error-background);
-    color:#b90909;
     color:var(--color-error);
   }
 
@@ -2061,30 +1745,25 @@ a.mobius-button:focus-visible,
   position:absolute;
   right:2px;
   height:100%;
-  padding:24px;
   padding:var(--size-md);
-  border-radius:4px;
   border-radius:var(--radius-1);
   pointer-events:none;
-  color:#5d5d60;
   color:var(--color-text-medium);
 }
 
 .mobius-select__icon.--is-disabled{
-    color:#d1d1d2;
     color:var(--color-text-light);
   }
 
 .mobius-select__icon.--is-invalid{
-    color:#b90909;
     color:var(--color-error);
   }
 
 :root,
 :host{
-  --slider-primary-track-background:rgba(70,50,216,0.12549);
+  --slider-primary-track-background:#4632d820;
   --slider-primary-thumb-background:var(--color-primary);
-  --slider-secondary-track-background:rgba(233,67,201,0.12549);
+  --slider-secondary-track-background:#e943c920;
   --slider-secondary-thumb-background:var(--color-accent);
   --thumb-size:20px;
 }
@@ -2092,73 +1771,54 @@ a.mobius-button:focus-visible,
 .mobius-slider{
   position:relative;
   display:grid;
-  grid-gap:4px;
-  grid-gap:var(--size-xxs);
-  gap:4px;
   gap:var(--size-xxs);
 }
 
 .mobius-slider.--is-primary .mobius-slider__track{
-      background-color:rgba(70,50,216,0.12549);
       background-color:var(--slider-primary-track-background);
     }
 
 .mobius-slider.--is-primary .mobius-slider__track::-webkit-slider-thumb{
-      background-color:#4632d8;
       background-color:var(--slider-primary-thumb-background);
-      box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #4632d8;
       box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-primary-thumb-background);
     }
 
 .mobius-slider.--is-primary .mobius-slider__track::-moz-range-thumb{
-      background-color:#4632d8;
       background-color:var(--slider-primary-thumb-background);
-      box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #4632d8;
       box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-primary-thumb-background);
     }
 
 .mobius-slider.--is-secondary .mobius-slider__track{
-      background-color:rgba(233,67,201,0.12549);
       background-color:var(--slider-secondary-track-background);
     }
 
 .mobius-slider.--is-secondary .mobius-slider__track::-webkit-slider-thumb{
-      background-color:#e943c9;
       background-color:var(--slider-secondary-thumb-background);
-      box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #e943c9;
       box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-secondary-thumb-background);
     }
 
 .mobius-slider.--is-secondary .mobius-slider__track::-moz-range-thumb{
-      background-color:#e943c9;
       background-color:var(--slider-secondary-thumb-background);
-      box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #e943c9;
       box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-secondary-thumb-background);
     }
 
 .mobius-slider.--is-disabled{
-    color:#d1d1d2;
     color:var(--color-text-light);
     cursor:not-allowed;
   }
 
 .mobius-slider.--is-disabled .mobius-slider__track{
-      background-color:#f3f3f3;
       background-color:var(--color-background-light);
     }
 
 .mobius-slider.--is-disabled .mobius-slider__track::-webkit-slider-thumb{
-      background-color:#f3f3f3;
       background-color:var(--color-background-light);
-      box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #d1d1d2;
       box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--color-border-medium);
       cursor:not-allowed;
     }
 
 .mobius-slider.--is-disabled .mobius-slider__track::-moz-range-thumb{
-      background-color:#f3f3f3;
       background-color:var(--color-background-light);
-      box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #d1d1d2;
       box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--color-border-medium);
       cursor:not-allowed;
     }
@@ -2171,13 +1831,10 @@ a.mobius-button:focus-visible,
 
 .mobius-slider__track{
   position:absolute;
-  -moz-appearance:none;
-       appearance:none;
+  appearance:none;
   -webkit-appearance:none;
   width:100%;
-  height:8px;
   height:var(--size-xs);
-  top:calc(8px + 2px);
   top:calc(var(--size-xs) + 2px);
   border-radius:999px;
   touch-action:none;
@@ -2192,9 +1849,7 @@ a.mobius-button:focus-visible,
 .mobius-slider__track::-webkit-slider-thumb{
   appearance:none;
   -webkit-appearance:none;
-  width:20px;
   width:var(--thumb-size);
-  height:20px;
   height:var(--thumb-size);
   border:var(--thumb-border);
   border-radius:50%;
@@ -2202,12 +1857,9 @@ a.mobius-button:focus-visible,
 }
 
 .mobius-slider__track::-moz-range-thumb{
-  -moz-appearance:none;
-       appearance:none;
+  appearance:none;
   -webkit-appearance:none;
-  width:20px;
   width:var(--thumb-size);
-  height:20px;
   height:var(--thumb-size);
   border:var(--thumb-border);
   border-radius:50%;
@@ -2236,32 +1888,26 @@ a.mobius-button:focus-visible,
 }
 
 .mobius-stack.--gap-xxs{
-    gap:4px;
     gap:var(--size-xxs);
   }
 
 .mobius-stack.--gap-xs{
-    gap:8px;
     gap:var(--size-xs);
   }
 
 .mobius-stack.--gap-sm{
-    gap:16px;
     gap:var(--size-sm);
   }
 
 .mobius-stack.--gap-md{
-    gap:24px;
     gap:var(--size-md);
   }
 
 .mobius-stack.--gap-lg{
-    gap:32px;
     gap:var(--size-lg);
   }
 
 .mobius-stack.--gap-xl{
-    gap:40px;
     gap:var(--size-xl);
   }
 
@@ -2278,10 +1924,8 @@ a.mobius-button:focus-visible,
   border-collapse:collapse;
   line-height:1.7;
   box-sizing:border-box;
-  text-indent:0;
   text-indent:initial;
   border-spacing:2px;
-  border-color:#f3f3f3;
   border-color:var(--color-border-light);
 }
 
@@ -2290,24 +1934,18 @@ a.mobius-button:focus-visible,
   box-sizing:border-box;
   vertical-align:middle;
   border-color:inherit;
-  font-weight:700;
   font-weight:var(--font-weight-bold);
 }
 
 .mobius-table__head-cell{
   display:table-cell;
-  font-weight:700;
   font-weight:var(--font-weight-bold);
   box-sizing:border-box;
   vertical-align:baseline;
-  padding-top:8px;
   padding-top:var(--size-xs);
-  padding-bottom:8px;
   padding-bottom:var(--size-xs);
-  padding-right:32px;
   padding-right:var(--size-lg);
   border-color:currentColor;
-  border-width:1px;
   border-width:var(--table-border-width);
   border-bottom-style:solid;
 }
@@ -2323,17 +1961,11 @@ a.mobius-button:focus-visible,
   display:table-cell;
   vertical-align:baseline;
   box-sizing:border-box;
-  color:#5d5d60;
   color:var(--color-text-medium);
-  padding-top:8px;
   padding-top:var(--size-xs);
-  padding-bottom:8px;
   padding-bottom:var(--size-xs);
-  padding-right:32px;
   padding-right:var(--size-lg);
-  border-color:#f3f3f3;
   border-color:var(--color-border-light);
-  border-width:1px;
   border-width:var(--table-border-width);
   border-bottom-style:solid;
 }
@@ -2344,35 +1976,24 @@ a.mobius-button:focus-visible,
 
 .mobius-text{
   box-sizing:border-box;
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
-  font-size:16px;
   font-size:var(--font-size-regular);
-  font-weight:500;
   font-weight:var(--font-weight-normal);
-  line-height:1.5;
   line-height:var(--line-height-normal);
 }
 
 .mobius-text:where(.--is-p){
     box-sizing:border-box;
-    font-family:museosans, Arial, sans-serif;
     font-family:var(--font-family);
-    font-size:16px;
     font-size:var(--font-size-regular);
-    font-weight:500;
     font-weight:var(--font-weight-normal);
-    line-height:1.5;
     line-height:var(--line-height-normal);
   }
 
 .mobius-text:where(.--is-h1){
     box-sizing:border-box;
-    font-family:museosans, Arial, sans-serif;
     font-family:var(--font-family);
-    font-size:32px;
     font-size:var(--font-size-title);
-    font-weight:700;
     font-weight:var(--font-weight-bold);
     line-height:1.25;
     margin:0.35em 0;
@@ -2380,24 +2001,17 @@ a.mobius-button:focus-visible,
 
 .mobius-text:where(.--is-h2){
     box-sizing:border-box;
-    font-family:museosans, Arial, sans-serif;
     font-family:var(--font-family);
-    font-size:24px;
     font-size:var(--font-size-small-title);
-    font-weight:700;
     font-weight:var(--font-weight-bold);
-    line-height:1.333;
     line-height:var(--line-height-tight);
     margin:0.45em 0;
   }
 
 .mobius-text:where(.--is-h3){
     box-sizing:border-box;
-    font-family:museosans, Arial, sans-serif;
     font-family:var(--font-family);
-    font-size:20px;
     font-size:var(--font-size-lead);
-    font-weight:700;
     font-weight:var(--font-weight-bold);
     line-height:1.2;
     margin:0.5em 0;
@@ -2405,131 +2019,90 @@ a.mobius-button:focus-visible,
 
 .mobius-text:where(.--is-h4){
     box-sizing:border-box;
-    font-family:museosans, Arial, sans-serif;
     font-family:var(--font-family);
-    font-size:16px;
     font-size:var(--font-size-regular);
-    font-weight:700;
     font-weight:var(--font-weight-bold);
-    line-height:1.5;
     line-height:var(--line-height-normal);
     margin:0.55em 0;
   }
 
 .mobius-text:where(.--is-span){
     box-sizing:border-box;
-    font-size:16px;
     font-size:var(--font-size-regular);
-    font-weight:500;
     font-weight:var(--font-weight-normal);
-    line-height:1.5;
     line-height:var(--line-height-normal);
   }
 
 .mobius-text:where(.--is-body){
     box-sizing:border-box;
-    font-family:museosans, Arial, sans-serif;
     font-family:var(--font-family);
-    font-size:16px;
     font-size:var(--font-size-regular);
-    font-weight:500;
     font-weight:var(--font-weight-normal);
-    line-height:1.5;
     line-height:var(--line-height-normal);
-    color:#5d5d60;
     color:var(--color-text-medium);
   }
 
 .mobius-text:where(.--is-small){
     box-sizing:border-box;
-    font-family:museosans, Arial, sans-serif;
     font-family:var(--font-family);
-    font-size:14px;
     font-size:var(--font-size-small-paragraph);
-    font-weight:500;
     font-weight:var(--font-weight-normal);
     line-height:1.428;
-    color:#5d5d60;
     color:var(--color-text-medium);
   }
 
 .mobius-text:where(.--is-legal){
     box-sizing:border-box;
-    font-family:museosans, Arial, sans-serif;
     font-family:var(--font-family);
-    font-size:12px;
     font-size:var(--font-size-small-print);
-    font-weight:500;
     font-weight:var(--font-weight-normal);
-    line-height:1.333;
     line-height:var(--line-height-tight);
-    color:#5d5d60;
     color:var(--color-text-medium);
   }
 
 .mobius-text:where(.--has-line-height-tight){
-    line-height:1.333;
     line-height:var(--line-height-tight);
   }
 
 .mobius-text:where(.--has-line-height-loose){
-    line-height:1.5;
     line-height:var(--line-height-normal);
   }
 
 .mobius-text-area__input{
   box-sizing:border-box;
   flex:1 1 0%;
-  border:2px solid #9084e8;
   border:var(--border-default);
-  border-radius:4px;
   border-radius:var(--radius-1);
-  padding:8px 16px;
   padding:var(--size-xs) var(--size-sm);
   margin:0px;
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
-  font-size:16px;
   font-size:var(--font-size-regular);
-  color:#18181d;
   color:var(--color-text);
   outline:0px;
-  background-color:#ffffff;
   background-color:var(--color-background-input);
 }
 
 .mobius-text-area__input:hover:not(.--is-disabled):not(.mobius-text-area__input.--is-invalid){
-    border-color:#4632d8;
     border-color:var(--color-primary);
-    background-color:#f6f5fd;
     background-color:var(--color-background-input-active);
   }
 
 .mobius-text-area__input:focus-visible{
-    border-color:#4632d8;
     border-color:var(--color-primary);
-    background-color:#f6f5fd;
     background-color:var(--color-background-input-active);
-    box-shadow:0 0 0 2px #e943c9;
     box-shadow:var(--box-shadow-default);
   }
 
 .mobius-text-area__input.--is-disabled{
-    background-color:#f3f3f3;
     background-color:var(--color-background-light);
-    border-color:#d1d1d2;
     border-color:var(--color-border-medium);
-    color:#d1d1d2;
     color:var(--color-text-light);
     cursor:not-allowed;
   }
 
 .mobius-text-area__input.--is-invalid:not(.--is-disabled){
-    border-color:#b90909;
     border-color:var(--color-error);
-    background-color:#f8e7e7;
     background-color:var(--color-error-background);
-    color:#b90909;
     color:var(--color-error);
   }
 
@@ -2579,7 +2152,6 @@ a.mobius-button:focus-visible,
     }
 
 .mobius-text-field__prefix-outside.mobius-text{
-    padding-right:16px;
     padding-right:var(--size-sm);
   }
 
@@ -2589,14 +2161,12 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-text-field__suffix-outside.mobius-text{
-    padding-left:16px;
     padding-left:var(--size-sm);
   }
 
 .mobius-text-field__prefix-inside,
 .mobius-text-field__suffix-inside{
   display:flex;
-  color:#9084e8;
   color:var(--color-primary-light);
 }
 
@@ -2612,12 +2182,10 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-text-field__prefix-inside{
-  padding-left:16px;
   padding-left:var(--size-sm);
 }
 
 .mobius-text-field__suffix-inside{
-  padding-right:16px;
   padding-right:var(--size-sm);
 }
 
@@ -2625,17 +2193,13 @@ a.mobius-button:focus-visible,
   display:flex;
   flex:1 1 0;
   align-items:center;
-  border-radius:4px;
   border-radius:var(--radius-1);
-  color:#5d5d60;
   color:var(--color-text-medium);
   overflow:hidden;
-  background-color:#ffffff;
   background-color:var(--color-background-input);
 }
 
 .mobius-text-field__input-wrapper:not(.--is-hidden){
-    border:2px solid #9084e8;
     border:var(--border-default);
   }
 
@@ -2645,77 +2209,54 @@ a.mobius-button:focus-visible,
   }
 
 .mobius-text-field__input-wrapper:focus-within{
-    border-color:#4632d8;
     border-color:var(--color-primary);
-    background-color:#f6f5fd;
     background-color:var(--color-background-input-active);
-    box-shadow:0 0 0 2px #e943c9;
     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{
-      color:#4632d8;
       color:var(--color-primary);
     }
 
 .mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid){
-    border-color:#4632d8;
     border-color:var(--color-primary);
-    background-color:#f6f5fd;
     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{
-      color:#4632d8;
       color:var(--color-primary);
     }
 
 .mobius-text-field__input-wrapper.--is-disabled{
-    background-color:#f3f3f3;
     background-color:var(--color-background-light);
-    border-color:#d1d1d2;
     border-color:var(--color-border-medium);
-    color:#d1d1d2;
     color:var(--color-text-light);
     cursor:not-allowed;
   }
 
 .mobius-text-field__input-wrapper.--is-invalid:not(.--is-disabled){
-    border-color:#b90909;
     border-color:var(--color-error);
-    background-color:#f8e7e7;
     background-color:var(--color-error-background);
-    color:#b90909;
     color:var(--color-error);
   }
 
 .mobius-text-field__input{
   flex:1 1 0;
-  padding:17px 16px;
   padding:var(--input-field-padding);
   border:none;
   background-color:transparent;
   box-sizing:border-box;
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
-  font-size:16px;
   font-size:var(--font-size-regular);
   color:currentColor;
   outline:0;
   margin:0;
-  max-width:none;
   max-width:var(--text-input-max-width);
 }
 
-.mobius-text-field__input::-moz-placeholder{
-    color:#5d5d60;
-    color:var(--color-text-medium);
-  }
-
 .mobius-text-field__input::placeholder{
-    color:#5d5d60;
     color:var(--color-text-medium);
   }
 
@@ -2730,37 +2271,27 @@ a.mobius-button:focus-visible,
 
 .mobius-title{
   display:flex;
-  padding-left:16px;
   padding-left:var(--size-sm);
 }
 
 .mobius-title__header{
   margin:0;
-  font-size:24px;
   font-size:var(--font-size-small-title);
-  color:#18181d;
   color:var(--color-text);
-  font-weight:700;
   font-weight:var(--font-weight-bold);
 }
 
 .mobius-title__description{
   margin:0;
-  font-size:16px;
   font-size:var(--font-size-regular);
-  color:#5d5d60;
   color:var(--color-text-medium);
-  font-weight:500;
   font-weight:var(--font-weight-normal);
 }
 
 .mobius-title__container{
-  gap:8px;
   gap:var(--size-xs);
-  line-height:1.333;
   line-height:var(--line-height-tight);
   position:relative;
-  padding-left:calc(16px + 8px);
   padding-left:calc(var(--size-sm) + var(--title-decorator-width));
 }
 
@@ -2768,13 +2299,10 @@ a.mobius-button:focus-visible,
     position:absolute;
     content:"";
     display:block;
-    width:8px;
     width:var(--title-decorator-width);
     height:100%;
-    border-radius:4px;
     border-radius:var(--radius-1);
     left:0;
-    background-color:#4632d8;
     background-color:var(--color-primary);
   }
 
@@ -2785,7 +2313,6 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 
 .svg-inline--mobius-icon{
-  display:inline-block;
   display:var(--mobius-icon-display, inline-block);
   height:1em;
   overflow:visible;
@@ -2817,25 +2344,21 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 
 .svg-inline--mobius-icon.mobius-icon-pull-left{
-  margin-right:0.3em;
   margin-right:var(--mobius-icon-pull-margin, 0.3em);
   width:auto;
 }
 
 .svg-inline--mobius-icon.mobius-icon-pull-right{
-  margin-left:0.3em;
   margin-left:var(--mobius-icon-pull-margin, 0.3em);
   width:auto;
 }
 
 .svg-inline--mobius-icon.mobius-icon-li{
-  width:2em;
   width:var(--mobius-icon-li-width, 2em);
   top:0.25em;
 }
 
 .svg-inline--mobius-icon.mobius-icon-fw{
-  width:1.25em;
   width:var(--mobius-icon-fw-width, 1.25em);
 }
 
@@ -2876,72 +2399,50 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 
 .mobius-icon-layers-counter{
-  background-color:#ff253a;
   background-color:var(--mobius-icon-counter-background-color, #ff253a);
-  border-radius:1em;
   border-radius:var(--mobius-icon-counter-border-radius, 1em);
   box-sizing:border-box;
-  color:#fff;
   color:var(--mobius-icon-inverse, #fff);
-  line-height:1;
   line-height:var(--mobius-icon-counter-line-height, 1);
-  max-width:5em;
   max-width:var(--mobius-icon-counter-max-width, 5em);
-  min-width:1.5em;
   min-width:var(--mobius-icon-counter-min-width, 1.5em);
   overflow:hidden;
-  padding:0.25em 0.5em;
   padding:var(--mobius-icon-counter-padding, 0.25em 0.5em);
-  right:0;
   right:var(--mobius-icon-right, 0);
   text-overflow:ellipsis;
-  top:0;
   top:var(--mobius-icon-top, 0);
-  transform:scale(0.25);
   transform:scale(var(--mobius-icon-counter-scale, 0.25));
   transform-origin:top right;
 }
 
 .mobius-icon-layers-bottom-right{
-  bottom:0;
   bottom:var(--mobius-icon-bottom, 0);
-  right:0;
   right:var(--mobius-icon-right, 0);
   top:auto;
-  transform:scale(0.25);
   transform:scale(var(--mobius-icon-layers-scale, 0.25));
   transform-origin:bottom right;
 }
 
 .mobius-icon-layers-bottom-left{
-  bottom:0;
   bottom:var(--mobius-icon-bottom, 0);
-  left:0;
   left:var(--mobius-icon-left, 0);
   right:auto;
   top:auto;
-  transform:scale(0.25);
   transform:scale(var(--mobius-icon-layers-scale, 0.25));
   transform-origin:bottom left;
 }
 
 .mobius-icon-layers-top-right{
-  top:0;
   top:var(--mobius-icon-top, 0);
-  right:0;
   right:var(--mobius-icon-right, 0);
-  transform:scale(0.25);
   transform:scale(var(--mobius-icon-layers-scale, 0.25));
   transform-origin:top right;
 }
 
 .mobius-icon-layers-top-left{
-  left:0;
   left:var(--mobius-icon-left, 0);
   right:auto;
-  top:0;
   top:var(--mobius-icon-top, 0);
-  transform:scale(0.25);
   transform:scale(var(--mobius-icon-layers-scale, 0.25));
   transform-origin:top left;
 }
@@ -3029,7 +2530,6 @@ svg:not(:host).svg-inline--mobius-icon{
 
 .mobius-icon-ul{
   list-style-type:none;
-  margin-left:2.5em;
   margin-left:var(--mobius-icon-li-margin, 2.5em);
   padding-left:0;
 }
@@ -3039,54 +2539,40 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 
 .mobius-icon-li{
-  left:calc(2em * -1);
   left:calc(var(--mobius-icon-li-width, 2em) * -1);
   position:absolute;
   text-align:center;
-  width:2em;
   width:var(--mobius-icon-li-width, 2em);
   line-height:inherit;
 }
 
 .mobius-icon-border{
-  border-color:#eee;
   border-color:var(--mobius-icon-border-color, #eee);
-  border-radius:0.1em;
   border-radius:var(--mobius-icon-border-radius, 0.1em);
-  border-style:solid;
   border-style:var(--mobius-icon-border-style, solid);
-  border-width:0.08em;
   border-width:var(--mobius-icon-border-width, 0.08em);
-  padding:0.2em 0.25em 0.15em;
   padding:var(--mobius-icon-border-padding, 0.2em 0.25em 0.15em);
 }
 
 .mobius-icon-pull-left{
   float:left;
-  margin-right:0.3em;
   margin-right:var(--mobius-icon-pull-margin, 0.3em);
 }
 
 .mobius-icon-pull-right{
   float:right;
-  margin-left:0.3em;
   margin-left:var(--mobius-icon-pull-margin, 0.3em);
 }
 
 .mobius-icon-spin{
   animation-name:mobius-icon-spin;
-  animation-delay:0s;
   animation-delay:var(--mobius-icon-animation-delay, 0s);
-  animation-direction:normal;
   animation-direction:var(--mobius-icon-animation-direction, normal);
-  animation-duration:2s;
   animation-duration:var(--mobius-icon-animation-duration, 2s);
-  animation-iteration-count:infinite;
   animation-iteration-count:var(
     --mobius-icon-animation-iteration-count,
     infinite
   );
-  animation-timing-function:linear;
   animation-timing-function:var(--mobius-icon-animation-timing, linear);
 }
 
@@ -3139,7 +2625,6 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 
 .mobius-icon-rotate-by{
-  transform:rotate(none);
   transform:rotate(var(--mobius-icon-rotate-angle, none));
 }
 
@@ -3159,7 +2644,6 @@ svg:not(:host).svg-inline--mobius-icon{
   position:absolute;
   right:0;
   top:0;
-  z-index:auto;
   z-index:var(--mobius-icon-stack-z-index, auto);
 }
 
@@ -3174,7 +2658,6 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 
 .mobius-icon-inverse{
-  color:#fff;
   color:var(--mobius-icon-inverse, #fff);
 }
 
@@ -3205,26 +2688,20 @@ svg:not(:host).svg-inline--mobius-icon{
 }
 
 .svg-inline--mobius-icon .mobius-icon-primary{
-  fill:currentColor;
   fill:var(--mobius-icon-primary-color, currentColor);
-  opacity:1;
   opacity:var(--mobius-icon-primary-opacity, 1);
 }
 
 .svg-inline--mobius-icon .mobius-icon-secondary{
-  fill:currentColor;
   fill:var(--mobius-icon-secondary-color, currentColor);
-  opacity:0.4;
   opacity:var(--mobius-icon-secondary-opacity, 0.4);
 }
 
 .svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-primary{
-  opacity:0.4;
   opacity:var(--mobius-icon-secondary-opacity, 0.4);
 }
 
 .svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-secondary{
-  opacity:1;
   opacity:var(--mobius-icon-primary-opacity, 1);
 }
 
@@ -3235,7 +2712,6 @@ svg:not(:host).svg-inline--mobius-icon{
 
 .fad.mobius-icon-inverse,
 .mobius-icon-duotone.mobius-icon-inverse{
-  color:#fff;
   color:var(--mobius-icon-inverse, #fff);
 }
 
@@ -3348,10 +2824,13 @@ svg:not(:host).svg-inline--mobius-icon{
   --input-field-padding-tight:14px var(--size-sm);
   --border-default:var(--size-border-width) solid var(--color-primary-light);
   --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-text-popover:#fff;
 }
 
 .mobius{
-  font-family:museosans, Arial, sans-serif;
   font-family:var(--font-family);
 }