@inera/ids-design 5.5.0 → 6.0.0

package/themes/inera/inera.css

@@ -1,16 +1,3 @@
-@charset "UTF-8";
-/*******
-* BUTTONS
-********/
-/*******
-* SCROLLBARS
-********/
-/*******
-* FORM
-********/
-/*******
-* A11Y
-********/
 .ids *,
 .ids *::before,
 .ids *::after {
@@ -72,6 +59,60 @@ body.ids {
     scroll-behavior: auto !important;
   }
 }
+:root, :host {
+  /* Primary colors */
+  --IDS-COLOR-PRIMARY-30: #7e2a4c;
+  --IDS-COLOR-ON-PRIMARY-30: #FFF;
+  --IDS-COLOR-PRIMARY-40: #A33662;
+  --IDS-COLOR-ON-PRIMARY-40: #FFF;
+  --IDS-COLOR-PRIMARY-50: #C03F73;
+  --IDS-COLOR-ON-PRIMARY-50: #FFF;
+  /* Secondary colors */
+  --IDS-COLOR-SECONDARY-40: #E7DAC5;
+  --IDS-COLOR-ON-SECONDARY-40: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-COLOR-SECONDARY-90: #F6F1E9;
+  --IDS-COLOR-ON-SECONDARY-90: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-COLOR-SECONDARY-95: #F9F6F1;
+  --IDS-COLOR-ON-SECONDARY-95: var(--IDS-COLOR-NEUTRAL-20);
+  /* Accent colors */
+  --IDS-COLOR-ACCENT-30: #305A47;
+  --IDS-COLOR-ON-ACCENT-30: #FFF;
+  --IDS-COLOR-ACCENT-40: #40775E;
+  --IDS-COLOR-ON-ACCENT-40: #FFF;
+  --IDS-COLOR-ACCENT-90: #AFD4C4;
+  --IDS-COLOR-ON-ACCENT-90: var(--IDS-COLOR-NEUTRAL-20);
+  /* Graphic colors */
+  --IDS-COLOR-GRAPHIC: #FF9517;
+  /* Alternative colors */
+  --IDS-COLOR-ALTERNATIVE: #0CB0C6;
+  /* Neutral colors */
+  --IDS-COLOR-NEUTRAL-20: #353636;
+  --IDS-COLOR-ON-NEUTRAL-20: #FFF;
+  --IDS-COLOR-NEUTRAL-40: #727373;
+  --IDS-COLOR-ON-NEUTRAL-40: #FFF;
+  --IDS-COLOR-NEUTRAL-90: #CCCCCC;
+  --IDS-COLOR-ON-NEUTRAL-90: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-COLOR-NEUTRAL-99: #F0F0F0;
+  --IDS-COLOR-ON-NEUTRAL-99: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-COLOR-NEUTRAL-100: #fff;
+  /* Background colors */
+  --IDS-COLOR-BACKGROUND: #fff;
+  --IDS-COLOR-ON-BACKGROUND: var(--IDS-COLOR-NEUTRAL-20);
+  /* Status colors */
+  --IDS-COLOR-SUCCESS-40: #277637;
+  --IDS-COLOR-ON-SUCCESS-40: #FFF;
+  --IDS-COLOR-SUCCESS-99: #E7F7EA;
+  --IDS-COLOR-ON-SUCCESS-99: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-COLOR-ATTENTION-40: #FFD748;
+  --IDS-COLOR-ON-ATTENTION-40: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-COLOR-ATTENTION-95: #FFF7D9;
+  --IDS-COLOR-ON-ATTENTION-95: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-COLOR-ERROR-40: #DB0F00;
+  --IDS-COLOR-ON-ERROR-40: #FFF;
+  --IDS-COLOR-ERROR-99: #FFDAD7;
+  --IDS-COLOR-ON-ERROR-99: var(--IDS-COLOR-NEUTRAL-20);
+}
+
 @media (max-width: 1023px) {
   .ids-desktop {
     display: none !important;
@@ -118,6 +159,16 @@ body.ids {
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
 }
 
+.ids-link-no-styles {
+  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+  font-size: inherit;
+  font-family: inherit;
+  text-decoration: none;
+}
+.ids-link-no-styles:hover {
+  color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
+}
+
 /* Makes elements behave as inline-level block containers */
 .ids-inline-block {
   display: inline-block;
@@ -1729,6 +1780,7 @@ body.ids {
     padding-left: 3rem;
   }
   /* Hide classes */
+  .ids .ids-hide-on-mobile,
   .ids .ids-hide-on-s,
   .ids .ids-s-hide {
     display: none;
@@ -2268,11 +2320,18 @@ body.ids {
     padding-left: 3rem;
   }
   /* Hide classes */
+  .ids .ids-hide-on-tablet,
   .ids .ids-hide-on-m,
   .ids .ids-m-hide {
     display: none;
   }
 }
+@media only screen and (min-width: 1024px) {
+  .ids .ids-hide-on-desktop,
+  .ids .ids-d-hide {
+    display: none;
+  }
+}
 /* Smaller screen utility classes ends here */
 /*Custom addition to the tailwind util class */
 /* Adds spacing between words */
@@ -2349,29 +2408,65 @@ body.ids {
   float: none;
 }
 
+/*******
+* ICONS
+********/
+/*******
+* BUTTONS
+********/
+/*******
+* SCROLLBARS
+********/
+/*******
+* FORM
+********/
+/*******
+* A11Y
+********/
 .ids-link {
   font-family: var(--IDS-LINK__FONT-FAMILY);
-  color: var(--IDS-LINK--COLORPRESET-1__COLOR);
-  text-decoration-color: var(--IDS-LINK--COLORPRESET-1__COLOR);
+  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+  text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+  text-underline-offset: 0.125rem;
   font-size: 1rem;
   line-height: 1.5rem;
   gap: 0.5rem;
   cursor: pointer;
   display: inline-flex;
   align-items: flex-start;
-  text-decoration: none;
-  position: relative;
-}
-.ids-link:not(:has(.ids-icon)) {
   text-decoration: underline;
+  position: relative;
 }
 .ids-link:focus {
   outline: var(--IDS-FOCUS__OUTLINE);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
+.ids-link:has(.ids-icon) {
+  text-decoration: none;
+}
+.ids-link.ids-link--start-icon {
+  display: inline;
+  padding-left: 1.375rem;
+  text-decoration: none;
+}
+.ids-link.ids-link--start-icon:before {
+  position: absolute !important;
+  top: 0.1875rem;
+  left: 0;
+}
+.ids-link.ids-link--end-icon {
+  display: inline;
+  padding-right: 1.375rem;
+  text-decoration: none;
+}
+.ids-link.ids-link--end-icon:before {
+  position: absolute !important;
+  bottom: 0.125rem;
+  right: 0;
+}
 .ids-link:hover, .ids-link:focus {
   text-decoration: underline !important;
-  color: var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);
+  color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
 }
 .ids-link:hover .ids-link__icon:has(+ .ids-link__icon--hover), .ids-link:focus .ids-link__icon:has(+ .ids-link__icon--hover) {
   display: none;
@@ -2379,12 +2474,59 @@ body.ids {
 .ids-link:hover .ids-link__icon--hover, .ids-link:focus .ids-link__icon--hover {
   display: inline-flex;
 }
+.ids-link.ids-link--small {
+  font-size: 0.875rem;
+}
+.ids-link.ids-link--small.ids-link--start-icon {
+  padding-left: 1.25rem;
+}
+.ids-link.ids-link--small.ids-link--end-icon {
+  padding-right: 1.125rem;
+}
+.ids-link.ids-link--large.ids-link--start-icon, .ids-link.ids-link--large.ids-link--end-icon {
+  padding-left: 1.75rem;
+}
+.ids-link.ids-link--large.ids-link--start-icon::before, .ids-link.ids-link--large.ids-link--end-icon::before {
+  font-size: 1.25rem;
+  top: 0.0625rem !important;
+}
 .ids-link.ids-link--block {
   display: flex;
+  flex-grow: 1;
+}
+.ids-link.ids-link--block.ids-link--start-icon, .ids-link.ids-link--block.ids-link--end-icon {
+  display: table;
+  width: 100%;
+  padding-left: 1.75rem;
+}
+.ids-link.ids-link--block.ids-link--start-icon::before, .ids-link.ids-link--block.ids-link--end-icon::before {
+  top: 0.25rem;
+}
+.ids-link.ids-link--border-top {
+  display: flex;
+  flex-grow: 1;
+  padding: 0.75rem;
+  border-top: var(--IDS-LINK--BORDER__BORDER-TOP);
+}
+.ids-link.ids-link--border-top:focus {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: -0.125rem !important;
+}
+.ids-link.ids-link--border-top.ids-link--start-icon {
+  padding: 0.75rem 0.5rem 0.75rem 1.5rem;
+  display: table;
+  width: 100%;
+}
+.ids-link.ids-link--border-top.ids-link--start-icon:before {
+  top: 1rem !important;
+  left: 0;
 }
 .ids-link.ids-link--underlined {
   text-decoration: underline;
 }
+.ids-link.ids-link--underlined:has(.ids-icon), .ids-link.ids-link--underlined.ids-link--start-icon, .ids-link.ids-link--underlined.ids-link--end-icon {
+  text-decoration: underline !important;
+}
 .ids-link.ids-link--active-icon {
   text-decoration: none !important;
 }
@@ -2398,11 +2540,11 @@ body.ids {
   justify-content: center;
   padding: 0.188rem;
 }
-.ids-link.ids-link--active-icon.ids-link--active .ids-icon {
-  background-color: var(--IDS-LINK--COLORPRESET-1-ACTIVE__ICON-BACKGROUND-COLOR);
-}
 .ids-link.ids-link--active-icon:hover .ids-icon, .ids-link.ids-link--active-icon:focus-within .ids-icon {
-  background-color: var(--IDS-LINK--COLORPRESET-1-ACTIVE-HOVER__ICON-BACKGROUND-COLOR);
+  background-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+}
+.ids-link.ids-link--active-icon.ids-link--active .ids-icon {
+  background-color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
 }
 .ids-link.ids-link--active-icon.ids-link--color-2 .ids-icon {
   margin-top: 0.25rem;
@@ -2414,11 +2556,11 @@ body.ids {
   justify-content: center;
   padding: 0.188rem;
 }
-.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-icon {
-  background-color: var(--IDS-LINK--COLORPRESET-2-ACTIVE__ICON-BACKGROUND-COLOR);
-}
 .ids-link.ids-link--active-icon.ids-link--color-2:hover .ids-icon, .ids-link.ids-link--active-icon.ids-link--color-2:focus-within .ids-icon {
-  background-color: var(--IDS-LINK--COLORPRESET-2-ACTIVE-HOVER__ICON-BACKGROUND-COLOR);
+  background-color: var(--IDS-LINK--COLOR-PRESET-2__COLOR);
+}
+.ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-icon {
+  background-color: var(--IDS-LINK--COLOR-PRESET-2__HOVER-COLOR);
 }
 .ids-link.ids-link--active-icon.ids-link--color-3 .ids-icon {
   margin-top: 0.25rem;
@@ -2430,27 +2572,59 @@ body.ids {
   justify-content: center;
   padding: 0.188rem;
 }
+.ids-link.ids-link--active-icon.ids-link--color-3:hover .ids-icon, .ids-link.ids-link--active-icon.ids-link--color-3:focus-within .ids-icon {
+  background-color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
+}
 .ids-link.ids-link--active-icon.ids-link--color-3.ids-link--active .ids-icon {
-  background-color: var(--IDS-LINK--COLORPRESET-3-ACTIVE__ICON-BACKGROUND-COLOR);
+  background-color: var(--IDS-LINK--COLOR-PRESET-3__HOVER-COLOR);
 }
-.ids-link.ids-link--active-icon.ids-link--color-3:hover .ids-icon, .ids-link.ids-link--active-icon.ids-link--color-3:focus-within .ids-icon {
-  background-color: var(--IDS-LINK--COLORPRESET-3-ACTIVE-HOVER-ICON-BACKGROUND-COLOR);
+.ids-link.ids-link--active-icon.ids-link--start-icon:before {
+  border-radius: 100%;
+  box-sizing: border-box;
+  width: 1rem;
+  height: 1rem;
+  top: 0.25rem;
+  left: 0;
+}
+.ids-link.ids-link--active-icon:hover.ids-link--start-icon:before, .ids-link.ids-link--active-icon:focus.ids-link--start-icon:before {
+  color: var(--IDS-COLOR-NEUTRAL-100);
+  background-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+}
+.ids-link.ids-link--active-icon.ids-link--active.ids-link--start-icon:before {
+  color: var(--IDS-COLOR-NEUTRAL-100);
+  background-color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
 }
 .ids-link.ids-link--color-2 {
-  color: var(--IDS-LINK--COLORPRESET-2__COLOR);
-  text-decoration-color: var(--IDS-LINK--COLORPRESET-2__COLOR);
+  color: var(--IDS-LINK--COLOR-PRESET-2__COLOR);
+  text-decoration-color: var(--IDS-LINK--COLOR-PRESET-2__COLOR);
 }
 .ids-link.ids-link--color-2:hover, .ids-link.ids-link--color-2:focus {
-  color: var(--IDS-LINK--COLORPRESET-2__HOVER-COLOR);
-  text-decoration-color: var(--IDS-LINK--COLORPRESET-2__HOVER-COLOR);
+  color: var(--IDS-LINK--COLOR-PRESET-2__HOVER-COLOR);
+  text-decoration-color: var(--IDS-LINK--COLOR-PRESET-2__HOVER-COLOR);
+}
+.ids-link.ids-link--color-2.ids-link--active-icon:hover.ids-link--start-icon:before, .ids-link.ids-link--color-2.ids-link--active-icon:focus.ids-link--start-icon:before {
+  color: var(--IDS-COLOR-NEUTRAL-100);
+  background-color: var(--IDS-LINK--COLOR-PRESET-2__COLOR);
+}
+.ids-link.ids-link--color-2.ids-link--active-icon.ids-link--active.ids-link--start-icon:before {
+  color: var(--IDS-COLOR-NEUTRAL-100);
+  background-color: var(--IDS-LINK--COLOR-PRESET-2__HOVER-COLOR);
 }
 .ids-link.ids-link--color-3 {
-  color: var(--IDS-LINK--COLORPRESET-3__COLOR);
-  text-decoration-color: var(--IDS-LINK--COLORPRESET-3__COLOR);
+  color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
+  text-decoration-color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
 }
 .ids-link.ids-link--color-3:hover, .ids-link.ids-link--color-3:focus {
-  color: var(--IDS-LINK--COLORPRESET-3__HOVER-COLOR);
-  text-decoration-color: var(--IDS-LINK--COLORPRESET-3__HOVER-COLOR);
+  color: var(--IDS-LINK--COLOR-PRESET-3__HOVER-COLOR);
+  text-decoration-color: var(--IDS-LINK--COLOR-PRESET-3__HOVER-COLOR);
+}
+.ids-link.ids-link--color-3.ids-link--active-icon:hover.ids-link--start-icon:before, .ids-link.ids-link--color-3.ids-link--active-icon:focus.ids-link--start-icon:before {
+  color: var(--IDS-COLOR-NEUTRAL-100);
+  background-color: var(--IDS-LINK--COLOR-PRESET-3__COLOR);
+}
+.ids-link.ids-link--color-3.ids-link--active-icon.ids-link--active.ids-link--start-icon:before {
+  color: var(--IDS-COLOR-NEUTRAL-100);
+  background-color: var(--IDS-LINK--COLOR-PRESET-3__HOVER-COLOR);
 }
 .ids-link.ids-link--light {
   color: var(--IDS-COLOR-NEUTRAL-100) !important;
@@ -2537,18 +2711,28 @@ body.ids {
   -moz-user-select: none;
   -ms-user-select: none;
 }
-.ids .ids-button:hover, .ids .ids-button:active, .ids .ids-button:focus, .ids .ids-button.ids-button--active,
+.ids .ids-button:hover, .ids .ids-button.ids-button--active,
 .ids-button:hover,
-.ids-button:active,
-.ids-button:focus,
 .ids-button.ids-button--active,
 .ids button.ids-button:hover,
-.ids button.ids-button:active,
-.ids button.ids-button:focus,
 .ids button.ids-button.ids-button--active {
   background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
   box-shadow: var(--IDS-BUTTON--ACTIVE__BOX-SHADOW);
 }
+.ids .ids-button:focus,
+.ids-button:focus,
+.ids button.ids-button:focus {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
+}
+.ids .ids-button:active,
+.ids-button:active,
+.ids button.ids-button:active {
+  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
+  box-shadow: var(--IDS-BUTTON--ACTIVE__BOX-SHADOW);
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
+}
 .ids .ids-button.ids-button--s,
 .ids-button.ids-button--s,
 .ids button.ids-button.ids-button--s {
@@ -2589,18 +2773,36 @@ body.ids {
   line-height: var(--IDS-BUTTON--L__LINE-HEIGHT);
   padding: var(--IDS-BUTTON--L__PADDING);
 }
-.ids .ids-button.ids-button--secondary.ids-button--active, .ids .ids-button.ids-button--secondary:hover, .ids .ids-button.ids-button--secondary:focus, .ids .ids-button.ids-button--secondary:active,
-.ids-button.ids-button--secondary.ids-button--active,
+.ids .ids-button.ids-button--secondary:hover,
+.ids-button.ids-button--secondary:hover,
+.ids button.ids-button.ids-button--secondary:hover {
+  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
+  color: var(--IDS-COLOR-NEUTRAL-100);
+  border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
+}
+.ids .ids-button.ids-button--secondary:hover, .ids .ids-button.ids-button--secondary.ids-button--active,
 .ids-button.ids-button--secondary:hover,
+.ids-button.ids-button--secondary.ids-button--active,
+.ids button.ids-button.ids-button--secondary:hover,
+.ids button.ids-button.ids-button--secondary.ids-button--active {
+  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
+  color: var(--IDS-COLOR-NEUTRAL-100);
+}
+.ids .ids-button.ids-button--secondary:focus,
 .ids-button.ids-button--secondary:focus,
+.ids button.ids-button.ids-button--secondary:focus {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
+}
+.ids .ids-button.ids-button--secondary:active,
 .ids-button.ids-button--secondary:active,
-.ids button.ids-button.ids-button--secondary.ids-button--active,
-.ids button.ids-button.ids-button--secondary:hover,
-.ids button.ids-button.ids-button--secondary:focus,
 .ids button.ids-button.ids-button--secondary:active {
   background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
   color: var(--IDS-COLOR-NEUTRAL-100);
-  border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids .ids-button.ids-button--tertiary,
 .ids-button.ids-button--tertiary,
@@ -2625,19 +2827,31 @@ body.ids {
   line-height: var(--IDS-BUTTON--L__LINE-HEIGHT);
   padding: var(--IDS-BUTTON--L__PADDING);
 }
-.ids .ids-button.ids-button--tertiary.ids-button--active, .ids .ids-button.ids-button--tertiary:hover, .ids .ids-button.ids-button--tertiary:active, .ids .ids-button.ids-button--tertiary:focus,
-.ids-button.ids-button--tertiary.ids-button--active,
+.ids .ids-button.ids-button--tertiary:hover, .ids .ids-button.ids-button--tertiary.ids-button--active,
 .ids-button.ids-button--tertiary:hover,
-.ids-button.ids-button--tertiary:active,
-.ids-button.ids-button--tertiary:focus,
-.ids button.ids-button.ids-button--tertiary.ids-button--active,
+.ids-button.ids-button--tertiary.ids-button--active,
 .ids button.ids-button.ids-button--tertiary:hover,
-.ids button.ids-button.ids-button--tertiary:active,
+.ids button.ids-button.ids-button--tertiary.ids-button--active {
+  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
+  color: var(--IDS-COLOR-NEUTRAL-100);
+  border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
+  border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
+}
+.ids .ids-button.ids-button--tertiary:focus,
+.ids-button.ids-button--tertiary:focus,
 .ids button.ids-button.ids-button--tertiary:focus {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
+}
+.ids .ids-button.ids-button--tertiary:active,
+.ids-button.ids-button--tertiary:active,
+.ids button.ids-button.ids-button--tertiary:active {
   background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
   color: var(--IDS-COLOR-NEUTRAL-100);
   border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
   border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids .ids-button.ids-button--tertiary.ids-button--disabled, .ids .ids-button.ids-button--tertiary[disabled],
 .ids-button.ids-button--tertiary.ids-button--disabled,
@@ -2649,6 +2863,11 @@ body.ids {
   color: var(--IDS-BUTTON--DISABLED__COLOR);
   text-decoration: none;
 }
+.ids .ids-button [class^=ids-icon-],
+.ids-button [class^=ids-icon-],
+.ids button.ids-button [class^=ids-icon-] {
+  font-size: 1.125rem;
+}
 .ids .ids-button.ids-button--icon, .ids .ids-button.ids-button--fab,
 .ids-button.ids-button--icon,
 .ids-button.ids-button--fab,
@@ -2683,26 +2902,42 @@ body.ids {
 .ids .ids-button.ids-button--fab,
 .ids-button.ids-button--fab,
 .ids button.ids-button.ids-button--fab {
+  color: var(--IDS-BUTTON--FAB__ICON-COLOR);
   background-color: var(--IDS-COLOR-NEUTRAL-100);
   border: var(--IDS-BUTTON--FAB__BORDER);
   filter: drop-shadow(0 0 0.375rem rgba(0, 0, 0, 0.3));
 }
+.ids .ids-button.ids-button--fab [class^=ids-icon-],
+.ids-button.ids-button--fab [class^=ids-icon-],
+.ids button.ids-button.ids-button--fab [class^=ids-icon-] {
+  font-size: 1.5rem;
+}
 .ids .ids-button.ids-button--icon.ids-button--secondary,
 .ids-button.ids-button--icon.ids-button--secondary,
 .ids button.ids-button.ids-button--icon.ids-button--secondary {
   background-color: var(--IDS-BUTTON--SECONDARY__ICON-BACKGROUND-COLOR);
 }
-.ids .ids-button.ids-button--icon.ids-button--active, .ids .ids-button.ids-button--icon:hover, .ids .ids-button.ids-button--icon:active, .ids .ids-button.ids-button--icon:focus,
-.ids-button.ids-button--icon.ids-button--active,
+.ids .ids-button.ids-button--icon:hover, .ids .ids-button.ids-button--icon.ids-button--active,
 .ids-button.ids-button--icon:hover,
-.ids-button.ids-button--icon:active,
-.ids-button.ids-button--icon:focus,
-.ids button.ids-button.ids-button--icon.ids-button--active,
+.ids-button.ids-button--icon.ids-button--active,
 .ids button.ids-button.ids-button--icon:hover,
-.ids button.ids-button.ids-button--icon:active,
+.ids button.ids-button.ids-button--icon.ids-button--active {
+  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
+  color: var(--IDS-COLOR-NEUTRAL-100);
+}
+.ids .ids-button.ids-button--icon:focus,
+.ids-button.ids-button--icon:focus,
 .ids button.ids-button.ids-button--icon:focus {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
+}
+.ids .ids-button.ids-button--icon:active,
+.ids-button.ids-button--icon:active,
+.ids button.ids-button.ids-button--icon:active {
   background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
   color: var(--IDS-COLOR-NEUTRAL-100);
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids .ids-button.ids-button--submit,
 .ids-button.ids-button--submit,
@@ -2735,37 +2970,6 @@ body.ids {
     padding: var(--IDS-BUTTON--SEARCH-M__PADDING);
   }
 }
-.ids .ids-button.ids-button--search,
-.ids-button.ids-button--search,
-.ids button.ids-button.ids-button--search {
-  border-radius: var(--IDS-BUTTON--SEARCH__BORDER-RADIUS);
-  font-size: var(--IDS-BUTTON--SEARCH-S__FONT-SIZE);
-  height: var(--IDS-BUTTON--SEARCH-S__HEIGHT);
-  padding: var(--IDS-BUTTON--SEARCH-S__PADDING);
-}
-.ids .ids-button.ids-button--search.ids-button--s,
-.ids-button.ids-button--search.ids-button--s,
-.ids button.ids-button.ids-button--search.ids-button--s {
-  height: var(--IDS-BUTTON--SEARCH-M__HEIGHT);
-  font-size: var(--IDS-BUTTON--SEARCH-M__FONT-SIZE);
-  padding: var(--IDS-BUTTON--SEARCH-M__PADDING);
-}
-@media (min-width: 1024px) {
-  .ids .ids-button.ids-button--search,
-  .ids-button.ids-button--search,
-  .ids button.ids-button.ids-button--search {
-    height: var(--IDS-BUTTON--SEARCH-L__HEIGHT);
-    padding: var(--IDS-BUTTON--SEARCH-L__PADDING);
-    font-size: var(--IDS-BUTTON--SEARCH-L__FONT-SIZE);
-  }
-  .ids .ids-button.ids-button--search.ids-button--s,
-  .ids-button.ids-button--search.ids-button--s,
-  .ids button.ids-button.ids-button--search.ids-button--s {
-    height: var(--IDS-BUTTON--SEARCH-M__HEIGHT);
-    font-size: var(--IDS-BUTTON--SEARCH-M__FONT-SIZE);
-    padding: var(--IDS-BUTTON--SEARCH-M__PADDING);
-  }
-}
 .ids .ids-button.ids-button--block,
 .ids-button.ids-button--block,
 .ids button.ids-button.ids-button--block {
@@ -2812,14 +3016,17 @@ body.ids {
   display: inline-flex;
   align-items: flex-start;
   gap: 0.5rem;
-  margin-bottom: 0.313rem;
-  margin-right: 0.5rem;
+  margin-bottom: 0.25rem;
+  margin-right: 0.25rem;
+}
+.ids-radio .ids-label-tooltip-wrapper {
+  margin-bottom: -0.25rem;
 }
 .ids-radio .ids-label-tooltip-wrapper label {
   display: inline;
   top: -0.188rem;
   position: relative;
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .ids-radio input,
 .ids-radio input[type=radio] {
@@ -2923,14 +3130,17 @@ body.ids {
   display: inline-flex;
   align-items: flex-start;
   gap: 0.5rem;
-  margin-bottom: 0.313rem;
-  margin-right: 0.5rem;
+  margin-bottom: 0.25rem;
+  margin-right: 0.25rem;
+}
+.ids-checkbox .ids-label-tooltip-wrapper {
+  margin-bottom: -0.25rem;
 }
 .ids-checkbox .ids-label-tooltip-wrapper label {
   display: inline;
   top: -0.188rem;
   position: relative;
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .ids-checkbox input[type=checkbox],
 .ids-checkbox input {
@@ -2960,43 +3170,30 @@ input:focus + .ids-checkbox input::before {
 }
 .ids-checkbox input[type=checkbox]:checked::after,
 .ids-checkbox input:checked::after {
-  content: "";
-  display: inline-block;
-  background-image: var(--IDS-CHECKBOX__CHECK-BACKGROUND-IMAGE);
-  min-height: 1.25rem;
-  min-width: 1.25rem;
+  font: icon;
+  font-family: "Inera-Design-Icons";
+  display: block;
   position: absolute;
-  top: 0;
-  left: 0;
-  cursor: pointer;
-  background-position: center center;
-  background-size: 1em 1em;
-  background-repeat: no-repeat;
+  pointer-events: none;
+  content: "\e93a";
+  font-size: 1rem;
+  color: var(--IDS-ICON__COLOR);
+  top: 0.1875rem;
+  left: 0.1875rem;
+  font-size: 0.875rem;
 }
 .ids-checkbox input[type=checkbox]:indeterminate::after,
 .ids-checkbox input:indeterminate::after {
-  content: "";
-  display: inline-block;
-  background-image: var(--IDS-CHECKBOX__INDETERMINATE-BACKGROUND-IMAGE);
-  min-height: 1.25rem;
-  min-width: 1.25rem;
+  font: icon;
+  font-family: "Inera-Design-Icons";
+  display: block;
   position: absolute;
-  top: 0;
-  left: 0;
-  cursor: pointer;
-  background-position: center center;
-  background-size: 1em 1em;
-  background-repeat: no-repeat;
-  /*  content: "—";
-   font-size: 1rem;
-   line-height: 1rem;
-   font-weight: 700;
-   color: var(--IDS-CHECKBOX__INDETERMINATE-COLOR);
-   display: inline-block;
-   position: absolute;
-   top: 0.0313rem;
-   left: 0.125rem;
-   cursor: pointer; */
+  pointer-events: none;
+  content: "\e92b";
+  font-size: 1rem;
+  top: 0.125rem;
+  left: 0.125rem;
+  color: var(--IDS-ICON__COLOR);
 }
 .ids-checkbox input[type=checkbox]:disabled::before,
 .ids-checkbox input:disabled::before {
@@ -3008,9 +3205,14 @@ input:focus + .ids-checkbox input::before {
 .ids-checkbox input:disabled:after {
   cursor: default;
 }
-.ids-checkbox input[type=checkbox]:disabled:checked::after,
+.ids-checkbox input[type=checkbox]:disabled:indeterminate::after, .ids-checkbox input[type=checkbox]:disabled:checked::after,
+.ids-checkbox input:disabled:indeterminate::after,
 .ids-checkbox input:disabled:checked::after {
-  background-image: var(--IDS-CHECKBOX--DISABLED__CHECK-BACKGROUND-IMAGE) !important;
+  color: var(--IDS-CHECKBOX--DISABLED-COLOR) !important;
+}
+.ids-checkbox input[type=checkbox].ids-input--invalid:checked::after,
+.ids-checkbox input.ids-input--invalid:checked::after {
+  color: var(--IDS-ICON--INVALID-COLOR);
 }
 .ids-checkbox input[type=checkbox].ids-input--invalid::before,
 .ids-checkbox input.ids-input--invalid::before {
@@ -3018,12 +3220,6 @@ input:focus + .ids-checkbox input::before {
   box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
   background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
 }
-.ids-checkbox input[type=checkbox].ids-input--invalid::before:checked + .ids-checkbox input[type=checkbox].ids-input--invalid::before::after,
-.ids-checkbox input[type=checkbox].ids-input--invalid::before:checked + .ids-checkbox input.ids-input--invalid::before::after,
-.ids-checkbox input.ids-input--invalid::before:checked + .ids-checkbox input[type=checkbox].ids-input--invalid::before::after,
-.ids-checkbox input.ids-input--invalid::before:checked + .ids-checkbox input.ids-input--invalid::before::after {
-  background-image: var(--IDS-CHECKBOX--INVALID__CHECK-BACKGROUND-IMAGE) !important;
-}
 .ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
 .ids-checkbox.ids-checkbox--light input::before {
   background-color: var(--IDS-COLOR-NEUTRAL-100);
@@ -3085,18 +3281,16 @@ input:focus + .ids-checkbox input::before {
 }
 .ids-check-button .ids-check-button__input[type=checkbox]:checked + .ids-check-button__label::before,
 .ids-check-button .ids-check-button__input:checked + .ids-check-button__label::before {
-  content: "";
-  display: inline-block;
-  background-image: var(--IDS-CHECK-BUTTON--CHECKED__BACKGROUND-IMAGE);
-  min-height: 1.25rem;
-  min-width: 1.25rem;
+  font: icon;
+  font-family: "Inera-Design-Icons";
+  display: block;
   position: absolute;
-  top: 0.25rem;
+  pointer-events: none;
+  content: "\e93a";
+  font-size: 1rem;
+  top: 50%;
+  transform: translateY(-50%);
   left: 0.75rem;
-  cursor: pointer;
-  background-position: center center;
-  background-size: 0.875rem 0.875rem;
-  background-repeat: no-repeat;
 }
 .ids-check-button .ids-check-button__input[type=checkbox]:disabled,
 .ids-check-button .ids-check-button__input:disabled {
@@ -3109,7 +3303,7 @@ input:focus + .ids-checkbox input::before {
 .ids-check-button .ids-check-button__input[type=checkbox]:disabled:checked + .ids-check-button__label::before,
 .ids-check-button .ids-check-button__input:disabled:checked + .ids-check-button__label::before {
   cursor: default;
-  background-image: var(--IDS-CHECKBOX--DISABLED__CHECK-BACKGROUND-IMAGE) !important;
+  color: var(--IDS-CHECK-BUTTON--DISABLED-COLOR);
 }
 .ids-check-button .ids-check-button__input[type=checkbox]:focus + .ids-check-button__label,
 .ids-check-button .ids-check-button__input:focus + .ids-check-button__label {
@@ -3141,9 +3335,6 @@ input:focus + .ids-checkbox input::before {
 .ids-check-button:hover:has(.ids-check-button__input:not(:disabled)) .ids-check-button__label, .ids-check-button:hover:has(.ids-check-button__input:checked:not(:disabled)) .ids-check-button__label {
   color: var(--IDS-COLOR-NEUTRAL-100);
 }
-.ids-check-button:hover:has(.ids-check-button__input:not(:disabled)) .ids-check-button__label::before, .ids-check-button:hover:has(.ids-check-button__input:checked:not(:disabled)) .ids-check-button__label::before {
-  background-image: var(--IDS-CHECK-BUTTON--FOCUS__BACKGROUND-IMAGE);
-}
 
 .ids-input-wrapper {
   position: relative;
@@ -3152,25 +3343,48 @@ input:focus + .ids-checkbox input::before {
 }
 .ids-input-wrapper .ids-input__icon {
   pointer-events: none;
-  position: absolute;
+  position: absolute !important;
   top: 50%;
   right: var(--IDS-INPUT__ICON-RIGHT);
   transform: translateY(-50%);
+  color: var(--IDS-ICON__COLOR);
+  font-size: 1.25rem;
+}
+.ids-input-wrapper:has(.ids-input--invalid) .ids-input__icon {
+  color: var(--IDS-ICON--INVALID-COLOR);
+}
+.ids-input-wrapper:has(input:disabled) .ids-input__icon {
+  color: var(--IDS-ICON--DISABLED-COLOR);
 }
 .ids-input-wrapper .ids-input__inner-wrapper {
   position: relative;
   width: 100%;
 }
 .ids-input-wrapper .ids-input__inner-wrapper .ids-input__search-icon {
-  pointer-events: none;
   position: absolute;
   top: 50%;
   left: 1.25rem;
   transform: translateY(-50%);
+  display: block;
+  width: 1.875rem;
+  height: 1.875rem;
+}
+.ids-input-wrapper .ids-input__inner-wrapper .ids-input__search-icon:before {
+  font: icon;
+  font-family: "Inera-Design-Icons";
+  display: block;
+  position: absolute;
+  pointer-events: none;
+  content: "\e919";
+  font-size: 1.875rem;
+  color: var(--IDS-ICON__COLOR);
 }
 .ids-input-wrapper .ids-input__inner-wrapper .ids-input {
   padding-left: var(--IDS-INPUT--SEARCH__PADDING-LEFT);
 }
+.ids-input-wrapper .ids-input__inner-wrapper:has(input:disabled) .ids-input__search-icon:before {
+  color: var(--IDS-ICON--DISABLED-COLOR);
+}
 .ids-input-wrapper.ids-input--icon .ids-input {
   padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT);
 }
@@ -3199,6 +3413,7 @@ input:focus + .ids-checkbox input::before {
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
 }
 .ids-input.ids-input--invalid {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
@@ -3213,6 +3428,7 @@ input:focus + .ids-checkbox input::before {
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
 }
 .ids-input.ids-input--light.ids-input--invalid {
   background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
@@ -3330,6 +3546,7 @@ input.ids-range:disabled::-ms-thumb {
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
 }
 .ids-select.ids-input--invalid {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
@@ -3344,6 +3561,7 @@ input.ids-range:disabled::-ms-thumb {
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
 }
 .ids-select.ids-input--light.ids-input--invalid {
   background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
@@ -3361,6 +3579,13 @@ input.ids-range:disabled::-ms-thumb {
   border: var(--IDS-FORM--INVALID__BORDER);
   box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
 }
+.ids-select[aria-disabled=true] {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+  font-style: italic !important;
+  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
+}
 .ids-select:disabled {
   cursor: default;
 }
@@ -3370,6 +3595,7 @@ input.ids-range:disabled::-ms-thumb {
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
 }
 .ids-select:focus {
   outline: var(--IDS-FOCUS__OUTLINE);
@@ -3381,25 +3607,24 @@ input.ids-range:disabled::-ms-thumb {
   display: flex;
 }
 .ids-select-wrapper::after {
-  content: "";
-  width: 0.75rem;
-  height: 100%;
+  font: icon;
+  font-family: "Inera-Design-Icons";
   display: block;
   position: absolute;
-  transform: rotate(90deg);
-  right: var(--IDS-INPUT__ICON-RIGHT);
-  top: 0;
-  bottom: 0;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-image: var(--IDS-SELECT__CHEVRON-ICON);
   pointer-events: none;
+  content: "\e936";
+  color: var(--IDS-ICON__COLOR);
+  width: 1rem;
+  height: 1rem;
+  top: 50%;
+  transform: translateY(-50%);
+  right: var(--IDS-INPUT__ICON-RIGHT);
 }
 .ids-select-wrapper:has(.ids-input--invalid)::after {
-  background-image: var(--IDS-SELECT--INVALID__CHEVRON-ICON);
+  color: var(--IDS-ICON--INVALID-COLOR);
 }
-.ids-select-wrapper:has(.ids-select:disabled)::after {
-  background-image: var(--IDS-SELECT--DISABLED__CHEVRON-ICON);
+.ids-select-wrapper:has(select:disabled)::after, .ids-select-wrapper:has([aria-disabled=true])::after {
+  color: var(--IDS-ICON--DISABLED-COLOR);
 }
 
 .ids-textarea {
@@ -3422,6 +3647,7 @@ input.ids-range:disabled::-ms-thumb {
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
 }
 .ids-textarea textarea.ids-input--invalid {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
@@ -3436,6 +3662,7 @@ input.ids-range:disabled::-ms-thumb {
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
 }
 .ids-textarea textarea.ids-input--light.ids-input--invalid {
   background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
@@ -3493,12 +3720,24 @@ input.ids-range:disabled::-ms-thumb {
 .ids-time .ids-time__input-wrapper {
   position: relative;
 }
-.ids-time .ids-input__icon {
-  pointer-events: none;
+.ids-time .ids-time__input-wrapper:after {
+  font: icon;
+  font-family: "Inera-Design-Icons";
+  display: block;
   position: absolute;
+  pointer-events: none;
+  content: "\e922";
+  font-size: 1.25rem;
+  color: var(--IDS-ICON__COLOR);
   top: 50%;
-  right: var(--IDS-INPUT__ICON-RIGHT);
   transform: translateY(-50%);
+  right: var(--IDS-INPUT__ICON-RIGHT);
+}
+.ids-time:has(.ids-input--invalid) .ids-time__input-wrapper:after {
+  color: var(--IDS-ICON--INVALID-COLOR);
+}
+.ids-time:has(input:disabled) .ids-time__input-wrapper:after {
+  color: var(--IDS-ICON--DISABLED-COLOR);
 }
 .ids-time ::slotted(input),
 .ids-time input {
@@ -3534,6 +3773,7 @@ input.ids-time__input:disabled {
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
 }
 input.ids-time__input.ids-input--invalid {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
@@ -3548,6 +3788,7 @@ input.ids-time__input.ids-input--light:disabled {
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
+  opacity: 1;
 }
 input.ids-time__input.ids-input--light.ids-input--invalid {
   background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
@@ -3564,9 +3805,12 @@ input.ids-time__input:disabled {
   display: inline-flex;
   align-items: flex-start;
   gap: 0.5rem;
-  margin-bottom: 0.313rem;
+  margin-bottom: 0.25rem;
   margin-right: 0;
 }
+.ids-toggle .ids-label-tooltip-wrapper {
+  margin-bottom: -0.25rem;
+}
 .ids-toggle .ids-label-tooltip-wrapper label {
   display: inline;
   top: -0.188rem;
@@ -3584,7 +3828,7 @@ input.ids-time__input:disabled {
 }
 .ids-toggle .ids-label-tooltip-wrapper label {
   top: -0.25rem;
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .ids-toggle input[type=checkbox],
 .ids-toggle input {
@@ -3615,18 +3859,21 @@ input:focus + .ids-toggle input:before {
 }
 .ids-toggle input[type=checkbox]:after,
 .ids-toggle input:after {
-  content: "";
-  display: inline-block;
+  font: icon;
+  font-family: "Inera-Design-Icons";
+  display: block;
   position: absolute;
-  cursor: pointer;
+  pointer-events: none;
+  content: "\e934";
+  display: inline-block;
+  font-size: 0.75rem;
+  line-height: 1.5rem;
+  text-align: center;
   background-color: var(--IDS-COLOR-NEUTRAL-100);
+  color: var(--IDS-ICON__COLOR);
   height: 1.5rem;
   width: 1.5rem;
   border-radius: 100%;
-  background-image: var(--IDS-TOGGLE__KNOB-BACKGROUND-IMAGE);
-  background-position: center center;
-  background-size: 0.625rem 0.625rem;
-  background-repeat: no-repeat;
   top: 0.188rem;
   left: 0.25rem;
   -webkit-transition: 0.3s;
@@ -3638,12 +3885,19 @@ input:focus + .ids-toggle input:before {
 }
 .ids-toggle input[type=checkbox]:checked:after,
 .ids-toggle input:checked:after {
-  content: "";
-  background-image: var(--IDS-TOGGLE--CHECKED__KNOB-BACKGROUND-IMAGE);
-  top: 0.188rem;
+  font: icon;
+  font-family: "Inera-Design-Icons";
+  display: block;
+  position: absolute;
+  pointer-events: none;
+  content: "\e93a";
+  font-size: 0.875rem;
+  line-height: 1.5rem;
+  text-align: center;
   left: calc(100% - 1.875rem);
   -webkit-transition: 0.3s;
   transition: all 0.3s;
+  color: var(--IDS-TOGGLE--CHECKED__COLOR);
 }
 .ids-toggle input[type=checkbox]:disabled + label,
 .ids-toggle input:disabled + label {
@@ -3661,7 +3915,7 @@ input:focus + .ids-toggle input:before {
 .ids-toggle input:disabled:after {
   cursor: default;
   background-color: var(--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);
-  background-image: var(--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-IMAGE);
+  color: var(--IDS-ICON--DISABLED-COLOR);
 }
 .ids-toggle input[type=checkbox]:disabled:checked:before,
 .ids-toggle input:disabled:checked:before {
@@ -3673,7 +3927,7 @@ input:focus + .ids-toggle input:before {
 .ids-toggle input:disabled:checked:after {
   cursor: default;
   background-color: var(--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);
-  background-image: var(--IDS-TOGGLE--DISABLED-CHECKED__KNOB-BACKGROUND-IMAGE);
+  color: var(--IDS-ICON--DISABLED-COLOR);
 }
 @media (max-width: 18.75rem) {
   .ids-toggle {
@@ -3858,6 +4112,7 @@ input:focus + .ids-toggle input:before {
 .ids .ids-heading-m .ids-anchor {
   color: var(--IDS-ANCHOR__COLOR);
   text-decoration: none;
+  text-underline-offset: 0.125rem;
 }
 .ids .ids-heading-m .ids-anchor:visited {
   color: var(--IDS-ANCHOR__COLOR);
@@ -3890,6 +4145,7 @@ input:focus + .ids-toggle input:before {
 .ids .ids-heading-s .ids-anchor {
   color: var(--IDS-ANCHOR__COLOR);
   text-decoration: none;
+  text-underline-offset: 0.125rem;
 }
 .ids .ids-heading-s .ids-anchor:visited {
   color: var(--IDS-ANCHOR__COLOR);
@@ -3915,6 +4171,7 @@ input:focus + .ids-toggle input:before {
 .ids .ids-heading-xs .ids-anchor {
   color: var(--IDS-ANCHOR__COLOR);
   text-decoration: none;
+  text-underline-offset: 0.125rem;
 }
 .ids .ids-heading-xs .ids-anchor:visited {
   color: var(--IDS-ANCHOR__COLOR);
@@ -3946,6 +4203,7 @@ input:focus + .ids-toggle input:before {
 .ids .ids-preamble .ids-anchor {
   color: var(--IDS-ANCHOR__COLOR);
   text-decoration: none;
+  text-underline-offset: 0.125rem;
 }
 .ids .ids-preamble .ids-anchor:visited {
   color: var(--IDS-ANCHOR__COLOR);
@@ -3969,6 +4227,7 @@ input:focus + .ids-toggle input:before {
 .ids .ids-body .ids-anchor {
   color: var(--IDS-ANCHOR__COLOR);
   text-decoration: none;
+  text-underline-offset: 0.125rem;
 }
 .ids .ids-body .ids-anchor:visited {
   color: var(--IDS-ANCHOR__COLOR);
@@ -3996,6 +4255,7 @@ input:focus + .ids-toggle input:before {
 .ids .ids-small .ids-anchor {
   color: var(--IDS-ANCHOR__COLOR);
   text-decoration: none;
+  text-underline-offset: 0.125rem;
 }
 .ids .ids-small .ids-anchor:visited {
   color: var(--IDS-ANCHOR__COLOR);
@@ -4082,6 +4342,397 @@ input:focus + .ids-toggle input:before {
   margin-bottom: 1.875rem;
 }
 
+@font-face {
+  font-family: "Inera-Design-Icons";
+  src: url("../../global/icons/font/Inera-Design-Icons.eot?4sjtb6");
+  src: url("../../global/icons/font/Inera-Design-Icons.eot?4sjtb6#iefix") format("embedded-opentype"), url("../../global/icons/font/Inera-Design-Icons.ttf?4sjtb6") format("truetype"), url("../../global/icons/font/Inera-Design-Icons.woff?4sjtb6") format("woff"), url("../../global/icons/font/Inera-Design-Icons.svg?4sjtb6#Inera-Design-Icons") format("svg");
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+[class^=ids-icon-],
+[class*=" ids-icon-"] {
+  position: relative;
+  display: inline-block;
+  box-sizing: border-box;
+  width: 1em;
+  height: 1em;
+}
+
+[class^=ids-icon-]:before {
+  font: icon;
+  font-family: "Inera-Design-Icons" !important;
+  font-size: inherit;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  display: block;
+  text-decoration: none;
+  text-align: center;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  position: absolute;
+}
+
+.ids-icon-arrow-link:before {
+  content: "\e947";
+}
+
+.ids-icon-1177:before {
+  content: "\e91e";
+}
+
+.ids-icon-agent:before {
+  content: "\e91f";
+}
+
+.ids-icon-inera:before {
+  content: "\e920";
+}
+
+.ids-icon-find-region:before {
+  content: "\e921";
+}
+
+.ids-icon-clock:before {
+  content: "\e922";
+}
+
+.ids-icon-user:before {
+  content: "\e923";
+}
+
+.ids-icon-drag-n-drop-small:before {
+  content: "\e924";
+}
+
+.ids-icon-drag-n-drop:before {
+  content: "\e925";
+}
+
+.ids-icon-expand-small:before {
+  content: "\e926";
+}
+
+.ids-icon-expand:before {
+  content: "\e927";
+}
+
+.ids-icon-external-link-small:before {
+  content: "\e928";
+}
+
+.ids-icon-menu-small:before {
+  content: "\e929";
+}
+
+.ids-icon-menu:before {
+  content: "\e92a";
+}
+
+.ids-icon-minus-small:before {
+  content: "\e92b";
+}
+
+.ids-icon-plus-small:before {
+  content: "\e92c";
+}
+
+.ids-icon-reload-small:before {
+  content: "\e92d";
+}
+
+.ids-icon-reload:before {
+  content: "\e92e";
+}
+
+.ids-icon-reply-small:before {
+  content: "\e92f";
+}
+
+.ids-icon-reply:before {
+  content: "\e930";
+}
+
+.ids-icon-share-small:before {
+  content: "\e931";
+}
+
+.ids-icon-swap-horizontal-small:before {
+  content: "\e932";
+}
+
+.ids-icon-swap-vertical-small:before {
+  content: "\e933";
+}
+
+.ids-icon-close-small:before {
+  content: "\e934";
+}
+
+.ids-icon-copy-link-small:before {
+  content: "\e935";
+}
+
+.ids-icon-chevron-down-small:before {
+  content: "\e936";
+}
+
+.ids-icon-chevron-left-small:before {
+  content: "\e937";
+}
+
+.ids-icon-chevron-right-small:before {
+  content: "\e938";
+}
+
+.ids-icon-chevron-up-small:before {
+  content: "\e939";
+}
+
+.ids-icon-check-small:before {
+  content: "\e93a";
+}
+
+.ids-icon-arrow-down-small:before {
+  content: "\e93b";
+}
+
+.ids-icon-arrow-left-small:before {
+  content: "\e93c";
+}
+
+.ids-icon-arrow-right-small:before {
+  content: "\e93d";
+}
+
+.ids-icon-arrow-up-small:before {
+  content: "\e93e";
+}
+
+.ids-icon-caregiver:before {
+  content: "\e93f";
+}
+
+.ids-icon-hospital:before {
+  content: "\e940";
+}
+
+.ids-icon-call-list:before {
+  content: "\e941";
+}
+
+.ids-icon-compare-small:before {
+  content: "\e942";
+}
+
+.ids-icon-compare:before {
+  content: "\e943";
+}
+
+.ids-icon-calendar:before {
+  content: "\e944";
+}
+
+.ids-icon-assistive-devices:before {
+  content: "\e945";
+}
+
+.ids-icon-medical-transportation:before {
+  content: "\e946";
+}
+
+.ids-icon-activity-missed:before {
+  content: "\e900";
+}
+
+.ids-icon-arrow-down:before {
+  content: "\e901";
+}
+
+.ids-icon-arrow-left:before {
+  content: "\e902";
+}
+
+.ids-icon-arrow-right:before {
+  content: "\e903";
+}
+
+.ids-icon-arrow-up:before {
+  content: "\e904";
+}
+
+.ids-icon-attention:before {
+  content: "\e905";
+}
+
+.ids-icon-check:before {
+  content: "\e914";
+}
+
+.ids-icon-chevron-down:before {
+  content: "\e906";
+}
+
+.ids-icon-chevron-left:before {
+  content: "\e907";
+}
+
+.ids-icon-chevron-right:before {
+  content: "\e908";
+}
+
+.ids-icon-chevron-up:before {
+  content: "\e909";
+}
+
+.ids-icon-close:before {
+  content: "\e916";
+}
+
+.ids-icon-drug:before {
+  content: "\e90d";
+}
+
+.ids-icon-exclamation-mark:before {
+  content: "\e91d";
+}
+
+.ids-icon-external-link:before {
+  content: "\e90a";
+}
+
+.ids-icon-group:before {
+  content: "\e90b";
+}
+
+.ids-icon-information:before {
+  content: "\e90c";
+}
+
+.ids-icon-minus:before {
+  content: "\e917";
+}
+
+.ids-icon-notification:before {
+  content: "\e90e";
+}
+
+.ids-icon-play:before {
+  content: "\e90f";
+}
+
+.ids-icon-plus:before {
+  content: "\e918";
+}
+
+.ids-icon-question:before {
+  content: "\e910";
+}
+
+.ids-icon-search:before {
+  content: "\e919";
+}
+
+.ids-icon-share:before {
+  content: "\e911";
+}
+
+.ids-icon-star:before {
+  content: "\e91a";
+}
+
+.ids-icon-star-filled:before {
+  content: "\e91b";
+}
+
+.ids-icon-success:before {
+  content: "\e912";
+}
+
+.ids-icon-swap-horizontal:before {
+  content: "\e915";
+}
+
+.ids-icon-swap-vertical:before {
+  content: "\e91c";
+}
+
+.ids-icon-warning:before {
+  content: "\e913";
+}
+
+[class^=ids-icon-].ids-icon--color-preset-1 {
+  color: var(--IDS-ICON__COLOR-PRESET-1);
+}
+[class^=ids-icon-].ids-icon--color-preset-2 {
+  color: var(--IDS-ICON__COLOR-PRESET-2);
+}
+[class^=ids-icon-].ids-icon--color-preset-3 {
+  color: var(--IDS-ICON__COLOR-PRESET-3);
+}
+[class^=ids-icon-].ids-icon--light, [class^=ids-icon-].ids-icon--color-preset-4 {
+  color: var(--IDS-ICON__COLOR-PRESET-4);
+}
+[class^=ids-icon-].ids-icon--text-start {
+  margin-right: 0.5rem;
+  position: relative;
+  bottom: -0.125rem;
+}
+[class^=ids-icon-].ids-icon--text-start:before {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+[class^=ids-icon-].ids-icon--text-end {
+  margin-left: 0.5rem;
+  position: relative;
+  bottom: -0.125rem;
+}
+[class^=ids-icon-].ids-icon--text-end:before {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+[class^=ids-icon-].ids-icon--s {
+  width: 1rem;
+  height: 1rem;
+}
+[class^=ids-icon-].ids-icon--s:before {
+  font-size: 1rem;
+}
+[class^=ids-icon-].ids-icon--m {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+[class^=ids-icon-].ids-icon--m:before {
+  font-size: 1.25rem;
+}
+[class^=ids-icon-].ids-icon--l {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+[class^=ids-icon-].ids-icon--l:before {
+  font-size: 1.5rem;
+}
+[class^=ids-icon-].ids-icon--xl {
+  width: 1.75rem;
+  height: 1.75rem;
+}
+[class^=ids-icon-].ids-icon--xl:before {
+  font-size: 1.75rem;
+}
+[class^=ids-icon-].ids-icon--rotate-90 {
+  transform: rotate(90deg);
+}
+[class^=ids-icon-].ids-icon--rotate-180 {
+  transform: rotate(180deg);
+}
+[class^=ids-icon-].ids-icon--rotate-270 {
+  transform: rotate(270deg);
+}
+
 :root {
   --IDS__MAX-WIDTH: 1280px;
   --IDS__FONT-FAMILY: Open sans;
@@ -4091,6 +4742,7 @@ input:focus + .ids-toggle input:before {
 .ids input:focus,
 .ids select:focus,
 .ids textarea:focus,
+.ids button:focus,
 .ids ids-button:focus,
 .ids a:focus {
   outline: var(--IDS-FOCUS__OUTLINE);
@@ -4116,65 +4768,12 @@ input[type=search]::-webkit-search-results-decoration {
   -webkit-appearance: none;
 }
 
-:root, :host {
-  /* Primary colors */
-  --IDS-COLOR-PRIMARY-30: #7e2a4c;
-  --IDS-COLOR-ON-PRIMARY-30: #FFF;
-  --IDS-COLOR-PRIMARY-40: #A33662;
-  --IDS-COLOR-ON-PRIMARY-40: #FFF;
-  --IDS-COLOR-PRIMARY-50: #C03F73;
-  --IDS-COLOR-ON-PRIMARY-50: #FFF;
-  /* Secondary colors */
-  --IDS-COLOR-SECONDARY-40: #E7DAC5;
-  --IDS-COLOR-ON-SECONDARY-40: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-COLOR-SECONDARY-90: #F6F1E9;
-  --IDS-COLOR-ON-SECONDARY-90: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-COLOR-SECONDARY-95: #F9F6F1;
-  --IDS-COLOR-ON-SECONDARY-95: var(--IDS-COLOR-NEUTRAL-20);
-  /* Accent colors */
-  --IDS-COLOR-ACCENT-30: #305A47;
-  --IDS-COLOR-ON-ACCENT-30: #FFF;
-  --IDS-COLOR-ACCENT-40: #40775E;
-  --IDS-COLOR-ON-ACCENT-40: #FFF;
-  --IDS-COLOR-ACCENT-90: #AFD4C4;
-  --IDS-COLOR-ON-ACCENT-90: var(--IDS-COLOR-NEUTRAL-20);
-  /* Graphic colors */
-  --IDS-COLOR-GRAPHIC: #FF9517;
-  /* Alternative colors */
-  --IDS-COLOR-ALTERNATIVE: #0CB0C6;
-  /* Neutral colors */
-  --IDS-COLOR-NEUTRAL-20: #353636;
-  --IDS-COLOR-ON-NEUTRAL-20: #FFF;
-  --IDS-COLOR-NEUTRAL-40: #727373;
-  --IDS-COLOR-ON-NEUTRAL-40: #FFF;
-  --IDS-COLOR-NEUTRAL-90: #CCCCCC;
-  --IDS-COLOR-ON-NEUTRAL-90: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-COLOR-NEUTRAL-99: #F0F0F0;
-  --IDS-COLOR-ON-NEUTRAL-99: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-COLOR-NEUTRAL-100: #fff;
-  /* Background colors */
-  --IDS-COLOR-BACKGROUND: #fff;
-  --IDS-COLOR-ON-BACKGROUND: var(--IDS-COLOR-NEUTRAL-20);
-  /* Status colors */
-  --IDS-COLOR-SUCCESS-40: #277637;
-  --IDS-COLOR-ON-SUCCESS-40: #FFF;
-  --IDS-COLOR-SUCCESS-99: #E7F7EA;
-  --IDS-COLOR-ON-SUCCESS-99: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-COLOR-ATTENTION-40: #FFD748;
-  --IDS-COLOR-ON-ATTENTION-40: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-COLOR-ATTENTION-95: #FFF7D9;
-  --IDS-COLOR-ON-ATTENTION-95: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-COLOR-ERROR-40: #DB0F00;
-  --IDS-COLOR-ON-ERROR-40: #FFF;
-  --IDS-COLOR-ERROR-99: #FFDAD7;
-  --IDS-COLOR-ON-ERROR-99: var(--IDS-COLOR-NEUTRAL-20);
-}
-
 :root,
 :host {
   /* Font families */
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Poppins";
+  --IDS-FONT-COLOR: var(--IDS-COLOR-NEUTRAL-20);
   --IDS-HEADING-XXL__COLOR: var(--IDS-COLOR-PRIMARY-40);
   --IDS-HEADING-XXL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
   --IDS-HEADING-XXL__FONT-SIZE: 1.875rem;
@@ -4251,13 +4850,13 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
 }
 
+/* @use "../../global/icons/font/icon-font.scss"; */
 :root,
 :host {
   /**********************
     * General
   **********************/
   --IDS-BORDER-RADIUS: 0.188rem;
-  --IDS-BASE__FONT-COLOR: var(--IDS-COLOR-NEUTRAL-20);
   --IDS-OVERLAY__BACKGROUND-COLOR: rgba(53, 53, 53, 0.6);
   /* Focus */
   --IDS-FOCUS__OUTLINE: 0.125rem solid var(--IDS-COLOR-NEUTRAL-20);
@@ -4294,7 +4893,6 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-ERROR-MESSAGE__BORDER-COLOR: var(--IDS-COLOR-ERROR-40);
   --IDS-ERROR-MESSAGE__BORDER: 0.063rem solid var(--IDS-ERROR-MESSAGE__BORDER-COLOR);
   --IDS-ERROR-MESSAGE__PADDING: 0.813rem 1.25rem;
-  --IDS-ERROR-MESSAGE__ICON-BACKGROUND-IMAGE: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="100%" height="100%" style="" viewBox="0 0 40 40" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.5134 12.7567C22.5134 12.7889 22.5129 12.821 22.5118 12.8529C22.5129 12.8828 22.5134 12.913 22.5134 12.9436C22.5134 13.1581 22.4809 13.4575 22.4158 13.8419L20.3119 24.2492C20.2585 24.5129 20.0268 24.7025 19.7577 24.7025C19.4877 24.7025 19.2554 24.5117 19.2031 24.2468L17.1463 13.8419C17.0857 13.5476 17.0439 13.2999 17.021 13.0987C17.007 12.976 17 12.8707 17 12.7827L17 12.7713L17 12.7567C17 11.2342 18.2342 10 19.7567 10C21.2792 10 22.5134 11.2342 22.5134 12.7567ZM21.0564 29.572C20.6977 29.9324 20.2644 30.1126 19.7567 30.1126C19.2489 30.1126 18.8157 29.9324 18.457 29.572C18.0982 29.2117 17.9189 28.7765 17.9189 28.2664C17.9189 27.7675 18.0982 27.3378 18.457 26.9775C18.8157 26.6171 19.2489 26.4369 19.7567 26.4369C20.2644 26.4369 20.6977 26.6171 21.0564 26.9775C21.4151 27.3378 21.5945 27.7675 21.5945 28.2664C21.5945 28.7765 21.4151 29.2117 21.0564 29.572Z" fill="%23DB0F00"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M39.2886 18.5C39.8245 19.4282 39.8245 20.5718 39.2886 21.5L30.9433 35.9545C30.4074 36.8827 29.417 37.4545 28.3452 37.4545H11.6546C10.5828 37.4545 9.59245 36.8827 9.05655 35.9545L0.711251 21.5C0.175351 20.5718 0.175351 19.4282 0.711251 18.5L9.05655 4.04553C9.59245 3.11733 10.5828 2.54553 11.6546 2.54553L28.3452 2.54553C29.417 2.54553 30.4074 3.11733 30.9433 4.04553L39.2886 18.5ZM37.5565 20.5C37.7352 20.1906 37.7352 19.8094 37.5565 19.5L29.2112 5.04553C29.0326 4.73613 28.7025 4.54553 28.3452 4.54553L11.6546 4.54553C11.2974 4.54553 10.9672 4.73613 10.7886 5.04553L2.4433 19.5C2.26467 19.8094 2.26467 20.1906 2.4433 20.5L10.7886 34.9545C10.9672 35.2639 11.2974 35.4545 11.6546 35.4545H28.3452C28.7025 35.4545 29.0326 35.2639 29.2112 34.9545L37.5565 20.5Z" fill="%23DB0F00"></path></svg>');
   /* Check button*/
   --IDS-CHECK-BUTTON__BORDER-RADIUS: 0.1875rem;
   --IDS-CHECK-BUTTON__BORDER-COLOR: var(--IDS-COLOR-ACCENT-40);
@@ -4305,16 +4903,13 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-CHECK-BUTTON--CHECKED__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
   --IDS-CHECK-BUTTON--HOVER__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
   --IDS-CHECK-BUTTON--DISABLED__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-90);
-  --IDS-CHECK-BUTTON--CHECKED__BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1rem" height="0.688rem" viewBox="0 0 40 32" fill="none"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M39.1772 0.674536C40.2151 1.62733 40.2798 3.23649 39.3218 4.26869L14.343 31.1817C13.8554 31.7071 13.1679 32.0041 12.4489 32C11.73 31.9958 11.046 31.6909 10.5646 31.1598L0.658175 20.2339C-0.287695 19.1907 -0.20415 17.5824 0.844778 16.6417C1.8937 15.7009 3.51081 15.784 4.45668 16.8273L12.4859 25.6828L35.5634 0.818302C36.5214 -0.213896 38.1394 -0.278263 39.1772 0.674536Z" fill="%23FFFFFF"></path></svg>');
-  --IDS-CHECK-BUTTON--FOCUS__BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1rem" height="0.688rem" viewBox="0 0 40 32" fill="none"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M39.1772 0.674536C40.2151 1.62733 40.2798 3.23649 39.3218 4.26869L14.343 31.1817C13.8554 31.7071 13.1679 32.0041 12.4489 32C11.73 31.9958 11.046 31.6909 10.5646 31.1598L0.658175 20.2339C-0.287695 19.1907 -0.20415 17.5824 0.844778 16.6417C1.8937 15.7009 3.51081 15.784 4.45668 16.8273L12.4859 25.6828L35.5634 0.818302C36.5214 -0.213896 38.1394 -0.278263 39.1772 0.674536Z" fill="%23FFFFFF"></path></svg>');
+  --IDS-CHECK-BUTTON--DISABLED-COLOR: var(--IDS-COLOR-NEUTRAL-40);
   /* Checkbox */
   --IDS-CHECKBOX__BORDER: 0.0625rem solid var(--IDS-COLOR-ACCENT-40);
   --IDS-CHECKBOX__BORDER-RADIUS: var(--IDS-FORM-INERA__BORDER-RADIUS);
   --IDS-CHECKBOX__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);
+  --IDS-CHECKBOX--DISABLED-COLOR: var(--IDS-COLOR-NEUTRAL-40);
   --IDS-CHECKBOX__INDETERMINATE-BACKGROUND-IMAGE: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 19.5C0 18.1193 1.14799 17 2.5641 17H37.4359C38.852 17 40 18.1193 40 19.5C40 20.8807 38.852 22 37.4359 22H2.5641C1.14799 22 0 20.8807 0 19.5Z' fill='%2340775E'/%3E%3C/svg%3E");
-  --IDS-CHECKBOX__CHECK-BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1rem" height="11" viewBox="0 0 40 32" fill="none"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M39.1772 0.674536C40.2151 1.62733 40.2798 3.23649 39.3218 4.26869L14.343 31.1817C13.8554 31.7071 13.1679 32.0041 12.4489 32C11.73 31.9958 11.046 31.6909 10.5646 31.1598L0.658175 20.2339C-0.287695 19.1907 -0.20415 17.5824 0.844778 16.6417C1.8937 15.7009 3.51081 15.784 4.45668 16.8273L12.4859 25.6828L35.5634 0.818302C36.5214 -0.213896 38.1394 -0.278263 39.1772 0.674536Z" fill="%2340775E"></path></svg>');
-  --IDS-CHECKBOX--INVALID__CHECK-BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1rem" height="11" viewBox="0 0 40 32" fill="none"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M39.1772 0.674536C40.2151 1.62733 40.2798 3.23649 39.3218 4.26869L14.343 31.1817C13.8554 31.7071 13.1679 32.0041 12.4489 32C11.73 31.9958 11.046 31.6909 10.5646 31.1598L0.658175 20.2339C-0.287695 19.1907 -0.20415 17.5824 0.844778 16.6417C1.8937 15.7009 3.51081 15.784 4.45668 16.8273L12.4859 25.6828L35.5634 0.818302C36.5214 -0.213896 38.1394 -0.278263 39.1772 0.674536Z" fill="%23DB0F00"></path></svg>');
-  --IDS-CHECKBOX--DISABLED__CHECK-BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1rem" height="11" viewBox="0 0 40 32" fill="none"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M39.1772 0.674536C40.2151 1.62733 40.2798 3.23649 39.3218 4.26869L14.343 31.1817C13.8554 31.7071 13.1679 32.0041 12.4489 32C11.73 31.9958 11.046 31.6909 10.5646 31.1598L0.658175 20.2339C-0.287695 19.1907 -0.20415 17.5824 0.844778 16.6417C1.8937 15.7009 3.51081 15.784 4.45668 16.8273L12.4859 25.6828L35.5634 0.818302C36.5214 -0.213896 38.1394 -0.278263 39.1772 0.674536Z" fill="%23727373"></path></svg>');
   /* Input */
   --IDS-INPUT__COLOR: var(--IDS-COLOR-NEUTRAL-20);
   --IDS-INPUT__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);
@@ -4323,7 +4918,7 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-INPUT__BOX-SHADOW: none;
   --IDS-INPUT__HEIGHT: 3rem;
   --IDS-INPUT__PADDING: 0 1.25rem;
-  --IDS-INPUT__ICON-RIGHT: 1.25rem;
+  --IDS-INPUT__ICON-RIGHT: 1.125rem;
   --IDS-INPUT__ICON-PADDING-RIGHT: 2.75rem;
   --IDS-INPUT--DISABLED__ICON-FILL: var(--IDS-COLOR-NEUTRAL-40);
   --IDS-INPUT--INVALID__ICON-FILL: var(--IDS-COLOR-ACCENT-40);
@@ -4342,20 +4937,17 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-RADIO--INVALID__BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);
   /* Select */
   --IDS-SELECT__LINE-HEIGHT: 2.875rem;
-  --IDS-SELECT__CHEVRON-ICON: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="0.5rem" height="0.75rem" style="" viewBox="0 0 7 12" aria-hidden="true"><!--%3Flit$300635863$--><g><path d="M4.1627 5.57692L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.28403 4.86982C6.67456 5.26034 6.67455 5.89351 6.28402 6.28404L1.7071 10.8609C1.31657 11.2514 0.683406 11.2514 0.292886 10.8608C-0.0976345 10.4703 -0.0976276 9.83715 0.292901 9.44663L4.1627 5.57692Z" fill="%2340775E"></path></g></svg>');
-  --IDS-SELECT__CHEVRON-ICON--HOVER: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="0.5rem" height="0.75rem" style="" viewBox="0 0 7 12" aria-hidden="true"><!--%3Flit$300635863$--><g><path d="M4.1627 5.57692L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.28403 4.86982C6.67456 5.26034 6.67455 5.89351 6.28402 6.28404L1.7071 10.8609C1.31657 11.2514 0.683406 11.2514 0.292886 10.8608C-0.0976345 10.4703 -0.0976276 9.83715 0.292901 9.44663L4.1627 5.57692Z" fill="rgb(48,90,71)"></path></g></svg>');
-  --IDS-SELECT--INVALID__CHEVRON-ICON: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="0.5rem" height="0.75rem" style="" viewBox="0 0 7 12" aria-hidden="true"><!--%3Flit$300635863$--><g><path d="M4.1627 5.57692L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.28403 4.86982C6.67456 5.26034 6.67455 5.89351 6.28402 6.28404L1.7071 10.8609C1.31657 11.2514 0.683406 11.2514 0.292886 10.8608C-0.0976345 10.4703 -0.0976276 9.83715 0.292901 9.44663L4.1627 5.57692Z" fill="%23DB0F00"></path></g></svg>');
-  --IDS-SELECT--DISABLED__CHEVRON-ICON: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="0.5rem" height="0.75rem" style="" viewBox="0 0 7 12" aria-hidden="true"><!--%3Flit$300635863$--><g><path d="M4.1627 5.57692L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893C0.683418 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6.28403 4.86982C6.67456 5.26034 6.67455 5.89351 6.28402 6.28404L1.7071 10.8609C1.31657 11.2514 0.683406 11.2514 0.292886 10.8608C-0.0976345 10.4703 -0.0976276 9.83715 0.292901 9.44663L4.1627 5.57692Z" fill="%23727373"></path></g></svg>');
   /* Select multiple */
   --IDS-SELECT-MULTIPLE__DROPDOWN-BORDER-RADIUS: 0.188rem;
   /* Textarea*/
   --IDS-TEXTAREA__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-TEXTAREA__RESIZER-IMAGE: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='2.5rem' height='2.5rem' viewBox='0 0 40 40' fill='none' version='1.1' id='svg3' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs3' /%3E%3Cpath d='m 32.750455,4.7161113 c 0.976302,0.9763023 0.529818,2.224356 -0.446491,3.2006654 L 7.8342826,32.274835 c -0.9763016,0.976302 -2.3917967,1.70185 -3.3680997,0.725548 -0.9763016,-0.976303 -0.9763016,-2.559232 0,-3.535533 L 29.214921,4.7161113 c 0.976309,-0.9763094 2.559232,-0.9763023 3.535534,0 z' fill='%23396291' id='path2' style='fill:%2340775e;fill-opacity:1' /%3E%3Cpath d='m 32.876716,22.751757 c 0.384143,-0.71897 0.316192,-1.636374 -0.299366,-2.19609 -0.663607,-0.603405 -1.851199,-0.577406 -2.545108,-0.158033 l -10.906246,10.66159 c -0.440031,0.431082 -0.426797,1.850489 0.270247,2.410027 0.620863,0.498385 2.193013,0.576181 2.633044,0.145099 z' fill='%23396291' id='path1' style='fill:%2340775e;fill-opacity:1;stroke-width:0.446104' /%3E%3C/svg%3E%0A");
+  --IDS-TEXTAREA__RESIZER-IMAGE: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' version='1.1' id='svg3' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs3' /%3E%3Cpath d='m 32.734885,3.0472647 c 0.976302,0.9763023 0.300534,1.4780576 -0.675775,2.454367 L 5.8886118,31.431711 C 4.9123102,32.408013 4.5993619,32.874138 3.6230589,31.897836 2.6467573,30.921533 3.4898813,30.441151 4.4661829,29.46485 L 30.142048,3.9168635 c 0.976309,-0.9763094 1.616535,-1.8459011 2.592837,-0.8695988 z' fill='%23396291' id='path2' /%3E%3Cpath d='m 32.60982,17.136263 c 0.502263,0.5256 0.682816,1.052801 0.06139,1.796875 L 19.810332,32.214623 c -0.66115,0.346852 -0.99803,0.166253 -1.500294,-0.359345 -0.502262,-0.525601 -0.718142,-0.721474 -0.196018,-1.425821 L 31.228158,16.914762 c 0.641292,-0.386577 0.879399,-0.30405 1.381662,0.221501 z' fill='%2340775e' id='path2-9' style='stroke-width:0.52627' /%3E%3C/svg%3E%0A");
   --IDS-TEXTAREA__PADDING: 0.75rem 0.625rem;
   /* Toggle */
   --IDS-TOGGLE__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-40);
   --IDS-TOGGLE__KNOB-BACKGROUND-IMAGE: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="0.625rem" height="0.625rem" style="" viewBox="0 0 40 40" aria-hidden="true"><!--%3Flit$332566053$--><path xmlns="http://www.w3.org/2000/svg" d="M4.26777 0.732233C3.29146 -0.244078 1.70854 -0.244078 0.732233 0.732233C-0.244078 1.70854 -0.244078 3.29146 0.732233 4.26777L16.4645 20L0.732233 35.7322C-0.244078 36.7085 -0.244078 38.2915 0.732233 39.2678C1.70854 40.2441 3.29146 40.2441 4.26777 39.2678L20 23.5355L35.7322 39.2678C36.7085 40.2441 38.2915 40.2441 39.2678 39.2678C40.2441 38.2915 40.2441 36.7085 39.2678 35.7322L23.5355 20L39.2678 4.26777C40.2441 3.29146 40.2441 1.70854 39.2678 0.732233C38.2915 -0.244078 36.7085 -0.244078 35.7322 0.732233L20 16.4645L4.26777 0.732233Z" fill="rgb(53,53,53)"></path></svg>');
   --IDS-TOGGLE--CHECKED__BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-40);
+  --IDS-TOGGLE--CHECKED__COLOR: var(--IDS-COLOR-SUCCESS-40);
   --IDS-TOGGLE--CHECKED__KNOB-BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1rem" height="0.688rem" viewBox="0 0 40 32" fill="none"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" d="M39.1772 0.674536C40.2151 1.62733 40.2798 3.23649 39.3218 4.26869L14.343 31.1817C13.8554 31.7071 13.1679 32.0041 12.4489 32C11.73 31.9958 11.046 31.6909 10.5646 31.1598L0.658175 20.2339C-0.287695 19.1907 -0.20415 17.5824 0.844778 16.6417C1.8937 15.7009 3.51081 15.784 4.45668 16.8273L12.4859 25.6828L35.5634 0.818302C36.5214 -0.213896 38.1394 -0.278263 39.1772 0.674536Z" fill="rgb(48,90,71)"></path></svg>');
   --IDS-TOGGLE--DISABLED__BACKGROUND-COLOR: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   --IDS-TOGGLE--DISABLED__BORDER: 0.063rem dashed var(--IDS-COLOR-NEUTRAL-40);
@@ -4372,27 +4964,25 @@ input[type=search]::-webkit-search-results-decoration {
   /**********************
   * COMPONENTS
   **********************/
+  /* Accordion */
+  --IDS-ACCORDION__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
   /* Alert */
   --IDS-ALERT__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-20);
   --IDS-ALERT__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
   --IDS-ALERT__HEADLINE-FONT-WEIGHT: 600;
-  --IDS-ALERT--INFO__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-ALERT__COLOR: var(--IDS-COLOR-NEUTRAL-20);
   --IDS-ALERT--INFO__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
   --IDS-ALERT--INFO__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
-  --IDS-ALERT--INFO__ICON-COLOR-1: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-ALERT--INFO__ICON-COLOR-2: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-ALERT--INFO__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-20);
   --IDS-ALERT--ATTENTION__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);
   --IDS-ALERT--ATTENTION__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
-  --IDS-ALERT--ATTENTION__ICON-COLOR-1: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-ALERT--ATTENTION__ICON-COLOR-2: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-ALERT--ATTENTION__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-20);
   --IDS-ALERT--SUCCESS__BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-99);
   --IDS-ALERT--SUCCESS__BORDER-COLOR: var(--IDS-COLOR-SUCCESS-40);
-  --IDS-ALERT--SUCCESS__ICON-COLOR-1: var(--IDS-COLOR-SUCCESS-40);
-  --IDS-ALERT--SUCCESS__ICON-COLOR-2: var(--IDS-COLOR-SUCCESS-40);
+  --IDS-ALERT--SUCCESS__ICON-COLOR: var(--IDS-COLOR-SUCCESS-40);
   --IDS-ALERT--ERROR__BACKGROUND-COLOR: var(--IDS-COLOR-ERROR-99);
   --IDS-ALERT--ERROR__BORDER-COLOR: var(--IDS-COLOR-ERROR-40);
-  --IDS-ALERT--ERROR__ICON-COLOR-1: var(--IDS-COLOR-ERROR-40);
-  --IDS-ALERT--ERROR__ICON-COLOR-2: var(--IDS-COLOR-ERROR-40);
+  --IDS-ALERT--ERROR__ICON-COLOR: var(--IDS-COLOR-ERROR-40);
   /* Alert global */
   --IDS-ALERT-GLOBAL__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);
   --IDS-ALERT-GLOBAL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
@@ -4406,8 +4996,8 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-BADGE--PRIMARY__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
   --IDS-BADGE--PRIMARY__BORDER: 0.063rem solid var(--IDS-COLOR-PRIMARY-40);
   --IDS-BADGE--PRIMARY__COLOR: var(--IDS-COLOR-NEUTRAL-100);
-  --IDS-BADGE--NEUTRAL__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
-  --IDS-BADGE--NEUTRAL__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-99);
+  --IDS-BADGE--NEUTRAL__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);
+  --IDS-BADGE--NEUTRAL__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
   --IDS-BADGE--NEUTRAL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
   --IDS-BADGE--INFO__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
   --IDS-BADGE--INFO__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
@@ -4495,10 +5085,10 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-CARD__COLOR: var(--IDS-COLOR-NEUTRAL-20);
   --IDS-CARD--BORDER__BORDER: none;
   --IDS-CARD--HOVER__BOX-SHADOW: 0 0 0.625rem 0 rgba(0, 0, 0, 0.3);
-  --IDS-CARD--FILL__BACKGROUND: var(--IDS-COLOR-SECONDARY-95);
-  --IDS-CARD--FILL__BORDER: 0.063rem solid var(--IDS-CARD--FILL__BACKGROUND);
-  --IDS-CARD--FILL__BORDER-INTERACTIVE: 0.063rem solid var(--IDS-COLOR-ACCENT-30);
-  --IDS-CARD--FILL-2__BACKGROUND: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-CARD--FILL-1__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);
+  --IDS-CARD--FILL-1__BORDER: 0.063rem solid var(--IDS-CARD--FILL__BACKGROUND);
+  --IDS-CARD--FILL-1__BORDER-INTERACTIVE: 0.063rem solid var(--IDS-COLOR-ACCENT-30);
+  --IDS-CARD--FILL-2__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
   --IDS-CARD--FILL-2__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-40);
   /* Carousel */
   --IDS-CAROUSEL__BACKGROUND-COLOR: var(--IDS-COLOR-SECONDARY-95);
@@ -4559,53 +5149,16 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-EXPANDABLE__ICON-2-COLOR: var(--IDS-COLOR-ACCENT-40);
   --IDS-EXPANDABLE--MOBILE__HEADLINE-FONT-SIZE: 1.75rem;
   --IDS-EXPANDABLE--CHILD__HEADLINE-FONT-SIZE: 1.25rem;
-  /* Footer old */
-  --footer_background-color: var(--IDS-COLOR-PRIMARY-40);
-  --footer-inner_padding-top: 4.375rem;
-  --footer-inner_padding-bottom: 5.313rem;
-  --footer-inner-mobile_padding-bottom: 3.125rem;
-  --footer-headline_color: var(--IDS-COLOR-ON-PRIMARY-40);
-  --footer-headline_font-size: 1.625rem;
-  --footer-headline_line-height: 2rem;
-  --footer-headline_letter-spacing: -0.031rem;
-  --footer-headline_font-weight: bold;
-  --footer-headline-sub_color: var(--IDS-COLOR-ON-PRIMARY-40);
-  --footer-content_color: var(--IDS-COLOR-ON-PRIMARY-40);
-  --footer-link_color: var(--IDS-COLOR-ON-PRIMARY-40);
-  --footer-sub_padding-top: 0.625rem;
-  --footer-sub_padding-bottom: 0.625rem;
-  --footer-sub_background-color: var(--IDS-COLOR-PRIMARY-30);
-  --footer-sub-mobile_background-color: var(--IDS-COLOR-PRIMARY-30);
-  --footer-sub-mobile_color: var(--IDS-COLOR-NEUTRAL-100);
-  --footer-sub-text_color: var(--IDS-COLOR-ON-PRIMARY-40);
   /* Header */
-  --IDS-HEADER-INERA__USER-ICON-COLOR: #e3abc1;
-  --IDS-HEADER-INERA__USER-ICON-COLOR-2: var(--IDS-COLOR-PRIMARY-40);
-  /* old */
-  --header-item-icon-color: #e3abc1;
-  --header-item-icon-color2: var(--IDS-COLOR-PRIMARY-40);
-  --header-main_background: var(--color-dust-light);
-  --header-inner_background: var(--IDS-COLOR-BACKGROUND);
-  --header-nav_background-color: transparent;
-  --header-nav-menu_color: var(--IDS-COLOR-PRIMARY-40);
-  --header-nav-mobile-menu-items_box-shadow: 0 0.125rem 0.313rem #c5c5c5;
-  --header-nav-item_color: var(--IDS-COLOR-NEUTRAL-20);
-  --header-nav-item-active_color: var(--IDS-COLOR-NEUTRAL-20);
-  --header-nav-item_font-size: 1.125rem;
-  --header-nav-item_font-weight: 600;
-  --header-nav-item_font-family: var(--IDS-FONT-FAMILY-HEADING);
-  --header-nav-item_padding: 0.5rem 0.625rem 0.5rem 0.625rem;
-  --header-nav-item-expanded_color: var(--IDS-COLOR-NEUTRAL-20);
-  --header-nav-item-after_background: var(--IDS-COLOR-PRIMARY-40);
-  --header-nav-item-after_content: "";
-  --header-nav-item-content_background: var(--IDS-COLOR-SECONDARY-95);
-  --header-nav-item-link_border-bottom: 0.063rem solid #ddd7d3;
-  --header-nav_border-top: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
+  --IDS-HEADER-INERA__ITEM-ICON-COLOR: #e3abc1;
+  --IDS-HEADER-INERA__ITEM-ICON-COLOR-2: var(--IDS-COLOR-PRIMARY-40);
   /* Icon */
   --IDS-ICON__COLOR: var(--IDS-COLOR-ACCENT-40);
   --IDS-ICON__COLOR-2: var(--IDS-COLOR-ACCENT-40);
-  --IDS-ICON--ACTIVE__COLOR: var(--IDS-COLOR-ACCENT-30);
-  --IDS-ICON--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-90);
+  --IDS-ICON--ACTIVE-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-ICON--DISABLED-COLOR: var(--IDS-COLOR-NEUTRAL-90);
+  --IDS-ICON--INVALID-COLOR: var(--IDS-COLOR-ERROR-40);
+  --IDS-ICON--SUCCESS-COLOR: var(--IDS-COLOR-SUCCESS-40);
   --IDS-ICON__COLOR-PRESET-1: var(--IDS-COLOR-ACCENT-40);
   --IDS-ICON__COLOR-PRESET-1-2: var(--IDS-COLOR-ACCENT-40);
   --IDS-ICON__COLOR-PRESET-2: var(--IDS-COLOR-PRIMARY-40);
@@ -4616,18 +5169,12 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-ICON__COLOR-PRESET-4-2: var(--IDS-COLOR-NEUTRAL-100);
   /* Link */
   --IDS-LINK__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
-  --IDS-LINK--COLORPRESET-1__COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-LINK--COLORPRESET-1__HOVER-COLOR: var(--IDS-COLOR-ACCENT-30);
-  --IDS-LINK--COLORPRESET-1-ACTIVE__ICON-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
-  --IDS-LINK--COLORPRESET-1-ACTIVE-HOVER__ICON-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-LINK--COLORPRESET-2__COLOR: var(--IDS-COLOR-PRIMARY-40);
-  --IDS-LINK--COLORPRESET-2__HOVER-COLOR: var(--IDS-COLOR-PRIMARY-30);
-  --IDS-LINK--COLORPRESET-2-ACTIVE__ICON-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-30);
-  --IDS-LINK--COLORPRESET-2-ACTIVE-HOVER__ICON-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  --IDS-LINK--COLORPRESET-3__COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-LINK--COLORPRESET-3__HOVER-COLOR: black;
-  --IDS-LINK--COLORPRESET-3-ACTIVE__ICON-BACKGROUND-COLOR: black;
-  --IDS-LINK--COLORPRESET-3-ACTIVE-HOVER-ICON-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-LINK--COLOR-PRESET-1__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-LINK--COLOR-PRESET-1__HOVER-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-LINK--COLOR-PRESET-2__COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-LINK--COLOR-PRESET-2__HOVER-COLOR: var(--IDS-COLOR-PRIMARY-30);
+  --IDS-LINK--COLOR-PRESET-3__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-LINK--COLOR-PRESET-3__HOVER-COLOR: black;
   --IDS-LINK--BOX__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
   --IDS-LINK--BOX__BOX-SHADOW: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
   /* List */
@@ -4707,14 +5254,14 @@ input[type=search]::-webkit-search-results-decoration {
   --IDS-NAVIGATION-CONTENT__FONT-SIZE: 1.25rem;
   --IDS-NAVIGATION-CONTENT__LINE-HEIGHT: 1.375rem;
   --IDS-NAVIGATION-CONTENT__PADDING-BOTTOM: 0.313rem;
-  --IDS-NAVIGATION-CONTENT-SEPARATOR__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);
+  --IDS-NAVIGATION-CONTENT__ITEM-BORDER-TOP: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
   /* Navigation local  */
   --IDS-NAVIGATION-LOCAL__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
   --IDS-NAVIGATION-LOCAL__HOVER-BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
   --IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
   --IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
-  --IDS-NAVIGATION-LOCAL__LINK-COLOR: var(--IDS-LINK--COLORPRESET-1__COLOR);
-  --IDS-NAVIGATION-LOCAL__LINK--HOVER-COLOR: var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);
+  --IDS-NAVIGATION-LOCAL__LINK-COLOR: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+  --IDS-NAVIGATION-LOCAL__LINK--HOVER-COLOR: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
   /* Notification */
   --IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
   --IDS-NOTIFICATION-BADGE__COLOR: var(--IDS-COLOR-NEUTRAL-100);
@@ -4869,14 +5416,17 @@ ids-input input[type=search]::-webkit-search-results-decoration {
   display: inline-flex;
   align-items: flex-start;
   gap: 0.5rem;
-  margin-bottom: 0.313rem;
-  margin-right: 0.5rem;
+  margin-bottom: 0.25rem;
+  margin-right: 0.25rem;
+}
+.ids-label-wrapper .ids-label-tooltip-wrapper {
+  margin-bottom: -0.25rem;
 }
 .ids-label-wrapper .ids-label-tooltip-wrapper label {
   display: inline;
   top: -0.188rem;
   position: relative;
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 
 .ids-show-inera {