@inera/ids-design 5.2.2 → 5.4.0

package/{themes → dist/themes}/1177-pro/1177-pro.css

@@ -14,7 +14,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBAR
+* SCROLLBARS
 ********/
 /*******
 * FORM
@@ -46,7 +46,7 @@ body.ids,
 body.ids {
   background-color: var(--IDS-COLOR-NEUTRAL-100);
   color: var(--IDS-COLOR-NEUTRAL-20);
-  font-family: var(--font-family_1);
+  font-family: var(--IDS-FONT-FAMILY-BASE);
   font-size: 1rem;
   min-height: 100%;
 }
@@ -91,7 +91,7 @@ body.ids {
 }
 
 .ids-bg-1 {
-  background-color: white;
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
 }
 
 .ids-bg-2 {
@@ -113,8 +113,8 @@ body.ids {
   outline: inherit;
 }
 .ids-btn-no-styles:focus {
-  outline: var(--focus_outline);
-  outline-offset: var(--focus_outline-offset);
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
 }
 
 /* Makes elements behave as inline-level block containers */
@@ -1728,7 +1728,8 @@ body.ids {
     padding-left: 3rem;
   }
   /* Hide classes */
-  .ids .ids-hide-on-s, .ids .ids-s-hide {
+  .ids .ids-hide-on-s,
+  .ids .ids-s-hide {
     display: none;
   }
 }
@@ -2266,7 +2267,8 @@ body.ids {
     padding-left: 3rem;
   }
   /* Hide classes */
-  .ids .ids-hide-on-m, .ids .ids-m-hide {
+  .ids .ids-hide-on-m,
+  .ids .ids-m-hide {
     display: none;
   }
 }
@@ -2347,11 +2349,12 @@ body.ids {
 }
 
 .ids-link {
-  font-family: var(--IDS-LINK--FONT-FAMILY);
-  color: var(--link-colorpreset-1_color);
-  text-decoration-color: var(--link-colorpreset-1_color);
+  font-family: var(--IDS-LINK__FONT-FAMILY);
+  color: var(--IDS-LINK--COLORPRESET-1__COLOR);
+  text-decoration-color: var(--IDS-LINK--COLORPRESET-1__COLOR);
+  font-size: 1rem;
   line-height: 1.5rem;
-  gap: 8px;
+  gap: 0.5rem;
   cursor: pointer;
   display: inline-flex;
   align-items: flex-start;
@@ -2361,13 +2364,13 @@ body.ids {
 .ids-link:not(:has(.ids-icon)) {
   text-decoration: underline;
 }
-.ids-link:focus:focus {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+.ids-link:focus {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids-link:hover, .ids-link:focus {
   text-decoration: underline !important;
-  color: var(--link-colorpreset-1-hover_color);
+  color: var(--IDS-LINK--COLORPRESET-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;
@@ -2395,10 +2398,10 @@ body.ids {
   padding: 0.188rem;
 }
 .ids-link.ids-link--active-icon.ids-link--active .ids-icon {
-  background-color: var(--link-colorpreset-1--active-icon--active_background-color);
+  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(--link-colorpreset-1--active-icon--hover_background-color);
+  background-color: var(--IDS-LINK--COLORPRESET-1-ACTIVE-HOVER__ICON-BACKGROUND-COLOR);
 }
 .ids-link.ids-link--active-icon.ids-link--color-2 .ids-icon {
   margin-top: 0.25rem;
@@ -2411,28 +2414,52 @@ body.ids {
   padding: 0.188rem;
 }
 .ids-link.ids-link--active-icon.ids-link--color-2.ids-link--active .ids-icon {
-  background-color: var(--link-colorpreset-2--active-icon--active_background-color);
+  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(--link-colorpreset-2--active-icon--hover_background-color);
+  background-color: var(--IDS-LINK--COLORPRESET-2-ACTIVE-HOVER__ICON-BACKGROUND-COLOR);
+}
+.ids-link.ids-link--active-icon.ids-link--color-3 .ids-icon {
+  margin-top: 0.25rem;
+  display: inline-flex;
+  border-radius: 100%;
+  width: 1rem;
+  height: 1rem;
+  align-items: center;
+  justify-content: center;
+  padding: 0.188rem;
+}
+.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);
+}
+.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--color-2 {
-  color: var(--link-colorpreset-2_color);
-  text-decoration-color: var(--link-colorpreset-2_color);
+  color: var(--IDS-LINK--COLORPRESET-2__COLOR);
+  text-decoration-color: var(--IDS-LINK--COLORPRESET-2__COLOR);
 }
 .ids-link.ids-link--color-2:hover, .ids-link.ids-link--color-2:focus {
-  color: var(--link-colorpreset-2-hover_color);
-  text-decoration-color: var(--link-colorpreset-2-hover_color);
+  color: var(--IDS-LINK--COLORPRESET-2__HOVER-COLOR);
+  text-decoration-color: var(--IDS-LINK--COLORPRESET-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);
+}
+.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);
 }
 .ids-link.ids-link--light {
-  color: white !important;
-  text-decoration-color: white !important;
+  color: var(--IDS-COLOR-NEUTRAL-100) !important;
+  text-decoration-color: var(--IDS-COLOR-NEUTRAL-100) !important;
 }
 .ids-link.ids-link--light:focus {
-  outline-color: white !important;
+  outline-color: var(--IDS-COLOR-NEUTRAL-100) !important;
 }
 .ids-link.ids-link--light:hover {
-  color: white !important;
+  color: var(--IDS-COLOR-NEUTRAL-100) !important;
 }
 .ids-link .ids-icon {
   display: inline-flex;
@@ -2456,14 +2483,14 @@ body.ids {
 .ids-button[disabled],
 .ids button.ids-button.ids-button--disabled,
 .ids button.ids-button[disabled] {
-  color: var(--btn-disabled_color) !important;
-  border: var(--btn-disabled_border) !important;
-  background-color: white !important;
+  color: var(--IDS-BUTTON--DISABLED__COLOR) !important;
+  border: var(--IDS-BUTTON--DISABLED__BORDER) !important;
+  background-color: var(--IDS-COLOR-NEUTRAL-100) !important;
 }
 
 .ids button.ids-button {
-  min-width: 24px;
-  min-height: 24px;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
   background: none;
   color: inherit;
   border: none;
@@ -2478,37 +2505,36 @@ body.ids {
   user-select: none;
 }
 .ids button.ids-button:focus {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 
 .ids .ids-button,
 .ids-button,
 .ids button.ids-button {
   text-align: center;
-  background-color: var(--btn_background-color);
-  border: var(--btn_border);
-  border-radius: var(--btn_border-radius);
+  background-color: var(--IDS-BUTTON__BACKGROUND-COLOR);
+  border: var(--IDS-BUTTON__BORDER);
+  border-radius: var(--IDS-BUTTON__BORDER-RADIUS);
   text-decoration: none;
   box-sizing: border-box;
-  color: white;
+  color: var(--IDS-COLOR-NEUTRAL-100);
   cursor: pointer;
-  padding: var(--btn-m_padding);
-  gap: 8px;
+  gap: 0.5rem;
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  font-family: var(--btn_font-family);
-  font-weight: var(--btn_font-weight);
+  padding: var(--IDS-BUTTON--M__PADDING);
+  line-height: var(--IDS-BUTTON--M__LINE-HEIGHT);
+  font-size: var(--IDS-BUTTON--M__FONT-SIZE);
+  font-family: var(--IDS-BUTTON__FONT-FAMILY);
+  font-weight: var(--IDS-BUTTON__FONT-WEIGHT);
   text-transform: uppercase;
   user-select: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
-  font-size: 1rem;
-  min-height: var(--btn-m_height);
-  line-height: 22px;
 }
 .ids .ids-button:hover, .ids .ids-button:active, .ids .ids-button:focus, .ids .ids-button.ids-button--active,
 .ids-button:hover,
@@ -2519,22 +2545,22 @@ body.ids {
 .ids button.ids-button:active,
 .ids button.ids-button:focus,
 .ids button.ids-button.ids-button--active {
-  background-color: var(--btn-active_background-color);
-  box-shadow: var(--btn-active_box-shadow);
+  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
+  box-shadow: var(--IDS-BUTTON--ACTIVE__BOX-SHADOW);
 }
 .ids .ids-button.ids-button--s,
 .ids-button.ids-button--s,
 .ids button.ids-button.ids-button--s {
-  font-size: 0.875rem;
-  min-height: var(--btn-s_height);
-  padding: var(--btn-s_padding);
+  font-size: var(--IDS-BUTTON--S__FONT-SIZE);
+  line-height: var(--IDS-BUTTON--S__LINE-HEIGHT);
+  padding: var(--IDS-BUTTON--S__PADDING);
 }
 .ids .ids-button.ids-button--l,
 .ids-button.ids-button--l,
 .ids button.ids-button.ids-button--l {
-  font-size: 1.125rem;
-  min-height: var(--btn-l_height);
-  padding: var(--btn-l_padding);
+  font-size: var(--IDS-BUTTON--L__FONT-SIZE);
+  line-height: var(--IDS-BUTTON--L__LINE-HEIGHT);
+  padding: var(--IDS-BUTTON--L__PADDING);
 }
 .ids .ids-button.ids-button--loading,
 .ids-button.ids-button--loading,
@@ -2544,23 +2570,23 @@ body.ids {
 .ids .ids-button.ids-button--secondary,
 .ids-button.ids-button--secondary,
 .ids button.ids-button.ids-button--secondary {
-  background-color: white;
-  border: var(--btn-secondary_border);
-  color: var(--btn-secondary_color);
-  min-height: var(--btn-secondary-m_height);
-  padding: var(--btn-secondary-m_padding);
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
+  border: var(--IDS-BUTTON--SECONDARY__BORDER);
+  color: var(--IDS-BUTTON--SECONDARY__COLOR);
+  line-height: var(--IDS-BUTTON--M__LINE-HEIGHT);
+  padding: var(--IDS-BUTTON--M__PADDING);
 }
 .ids .ids-button.ids-button--secondary.ids-button--s,
 .ids-button.ids-button--secondary.ids-button--s,
 .ids button.ids-button.ids-button--secondary.ids-button--s {
-  min-height: var(--btn-secondary-s_height);
-  padding: var(--btn-secondary-s_padding);
+  line-height: var(--IDS-BUTTON--S__LINE-HEIGHT);
+  padding: var(--IDS-BUTTON--S__PADDING);
 }
 .ids .ids-button.ids-button--secondary.ids-button--l,
 .ids-button.ids-button--secondary.ids-button--l,
 .ids button.ids-button.ids-button--secondary.ids-button--l {
-  min-height: var(--btn-secondary-l_height);
-  padding: var(--btn-secondary-l_padding);
+  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,
@@ -2571,22 +2597,33 @@ body.ids {
 .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(--btn-active_background-color);
-  color: white;
-  border: 1px solid var(--btn-active_background-color);
+  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
+  color: var(--IDS-COLOR-NEUTRAL-100);
+  border: 0.063rem solid var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
 }
 .ids .ids-button.ids-button--tertiary,
 .ids-button.ids-button--tertiary,
 .ids button.ids-button.ids-button--tertiary {
   background: transparent;
-  border-radius: 0px;
-  border: none;
-  color: var(--btn-tertiary_color);
+  border-radius: 0;
+  border: 0.063rem solid transparent;
+  color: var(--IDS-BUTTON--TERTIARY__COLOR);
   box-shadow: none;
-  line-height: 22px;
-  font-family: var(--font-family_2);
+  font-family: var(--IDS-FONT-FAMILY-HEADING);
   text-decoration: underline;
 }
+.ids .ids-button.ids-button--tertiary.ids-button--s,
+.ids-button.ids-button--tertiary.ids-button--s,
+.ids button.ids-button.ids-button--tertiary.ids-button--s {
+  line-height: var(--IDS-BUTTON--S__LINE-HEIGHT);
+  padding: var(--IDS-BUTTON--S__PADDING);
+}
+.ids .ids-button.ids-button--tertiary.ids-button--l,
+.ids-button.ids-button--tertiary.ids-button--l,
+.ids button.ids-button.ids-button--tertiary.ids-button--l {
+  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-button.ids-button--tertiary:hover,
@@ -2596,9 +2633,10 @@ body.ids {
 .ids button.ids-button.ids-button--tertiary:hover,
 .ids button.ids-button.ids-button--tertiary:active,
 .ids button.ids-button.ids-button--tertiary:focus {
-  background-color: var(--btn-active_background-color);
-  color: white;
-  border-radius: var(--btn_border-radius);
+  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.ids-button--disabled, .ids .ids-button.ids-button--tertiary[disabled],
 .ids-button.ids-button--tertiary.ids-button--disabled,
@@ -2607,28 +2645,22 @@ body.ids {
 .ids button.ids-button.ids-button--tertiary[disabled] {
   border: none !important;
   text-decoration: underline !important;
-  color: var(--btn-disabled_color);
+  color: var(--IDS-BUTTON--DISABLED__COLOR);
   text-decoration: none;
 }
-.ids .ids-button.ids-button--submit,
-.ids-button.ids-button--submit,
-.ids button.ids-button.ids-button--submit {
-  height: 3.75em !important;
-  border-radius: var(--btn-submit_border-radius);
-}
 .ids .ids-button.ids-button--icon, .ids .ids-button.ids-button--fab,
 .ids-button.ids-button--icon,
 .ids-button.ids-button--fab,
 .ids button.ids-button.ids-button--icon,
 .ids button.ids-button.ids-button--fab {
-  width: 44px;
-  height: 44px !important;
+  width: 2.75rem;
+  height: 2.75rem !important;
   border-radius: 100%;
   font-style: normal;
   font-weight: 400;
-  line-height: 0px !important;
-  font-size: 20px;
-  padding: 0px !important;
+  line-height: 0 !important;
+  font-size: 1.25rem;
+  padding: 0 !important;
   justify-content: center;
 }
 .ids .ids-button.ids-button--icon.ids-button--s, .ids .ids-button.ids-button--fab.ids-button--s,
@@ -2636,28 +2668,28 @@ body.ids {
 .ids-button.ids-button--fab.ids-button--s,
 .ids button.ids-button.ids-button--icon.ids-button--s,
 .ids button.ids-button.ids-button--fab.ids-button--s {
-  width: 30px;
-  height: 30px !important;
+  width: 1.875rem;
+  height: 1.875rem !important;
 }
 .ids .ids-button.ids-button--icon.ids-button--l, .ids .ids-button.ids-button--fab.ids-button--l,
 .ids-button.ids-button--icon.ids-button--l,
 .ids-button.ids-button--fab.ids-button--l,
 .ids button.ids-button.ids-button--icon.ids-button--l,
 .ids button.ids-button.ids-button--fab.ids-button--l {
-  width: 60px;
-  height: 60px !important;
+  width: 3.75rem;
+  height: 3.75rem !important;
 }
 .ids .ids-button.ids-button--fab,
 .ids-button.ids-button--fab,
 .ids button.ids-button.ids-button--fab {
-  background-color: white;
-  border: var(--btn-fab_border);
-  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.3));
+  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--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(--btn-icon-secondary_background-color);
+  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,
@@ -2668,37 +2700,69 @@ body.ids {
 .ids button.ids-button.ids-button--icon:hover,
 .ids button.ids-button.ids-button--icon:active,
 .ids button.ids-button.ids-button--icon:focus {
-  background-color: var(--btn-icon-secondary--hover_background-color);
-  color: white;
+  background-color: var(--IDS-BUTTON--ACTIVE__BACKGROUND-COLOR);
+  color: var(--IDS-COLOR-NEUTRAL-100);
 }
 .ids .ids-button.ids-button--submit,
 .ids-button.ids-button--submit,
 .ids button.ids-button.ids-button--submit {
-  height: var(--btn-submit_height);
-  border-radius: var(--btn-submit_border-radius);
-  line-height: var(--btn-submit_height);
+  border-radius: var(--IDS-BUTTON--SUBMIT__BORDER-RADIUS);
+  font-size: var(--IDS-BUTTON--SUBMIT-S__FONT-SIZE);
+  height: var(--IDS-BUTTON--SUBMIT-S__HEIGHT);
+  padding: var(--IDS-BUTTON--SUBMIT-S__PADDING);
+}
+.ids .ids-button.ids-button--submit.ids-button--s,
+.ids-button.ids-button--submit.ids-button--s,
+.ids button.ids-button.ids-button--submit.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--submit,
+  .ids-button.ids-button--submit,
+  .ids button.ids-button.ids-button--submit {
+    height: var(--IDS-BUTTON--SUBMIT-L__HEIGHT);
+    padding: var(--IDS-BUTTON--SUBMIT-L__PADDING);
+    font-size: var(--IDS-BUTTON--SUBMIT-L__FONT-SIZE);
+  }
+  .ids .ids-button.ids-button--submit.ids-button--s,
+  .ids-button.ids-button--submit.ids-button--s,
+  .ids button.ids-button.ids-button--submit.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--search,
 .ids-button.ids-button--search,
 .ids button.ids-button.ids-button--search {
-  height: var(--btn-search_height);
-  padding: 0px 30px !important;
-  font-size: var(--btn-search_font-size);
-  border-radius: var(--btn-search_border-radius);
+  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(--btn-search-s_height);
-  font-size: var(--btn-search-s_font-size);
+  height: var(--IDS-BUTTON--SEARCH-M__HEIGHT);
+  font-size: var(--IDS-BUTTON--SEARCH-M__FONT-SIZE);
+  padding: var(--IDS-BUTTON--SEARCH-M__PADDING);
 }
-@media (max-width: 1024px) {
+@media (min-width: 1024px) {
   .ids .ids-button.ids-button--search,
   .ids-button.ids-button--search,
   .ids button.ids-button.ids-button--search {
-    font-size: var(--btn-search-mobile_font-size) !important;
-    padding: 0px 14px !important;
-    height: var(--btn-search-mobile_height) !important;
+    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,
@@ -2739,22 +2803,22 @@ body.ids {
 .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;
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 
 .ids-radio {
   display: inline-flex;
   align-items: flex-start;
-  gap: 8px;
-  margin-bottom: 5px;
-  margin-right: 8px;
+  gap: 0.5rem;
+  margin-bottom: 0.313rem;
+  margin-right: 0.5rem;
 }
 .ids-radio .ids-label-tooltip-wrapper label {
   display: inline;
-  top: -3px;
+  top: -0.188rem;
   position: relative;
-  margin-right: 8px;
+  margin-right: 0.5rem;
 }
 .ids-radio input,
 .ids-radio input[type=radio] {
@@ -2764,107 +2828,112 @@ body.ids {
   width: 1.25rem;
   height: 1.25rem;
   color: var(--IDS-COLOR-ACCENT-40);
-  border: 1px solid var(--IDS-COLOR-ACCENT-40);
+  border: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
   background-color: var(--IDS-RADIO__BACKGROUND-COLOR);
   border-radius: 50%;
-  margin-top: 3px;
   position: relative;
   flex-shrink: 0;
 }
-.ids-radio input.ids-input--light:not(:invalid),
-.ids-radio input[type=radio].ids-input--light:not(:invalid) {
-  background-color: white;
+.ids-radio input.ids-input--light:not(.ids-input--invalid),
+.ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid) {
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
 }
-.ids-radio input.ids-input--light:not(:invalid)::before,
-.ids-radio input[type=radio].ids-input--light:not(:invalid)::before {
-  border: 2px solid white;
-  background-color: white;
+.ids-radio input.ids-input--light:not(.ids-input--invalid)::after,
+.ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid)::after {
+  border: 0.125rem solid var(--IDS-COLOR-NEUTRAL-100);
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
 }
-.ids-radio input.ids-input--light:not(:invalid):checked::before,
-.ids-radio input[type=radio].ids-input--light:not(:invalid):checked::before {
-  border: 2px solid var(--IDS-RADIO__BACKGROUND-COLOR);
+.ids-radio input.ids-input--light:not(.ids-input--invalid):checked::after,
+.ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid):checked::after {
+  border: 0.125rem solid var(--IDS-RADIO__BACKGROUND-COLOR);
   background-color: var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR);
 }
-.ids-radio input::before,
-.ids-radio input[type=radio]::before {
+.ids-radio input.ids-input--light:not(.ids-input--invalid):disabled::after,
+.ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid):disabled::after {
+  border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
+  background-color: var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
+}
+.ids-radio input.ids-input--light:not(.ids-input--invalid):disabled:checked::after,
+.ids-radio input[type=radio].ids-input--light:not(.ids-input--invalid):disabled:checked::after {
+  border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
+  background-color: var(--IDS-RADIO--CHECKED-DISABLED__BACKGROUND-COLOR);
+}
+.ids-radio input::after,
+.ids-radio input[type=radio]::after {
   content: "";
   position: absolute;
   display: inline-block;
   cursor: pointer;
-  width: 18px;
-  height: 18px;
+  width: 1.125rem;
+  height: 1.125rem;
   border-radius: 50%;
   top: 0;
   left: 0;
-  border: 2px solid var(--IDS-RADIO__BACKGROUND-COLOR);
+  border: 0.125rem solid var(--IDS-RADIO__BACKGROUND-COLOR);
   background-color: var(--IDS-RADIO__BACKGROUND-COLOR);
 }
-.ids-radio input:checked::before,
-.ids-radio input[type=radio]:checked::before {
-  border: 2px solid var(--IDS-RADIO__BACKGROUND-COLOR);
+.ids-radio input:checked::after,
+.ids-radio input[type=radio]:checked::after {
+  border: 0.125rem solid var(--IDS-RADIO__BACKGROUND-COLOR);
   background-color: var(--IDS-RADIO--CHECKED__BACKGROUND-COLOR);
 }
 .ids-radio input:disabled,
 .ids-radio input[type=radio]:disabled {
   cursor: default;
   background-color: var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
-  background-image: var(--IDS-RADIO--DISABLED_BACKGROUND-IMAGE);
-  border: 0;
+  border: var(--IDS-FORM--DISABLED__BORDER);
 }
-.ids-radio input:disabled::before,
-.ids-radio input[type=radio]:disabled::before {
+.ids-radio input:disabled::after,
+.ids-radio input[type=radio]:disabled::after {
   cursor: default;
   background-color: var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
-  border: 2px solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
-  top: 1px;
-  left: 1px;
+  border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
+  top: 0;
+  left: 0;
 }
-.ids-radio input:disabled:checked::before,
-.ids-radio input[type=radio]:disabled:checked::before {
-  border: 2px solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
+.ids-radio input:disabled:checked::after,
+.ids-radio input[type=radio]:disabled:checked::after {
+  border: 0.125rem solid var(--IDS-RADIO--DISABLED__BACKGROUND-COLOR);
   background-color: var(--IDS-RADIO--CHECKED-DISABLED__BACKGROUND-COLOR);
 }
 .ids-radio input[aria-invalid=true]:not(:checked),
 .ids-radio input[type=radio][aria-invalid=true]:not(:checked) {
   background-color: var(--IDS-RADIO--INVALID__BACKGROUND-COLOR);
-  background-image: var(--IDS-RADIO--INVALID_BACKGROUND-IMAGE);
-  border: 0;
+  border: 0.0625rem solid var(--IDS-FORM--INVALID__BORDER-COLOR);
+  box-shadow: inset 0 0 0 0.0625rem var(--IDS-RADIO--INVALID__BACKGROUND-COLOR);
 }
-.ids-radio input[aria-invalid=true]:not(:checked)::before,
-.ids-radio input[type=radio][aria-invalid=true]:not(:checked)::before {
-  border: 2px solid var(--IDS-RADIO--INVALID__BACKGROUND-COLOR);
+.ids-radio input[aria-invalid=true]:not(:checked)::after,
+.ids-radio input[type=radio][aria-invalid=true]:not(:checked)::after {
+  border: 0.0625rem solid var(--IDS-FORM--INVALID__BORDER-COLOR);
   background-color: var(--IDS-RADIO--INVALID__BACKGROUND-COLOR);
-  top: 1px;
-  left: 1px;
-}
-.ids-radio .ids-label-tooltip-wrapper:nth-child(2) {
-  margin-top: 3px;
+  top: 0;
+  left: 0;
 }
 .ids-radio.ids-radio--compact {
   margin: 0 !important;
 }
 .ids-radio.ids-radio--compact label {
   margin-left: 0 !important;
-  margin-bottom: -2px !important;
+  margin-bottom: -0.125rem !important;
 }
 
 .ids-checkbox {
   position: relative;
   display: inline-flex;
   align-items: flex-start;
-  gap: 8px;
-  margin-bottom: 5px;
-  margin-right: 8px;
+  gap: 0.5rem;
+  margin-bottom: 0.313rem;
+  margin-right: 0.5rem;
 }
 .ids-checkbox .ids-label-tooltip-wrapper label {
   display: inline;
-  top: -3px;
+  top: -0.188rem;
   position: relative;
-  margin-right: 8px;
+  margin-right: 0.5rem;
 }
 .ids-checkbox input[type=checkbox],
 .ids-checkbox input {
-  margin: 3px 0 0 0;
+  margin: 0;
   position: relative;
   height: 1.25rem;
   width: 1.25rem;
@@ -2876,23 +2945,23 @@ body.ids {
   position: relative;
   display: inline-block;
   cursor: pointer;
-  background-color: var(--IDS-CHECKBOX_BACKGROUND-COLOR);
-  border: var(--IDS-CHECKBOX_BORDER);
-  border-radius: var(--IDS-CHECKBOX_BORDER-RADIUS);
+  background-color: var(--IDS-CHECKBOX__BACKGROUND-COLOR);
+  border: var(--IDS-CHECKBOX__BORDER);
+  border-radius: var(--IDS-CHECKBOX__BORDER-RADIUS);
   box-sizing: border-box;
   min-height: 1.25rem;
   min-width: 1.25rem;
 }
 input:focus + .ids-checkbox input[type=checkbox]::before,
 input:focus + .ids-checkbox input::before {
-  outline: var(--focus_outline);
-  outline-offset: var(--focus_outline-offset);
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
 }
 .ids-checkbox input[type=checkbox]:checked::after,
 .ids-checkbox input:checked::after {
   content: "";
   display: inline-block;
-  background-image: var(--IDS-CHECKBOX--CHECK_BACKGROUND-IMAGE);
+  background-image: var(--IDS-CHECKBOX__CHECK-BACKGROUND-IMAGE);
   min-height: 1.25rem;
   min-width: 1.25rem;
   position: absolute;
@@ -2906,31 +2975,28 @@ input:focus + .ids-checkbox input::before {
 .ids-checkbox input[type=checkbox]:disabled::before,
 .ids-checkbox input:disabled::before {
   cursor: default;
+  border: var(--IDS-FORM--DISABLED__BORDER);
   background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;
-  border: none !important;
-  background-image: var(--IDS-CHECKBOX--DISABLED_BACKGROUND-IMAGE) !important;
 }
 .ids-checkbox input[type=checkbox]:disabled:after,
 .ids-checkbox input:disabled:after {
   cursor: default;
 }
-.ids-checkbox input[type=checkbox]:disabled:checked + .ids-checkbox input[type=checkbox]:disabled::after,
-.ids-checkbox input[type=checkbox]:disabled:checked + .ids-checkbox input:disabled::after,
-.ids-checkbox input:disabled:checked + .ids-checkbox input[type=checkbox]:disabled::after,
-.ids-checkbox input:disabled:checked + .ids-checkbox input:disabled::after {
-  background-image: var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important;
+.ids-checkbox input[type=checkbox]:disabled:checked::after,
+.ids-checkbox input:disabled:checked::after {
+  background-image: var(--IDS-CHECKBOX--DISABLED__CHECK-BACKGROUND-IMAGE) !important;
 }
 .ids-checkbox input[type=checkbox].ids-input--invalid::before,
 .ids-checkbox input.ids-input--invalid::before {
-  border: none;
-  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
-  background-image: var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);
+  border: var(--IDS-FORM--INVALID__BORDER);
+  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-CHECK--INVALID_BACKGROUND-IMAGE) !important;
+  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 {
@@ -2940,240 +3006,249 @@ input:focus + .ids-checkbox input::before {
 .ids-checkbox.ids-checkbox--light input.ids-input--invalid::before {
   background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
 }
-.ids-checkbox .ids-label-tooltip-wrapper:nth-child(2) {
-  margin-top: 3px;
+.ids-checkbox.ids-checkbox--block {
+  width: 100%;
+}
+.ids-checkbox.ids-checkbox--block .ids-label {
+  width: 100%;
 }
 .ids-checkbox.ids-checkbox--compact {
   margin: 0 !important;
 }
 .ids-checkbox.ids-checkbox--compact label {
   margin-left: 0 !important;
-  margin-bottom: -2px !important;
-}
-
-.ids-input {
-  font-family: var(--font-family_1) !important;
-  padding: 0.75rem 1.25rem;
-  background-color: var(--IDS-INPUT_BACKGROUND);
-  border: var(--IDS-INPUT_BORDER);
-  border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
-  border-radius: var(--IDS-INPUT_BORDER-RADIUS);
-  font-size: 16px;
-  color: var(--IDS-INPUT_COLOR);
-  display: block;
-  width: 100%;
-}
-.ids-input:disabled {
-  background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
-  border: none;
-  background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
-}
-
-.ids-input__hint {
-  margin-top: 5px;
-  font-family: var(--font-family_1);
-  color: var(--IDS-FORM__LABEL__COLOR);
-  display: flex;
-  justify-content: end;
-  line-height: 1.5rem;
-  font-size: 1rem;
-  font-style: italic;
+  margin-bottom: -0.125rem !important;
 }
 
 .ids-input-wrapper {
   position: relative;
   display: flex;
-  gap: 10px;
-}
-.ids-input-wrapper .ids-input {
-  width: 100%;
-  min-height: 3rem;
+  gap: 0.5rem;
 }
 .ids-input-wrapper .ids-input__icon {
   pointer-events: none;
   position: absolute;
   top: 50%;
-  right: 25px;
+  right: var(--IDS-INPUT__ICON-RIGHT);
   transform: translateY(-50%);
 }
-.ids-input-wrapper .ids-input__prepend-icon {
+.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: 20px;
+  left: 1.25rem;
   transform: translateY(-50%);
 }
-.ids-input-wrapper .ids-input__prepend-icon + .ids-input {
-  padding-left: 55px !important;
+.ids-input-wrapper .ids-input__inner-wrapper .ids-input {
+  padding-left: var(--IDS-INPUT--SEARCH__PADDING-LEFT);
 }
-
-.ids-input__inner-wrapper {
-  position: relative;
-  display: flex;
-  width: 100%;
+.ids-input-wrapper.ids-input--icon .ids-input {
+  padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT);
 }
-.ids-input__inner-wrapper .ids-input__cancel-button {
-  display: none;
-  border: none;
-  padding: 0;
-  position: absolute;
-  right: 20px;
-  top: 50%;
-  transform: translateY(-50%);
-  cursor: pointer;
-  height: 20px;
-  width: 20px;
-  background-image: var(--IDS-INPUT--SEARCH__CANCEL-ICON);
+@media (min-width: 1024px) {
+  .ids-input-wrapper {
+    gap: 1.25rem;
+  }
 }
-.ids-input__inner-wrapper .ids-input__cancel-button.ids-input__cancel-button--show {
+
+.ids-input {
+  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
+  padding: var(--IDS-INPUT__PADDING);
+  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
+  border: var(--IDS-INPUT__BORDER);
+  border-radius: var(--IDS-INPUT__BORDER-RADIUS);
+  font-size: 1rem;
+  color: var(--IDS-INPUT__COLOR);
   display: block;
+  width: 100% !important;
+  height: var(--IDS-INPUT__HEIGHT);
+  line-height: 1.5rem;
+  font-size: 1rem;
 }
-.ids-input__inner-wrapper .ids-input__cancel-button.ids-input__cancel-button--show:focus {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+.ids-input:disabled {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+  font-style: italic !important;
+  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--DISABLED__BORDER);
 }
-
 .ids-input.ids-input--invalid {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
-  border: none;
-  background-image: var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE);
-}
-.ids-input:disabled {
-  background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
-  border: none;
-  background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
+  border: var(--IDS-FORM--INVALID__BORDER);
+  box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
 }
-.ids-input:focus {
-  box-shadow: var(--IDS-INPUT_BOX-SHADOW);
+.ids-input.ids-input--light {
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
 }
-.ids-input[type=search] {
-  padding-left: 55px;
+.ids-input.ids-input--light:disabled {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+  font-style: italic !important;
+  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--DISABLED__BORDER);
 }
-.ids-input.ids-input--light:not(:invalid) {
-  background-color: white;
+.ids-input.ids-input--light.ids-input--invalid {
+  background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
 }
-.ids-input.ids-input--light:required {
-  background-color: white;
+.ids-input:focus {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
-.ids-input.ids-input--search {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-  height: 3.75rem;
-  padding-left: 55px !important;
-  font-size: 18px !important;
+.ids-input.ids-input--search, .ids-input[type=search] {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-left: var(--IDS-INPUT--SEARCH__PADDING-LEFT);
+  font-size: var(--IDS-INPUT--SEARCH__FONT-SIZE-MOBILE);
+  border-radius: var(--IDS-INPUT--SEARCH__BORDER-RADIUS);
+  height: var(--IDS-INPUT--SEARCH__HEIGHT-MOBILE);
 }
-@media (max-width: 1024px) {
-  .ids-input.ids-input--search {
-    padding-left: 20px !important;
-    font-size: 16px !important;
-    margin-right: var(--input-search-mobile_margin-right);
-    border-radius: var(--IDS-INPUT--SEARCH__BORDER-RADIUS);
-    height: 3.125rem;
+@media (min-width: 1024px) {
+  .ids-input.ids-input--search, .ids-input[type=search] {
+    height: var(--IDS-INPUT--SEARCH__HEIGHT-DESKTOP);
   }
 }
 
-.ids-range {
-  -webkit-appearance: none;
+.ids-input__hint {
+  margin-top: 0.313rem;
+  font-family: var(--IDS-FONT-FAMILY-BASE);
+  color: var(--IDS-FORM-LABEL__COLOR);
+  display: flex;
+  justify-content: end;
+  line-height: 1.5rem;
+  font-size: 1rem;
+  font-style: italic;
+}
+
+input.ids-range {
+  appearance: none;
   width: 100%;
-  height: 8px;
+  height: 0.5rem;
   background-color: var(--IDS-RANGE__BACKGROUND-COLOR);
-  background-image: linear-gradient(var(--IDS-RANGE-SELECTION__BACKGROUND-COLOR), var(--IDS-RANGE-SELECTION__BACKGROUND-COLOR));
+  background-image: linear-gradient(var(--IDS-RANGE__SELECTION-BACKGROUND-COLOR), var(--IDS-RANGE__SELECTION-BACKGROUND-COLOR));
   background-repeat: no-repeat;
-  border: 1px;
+  border: 0.063rem;
   cursor: pointer;
   display: block;
-  padding: 0px;
-  border-radius: 16px;
-}
-.ids-range:disabled {
-  cursor: default;
-  -webkit-appearance: none;
-  width: 100%;
-  height: 8px;
-  background-color: var(--IDS-RANGE__BACKGROUND-COLOR);
-  background-image: linear-gradient(var(--IDS-RANGE-SELECTION--DISABLED__COLOR), var(--IDS-RANGE-SELECTION--DISABLED__COLOR));
-  background-repeat: no-repeat;
-  border: 1px;
-  padding: 0px;
-  border-radius: 16px;
+  padding: 0;
+  border-radius: 1rem;
+  margin: 0;
 }
-.ids-range::-ms-track {
+input.ids-range::-ms-track {
   width: 100%;
   cursor: pointer;
   background: transparent;
   border-color: transparent;
   color: transparent;
 }
-.ids-range::-webkit-slider-thumb {
+input.ids-range::-webkit-slider-thumb {
   -webkit-appearance: none;
-  border: 2px solid white;
-  height: 24px;
-  width: 24px;
+  border: 0.125rem solid var(--IDS-COLOR-NEUTRAL-100);
+  height: 1.5rem;
+  width: 1.5rem;
   border-radius: 100%;
-  background: var(--IDS-RANGE-THUMB__BACKGROUND-COLOR);
+  background: var(--IDS-RANGE__THUMB-BACKGROUND-COLOR);
   cursor: pointer;
 }
-.ids-range:disabled::-webkit-slider-thumb {
-  cursor: default;
-  background: var(--IDS-RANGE-SELECTION--DISABLED__COLOR);
-}
-.ids-range::-ms-thumb {
-  border: 2px solid white;
-  height: 22px;
-  width: 24px;
+input.ids-range::-ms-thumb {
+  border: 0.125rem solid var(--IDS-COLOR-NEUTRAL-100);
+  height: 1.375rem;
+  width: 1.5rem;
   border-radius: 100%;
   cursor: pointer;
 }
-.ids-range:disabled::-ms-thumb {
+input.ids-range:disabled {
+  cursor: default;
+  appearance: none;
+  width: 100%;
+  height: 0.5rem;
+  background-color: var(--IDS-RANGE__BACKGROUND-COLOR);
+  background-image: linear-gradient(var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR), var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR));
+  background-repeat: no-repeat;
+  border: 0.063rem;
+  padding: 0;
+  border-radius: 1rem;
+}
+input.ids-range:disabled::-webkit-slider-thumb {
+  cursor: default;
+  background: var(--IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR);
+}
+input.ids-range:disabled::-ms-thumb {
   cursor: default;
 }
 
 .ids-select {
-  font-family: var(--font-family_1) !important;
-  padding: 0.75rem 1.25rem;
-  background-color: var(--IDS-INPUT_BACKGROUND);
-  border: var(--IDS-INPUT_BORDER);
-  border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
-  border-radius: var(--IDS-INPUT_BORDER-RADIUS);
-  font-size: 16px;
-  color: var(--IDS-INPUT_COLOR);
-  display: block;
-  cursor: pointer;
   appearance: none !important;
   -webkit-appearance: none !important;
   -moz-appearance: none !important;
+  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
+  padding: var(--IDS-INPUT__PADDING);
+  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
+  border: var(--IDS-INPUT__BORDER);
+  border-radius: var(--IDS-INPUT__BORDER-RADIUS);
+  font-size: 1rem;
+  color: var(--IDS-INPUT__COLOR);
+  display: block;
+  height: var(--IDS-INPUT__HEIGHT);
+  cursor: pointer;
   display: inline-block !important;
-  padding-right: 50px !important;
+  padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT) !important;
   text-align: left;
   overflow: hidden;
   text-overflow: ellipsis;
-  border: var(--select_border);
-  border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
+  border: var(--IDS-INPUT__BORDER);
   width: 100% !important;
 }
 .ids-select:disabled {
-  background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
-  border: none;
-  background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
+  color: var(--IDS-FORM--DISABLED__COLOR);
+  font-style: italic !important;
+  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--DISABLED__BORDER);
 }
 .ids-select.ids-input--invalid {
-  background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
-  background-image: var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);
-  border: 1px solid transparent;
+  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--INVALID__BORDER);
+  box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
 }
-.ids-select:disabled {
+.ids-select.ids-input--light {
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
+}
+.ids-select.ids-input--light:disabled {
   color: var(--IDS-FORM--DISABLED__COLOR);
-  background-color: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;
-  border: var(--IDS-FORM-DISABLED_BORDER);
   font-style: italic !important;
-  background-image: var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);
+  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--DISABLED__BORDER);
+}
+.ids-select.ids-input--light.ids-input--invalid {
+  background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
+}
+.ids-select.ids-input--invalid {
+  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--INVALID__BORDER);
+  box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
 }
 .ids-select.ids-input--light {
-  background-color: white;
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
+}
+.ids-select.ids-input--light.ids-input--invalid {
+  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--INVALID__BORDER);
+  box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
+}
+.ids-select:disabled {
+  cursor: default;
+}
+.ids-select:disabled.ids-input--light {
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
+  color: var(--IDS-FORM--DISABLED__COLOR);
+  font-style: italic !important;
+  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--DISABLED__BORDER);
 }
 .ids-select:focus {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 
 .ids-select-wrapper {
@@ -3182,14 +3257,14 @@ input:focus + .ids-checkbox input::before {
 }
 .ids-select-wrapper::after {
   content: "";
-  width: 12px;
+  width: 0.75rem;
   height: 100%;
   display: block;
   position: absolute;
   transform: rotate(90deg);
-  right: 25px;
-  top: 0px;
-  bottom: 0px;
+  right: var(--IDS-INPUT__ICON-RIGHT);
+  top: 0;
+  bottom: 0;
   background-position: center;
   background-repeat: no-repeat;
   background-image: var(--IDS-SELECT__CHEVRON-ICON);
@@ -3202,72 +3277,77 @@ input:focus + .ids-checkbox input::before {
   background-image: var(--IDS-SELECT--DISABLED__CHEVRON-ICON);
 }
 
-.ids-select:disabled {
-  cursor: default;
-}
-
 .ids-textarea {
   display: inline-block;
 }
 .ids-textarea textarea {
-  font-family: var(--font-family_1) !important;
-  padding: 0.75rem 1.25rem;
-  background-color: var(--IDS-INPUT_BACKGROUND);
-  border: var(--IDS-INPUT_BORDER);
-  border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
-  border-radius: var(--IDS-INPUT_BORDER-RADIUS);
-  font-size: 16px;
-  color: var(--IDS-INPUT_COLOR);
+  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
+  padding: var(--IDS-INPUT__PADDING);
+  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
+  border: var(--IDS-INPUT__BORDER);
+  border-radius: var(--IDS-INPUT__BORDER-RADIUS);
+  font-size: 1rem;
+  color: var(--IDS-INPUT__COLOR);
   display: block;
+  padding: var(--IDS-TEXTAREA__PADDING);
   box-sizing: border-box;
 }
 .ids-textarea textarea:disabled {
-  background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
-  border: none;
-  background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
+  color: var(--IDS-FORM--DISABLED__COLOR);
+  font-style: italic !important;
+  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--DISABLED__BORDER);
+}
+.ids-textarea textarea.ids-input--invalid {
+  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--INVALID__BORDER);
+  box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
+}
+.ids-textarea textarea.ids-input--light {
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
+}
+.ids-textarea textarea.ids-input--light:disabled {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+  font-style: italic !important;
+  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--DISABLED__BORDER);
+}
+.ids-textarea textarea.ids-input--light.ids-input--invalid {
+  background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
 }
 .ids-textarea textarea::-webkit-scrollbar {
-  width: 14px;
+  width: 1rem;
   position: absolute;
-  margin-left: -20px;
-  margin-top: 10px;
+  margin-left: -1.25rem;
 }
 .ids-textarea textarea::-webkit-scrollbar-track {
-  background: var(--IDS-SCROLL_TRACK-COLOR);
-  border-radius: 10px;
-  margin-top: 10px;
-  margin-bottom: 2px;
-}
-.ids-textarea textarea::-webkit-resizer {
-  appearance: none;
-  background-image: var(--IDS-TEXTAREA-RESIZER-IMAGE);
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: cover;
-}
-.ids-textarea textarea::-webkit-scrollbar-corner {
-  background-color: transparent;
+  border-radius: 0.625rem;
+  margin-bottom: 0;
+  margin-top: 0.0313rem;
+  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
 }
 .ids-textarea textarea::-webkit-scrollbar-thumb {
   cursor: auto;
-  background: var(--IDS-SCROLL_COLOR);
-  border-radius: 10px;
+  background: var(--IDS-SCROLL__COLOR);
+  border-radius: 0.625rem;
   box-sizing: border-box;
-  border: 3px solid var(--IDS-SCROLL_TRACK-COLOR);
+  border: 0.125rem solid var(--IDS-INPUT__BACKGROUND-COLOR);
 }
 .ids-textarea textarea::-webkit-scrollbar-thumb:hover {
-  background: var(--IDS-SCROLL_HOVER-COLOR);
+  background: var(--IDS-SCROLL__HOVER-COLOR);
 }
-.ids-textarea textarea:focus {
-  box-shadow: var(--IDS-INPUT_BOX-SHADOW);
+.ids-textarea textarea::-webkit-scrollbar-corner {
+  background-color: transparent;
 }
-.ids-textarea textarea.ids-input--light {
-  background-color: white;
+.ids-textarea textarea:focus {
+  box-shadow: var(--IDS-INPUT__BOX-SHADOW);
 }
-.ids-textarea textarea.ids-input--invalid {
-  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
-  border: none;
-  background-image: var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE);
+.ids-textarea textarea::-webkit-resizer {
+  appearance: none;
+  background-image: var(--IDS-TEXTAREA__RESIZER-IMAGE);
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: cover;
 }
 .ids-textarea.ids-textarea--block {
   display: block;
@@ -3285,40 +3365,33 @@ input:focus + .ids-checkbox input::before {
   overflow: hidden;
 }
 
-.ids-time-input-wrapper {
+.ids-time .ids-time__input-wrapper {
   position: relative;
-  display: flex;
-  gap: 10px;
 }
-.ids-time-input-wrapper .ids-input {
-  width: 100%;
-  min-height: 3rem;
-}
-.ids-time-input-wrapper .ids-input__icon {
+.ids-time .ids-input__icon {
   pointer-events: none;
   position: absolute;
   top: 50%;
-  right: 25px;
+  right: var(--IDS-INPUT__ICON-RIGHT);
   transform: translateY(-50%);
 }
-.ids-time-input-wrapper ::slotted(input),
-.ids-time-input-wrapper input {
+.ids-time ::slotted(input),
+.ids-time input {
   cursor: pointer;
 }
-.ids-time-input-wrapper ::slotted(input:disabled),
-.ids-time-input-wrapper input:disabled {
+.ids-time ::slotted(input:disabled),
+.ids-time input:disabled {
   cursor: default;
 }
 
-input.ids-time {
-  font-family: var(--font-family_1) !important;
-  padding: 0.75rem 1.25rem;
-  background-color: var(--IDS-INPUT_BACKGROUND);
-  border: var(--IDS-INPUT_BORDER);
-  border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
-  border-radius: var(--IDS-INPUT_BORDER-RADIUS);
-  font-size: 16px;
-  color: var(--IDS-INPUT_COLOR);
+input.ids-time__input {
+  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
+  padding: var(--IDS-INPUT__PADDING);
+  background-color: var(--IDS-INPUT__BACKGROUND-COLOR);
+  border: var(--IDS-INPUT__BORDER);
+  border-radius: var(--IDS-INPUT__BORDER-RADIUS);
+  font-size: 1rem;
+  color: var(--IDS-INPUT__COLOR);
   display: block;
   cursor: pointer;
   appearance: none;
@@ -3326,73 +3399,76 @@ input.ids-time {
   -moz-appearance: none;
   display: inline-block;
   box-sizing: border-box;
-  border: var(--select_border);
-  border-bottom: var(--IDS-INPUT_BORDER-BOTTOM);
-  width: var(--time-width);
-  height: var(--time-height);
-  padding-left: var(--time-padding-left);
-  padding-top: var(--time-padding-top);
-  padding-bottom: var(--time-padding-bottom);
-}
-input.ids-time:disabled {
-  background: var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);
-  border: none;
-  background-image: var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);
+  width: 100%;
+  height: var(--IDS-INPUT__HEIGHT);
+  padding: var(--IDS-INPUT__PADDING);
+  padding-right: var(--IDS-INPUT__ICON-PADDING-RIGHT);
+}
+input.ids-time__input:disabled {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+  font-style: italic !important;
+  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--DISABLED__BORDER);
 }
-input.ids-time.ids-input--invalid {
+input.ids-time__input.ids-input--invalid {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
-  border: none;
-  background-image: var(--IDS-INPUT--INVALID_BACKGROUND-IMAGE);
+  border: var(--IDS-FORM--INVALID__BORDER);
+  box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
 }
-input.ids-time::-webkit-calendar-picker-indicator {
-  opacity: 0;
-  background-size: 20px;
-  margin-top: -3px;
-  position: absolute;
-  right: var(--IDS-INPUT__CALENDAR-ICON__RIGHT);
-  top: 25px;
+input.ids-time__input.ids-input--light {
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
+}
+input.ids-time__input.ids-input--light:disabled {
+  color: var(--IDS-FORM--DISABLED__COLOR);
+  font-style: italic !important;
+  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
+  border: var(--IDS-FORM--DISABLED__BORDER);
 }
-input.ids-time.ids-input--light:not(:invalid) {
-  background-color: white;
+input.ids-time__input.ids-input--light.ids-input--invalid {
+  background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
 }
-
-input.ids-time:disabled {
+input.ids-time__input::-webkit-calendar-picker-indicator {
+  opacity: 0;
+  appearance: none;
+}
+input.ids-time__input:disabled {
   cursor: default;
 }
 
 .ids-toggle {
   display: inline-flex;
   align-items: flex-start;
-  gap: 8px;
-  margin-bottom: 5px;
-  margin-right: 8px;
+  gap: 0.5rem;
+  margin-bottom: 0.313rem;
+  margin-right: 0;
 }
 .ids-toggle .ids-label-tooltip-wrapper label {
   display: inline;
-  top: -3px;
+  top: -0.188rem;
   position: relative;
-  margin-right: 8px;
+  margin-right: 0;
 }
 .ids-toggle label {
   position: relative;
-  top: 6px;
+  top: 0.375rem;
+  flex-shrink: 100;
 }
 .ids-toggle .ids-label-tooltip-wrapper {
   position: relative;
-  top: 6px;
+  top: 0.375rem;
 }
 .ids-toggle .ids-label-tooltip-wrapper label {
-  top: -4px;
-  margin-right: 8px;
+  top: -0.25rem;
+  margin-right: 0.5rem;
 }
 .ids-toggle input[type=checkbox],
 .ids-toggle input {
   position: relative;
   margin: 0;
-  height: 32px;
-  width: 62px;
-  border: 1px solid transparent;
-  border-radius: 100px;
+  height: 2rem;
+  width: 3.9375rem;
+  border: 0.063rem solid transparent;
+  border-radius: 6.25rem;
   appearance: none;
 }
 .ids-toggle input[type=checkbox]:before,
@@ -3401,16 +3477,16 @@ input.ids-time:disabled {
   position: absolute;
   cursor: pointer;
   background-color: var(--IDS-TOGGLE__BACKGROUND-COLOR);
-  border-radius: 100px;
-  height: 30px;
-  width: 60px;
+  border-radius: 6.25rem;
+  height: 1.875rem;
+  width: 3.75rem;
   -webkit-transition: 0.4s;
   transition: 0.4s;
 }
 input:focus + .ids-toggle input[type=checkbox]:before,
 input:focus + .ids-toggle input:before {
-  outline: var(--focus_outline);
-  outline-offset: var(--focus_outline-offset);
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
 }
 .ids-toggle input[type=checkbox]:after,
 .ids-toggle input:after {
@@ -3419,15 +3495,15 @@ input:focus + .ids-toggle input:before {
   position: absolute;
   cursor: pointer;
   background-color: var(--IDS-COLOR-NEUTRAL-100);
-  height: 24px;
-  width: 24px;
+  height: 1.5rem;
+  width: 1.5rem;
   border-radius: 100%;
-  background-image: var(--IDS-TOGGLE-KNOB__BACKGROUND-IMAGE);
+  background-image: var(--IDS-TOGGLE__KNOB-BACKGROUND-IMAGE);
   background-position: center center;
-  background-size: 10px 10px;
+  background-size: 0.625rem 0.625rem;
   background-repeat: no-repeat;
-  top: 3px;
-  left: 3px;
+  top: 0.188rem;
+  left: 0.25rem;
   -webkit-transition: 0.3s;
   transition: all 0.3s;
 }
@@ -3438,9 +3514,9 @@ input:focus + .ids-toggle input:before {
 .ids-toggle input[type=checkbox]:checked:after,
 .ids-toggle input:checked:after {
   content: "";
-  background-image: var(--IDS-TOGGLE-KNOB--CHECKED__BACKGROUND-IMAGE);
-  top: 3px;
-  left: calc(100% - 27px);
+  background-image: var(--IDS-TOGGLE--CHECKED__KNOB-BACKGROUND-IMAGE);
+  top: 0.188rem;
+  left: calc(100% - 1.875rem);
   -webkit-transition: 0.3s;
   transition: all 0.3s;
 }
@@ -3448,7 +3524,7 @@ input:focus + .ids-toggle input:before {
 .ids-toggle input:disabled + label {
   cursor: default;
   font-style: italic;
-  color: var(--IDS-FORM__LABEL--DISABLED__COLOR);
+  color: var(--IDS-FORM-LABEL--DISABLED__COLOR);
 }
 .ids-toggle input[type=checkbox]:disabled:before,
 .ids-toggle input:disabled:before {
@@ -3459,8 +3535,8 @@ input:focus + .ids-toggle input:before {
 .ids-toggle input[type=checkbox]:disabled:after,
 .ids-toggle input:disabled:after {
   cursor: default;
-  background-color: var(--IDS-TOGGLE-KNOB--DISABLED_BACKGROUND-COLOR);
-  background-image: var(--IDS-TOGGLE-KNOB__DISABLED__BACKGROUND-IMAGE);
+  background-color: var(--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);
+  background-image: var(--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-IMAGE);
 }
 .ids-toggle input[type=checkbox]:disabled:checked:before,
 .ids-toggle input:disabled:checked:before {
@@ -3471,8 +3547,13 @@ input:focus + .ids-toggle input:before {
 .ids-toggle input[type=checkbox]:disabled:checked:after,
 .ids-toggle input:disabled:checked:after {
   cursor: default;
-  background-color: var(--IDS-TOGGLE-KNOB--DISABLED_BACKGROUND-COLOR);
-  background-image: var(--IDS-TOGGLE-KNOB--DISABLED--CHECKED__BACKGROUND-IMAGE);
+  background-color: var(--IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR);
+  background-image: var(--IDS-TOGGLE--DISABLED-CHECKED__KNOB-BACKGROUND-IMAGE);
+}
+@media (max-width: 300px) {
+  .ids-toggle {
+    flex-wrap: wrap;
+  }
 }
 
 .ids-form-group__fieldset {
@@ -3481,7 +3562,7 @@ input:focus + .ids-toggle input:before {
   padding: 0;
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .ids-form-group__fieldset.ids-form-group__fieldset--compact {
   gap: 0;
@@ -3490,15 +3571,15 @@ input:focus + .ids-toggle input:before {
   padding: 0;
   font-style: normal;
   color: var(--IDS-COLOR-NEUTRAL-20);
-  font-family: var(--body-font-family);
-  font-size: var(--body-font-size);
-  line-height: var(--body-line-height);
+  font-family: var(--IDS-BODY__FONT-FAMILY);
+  font-size: var(--IDS-BODY__FONT-SIZE);
+  line-height: var(--IDS-BODY__LINE-HEIGHT);
   font-weight: 400;
   letter-spacing: 0;
-  color: var(--IDS-FORM__LABEL__COLOR);
+  color: var(--IDS-FORM-LABEL__COLOR);
   display: inline-flex;
-  gap: 8px;
-  margin-bottom: 10px;
+  gap: 0.5rem;
+  margin-bottom: 0.625rem;
 }
 
 .ids-description-list {
@@ -3510,21 +3591,18 @@ input:focus + .ids-toggle input:before {
   display: var(--IDS-DESCRIPTION-LIST__DISPLAY);
   flex-direction: column;
   grid-template-columns: auto 1fr;
-  /*   @media only screen and (min-width: breakpoints.$small) {
-      grid-template-columns: auto 1fr;
-    } */
 }
 .ids-description-list .ids-description-list__term {
   border-right: var(--IDS-DESCRIPTION-LIST__BORDER);
   border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER);
   padding: var(--IDS-DESCRIPTION-LIST__PADDING);
-  background-color: var(--IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR);
+  background-color: var(--IDS-DESCRIPTION-LIST__TERM-BACKGROUND-COLOR);
   color: var(--IDS-COLOR-NEUTRAL-20);
-  font-family: var(--font-family_1);
-  font-size: 16px;
+  font-family: var(--IDS-FONT-FAMILY-BASE);
+  font-size: 1rem;
   font-style: normal;
-  font-weight: 700;
-  line-height: 24px;
+  font-weight: var(--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT);
+  line-height: 1.5rem;
   overflow-wrap: break-word;
 }
 .ids-description-list .ids-description-list__term:first-child {
@@ -3538,7 +3616,7 @@ input:focus + .ids-toggle input:before {
   color: var(--IDS-COLOR-NEUTRAL-20);
   border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER);
   padding: var(--IDS-DESCRIPTION-LIST__PADDING);
-  margin-bottom: var(--IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM);
+  margin-bottom: var(--IDS-DESCRIPTION-LIST__DESCRIPTION-MARGIN-BOTTOM);
 }
 .ids-description-list .ids-description-list__description:first-child {
   border-top-right-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
@@ -3548,51 +3626,51 @@ input:focus + .ids-toggle input:before {
   border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
 }
 .ids-description-list.ids-description-list--column {
-  border: var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);
-  border-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
-  display: var(--IDS-DESCRIPTION-LIST__DISPLAY--COLUMN);
+  border: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
+  border-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
+  display: var(--IDS-DESCRIPTION-LIST--COLUMN__DISPLAY);
 }
 .ids-description-list.ids-description-list--column .ids-description-list__term {
-  border-right: var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);
-  border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);
-  padding: var(--IDS-DESCRIPTION-LIST__PADDING--COLUMN);
-  background-color: var(--IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR--COLUMN);
+  border-right: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
+  border-bottom: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
+  padding: var(--IDS-DESCRIPTION-LIST--COLUMN__PADDING);
+  background-color: var(--IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR);
 }
 .ids-description-list.ids-description-list--column .ids-description-list__term:first-child {
-  border-top-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
+  border-top-left-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
 }
 .ids-description-list.ids-description-list--column .ids-description-list__term:nth-last-child(2) {
   border-bottom: 0;
-  border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
+  border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
 }
 .ids-description-list.ids-description-list--column .ids-description-list__description {
-  border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);
-  padding: var(--IDS-DESCRIPTION-LIST__PADDING--COLUMN);
-  margin-bottom: var(--IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM--COLUMN);
+  border-bottom: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER);
+  padding: var(--IDS-DESCRIPTION-LIST--COLUMN__PADDING);
+  margin-bottom: var(--IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM);
   background-color: var(--IDS-COLOR-NEUTRAL-100);
 }
 .ids-description-list.ids-description-list--column .ids-description-list__description:nth-child(2) {
-  border-top-right-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
+  border-top-right-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
 }
 .ids-description-list.ids-description-list--column .ids-description-list__description:last-child {
   border-bottom: 0;
-  border-bottom-right-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
+  border-bottom-right-radius: var(--IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS);
 }
 
 .ids .ids-heading-xxl {
   font-style: normal;
-  color: var(--heading-xxl-color);
-  font-family: var(--heading-xxl-font-family);
-  font-size: var(--heading-xxl-font-size);
-  line-height: var(--heading-xxl-line-height);
-  letter-spacing: var(--heading-xxl-letter-spacing);
-  font-weight: var(--heading-xxl-font-weight);
+  color: var(--IDS-HEADING-XXL__COLOR);
+  font-family: var(--IDS-HEADING-XXL__FONT-FAMILY);
+  font-size: var(--IDS-HEADING-XXL__FONT-SIZE);
+  line-height: var(--IDS-HEADING-XXL__LINE-HEIGHT);
+  letter-spacing: var(--IDS-HEADING-XXL__LETTER-SPACING);
+  font-weight: var(--IDS-HEADING-XXL__FONT-WEIGHT);
 }
 @media (min-width: 1024px) {
   .ids .ids-heading-xxl {
-    font-size: var(--heading-xxl-font-size-desktop);
-    line-height: var(--heading-xxl-line-height-desktop);
-    letter-spacing: var(--heading-xxl-letter-spacing-desktop);
+    font-size: var(--IDS-HEADING-XXL__FONT-SIZE-DESKTOP);
+    line-height: var(--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP);
+    letter-spacing: var(--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP);
   }
 }
 .ids .ids-heading-xxl:focus-visible {
@@ -3600,18 +3678,18 @@ input:focus + .ids-toggle input:before {
 }
 .ids .ids-heading-xl {
   font-style: normal;
-  color: var(--heading-xl-color);
-  font-family: var(--heading-xl-font-family);
-  font-size: var(--heading-xl-font-size);
-  line-height: var(--heading-xl-line-height);
-  letter-spacing: var(--heading-xl-letter-spacing);
-  font-weight: var(--heading-xl-font-weight);
+  color: var(--IDS-HEADING-XL__COLOR);
+  font-family: var(--IDS-HEADING-XL__FONT-FAMILY);
+  font-size: var(--IDS-HEADING-XL__FONT-SIZE);
+  line-height: var(--IDS-HEADING-XL__LINE-HEIGHT);
+  letter-spacing: var(--IDS-HEADING-XL__LETTER-SPACING);
+  font-weight: var(--IDS-HEADING-XL__FONT-WEIGHT);
 }
 @media (min-width: 1024px) {
   .ids .ids-heading-xl {
-    font-size: var(--heading-xl-font-size-desktop);
-    line-height: var(--heading-xl-line-height-desktop);
-    letter-spacing: var(--heading-xl-letter-spacing-desktop);
+    font-size: var(--IDS-HEADING-XL__FONT-SIZE-DESKTOP);
+    line-height: var(--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP);
+    letter-spacing: var(--IDS-HEADING-XL__LETTER-SPACING-DESKTOP);
   }
 }
 .ids .ids-heading-xl:focus-visible {
@@ -3619,18 +3697,18 @@ input:focus + .ids-toggle input:before {
 }
 .ids .ids-heading-l {
   font-style: normal;
-  color: var(--heading-l-color);
-  font-family: var(--heading-l-font-family);
-  font-size: var(--heading-l-font-size);
-  line-height: var(--heading-l-line-height);
-  letter-spacing: var(--heading-l-letter-spacing);
-  font-weight: var(--heading-l-font-weight);
+  color: var(--IDS-HEADING-L__COLOR);
+  font-family: var(--IDS-HEADING-L__FONT-FAMILY);
+  font-size: var(--IDS-HEADING-L__FONT-SIZE);
+  line-height: var(--IDS-HEADING-L__LINE-HEIGHT);
+  letter-spacing: var(--IDS-HEADING-L__LETTER-SPACING);
+  font-weight: var(--IDS-HEADING-L__FONT-WEIGHT);
 }
 @media (min-width: 1024px) {
   .ids .ids-heading-l {
-    font-size: var(--heading-l-font-size-desktop);
-    line-height: var(--heading-l-line-height-desktop);
-    letter-spacing: var(--heading-l-letter-spacing-desktop);
+    font-size: var(--IDS-HEADING-L__FONT-SIZE-DESKTOP);
+    line-height: var(--IDS-HEADING-L__LINE-HEIGHT-DESKTOP);
+    letter-spacing: var(--IDS-HEADING-L__LETTER-SPACING-DESKTOP);
   }
 }
 .ids .ids-heading-l:focus-visible {
@@ -3638,89 +3716,89 @@ input:focus + .ids-toggle input:before {
 }
 .ids .ids-heading-m {
   font-style: normal;
-  color: var(--heading-m-color);
-  font-family: var(--heading-m-font-family);
-  font-size: var(--heading-m-font-size);
-  line-height: var(--heading-m-line-height);
-  letter-spacing: var(--heading-m-letter-spacing);
-  font-weight: var(--heading-m-font-weight);
+  color: var(--IDS-HEADING-M__COLOR);
+  font-family: var(--IDS-HEADING-M__FONT-FAMILY);
+  font-size: var(--IDS-HEADING-M__FONT-SIZE);
+  line-height: var(--IDS-HEADING-M__LINE-HEIGHT);
+  letter-spacing: var(--IDS-HEADING-M__LETTER-SPACING);
+  font-weight: var(--IDS-HEADING-M__FONT-WEIGHT);
 }
 @media (min-width: 1024px) {
   .ids .ids-heading-m {
-    font-size: var(--heading-m-font-size-desktop);
-    line-height: var(--heading-m-line-height-desktop);
-    letter-spacing: var(--heading-m-letter-spacing-desktop);
+    font-size: var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);
+    line-height: var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP);
+    letter-spacing: var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);
   }
 }
 .ids .ids-heading-m .ids-anchor {
-  color: var(--anchor-color);
+  color: var(--IDS-ANCHOR__COLOR);
   text-decoration: none;
 }
 .ids .ids-heading-m .ids-anchor:visited {
-  color: var(--anchor-color);
+  color: var(--IDS-ANCHOR__COLOR);
 }
 .ids .ids-heading-m .ids-anchor:link {
   text-decoration: none;
 }
 .ids .ids-heading-m .ids-anchor:active, .ids .ids-heading-m .ids-anchor:hover {
-  color: var(--anchor-hover-color);
+  color: var(--IDS-ANCHOR__HOVER-COLOR);
 }
 .ids .ids-heading-m:focus-visible {
   outline: none;
 }
 .ids .ids-heading-s {
   font-style: normal;
-  color: var(--heading-s-color);
-  font-family: var(--heading-s-font-family);
-  font-size: var(--heading-s-font-size);
-  line-height: var(--heading-s-line-height);
-  letter-spacing: var(--heading-s-letter-spacing);
-  font-weight: var(--heading-s-font-weight);
+  color: var(--IDS-HEADING-S__COLOR);
+  font-family: var(--IDS-HEADING-S__FONT-FAMILY);
+  font-size: var(--IDS-HEADING-S__FONT-SIZE);
+  line-height: var(--IDS-HEADING-S__LINE-HEIGHT);
+  letter-spacing: var(--IDS-HEADING-S__LETTER-SPACING);
+  font-weight: var(--IDS-HEADING-S__FONT-WEIGHT);
 }
 @media (min-width: 1024px) {
   .ids .ids-heading-s {
-    font-size: var(--heading-s-font-size-desktop);
-    line-height: var(--heading-s-line-height-desktop);
-    letter-spacing: var(--heading-s-letter-spacing-desktop);
+    font-size: var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);
+    line-height: var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP);
+    letter-spacing: var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);
   }
 }
 .ids .ids-heading-s .ids-anchor {
-  color: var(--anchor-color);
+  color: var(--IDS-ANCHOR__COLOR);
   text-decoration: none;
 }
 .ids .ids-heading-s .ids-anchor:visited {
-  color: var(--anchor-color);
+  color: var(--IDS-ANCHOR__COLOR);
 }
 .ids .ids-heading-s .ids-anchor:link {
   text-decoration: none;
 }
 .ids .ids-heading-s .ids-anchor:active, .ids .ids-heading-s .ids-anchor:hover {
-  color: var(--anchor-hover-color);
+  color: var(--IDS-ANCHOR__HOVER-COLOR);
 }
 .ids .ids-heading-s:focus-visible {
   outline: none;
 }
 .ids .ids-heading-xs {
   font-style: normal;
-  color: var(--heading-xs-color);
-  font-family: var(--heading-xs-font-family);
-  font-size: var(--heading-xs-font-size);
-  line-height: var(--heading-xs-line-height);
-  letter-spacing: var(--heading-xs-letter-spacing);
-  font-weight: var(--heading-xs-font-weight);
+  color: var(--IDS-HEADING-XS__COLOR);
+  font-family: var(--IDS-HEADING-XS__FONT-FAMILY);
+  font-size: var(--IDS-HEADING-XS__FONT-SIZE);
+  line-height: var(--IDS-HEADING-XS__LINE-HEIGHT);
+  letter-spacing: var(--IDS-HEADING-XS__LETTER-SPACING);
+  font-weight: var(--IDS-HEADING-XS__FONT-WEIGHT);
 }
 .ids .ids-heading-xs .ids-anchor {
-  color: var(--anchor-color);
+  color: var(--IDS-ANCHOR__COLOR);
   text-decoration: none;
 }
 .ids .ids-heading-xs .ids-anchor:visited {
-  color: var(--anchor-color);
+  color: var(--IDS-ANCHOR__COLOR);
 }
 .ids .ids-heading-xs .ids-anchor:link {
   text-decoration: none;
 }
 .ids .ids-heading-xs .ids-anchor:active, .ids .ids-heading-xs .ids-anchor:hover {
-  color: var(--anchor-hover-color);
+  color: var(--IDS-ANCHOR__HOVER-COLOR);
 }
 .ids .ids-heading-xs:focus-visible {
   outline: none;
@@ -3728,57 +3806,57 @@ input:focus + .ids-toggle input:before {
 .ids .ids-preamble {
   font-style: normal;
   color: var(--IDS-COLOR-NEUTRAL-20);
-  font-family: var(--preamble-font-family);
-  font-size: var(--preamble-font-size);
-  line-height: var(--preamble-line-height);
+  font-family: var(--IDS-PREAMBLE__FONT-FAMILY);
+  font-size: var(--IDS-PREAMBLE__FONT-SIZE);
+  line-height: var(--IDS-PREAMBLE__LINE-HEIGHT);
   font-weight: 300;
   letter-spacing: 0;
 }
 @media (min-width: 1024px) {
   .ids .ids-preamble {
-    font-size: var(--preamble-font-size-desktop);
-    line-height: var(--preamble-line-height-desktop);
+    font-size: var(--IDS-PREAMBLE__FONT-SIZE-DESKTOP);
+    line-height: var(--IDS-PREAMBLE__LINE-HEIGHT-DESKTOP);
   }
 }
 .ids .ids-preamble .ids-anchor {
-  color: var(--anchor-color);
+  color: var(--IDS-ANCHOR__COLOR);
   text-decoration: none;
 }
 .ids .ids-preamble .ids-anchor:visited {
-  color: var(--anchor-color);
+  color: var(--IDS-ANCHOR__COLOR);
 }
 .ids .ids-preamble .ids-anchor:link {
   text-decoration: underline;
 }
 .ids .ids-preamble .ids-anchor:active, .ids .ids-preamble .ids-anchor:hover {
-  color: var(--anchor-hover-color);
+  color: var(--IDS-ANCHOR__HOVER-COLOR);
   text-decoration: underline;
 }
 .ids .ids-body {
   font-style: normal;
   color: var(--IDS-COLOR-NEUTRAL-20);
-  font-family: var(--body-font-family);
-  font-size: var(--body-font-size);
-  line-height: var(--body-line-height);
+  font-family: var(--IDS-BODY__FONT-FAMILY);
+  font-size: var(--IDS-BODY__FONT-SIZE);
+  line-height: var(--IDS-BODY__LINE-HEIGHT);
   font-weight: 400;
   letter-spacing: 0;
 }
 .ids .ids-body .ids-anchor {
-  color: var(--anchor-color);
+  color: var(--IDS-ANCHOR__COLOR);
   text-decoration: none;
 }
 .ids .ids-body .ids-anchor:visited {
-  color: var(--anchor-color);
+  color: var(--IDS-ANCHOR__COLOR);
 }
 .ids .ids-body .ids-anchor:link {
   text-decoration: underline;
 }
 .ids .ids-body .ids-anchor:active, .ids .ids-body .ids-anchor:hover {
-  color: var(--anchor-hover-color);
+  color: var(--IDS-ANCHOR__HOVER-COLOR);
   text-decoration: underline;
 }
 .ids .ids-body.ids-disabled {
-  color: var(---body-disabled-color);
+  color: var(---IDS-BODY--DISABLED__COLOR);
   font-style: italic;
 }
 .ids .ids-small {
@@ -3788,30 +3866,30 @@ input:focus + .ids-toggle input:before {
   line-height: 1.25rem;
   font-weight: 400;
   letter-spacing: 0rem;
-  font-family: var(--font-family_1);
+  font-family: var(--IDS-FONT-FAMILY-BASE);
 }
 .ids .ids-small .ids-anchor {
-  color: var(--anchor-color);
+  color: var(--IDS-ANCHOR__COLOR);
   text-decoration: none;
 }
 .ids .ids-small .ids-anchor:visited {
-  color: var(--anchor-color);
+  color: var(--IDS-ANCHOR__COLOR);
 }
 .ids .ids-small .ids-anchor:link {
   text-decoration: underline;
 }
 .ids .ids-small .ids-anchor:active, .ids .ids-small .ids-anchor:hover {
-  color: var(--anchor-hover-color);
+  color: var(--IDS-ANCHOR__HOVER-COLOR);
   text-decoration: underline;
 }
 .ids .ids-pagelist {
   font-style: normal;
-  color: var(--page-list-color);
-  font-family: var(--pagelist-font-family);
-  font-size: var(--pagelist-font-size);
-  line-height: var(--pagelist-line-height);
-  font-weight: var(--pagelist-font-weight);
-  letter-spacing: var(--pagelist-letterspacing);
+  color: var(--IDS-PAGE-LIST__COLOR);
+  font-family: var(--IDS-PAGE-LIST__FONT-FAMILY);
+  font-size: var(--IDS-PAGE-LIST__FONT-SIZE);
+  line-height: var(--IDS-PAGE-LIST__LINE-HEIGHT);
+  font-weight: var(--IDS-PAGE-LIST__FONT-WEIGHT);
+  letter-spacing: var(--IDS-PAGE-LIST__LETTER-SPACING);
 }
 .ids ul.ids-bullet-list,
 .ids .ids-bullet-list {
@@ -3824,16 +3902,16 @@ input:focus + .ids-toggle input:before {
   padding-left: 0.5rem;
   display: list-item;
   color: var(--IDS-COLOR-NEUTRAL-20);
-  font-family: var(--font-family_1);
+  font-family: var(--IDS-FONT-FAMILY-BASE);
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
   letter-spacing: 0;
-  line-height: var(--bullet-list-line-height);
+  line-height: var(--IDS-BULLET-LIST__LINE-HEIGHT);
 }
 .ids ul.ids-bullet-list li::marker,
 .ids .ids-bullet-list li::marker {
-  color: var(--bullet-list-marker-color);
+  color: var(--IDS-BULLET-LIST__MARKER-COLOR);
 }
 .ids ol.ids-numbered-list,
 .ids .ids-numbered-list {
@@ -3846,43 +3924,43 @@ input:focus + .ids-toggle input:before {
   padding-left: 0.5rem;
   display: list-item;
   color: var(--IDS-COLOR-NEUTRAL-20);
-  font-family: var(--font-family_1);
+  font-family: var(--IDS-FONT-FAMILY-BASE);
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
-  letter-spacing: 0rem;
-  line-height: var(--bullet-list-line-height);
+  letter-spacing: 0;
+  line-height: var(--IDS-BULLET-LIST__LINE-HEIGHT);
 }
 .ids ol.ids-numbered-list li::marker,
 .ids .ids-numbered-list li::marker {
-  font-weight: var(--bullet-list-marker-font-weight);
+  font-weight: var(--IDS-BULLET-LIST__MARKER-FONT-WEIGHT);
 }
 
 .ids-content .ids-heading-xxl {
-  margin-bottom: var(--heading-xxl-margin-bottom);
+  margin-bottom: var(--IDS-HEADING-XXL__MARGIN-BOTTOM);
 }
 .ids-content .ids-heading-xl {
-  margin-bottom: var(--heading-xl-margin-bottom);
+  margin-bottom: var(--IDS-HEADING-XL__MARGIN-BOTTOM);
 }
 .ids-content .ids-heading-l {
-  margin-bottom: var(--heading-l-margin-bottom);
+  margin-bottom: var(--IDS-HEADING-L__MARGIN-BOTTOM);
 }
 .ids-content .ids-heading-m,
 .ids-content .ids-heading-s,
 .ids-content .ids-heading-xs {
-  margin-bottom: 10px;
+  margin-bottom: 0.625rem;
 }
 .ids-content .ids-preamble {
-  margin-bottom: 40px;
+  margin-bottom: 2.5rem;
 }
 .ids-content .ids-body {
-  margin-bottom: 30px;
+  margin-bottom: 1.875rem;
 }
 
 :root {
-  --IDS_MAX-WIDTH: 1280px;
-  --ids-font-family: Open sans;
-  --ids-font-color: black;
+  --IDS__MAX-WIDTH: 1280px;
+  --IDS__FONT-FAMILY: Open sans;
+  --IDS__FONT-COLOR: black;
 }
 
 .ids input:focus,
@@ -3890,20 +3968,27 @@ input:focus + .ids-toggle input:before {
 .ids textarea:focus,
 .ids ids-button:focus,
 .ids a:focus {
-  outline: var(--focus_outline);
-  outline-offset: var(--focus_outline-offset);
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
 }
 
 input::placeholder,
 textarea::placeholder,
 select::placeholder {
-  color: var(--IDS-FORM__PLACEHOLDER__COLOR);
+  color: var(--IDS-FORM-PLACEHOLDER__COLOR);
 }
 
 [tabindex="0"]:focus {
-  outline: var(--focus_outline);
-  outline-offset: var(--focus_outline-offset);
-  outline-color: var(--focus-outline_color);
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
+  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR);
+}
+
+input[type=search]::-webkit-search-decoration,
+input[type=search]::-webkit-search-cancel-button,
+input[type=search]::-webkit-search-results-button,
+input[type=search]::-webkit-search-results-decoration {
+  -webkit-appearance: none;
 }
 
 :root, :host {
@@ -3934,724 +4019,626 @@ select::placeholder {
 
 :root {
   /* Font families */
-  --font-family_1: "Open Sans";
-  --font-family_2: "Inter";
-  --heading-xxl-color: var(--IDS-COLOR-PRIMARY-40);
-  --heading-xxl-font-family: var(--font-family_2);
-  --heading-xxl-font-size: 2rem;
-  --heading-xxl-line-height: 2.5rem;
-  --heading-xxl-font-size-desktop: 3rem;
-  --heading-xxl-line-height-desktop: 3.25rem;
-  --heading-xxl-font-weight: 700;
-  --heading-xxl-letter-spacing: -0.052rem;
-  --heading-xxl-letter-spacing-desktop: -0.078rem;
-  --heading-xxl-margin-bottom: 30px;
-  --heading-xl-color: var(--IDS-COLOR-PRIMARY-40);
-  --heading-xl-font-family: var(--font-family_2);
-  --heading-xl-font-size: 1.625rem;
-  --heading-xl-line-height: 2.125rem;
-  --heading-xl-font-size-desktop: 2.25rem;
-  --heading-xl-line-height-desktop: 2.625rem;
-  --heading-xl-font-weight: 700;
-  --heading-xl-letter-spacing: -0.031rem;
-  --heading-xl-letter-spacing-desktop: -0.063rem;
-  --heading-xl-margin-bottom: 30px;
-  --heading-l-color: var(--IDS-COLOR-PRIMARY-40);
-  --heading-l-font-family: var(--font-family_2);
-  --heading-l-font-size-desktop: 1.75rem;
-  --heading-l-line-height-desktop: 2.25rem;
-  --heading-l-font-size: 1.5rem;
-  --heading-l-line-height: 1.875rem;
-  --heading-l-font-weight: 700;
-  --heading-l-letter-spacing: -0.025rem;
-  --heading-l-letter-spacing-desktop: -0.044rem;
-  --heading-l-margin-bottom: 30px;
-  --heading-m-color: var(--IDS-COLOR-PRIMARY-40);
-  --heading-m-font-family: var(--font-family_2);
-  --heading-m-font-size: 1.375rem;
-  --heading-m-line-height: 1.75rem;
-  --heading-m-font-size-desktop: 1.5rem;
-  --heading-m-line-height-desktop: 1.875rem;
-  --heading-m-font-weight: 700;
-  --heading-m-letter-spacing: -0.019rem;
-  --heading-m-letter-spacing-desktop: -0.031rem;
-  --heading-s-color: var(--IDS-COLOR-NEUTRAL-20);
-  --heading-s-font-family: var(--font-family_2);
-  --heading-s-font-size: 1.25rem;
-  --heading-s-line-height: 1.5rem;
-  --heading-s-font-size-desktop: 1.25rem;
-  --heading-s-line-height-desktop: 1.5rem;
-  --heading-s-font-weight: 700;
-  --heading-s-letter-spacing: -0.013rem;
-  --heading-s-letter-spacing-desktop: -0.025rem;
-  --heading-xs-color: var(--IDS-COLOR-NEUTRAL-20);
-  --heading-xs-font-family: var(--font-family_2);
-  --heading-xs-font-size: 1rem;
-  --heading-xs-line-height: 1.25rem;
-  --heading-xs-font-weight: 700;
-  --heading-xs-letter-spacing: 0;
-  --anchor-color: var(--IDS-COLOR-ACCENT-40);
-  --anchor-hover-color: var(--IDS-COLOR-ACCENT-30);
-  --preamble-font-family: var(--font-family_1);
-  --preamble-font-size: 1.125rem;
-  --preamble-line-height: 1.75rem;
-  --preamble-font-size-desktop: 1.375rem;
-  --preamble-line-height-desktop: 2.25rem;
-  --body-font-family: var(--font-family_1);
-  --body-font-size: 1rem;
-  --body-font-line-height: 1.5rem;
-  --body-disabled-color: var(--IDS-COLOR-PRIMARY-35);
-  --page-list-color: var(--IDS-COLOR-PRIMARY-35);
-  --pagelist-font-family: var(--font-family_2);
-  --pagelist-font-size: 1.25rem;
-  --pagelist-line-height: 1.5rem;
-  --pagelist-font-weight: 700;
-  --pagelist-letterspacing: -0.025rem;
-  --bullet-list-marker-color: var(--IDS-COLOR-PRIMARY-40);
-  --bullet-list-marker-font-weight: bold;
-  --bullet-list-line-height: 1.5rem;
+  --IDS-FONT-FAMILY-BASE: "Open Sans";
+  --IDS-FONT-FAMILY-HEADING: "Inter";
+  --IDS-HEADING-XXL__COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-HEADING-XXL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-HEADING-XXL__FONT-SIZE: 2rem;
+  --IDS-HEADING-XXL__LINE-HEIGHT: 2.5rem;
+  --IDS-HEADING-XXL__FONT-SIZE-DESKTOP: 3rem;
+  --IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP: 3.25rem;
+  --IDS-HEADING-XXL__FONT-WEIGHT: 700;
+  --IDS-HEADING-XXL__LETTER-SPACING: -0.052rem;
+  --IDS-HEADING-XXL__LETTER-SPACING-DESKTOP: -0.078rem;
+  --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.875rem;
+  --IDS-HEADING-XL__COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-HEADING-XL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-HEADING-XL__FONT-SIZE: 1.625rem;
+  --IDS-HEADING-XL__LINE-HEIGHT: 2.125rem;
+  --IDS-HEADING-XL__FONT-SIZE-DESKTOP: 2.25rem;
+  --IDS-HEADING-XL__LINE-HEIGHT-DESKTOP: 2.625rem;
+  --IDS-HEADING-XL__FONT-WEIGHT: 700;
+  --IDS-HEADING-XL__LETTER-SPACING: -0.031rem;
+  --IDS-HEADING-XL__LETTER-SPACING-DESKTOP: -0.063rem;
+  --IDS-HEADING-XL__MARGIN-BOTTOM: 1.875rem;
+  --IDS-HEADING-L__COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-HEADING-L__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-HEADING-L__FONT-SIZE-DESKTOP: 1.75rem;
+  --IDS-HEADING-L__LINE-HEIGHT-DESKTOP: 2.25rem;
+  --IDS-HEADING-L__FONT-SIZE: 1.5rem;
+  --IDS-HEADING-L__LINE-HEIGHT: 1.875rem;
+  --IDS-HEADING-L__FONT-WEIGHT: 700;
+  --IDS-HEADING-L__LETTER-SPACING: -0.025rem;
+  --IDS-HEADING-L__LETTER-SPACING-DESKTOP: -0.044rem;
+  --IDS-HEADING-L__MARGIN-BOTTOM: 1.875rem;
+  --IDS-HEADING-M__COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-HEADING-M__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-HEADING-M__FONT-SIZE: 1.375rem;
+  --IDS-HEADING-M__LINE-HEIGHT: 1.75rem;
+  --IDS-HEADING-M__FONT-SIZE-DESKTOP: 1.5rem;
+  --IDS-HEADING-M__LINE-HEIGHT-DESKTOP: 1.875rem;
+  --IDS-HEADING-M__FONT-WEIGHT: 700;
+  --IDS-HEADING-M__LETTER-SPACING: -0.019rem;
+  --IDS-HEADING-M__LETTER-SPACING-DESKTOP: -0.031rem;
+  --IDS-HEADING-S__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-HEADING-S__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-HEADING-S__FONT-SIZE: 1.25rem;
+  --IDS-HEADING-S__LINE-HEIGHT: 1.5rem;
+  --IDS-HEADING-S__FONT-SIZE-DESKTOP: 1.25rem;
+  --IDS-HEADING-S__LINE-HEIGHT-DESKTOP: 1.5rem;
+  --IDS-HEADING-S__FONT-WEIGHT: 700;
+  --IDS-HEADING-S__LETTER-SPACING: -0.013rem;
+  --IDS-HEADING-S__LETTER-SPACING-DESKTOP: -0.025rem;
+  --IDS-HEADING-XS__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-HEADING-XS__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-HEADING-XS__FONT-SIZE: 1rem;
+  --IDS-HEADING-XS__LINE-HEIGHT: 1.25rem;
+  --IDS-HEADING-XS__FONT-WEIGHT: 700;
+  --IDS-HEADING-XS__LETTER-SPACING: 0;
+  --IDS-ANCHOR__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-ANCHOR__HOVER-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-PREAMBLE__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
+  --IDS-PREAMBLE__FONT-SIZE: 1.125rem;
+  --IDS-PREAMBLE__LINE-HEIGHT: 1.75rem;
+  --IDS-PREAMBLE__FONT-SIZE-DESKTOP: 1.375rem;
+  --IDS-PREAMBLE__LINE-HEIGHT-DESKTOP: 2.25rem;
+  --IDS-BODY__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
+  --IDS-BODY__FONT-SIZE: 1rem;
+  --IDS-BODY__LINE-HEIGHT: 1.5rem;
+  --IDS-BODY--DISABLED__COLOR: var(--IDS-COLOR-PRIMARY-35);
+  --IDS-PAGE-LIST__COLOR: var(--IDS-COLOR-PRIMARY-35);
+  --IDS-PAGE-LIST__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-PAGE-LIST__FONT-SIZE: 1.25rem;
+  --IDS-PAGE-LIST__LINE-HEIGHT: 1.5rem;
+  --IDS-PAGE-LIST__FONT-WEIGHT: 700;
+  --IDS-PAGE-LIST__LETTER-SPACING: -0.025rem;
+  --IDS-BULLET-LIST__MARKER-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-BULLET-LIST__MARKER-FONT-WEIGHT: bold;
+  --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
 }
 
 :root {
   /**********************
     * General
-    **********************/
-  --IDS-BORDER-RADIUS: 10px;
+  **********************/
+  --IDS-BORDER-RADIUS: 0.625rem;
   --IDS-BASE__FONT-COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-SCROLL_COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-SCROLL_HOVER-COLOR: var(--IDS-COLOR-ACCENT-30);
-  --IDS-SCROLL_TRACK-COLOR: var(--IDS-COLOR-NEUTRAL-99);
   --IDS-OVERLAY__BACKGROUND-COLOR: rgba(53, 53, 53, 0.6);
+  /* Focus */
+  --IDS-FOCUS__OUTLINE: 0.125rem solid var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-FOCUS__OUTLINE-COLOR: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-FOCUS__OUTLINE--LIGHT: 0.125rem solid var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-FOCUS__OUTLINE-OFFSET: 0.125rem;
+  /* Scroll */
+  --IDS-SCROLL__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-SCROLL__HOVER-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-SCROLL__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
   /**********************
   * FORM
   **********************/
-  /* FORM TOKENS */
-  --IDS-FORM--DISABLED__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
-  --IDS-FORM--DISABLED__BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23353535' stroke-width='1' stroke-dasharray='3' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
+  /* Form common */
+  --IDS-FORM-PLACEHOLDER__COLOR: var(--IDS-COLOR-NEUTRAL-40);
   --IDS-FORM--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-FORM--DISABLED__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
+  --IDS-FORM--DISABLED__BORDER: 0.063rem dashed var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-FORM--INVALID__BORDER: 0.063rem solid var(--IDS-COLOR-PRIMARY-40);
+  --IDS-FORM--INVALID__BORDER-COLOR: var(--IDS-COLOR-PRIMARY-40);
   --IDS-FORM--INVALID__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
-  --IDS-FORM--INVALID__BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23c12143' stroke-width='1' stroke-dasharray='5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
-  --IDS-FORM__PLACEHOLDER__COLOR: var(--IDS-COLOR-NEUTRAL-40);
-  --IDS-FORM__LABEL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-FORM__LABEL--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);
-  --IDS-FORM__LABEL__FONT-FAMILY: var(--font-family_1);
-  --IDS-FORM__LABEL__FONT-SIZE: 1rem;
-  --IDS-FORM__LABEL__FONT-WEIGHT: 400;
-  --IDS-FORM__LABEL__LETTER-SPACING: 0px;
-  --IDS-FORM__LABEL__HEIGHT: 1.25rem;
-  /* ERROR MESSAGE */
+  --IDS-FORM-LABEL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-FORM-LABEL__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
+  --IDS-FORM-LABEL__FONT-SIZE: 1rem;
+  --IDS-FORM-LABEL__FONT-WEIGHT: 400;
+  --IDS-FORM-LABEL__LETTER-SPACING: 0;
+  --IDS-FORM-LABEL__HEIGHT: 1.25rem;
+  --IDS-FORM-LABEL--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);
+  /* Error message */
   --IDS-ERROR-MESSAGE__COLOR: var(--IDS-COLOR-ERROR-40);
   --IDS-ERROR-MESSAGE__MARGIN-TOP: 0.8rem;
-  --IDS-ERROR-MESSAGE__BACKGROUND-COLOR: #fff;
+  --IDS-ERROR-MESSAGE__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
   --IDS-ERROR-MESSAGE__BORDER-COLOR: var(--IDS-COLOR-ERROR-40);
-  --IDS-ERROR-MESSAGE__BORDER: 1px solid var(--IDS-ERROR-MESSAGE__BORDER-COLOR);
-  --IDS-ERROR-MESSAGE__PADDING: 13px 20px;
-  --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="%236a0032"></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="%23c12143"></path></svg>');
-  /* ALERT */
-  --IDS-ALERT__BUTTON__ICON__COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-ALERT__HEADLINE__FONT-FAMILY: var(--font-family_1);
-  --IDS-ALERT__HEADLINE__FONT-WEIGHT: 700;
-  --IDS-ALERT--INFO__COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-ALERT--INFO__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
-  --IDS-ALERT--INFO__BORDER-COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-ALERT--INFO__ICON__COLOR-1: var(--IDS-COLOR-ACCENT-30);
-  --IDS-ALERT--INFO__ICON__COLOR-2: var(--IDS-COLOR-ACCENT-40);
-  --IDS-ALERT--ATTENTION__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);
-  --IDS-ALERT--ATTENTION__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-50);
-  --IDS-ALERT--ATTENTION__ICON__COLOR-1: var(--IDS-COLOR-ACCENT-30);
-  --IDS-ALERT--ATTENTION__ICON__COLOR-2: var(--IDS-COLOR-NEUTRAL-40);
-  --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-30);
-  --IDS-ALERT--SUCCESS__ICON__COLOR-2: var(--IDS-COLOR-SUCCESS-40);
-  --IDS-ALERT--ERROR__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
-  --IDS-ALERT--ERROR__BORDER-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  --IDS-ALERT--ERROR__ICON__COLOR-1: var(--IDS-COLOR-PRIMARY-30);
-  --IDS-ALERT--ERROR__ICON__COLOR-2: var(--IDS-COLOR-PRIMARY-40);
-  /* CHECKBOX */
-  --IDS-CHECKBOX_BORDER: 0.0625rem solid var(--IDS-COLOR-ACCENT-40);
-  --IDS-CHECKBOX_BORDER-RADIUS: 0.25rem;
-  --IDS-CHECKBOX_BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
-  --IDS-CHECKBOX--CHECK_BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" 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="%23396291"></path></svg>');
+  --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="%236a0032"></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="%23c12143"></path></svg>');
+  /* Checkbox */
+  --IDS-CHECKBOX__BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
+  --IDS-CHECKBOX__BORDER-RADIUS: 0.25rem;
+  --IDS-CHECKBOX__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
+  --IDS-CHECKBOX__CHECK-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="%23396291"></path></svg>');
   --IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23c12143' stroke-width='1' stroke-dasharray='4%2c 4%2c 4%2c 4' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");
-  --IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" 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="%23c12143"></path></svg>');
   --IDS-CHECKBOX--DISABLED_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23808285' stroke-width='1' stroke-dasharray='3%2c 3%2c 3%2c 3' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");
-  --IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" 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="%23808285"></path></svg>');
-  /* INPUT */
-  --IDS-INPUT--INVALID_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23c12143' stroke-width='1' stroke-dasharray='5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
-  --IDS-INPUT--DISABLED_BACKGROUND-COLOR: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
-  --IDS-INPUT--DISABLED_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23808285' stroke-width='1' stroke-dasharray='3%2c 3%2c 3%2c 3' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");
-  --IDS-INPUT_BACKGROUND: var(--IDS-COLOR-ACCENT-95);
-  --IDS-INPUT_BORDER: 1px solid var(--IDS-COLOR-ACCENT-40);
-  --IDS-INPUT__CALENDAR-ICON__RIGHT: 20px;
-  --IDS-INPUT_BORDER: 1px solid var(--IDS-COLOR-ACCENT-40);
-  --IDS-INPUT_BORDER-BOTTOM: var(--IDS-INPUT_BORDER);
-  --IDS-INPUT_BORDER-RADIUS: 0.625rem;
-  --IDS-INPUT_BOX-SHADOW: inset 0 5px 10px rgba(99, 100, 102, 0.2);
-  --IDS-INPUT_COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-INPUT__ICON--DISABLED__FILL: var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-CHECKBOX--INVALID__CHECK-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="%23c12143"></path></svg>');
+  --IDS-CHECKBOX--DISABLED__CHECK-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="%23808285"></path></svg>');
+  /* Input */
+  --IDS-INPUT__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-INPUT__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
+  --IDS-INPUT__BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
+  --IDS-INPUT__BORDER-RADIUS: 0.625rem;
+  --IDS-INPUT__BOX-SHADOW: inset 0 0.313rem 0.625rem rgba(99, 100, 102, 0.2);
+  --IDS-INPUT__HEIGHT: 3rem;
+  --IDS-INPUT__PADDING: 0 1.25rem;
+  --IDS-INPUT__ICON-RIGHT: 1.25rem;
+  --IDS-INPUT__ICON-PADDING-RIGHT: 2.75rem;
+  --IDS-INPUT--DISABLED__ICON-FILL: var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-INPUT--INVALID__ICON-FILL: var(--IDS-COLOR-PRIMARY-40);
   --IDS-INPUT--SEARCH__BORDER-RADIUS: 0.625rem;
-  /* RADIO */
+  --IDS-INPUT--SEARCH__HEIGHT-MOBILE: 3rem;
+  --IDS-INPUT--SEARCH__HEIGHT-DESKTOP: 3.75rem;
+  --IDS-INPUT--SEARCH__FONT-SIZE-MOBILE: 1rem;
+  --IDS-INPUT--SEARCH__FONT-SIZE-DESKTOP: 1.125rem;
+  --IDS-INPUT--SEARCH__PADDING-LEFT: 3.625rem;
+  /* Radio */
   --IDS-RADIO__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
   --IDS-RADIO__BORDER: 0.0625rem solid var(--IDS-COLOR-ACCENT-40);
   --IDS-RADIO--CHECKED__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
   --IDS-RADIO--DISABLED__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
   --IDS-RADIO--CHECKED-DISABLED__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-50);
   --IDS-RADIO--INVALID__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
-  --IDS-RADIO--DISABLED_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23808285' stroke-width='1' stroke-dasharray='3%2c 3%2c 3%2c 3' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");
-  --IDS-RADIO--INVALID_BACKGROUND-IMAGE: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23c12143' stroke-width='1' stroke-dasharray='4%2c 4%2c 4%2c 4' stroke-dashoffset='16' stroke-linecap='butt'/%3e%3c/svg%3e");
-  /* SELECT */
-  --IDS-SELECT__CHEVRON-ICON: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="7" height="12" 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="%23396291"></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="7" height="12" 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="%23c12143"></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="7" height="12" 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="%23808285"></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="7" height="12" 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(59,66,102)"></path></g></svg>');
+  /* 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.438rem" 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="%23396291"></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.438rem" 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(59,66,102)"></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.438rem" 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="%23c12143"></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.438rem" 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="%23808285"></path></g></svg>');
+  /* Select multiple */
+  --IDS-SELECT-MULTIPLE__DROPDOWN-BORDER-RADIUS: 0.625rem;
+  /* Textarea */
+  --IDS-TEXTAREA__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);
+  --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" /%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:%23396291;fill-opacity:1;stroke-width:0.446104" /%3E%3C/svg%3E%0A');
+  --IDS-TEXTAREA__PADDING: 0.75rem 0.625rem;
   /* Toggle */
   --IDS-TOGGLE__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-50);
+  --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-KNOB__BACKGROUND-IMAGE: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="10" height="10" 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-KNOB--CHECKED__BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" 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="rgb(59,66,102)"></path></svg>');
-  --IDS-TOGGLE-KNOB__DISABLED__BACKGROUND-IMAGE: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="10" height="10" 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(128,130,133)"></path></svg>');
-  --IDS-TOGGLE-KNOB--DISABLED--CHECKED__BACKGROUND-IMAGE: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" 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="rgb(128,130,133)"></path></svg>');
+  --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(59,66,102)"></path></svg>');
   --IDS-TOGGLE--DISABLED__BACKGROUND-COLOR: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
-  --IDS-TOGGLE--DISABLED__BORDER: 1px dashed var(--IDS-COLOR-NEUTRAL-40);
-  --IDS-TOGGLE-KNOB--DISABLED_BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);
-  /* Textarea */
-  --IDS-TEXTAREA__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);
-  --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.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' /%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:%23396291;fill-opacity:1;stroke-width:0.446104' /%3E%3C/svg%3E%0A");
+  --IDS-TOGGLE--DISABLED__BORDER: 0.063rem dashed var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-TOGGLE--DISABLED__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(128,130,133)"></path></svg>');
+  --IDS-TOGGLE--DISABLED__KNOB-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);
+  --IDS-TOGGLE--DISABLED-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(128,130,133)"></path></svg>');
   /* Range */
   --IDS-RANGE__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);
-  --IDS-RANGE-SELECTION__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-RANGE-THUMB__BACKGROUND-COLOR: var(--IDS-RANGE-SELECTION__BACKGROUND-COLOR);
-  --IDS-RANGE-TICK-LINE__COLOR: var(--IDS-COLOR-NEUTRAL-50);
-  --IDS-RANGE-TICK__COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-RANGE-SELECTION--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-50);
-  /* Description list*/
-  --IDS-DESCRIPTION-LIST__DISPLAY: flex;
-  --IDS-DESCRIPTION-LIST__BORDER: 0;
-  --IDS-DESCRIPTION-LIST__BORDER-RADIUS: 0;
-  --IDS-DESCRIPTION-LIST__PADDING: 0;
-  --IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR: transparent;
-  --IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM: 12px;
-  --IDS-DESCRIPTION-LIST__DISPLAY--COLUMN: grid;
-  --IDS-DESCRIPTION-LIST__BORDER--COLUMN: 1px solid var(--IDS-COLOR-PRIMARY-30);
-  --IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN: 5px;
-  --IDS-DESCRIPTION-LIST__PADDING--COLUMN: 8px 16px;
-  --IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR--COLUMN: var(--IDS-COLOR-PRIMARY-90);
-  --IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM--COLUMN: 0;
-  /* Side panel */
-  --IDS-SIDE-PANEL__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-50);
-  /********************************************************************
-  /* Font families */
-  --font-family_1: "Open Sans";
-  --font-family_2: "Inter";
-  --heading-1-font-family: var(--font-family_2);
-  --heading-1-font-size: 3rem;
-  --heading-1-font-size-small: 2.125rem;
-  --heading-1-font-weight: 700;
-  --heading-1-letter-spacing: -0.051875rem;
-  --heading-1-line-height: 3.25rem;
-  --heading-1-line-height-small: 2.5rem;
-  --heading-1-small-font-family: var(--font-family_2);
-  --heading-1-small-font-size: 2.25rem;
-  --heading-1-small-font-size-small: 1.625rem;
-  --heading-1-small-font-weight: 700;
-  --heading-1-small-letter-spacing: -0.0625rem;
-  --heading-1-small-line-height: 2.875rem;
-  --heading-1-small-line-height-small: 2.125rem;
-  --heading-2-font-family: var(--font-family_2);
-  --heading-2-font-size: 1.5rem;
-  --heading-2-font-size-small: 1.375rem;
-  --heading-2-font-weight: 700;
-  --heading-2-letter-spacing: -0.01875rem;
-  --heading-2-line-height: 1.875rem;
-  --heading-2-line-height-small: 1.75rem;
-  --heading-3-font-family: var(--font-family_2);
-  --heading-3-font-size: 1.25rem;
-  --heading-3-font-weight: 700;
-  --heading-3-letter-spacing: -0.025rem;
-  --heading-3-line-height: 1.875rem;
-  --heading-4-font-family: var(--font-family_2);
-  --heading-4-font-size: 1rem;
-  --heading-4-font-weight: 700;
-  --heading-4-letter-spacing: 0;
-  --heading-4-line-height: 1.25rem;
-  --bullet-list-marker-color: var(--IDS-COLOR-PRIMARY-40);
-  --bullet-list-marker-font-weight: bold;
+  --IDS-RANGE__THUMB-BACKGROUND-COLOR: var(--IDS-RANGE__SELECTION-BACKGROUND-COLOR);
+  --IDS-RANGE__TICK-COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-RANGE__TICK-LINE-COLOR: var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-RANGE__SELECTION-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-RANGE--DISABLED__SELECTION-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-50);
   /**********************
-    * General
-    **********************/
-  --IDS-BORDER-RADIUS: 10px;
-  --IDS-BASE__FONT-COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-SCROLL_BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
-  --IDS-SCROLL_COLOR: var(--IDS-COLOR-ACCENT-40);
-  /**********************
-  * Components
+  * COMPONENTS
   **********************/
   /* Alert */
+  --IDS-ALERT__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-ALERT__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
+  --IDS-ALERT__HEADLINE-FONT-WEIGHT: 700;
+  --IDS-ALERT--INFO__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-ALERT--INFO__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
+  --IDS-ALERT--INFO__BORDER-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-ALERT--INFO__ICON-COLOR-1: var(--IDS-COLOR-ACCENT-30);
+  --IDS-ALERT--INFO__ICON-COLOR-2: var(--IDS-COLOR-ACCENT-40);
+  --IDS-ALERT--ATTENTION__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);
+  --IDS-ALERT--ATTENTION__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-ALERT--ATTENTION__ICON-COLOR-1: var(--IDS-COLOR-ACCENT-30);
+  --IDS-ALERT--ATTENTION__ICON-COLOR-2: var(--IDS-COLOR-NEUTRAL-40);
+  --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-30);
+  --IDS-ALERT--SUCCESS__ICON-COLOR-2: var(--IDS-COLOR-SUCCESS-40);
+  --IDS-ALERT--ERROR__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
+  --IDS-ALERT--ERROR__BORDER-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-ALERT--ERROR__ICON-COLOR-1: var(--IDS-COLOR-PRIMARY-30);
+  --IDS-ALERT--ERROR__ICON-COLOR-2: var(--IDS-COLOR-PRIMARY-40);
   /* Alert global */
   --IDS-ALERT-GLOBAL__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);
   --IDS-ALERT-GLOBAL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-ALERT-GLOBAL__HEADLINE__COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-ALERT-GLOBAL__ICON__COLOR-1: var(--IDS-COLOR-ACCENT-30);
-  --IDS-ALERT-GLOBAL__ICON__COLOR-2: var(--IDS-COLOR-NEUTRAL-40);
-  --IDS-ALERT-GLOBAL__BUTTON__ICON__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-ALERT-GLOBAL__ICON-COLOR-1: var(--IDS-COLOR-ACCENT-30);
+  --IDS-ALERT-GLOBAL__ICON-COLOR-2: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-ALERT-GLOBAL-CHEVRON__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-ALERT-GLOBAL-HEADLINE-COLOR: var(--IDS-COLOR-NEUTRAL-20);
   --IDS-ALERT-GLOBAL--AGENT__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
   --IDS-ALERT-GLOBAL--AGENT__COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-ALERT-GLOBAL--AGENT__ICON__COLOR-1: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-ALERT-GLOBAL--AGENT__ICON__COLOR-2: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-ALERT-GLOBAL--AGENT__ICON-COLOR-1: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-ALERT-GLOBAL--AGENT__ICON-COLOR-2: var(--IDS-COLOR-NEUTRAL-40);
   /* Badge */
   --IDS-BADGE__COLOR: var(--IDS-COLOR-NEUTRAL-20);
   --IDS-BADGE--PRIMARY__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  --IDS-BADGE--PRIMARY__BORDER: 1px solid var(--IDS-COLOR-PRIMARY-40);
-  --IDS-BADGE--PRIMARY__COLOR: white;
+  --IDS-BADGE--PRIMARY__BORDER: 0.063rem solid var(--IDS-COLOR-PRIMARY-40);
+  --IDS-BADGE--PRIMARY__COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-BADGE--SECONDARY__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-BADGE--SECONDARY__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-BADGE--SECONDARY__COLOR: var(--IDS-COLOR-NEUTRAL-50);
   --IDS-BADGE--NEUTRAL__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-90);
-  --IDS-BADGE--NEUTRAL__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-90);
+  --IDS-BADGE--NEUTRAL__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
+  --IDS-BADGE--NEUTRAL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
   --IDS-BADGE--INFO__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
-  --IDS-BADGE--INFO__BORDER: 1px solid var(--IDS-COLOR-ACCENT-40);
+  --IDS-BADGE--INFO__BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
+  --IDS-BADGE--INFO__COLOR: var(--IDS-COLOR-ACCENT-40);
   --IDS-BADGE--ATTENTION__BACKGROUND-COLOR: var(--IDS-COLOR-ATTENTION-95);
-  --IDS-BADGE--ATTENTION__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-BADGE--ATTENTION__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-BADGE--ATTENTION__COLOR: var(--IDS-COLOR-NEUTRAL-50);
   --IDS-BADGE--SUCCESS__BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-99);
-  --IDS-BADGE--SUCCESS__BORDER: 1px solid var(--IDS-COLOR-SUCCESS-40);
+  --IDS-BADGE--SUCCESS__BORDER: 0.063rem solid var(--IDS-COLOR-SUCCESS-40);
+  --IDS-BADGE--SUCCESS__COLOR: var(--IDS-COLOR-SUCCESS-40);
   --IDS-BADGE--ERROR__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
-  --IDS-BADGE--ERROR__BORDER: 1px solid var(--IDS-COLOR-PRIMARY-40);
-  --IDS-BADGE--SECONDARY__BACKGROUND-COLOR: white;
-  --IDS-BADGE--SECONDARY__BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-50);
-  /* Button */
-  --btn_background-color: var(--IDS-COLOR-ACCENT-40);
-  --btn-s_height: 30px;
-  --btn-m_height: 40px;
-  --btn-l_height: 50px;
-  --btn-s_padding: 0px 30px;
-  --btn-m_padding: 9px 30px;
-  --btn-l_padding: 17px 30px;
-  --btn_font-family: var(--font-family_2);
-  --btn_font-weight: 600;
-  --btn_border-radius: 30px;
-  --btn-active_background-color: var(--IDS-COLOR-ACCENT-30);
-  --btn-active_box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
-  --btn-secondary-s_height: 1.875rem;
-  --btn-secondary-m_height: 2.5rem;
-  --btn-secondary-l_height: 3.125rem;
-  --btn-secondary-s_padding: 0px 30px;
-  --btn-secondary-m_padding: 8px 30px;
-  --btn-secondary-l_padding: 16px 30px;
-  --btn-secondary_border: 1px solid var(--IDS-COLOR-ACCENT-40);
-  --btn-secondary_color: var(--IDS-COLOR-ACCENT-40);
-  --btn-secondary-active_color: var(--IDS-COLOR-ACCENT-40);
-  --btn-secondary-active_background-color: var(--IDS-COLOR-ACCENT-95);
-  --btn-secondary-active_border: var(--btn-secondary_border);
-  --btn-secondary-hover-icon_color: var(--IDS-COLOR-ACCENT-40);
-  --btn-tertiary_color: var(--IDS-COLOR-ACCENT-40);
-  --btn-tertiary-active_color: var(--IDS-COLOR-ACCENT-30);
-  --btn-disabled_color: var(--IDS-COLOR-NEUTRAL-40);
-  --btn-disabled_border: 1px solid var(--IDS-COLOR-NEUTRAL-50);
-  --btn-submit_border-radius: 10px;
-  --btn-submit_height: 3.75em;
-  --btn-search-s_height: 3.125rem;
-  --btn-search_height: 60px;
-  --btn-search-mobile_height: 50px;
-  --btn-search_border-radius: 10px;
-  --btn-search_font-size: 1.5rem;
-  --btn-search-s_font-size: 1.125rem;
-  --btn-search-mobile_font-size: 1.125rem;
-  --btn-search-mobile_border-radius: 0px 10px 10px 0px;
-  --btn-mobile_font-weight: 400;
-  --btn-fab-icon_color: var(--IDS-COLOR-PRIMARY-40);
-  --btn-icon_color: white;
-  --btn-icon_color2: white;
-  --btn-icon-secondary_background-color: var(--IDS-COLOR-ACCENT-95);
-  --btn-icon-secondary-active-icon_color: white;
-  --btn-icon-secondary-active-icon_color2: white;
-  --btn-icon-secondary--hover_background-color: var(--IDS-COLOR-ACCENT-30);
-  --btn-secondary-icon_color: var(--IDS-COLOR-ACCENT-40);
-  --btn-secondary-icon_color2: var(--IDS-COLOR-ACCENT-40);
-  --btn-tertiary-icon_color: var(--IDS-COLOR-ACCENT-40);
-  --btn-tertiary-icon_color2: var(--IDS-COLOR-ACCENT-40);
-  --btn-active-icon_color: white;
-  --btn-active-icon_color2: white;
-  --btn-secondary-active-icon_color: white;
-  --btn-secondary-active-icon_color2: white;
-  --btn-tertiary-active-icon_color: white;
-  --btn-tertiary-active-icon_color2: white;
+  --IDS-BADGE--ERROR__BORDER: 0.063rem solid var(--IDS-COLOR-PRIMARY-40);
+  --IDS-BADGE--ERROR__COLOR: var(--IDS-COLOR-PRIMARY-40);
   /* Breadcrumbs */
-  --IDS-BREADCRUMBS__CHEVRON__COLOR: var(--IDS-COLOR-ACCENT-40);
   --IDS-BREADCRUMBS__COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  /* Carousel */
-  --carousel_background-color: white;
-  --carousel_border: 1px solid #808285;
-  --carousel_color: var(--IDS-COLOR-NEUTRAL-20);
-  --carousel-icon_color: var(--IDS-COLOR-ACCENT-40);
-  --carousel-icon_background-color: var(--IDS-COLOR-ACCENT-40);
-  --carousel-headline_font-family: var(--font-family_2);
-  --carousel_font-family: var(--font-family_1);
-  --carousel-slides_background-color: var(--IDS-COLOR-NEUTRAL-99);
-  --carousel-description_background-color: white;
-  --carousel-description_color: var(--IDS-COLOR-NEUTRAL-40);
-  /* Content navigation */
-  --content-navigation_border: none;
-  --content-navigation_border-radius: 10px;
-  --content-navigation_border-top: 4px solid var(---IDS-COLOR-ACCENT-40);
-  --content-navigation_font-family: var(--font-family_2);
-  --content-navigation_font-weight: 700;
-  --content-navigation_font-size: 1.25rem;
-  --content-navigation_line-height: 24px;
-  --content-navigation_letter-spacing: -0.4px;
-  --content-navigation-separator_background-color: var(--IDS-COLOR-ACCENT-90);
-  --content-navigation_color: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-BREADCRUMBS-LINK__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-BREADCRUMBS-LINK__HOVER-COLOR: var(--IDS-COLOR-ACCENT-30);
+  /* Button */
+  --IDS-BUTTON--S__FONT-SIZE: 0.875rem;
+  --IDS-BUTTON--S__LINE-HEIGHT: 1rem;
+  --IDS-BUTTON--S__PADDING: 0.313rem 1.438rem;
+  --IDS-BUTTON--M__LINE-HEIGHT: 1.25rem;
+  --IDS-BUTTON--M__FONT-SIZE: 1rem;
+  --IDS-BUTTON--M__PADDING: 0.438rem 1.688rem;
+  --IDS-BUTTON--L__FONT-SIZE: 1.125rem;
+  --IDS-BUTTON--L__LINE-HEIGHT: 1.5rem;
+  --IDS-BUTTON--L__PADDING: 0.688rem 1.938rem;
+  --IDS-BUTTON__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-BUTTON__FONT-WEIGHT: 700;
+  --IDS-BUTTON__BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
+  --IDS-BUTTON__BORDER-RADIUS: 1.875rem;
+  --IDS-BUTTON__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-BUTTON__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-BUTTON__ICON-COLOR-2: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-BUTTON--ACTIVE__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-BUTTON--ACTIVE__BOX-SHADOW: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.2);
+  --IDS-BUTTON--ACTIVE__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-BUTTON--ACTIVE__ICON-COLOR-2: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-BUTTON--SECONDARY__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-BUTTON--SECONDARY__BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
+  --IDS-BUTTON--SECONDARY__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-BUTTON--SECONDARY__ICON-COLOR-2: var(--IDS-COLOR-ACCENT-40);
+  --IDS-BUTTON--SECONDARY__ICON-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
+  --IDS-BUTTON--SECONDARY-ACTIVE__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-BUTTON--SECONDARY-ACTIVE__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
+  --IDS-BUTTON--SECONDARY-ACTIVE__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-BUTTON--SECONDARY-ACTIVE__ICON-COLOR-2: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-BUTTON--TERTIARY__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-BUTTON--TERTIARY-ACTIVE__COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-BUTTON--TERTIARY__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-BUTTON--TERTIARY__ICON-COLOR-2: var(--IDS-COLOR-ACCENT-40);
+  --IDS-BUTTON--TERTIARY-ACTIVE__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-BUTTON--TERTIARY-ACTIVE__ICON-COLOR-2: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-BUTTON--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-BUTTON--DISABLED__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-BUTTON--SEARCH__BORDER-RADIUS: 0.625rem;
+  --IDS-BUTTON--SEARCH-S__HEIGHT: 3rem;
+  --IDS-BUTTON--SEARCH-S__FONT-SIZE: 1.125rem;
+  --IDS-BUTTON--SEARCH-S__PADDING: 0.75rem 1.75rem;
+  --IDS-BUTTON--SEARCH-M__HEIGHT: 3rem;
+  --IDS-BUTTON--SEARCH-M__FONT-SIZE: 1.125rem;
+  --IDS-BUTTON--SEARCH-M__PADDING: 0.75rem 1.75rem;
+  --IDS-BUTTON--SEARCH-L__HEIGHT: 3.75rem;
+  --IDS-BUTTON--SEARCH-L__FONT-SIZE: 1.5rem;
+  --IDS-BUTTON--SEARCH-L__PADDING: 1rem 2rem;
+  --IDS-BUTTON--SUBMIT__BORDER-RADIUS: 0.625rem;
+  --IDS-BUTTON--SUBMIT-S__HEIGHT: 3rem;
+  --IDS-BUTTON--SUBMIT-S__FONT-SIZE: 1.125rem;
+  --IDS-BUTTON--SUBMIT-S__PADDING: 0.75rem 1.75rem;
+  --IDS-BUTTON--SUBMIT-M__HEIGHT: 3rem;
+  --IDS-BUTTON--SUBMIT-M__FONT-SIZE: 1.125rem;
+  --IDS-BUTTON--SUBMIT-M__PADDING: 0.75rem 1.75rem;
+  --IDS-BUTTON--SUBMIT-L__HEIGHT: 3.75rem;
+  --IDS-BUTTON--SUBMIT-L__FONT-SIZE: 1.5rem;
+  --IDS-BUTTON--SUBMIT-L__PADDING: 1rem 2rem;
+  --IDS-BUTTON--FAB__ICON-COLOR: var(--IDS-COLOR-PRIMARY-40);
   /* Card */
-  --IDS-CARD__BACKGROUND: white;
-  --IDS-CARD__BORDER: 1px solid rgba(218, 219, 220, 1);
-  --IDS-CARD__BORDER-RADIUS: 10px;
-  --IDS-CARD__BOX-SHADOW: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
+  --IDS-CARD__BACKGROUND: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-CARD__BORDER: 0.063rem solid rgba(218, 219, 220, 1);
+  --IDS-CARD__BORDER-RADIUS: 0.625rem;
+  --IDS-CARD__BOX-SHADOW: 0 0 0.125rem 0 rgba(0, 0, 0, 0.3);
   --IDS-CARD__COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-CARD__INNER__BORDER: 1px solid rgba(218, 219, 220, 1);
-  --IDS-CARD--BORDER__INNER__BORDER-TOP: 4px solid var(--IDS-COLOR-PRIMARY-40);
-  --IDS-CARD--BORDER-2__INNER__BORDER-TOP: 4px solid var(--IDS-COLOR-ACCENT-40);
-  --IDS-CARD--BORDER__BORDER: 1px solid rgba(218, 219, 220, 1);
-  --IDS-CARD--BORDER__INNER__BORDER: 1px solid rgba(218, 219, 220, 1);
-  --IDS-CARD--BORDER__INNER__BACKGROUND: var(--IDS-COLOR-BACKGROUND-40);
-  --IDS-CARD--HOVER_BOX-SHADOW: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-  --IDS-CARD--FILL__INNER__BACKGROUND: var(--IDS-COLOR-PRIMARY-90);
-  --IDS-CARD--FILL__INNER__BORDER: 1px solid var(--IDS-COLOR-PRIMARY-30);
-  --IDS-CARD--FILL__INNER__BORDER-INTERACTIVE: 1px solid var(--IDS-COLOR-ACCENT-30);
-  --IDS-CARD--FILL-2__INNER__BACKGROUND: var(--IDS-COLOR-ACCENT-95);
-  --IDS-CARD--FILL-2__INNER__BORDER: 1px solid var(--IDS-COLOR-ACCENT-30);
-  /* Forms */
-  /* Date */
-  --date-width: 100%;
-  --date-height: 50px;
-  --date-padding-left: 20px;
-  --date-padding-right: 10px;
-  --date-padding-top: 13px;
-  --date-padding-bottom: 13px;
-  --date-moz-padding-right: 50px;
+  --IDS-CARD--BORDER__BORDER: 0.063rem solid rgba(218, 219, 220, 1);
+  --IDS-CARD--BORDER__BORDER-TOP: 0.25rem solid var(--IDS-COLOR-PRIMARY-40);
+  --IDS-CARD--BORDER-2__BORDER-TOP: 0.25rem solid var(--IDS-COLOR-ACCENT-40);
+  --IDS-CARD--HOVER__BOX-SHADOW: 0 0 0.625rem 0 rgba(0, 0, 0, 0.3);
+  --IDS-CARD--FILL__BACKGROUND: var(--IDS-COLOR-PRIMARY-90);
+  --IDS-CARD--FILL__BORDER: 0.063rem solid var(--IDS-COLOR-PRIMARY-30);
+  --IDS-CARD--FILL__BORDER-INTERACTIVE: 0.063rem solid var(--IDS-COLOR-ACCENT-30);
+  --IDS-CARD--FILL-2__BACKGROUND: var(--IDS-COLOR-ACCENT-95);
+  --IDS-CARD--FILL-2__BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-30);
+  /* Carousel */
+  --IDS-CAROUSEL__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-CAROUSEL__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
+  --IDS-CAROUSEL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-CAROUSEL__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-CAROUSEL-HEADLINE__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-CAROUSEL-SLIDES__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-99);
+  --IDS-CAROUSEL-DESCRIPTION__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-CAROUSEL__DESCRIPTION-COLOR: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-CAROUSEL-ICON__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-CAROUSEL-ICON__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
+  /* Data Table */
+  --IDS-DATA-TABLE__BORDER-RADIUS: 0.625rem 0.625rem 0.313rem 0.313rem;
+  --IDS-DATA-TABLE__HEAD-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-DATA-TABLE__HEAD-BACKGROUND_COLOR: var(--IDS-COLOR-ACCENT-95);
+  --IDS-DATA-TABLE__CELL-BACKGROUND_COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-DATA-TABLE__ROW--SELECTED__COLOR: var(--IDS-COLOR-ACCENT-95);
+  --IDS-DATA-TABLE__CELL-BORDER_COLOR: var(--IDS-COLOR-ACCENT-30);
   /* Date label */
-  --IDS-DATE-LABEL__DAY__FONT-FAMILY: var(--font-family_2);
-  --IDS-DATE-LABEL__DAY__COLOR: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-DATE-LABEL__MONTH__FONT-FAMILY: var(--font-family_2);
-  --IDS-DATE-LABEL__MONTH__COLOR: var(--IDS-COLOR-NEUTRAL-40);
-  --IDS-DATE-LABEL__YEAR__FONT-FAMILY: var(--font-family_1);
-  --IDS-DATE-LABEL__YEAR__COLOR: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-DATE-LABEL__DAY-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-DATE-LABEL__DAY-COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-DATE-LABEL__MONTH-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-DATE-LABEL__MONTH-COLOR: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-DATE-LABEL__YEAR-FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
+  --IDS-DATE-LABEL__YEAR-COLOR: var(--IDS-COLOR-NEUTRAL-40);
+  /* Description list */
+  --IDS-DESCRIPTION-LIST__DISPLAY: flex;
+  --IDS-DESCRIPTION-LIST__BORDER: 0;
+  --IDS-DESCRIPTION-LIST__BORDER-RADIUS: 0;
+  --IDS-DESCRIPTION-LIST__PADDING: 0;
+  --IDS-DESCRIPTION-LIST__TERM-BACKGROUND-COLOR: transparent;
+  --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 700;
+  --IDS-DESCRIPTION-LIST__DESCRIPTION-MARGIN-BOTTOM: 0.75rem;
+  --IDS-DESCRIPTION-LIST--COLUMN__DISPLAY: grid;
+  --IDS-DESCRIPTION-LIST--COLUMN__BORDER: 0.063rem solid var(--IDS-COLOR-PRIMARY-30);
+  --IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS: 0.313rem;
+  --IDS-DESCRIPTION-LIST--COLUMN__PADDING: 0.5rem 1rem;
+  --IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
+  --IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM: 0;
   /* Dialog */
-  --dialog_color: var(--IDS-COLOR-NEUTRAL-20);
-  --dialog_border-color: var(--IDS-COLOR-NEUTRAL-50);
-  --dialog-headline_font-weight: 700;
-  --dialog_border-radius: 10px;
-  --dialog-headline_color: var(--IDS-COLOR-PRIMARY-40);
-  --dialog-headline_font-family: var(--font-family_2);
+  --IDS-DIALOG__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-DIALOG__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-DIALOG__BORDER-RADIUS: 0.625rem;
+  --IDS-DIALOG__HEADLINE-FONT-WEIGHT: 700;
+  --IDS-DIALOG__HEADLINE-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-DIALOG__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
   /* Dropdown */
   --IDS-DROPDOWN__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-50);
-  --IDS-DROPDOWN__LINK__BORDER-RADIUS: 5px;
-  /* Error message content */
+  --IDS-DROPDOWN__LINK-BORDER-RADIUS: 0.313rem;
   /* Expandable */
-  --expandable_border-bottom: 1px solid var(--IDS-COLOR-NEUTRAL-90);
-  --expandable-headline_color: var(--IDS-COLOR-ACCENT-40);
-  --expandable-headline-2_color: var(--IDS-COLOR-NEUTRAL-40);
-  --expandable-icon-2-icon: var(--IDS-COLOR-ACCENT-40);
-  --IDS-EXPANDABLE__HEADLINE__FONT-FAMILY: var(--font-family_2);
-  --IDS-EXPANDABLE__HEADLINE__FONT-WEIGHT: 700;
-  --IDS-EXPANDABLE__HEADLINE__FONT-SIZE: 1.5rem;
-  --IDS-EXPANDABLE--MOBILE__HEADLINE__FONT-SIZE: 1.375rem;
-  --IDS-EXPANDABLE--CHILD__HEADLINE__FONT-SIZE: 1.25rem;
-  /* Footer */
+  --IDS-EXPANDABLE__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
+  --IDS-EXPANDABLE__HEADLINE-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-EXPANDABLE__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-EXPANDABLE__HEADLINE-FONT-WEIGHT: 700;
+  --IDS-EXPANDABLE__HEADLINE-FONT-SIZE: 1.5rem;
+  --IDS-EXPANDABLE__HEADLINE-2-COLOR: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-EXPANDABLE__ICON-2-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-EXPANDABLE--MOBILE__HEADLINE-FONT-SIZE: 1.375rem;
+  --IDS-EXPANDABLE--CHILD__HEADLINE-FONT-SIZE: 1.25rem;
+  /* Footer old */
   --footer_background-color: var(--IDS-COLOR-PRIMARY-90);
   --footer-content_color: var(--IDS-COLOR-NEUTRAL-20);
   --footer_box-shadow: none;
-  --footer_margin-top: 30px;
+  --footer_margin-top: 1.875rem;
   --footer-headline_color: var(--IDS-COLOR-PRIMARY-40);
   --footer-headline-sub_color: var(--IDS-COLOR-PRIMARY-30);
-  --footer-headline_font-family: var(--font-family_2);
+  --footer-headline_font-family: var(--IDS-FONT-FAMILY-HEADING);
   --footer-headline_font-weight: bold;
   --footer-headline_font-size: 1.5rem;
-  --footer-headline_line-height: 30px;
-  --footer-inner_padding-top: 30px;
-  --footer-inner_padding-bottom: 100px;
-  --footer-inner-mobile_padding-bottom: 50px;
+  --footer-headline_line-height: 1.875rem;
+  --footer-inner_padding-top: 1.875rem;
+  --footer-inner_padding-bottom: 6.25rem;
+  --footer-inner-mobile_padding-bottom: 3.125rem;
   --footer-link_color: var(--IDS-COLOR-PRIMARY-35);
   --footer-sub_background-color: var(--IDS-COLOR-PRIMARY-40);
   --footer-sub_border: none;
-  --footer-sub_padding-bottom: 20px;
-  --footer-sub_padding-top: 5px;
+  --footer-sub_padding-bottom: 1.25rem;
+  --footer-sub_padding-top: 0.313rem;
   --footer-sub-text_color: var(--IDS-COLOR-NEUTRAL-100);
-  --footer-sub-mobile_color: white;
+  --footer-sub-mobile_color: var(--IDS-COLOR-NEUTRAL-100);
   --footer-sub-mobile_background-color: var(--IDS-COLOR-PRIMARY-40);
-  --footer-sub-mobile_padding-top: 0px;
-  --footer-sub-link_color: var(--IDS-COLOR-NEUTRAL-100);
-  --footer-sub-link-right_color: var(--IDS-COLOR-NEUTRAL-100);
+  --footer-sub-mobile_padding-top: 0;
   /* Header */
   --header-main_background: linear-gradient(
     90deg,
     var(--IDS-COLOR-PRIMARY-40) 50%,
     var(--IDS-COLOR-PRIMARY-90) 50%
   );
-  --header-main_padding: 0px;
+  --header-main_padding: 0;
   --header-inner_background: var(--IDS-COLOR-PRIMARY-90);
   --header-inner_height: 7.5rem;
   --header-nav_background-color: var(--IDS-COLOR-NEUTRAL-100);
   --header-nav-menu_color: var(--IDS-COLOR-PRIMARY-30);
   --header-nav-mobile_background-color: var(--IDS-COLOR-PRIMARY-90);
-  --header-nav-mobile_padding: 15px 0px;
   --header-nav-item_color: var(--IDS-COLOR-PRIMARY-35);
   --header-nav-item_font-size: 1.25rem;
-  --header-nav-item_font-family: var(--font-family_2);
-  --header-nav-item-heading_color: var(--IDS-COLOR-PRIMARY-35);
-  --header-nav-item_padding: 15px 10px;
+  --header-nav-item_font-family: var(--IDS-FONT-FAMILY-HEADING);
+  --header-nav-item_padding: 0.938rem 0.625rem;
   --header-nav-item-active_color: var(--IDS-COLOR-PRIMARY-35);
   --header-nav-item-expanded_color: var(--IDS-COLOR-PRIMARY-35);
   --header-nav-item-after_background: var(--IDS-COLOR-PRIMARY-40);
   --header-nav-item-after_content: "";
   --header-nav-item-content_background: var(--IDS-COLOR-PRIMARY-90);
   --header-nav-item-content-before_background: #f9e1e3;
-  --header-nav-item-link_color: var(--IDS-COLOR-PRIMARY-35);
-  --header-nav-item-link_border-bottom: 1px solid #dfa9b8;
-  --header-nav-item-active_border-bottom: solid var(--IDS-COLOR-PRIMARY-40);
+  --header-nav-item-link_border-bottom: 0.063rem solid #dfa9b8;
+  /* Icons */
+  --IDS-ICON__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-ICON__COLOR-2: var(--IDS-COLOR-ACCENT-30);
+  --IDS-ICON--ACTIVE__COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-ICON--DISABLED__COLOR: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-ICON__COLOR-PRESET-1: var(--IDS-COLOR-ACCENT-40);
+  --IDS-ICON__COLOR-PRESET-1-2: var(--IDS-COLOR-ACCENT-30);
+  --IDS-ICON__COLOR-PRESET-2: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-ICON__COLOR-PRESET-2-2: var(--IDS-COLOR-PRIMARY-30);
+  --IDS-ICON__COLOR-PRESET-3: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-ICON__COLOR-PRESET-3-2: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-ICON__COLOR-PRESET-4: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-ICON__COLOR-PRESET-4-2: var(--IDS-COLOR-NEUTRAL-100);
   /* Link */
-  --IDS-LINK--FONT-FAMILY: var(--font-family_1);
-  --link_color: var(--IDS-COLOR-ACCENT-40);
-  --link-hover_color: var(--IDS-COLOR-ACCENT-30);
-  --link-icon-hover_background-color: var(--header-nav-item-link_color);
-  --link-icon-hover_color: var(--IDS-COLOR-NEUTRAL-100);
-  --link-colorpreset-1_color: var(--IDS-COLOR-ACCENT-40);
-  --link-colorpreset-1-hover_color: var(--IDS-COLOR-ACCENT-30);
-  --link-colorpreset-2_color: var(--IDS-COLOR-PRIMARY-35);
-  --link-colorpreset-2-hover_color: var(--IDS-COLOR-PRIMARY-30);
-  --link-colorpreset-1--active-icon--hover_background-color: var(--IDS-COLOR-ACCENT-40);
-  --link-colorpreset-1--active-icon--active_background-color: var(--IDS-COLOR-ACCENT-30);
-  --link-colorpreset-2--active-icon--hover_background-color: var(--IDS-COLOR-PRIMARY-35);
-  --link-colorpreset-2--active-icon--active_background-color: var(--IDS-COLOR-PRIMARY-30);
+  --IDS-LINK__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
+  --IDS-LINK__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-LINK__HOVER-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --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-35);
+  --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-35);
+  --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);
   /* List */
-  --list-heading_color: var(--IDS-COLOR-ACCENT-40);
-  --list_border: var(--IDS-COLOR-NEUTRAL-90);
-  --list_color: var(--IDS-COLOR-NEUTRAL-20);
-  --list-item-info_color: var(--IDS-COLOR-NEUTRAL-20);
-  --list-item-interactive_border-bottom: var(--IDS-COLOR-ACCENT-30) 5px solid;
-  /* List pagniation */
-  --IDS-LIST-PAGINATION-LINK--FONT-FAMILY: var(--font-family_2);
-  /* Mobile Menu Remake */
+  --IDS-LIST__HEADING-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-LIST__BORDER: var(--IDS-COLOR-NEUTRAL-90);
+  --IDS-LIST__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-LIST__ITEM-INFO-COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  /* List pagination */
+  --IDS-LIST-PAGINATION__LINK-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  /* Mobile menu */
+  --IDS-MOBILE-MENU__AVATAR-LINK-COLOR: var(--IDS-COLOR-PRIMARY-35);
   /* Level 1 */
-  --IDS-MOBILE-MENU-ITEM--FONT-FAMILY: var(--font-family_1);
-  --IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  --IDS-MOBILE-MENU-ITEM__INNER__COLOR: white;
-  --IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM: 1px solid white;
-  --IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT: 700;
-  --IDS-MOBILE-MENU-ITEM__ICON__COLOR: white;
-  /* Level 1 - ACTIVE */
-  --IDS-MOBILE-MENU-ITEM--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: white;
-  --IDS-MOBILE-MENU-ITEM--ACTIVE__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  /* Level 1 - HAS-CHILDREN */
-  --IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  /* Level 1 - EXPANDED */
-  --IDS-MOBILE-MENU-ITEM--EXPANDED__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  /* Level 1 - OUTLINE */
-  --IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR: white;
-  /* Level 1 - SECONDARY */
-  --IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);
-  --IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__COLOR: var(--IDS-COLOR-PRIMARY-40);
-  --IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
-  --IDS-MOBILE-MENU-ITEM--SECONDARY--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: var(
-    --IDS-COLOR-PRIMARY-40
-  );
-  /* Level 1 - Variation 2 */
-  --IDS-MOBILE-MENU--2-ITEM__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  --IDS-MOBILE-MENU--2-ITEM__INNER__COLOR: white;
-  --IDS-MOBILE-MENU--2-ITEM__INNER__BORDER-BOTTOM: 1px solid white;
-  --IDS-MOBILE-MENU--2-ITEM__INNER__FONT-WEIGHT: 700;
-  --IDS-MOBILE-MENU--2-ITEM__ICON__COLOR: white;
-  --IDS-MOBILE-MENU--2-ITEM__INNER__BORDER-BOTTOM-COLOR: white;
-  /* Level 1 - ACTIVE */
-  --IDS-MOBILE-MENU--2-ITEM--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: white;
-  --IDS-MOBILE-MENU--2-ITEM--ACTIVE__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  /* Level 1 - HAS-CHILDREN */
-  --IDS-MOBILE-MENU--2-ITEM--HAS-CHILDREN__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  /* Level 1 - EXPANDED */
-  --IDS-MOBILE-MENU--2-ITEM--EXPANDED__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  /* Level 1 - OUTLINE */
-  --IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR: white;
+  --IDS-MOBILE-MENU-ITEM__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
+  --IDS-MOBILE-MENU-ITEM__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-ITEM__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-ITEM__COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-ITEM__FONT-WEIGHT: 700;
+  --IDS-MOBILE-MENU-ITEM__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-ITEM--HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-ITEM--ACTIVE__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-ITEM--FOCUS__OUTLINE-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  /* Secondary */
+  --IDS-MOBILE-MENU-ITEM-SECONDARY__ICON-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY__COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-30);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY--FOCUS__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY--ACTIVE__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
   /* Level 2 */
-  --IDS-MOBILE-MENU-ITEM--2__INNER__BACKGROUND-COLOR: white;
-  --IDS-MOBILE-MENU-ITEM--2__INNER__COLOR: var(--IDS-COLOR-PRIMARY-40);
-  --IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM: 1px solid var(--IDS-COLOR-PRIMARY-40);
-  --IDS-MOBILE-MENU-ITEM--2__INNER__FONT-WEIGHT: normal;
-  --IDS-MOBILE-MENU-ITEM--2__ICON__COLOR: var(--IDS-COLOR-PRIMARY-40);
-  --IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
-  /* Level 2 - ACTIVE */
-  --IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  --IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__FONT-WEIGHT: normal;
-  /* Level 2 - HAS CHILDREN */
-  --IDS-MOBILE-MENU-ITEM--2--HAS-CHILDREN__INNER__FONT-WEIGHT: normal;
-  /* Level 2 - EXPANDED */
-  --IDS-MOBILE-MENU-ITEM--2--EXPANDED__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  /* Level 2 - OUTLINE */
-  --IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);
-  /* Level 2 - Variation 2 */
-  --IDS-MOBILE-MENU--2-ITEM--2__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  --IDS-MOBILE-MENU--2-ITEM--2__INNER__COLOR: white;
-  --IDS-MOBILE-MENU--2-ITEM--2__INNER__BORDER-BOTTOM-COLOR: white;
-  --IDS-MOBILE-MENU--2-ITEM--2__ICON__COLOR: white;
-  --IDS-MOBILE-MENU--2-ITEM--2__INNER__FONT-WEIGHT: normal;
-  /* Level 2 - VARIATION 2 - ACTIVE */
-  --IDS-MOBILE-MENU--2-ITEM--2--ACTIVE__INNER__BACKGROUND-COLOR: white;
-  --IDS-MOBILE-MENU--2-ITEM--2--ACTIVE__INNER__FONT-WEIGHT: normal;
-  /* Level 2 - VARIATION 2 - HAS-CHILDREN */
-  --IDS-MOBILE-MENU--2-ITEM--2--HAS-CHILDREN__INNER__FONT-WEIGHT: normal;
-  /* Level 2 - VARIATION 2 - EXPANDED */
-  --IDS-MOBILE-MENU--2-ITEM--2--EXPANDED__INNER__BEFORE__BACKGROUND-COLOR: var(
-    --IDS-COLOR-PRIMARY-35
-  );
-  /* Level 2 - OUTLINE */
-  --IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR: white;
-  --IDS-MOBILE-MENU--2-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  /* Level 3 - OUTLINE */
-  --IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);
-  /* Level 3 - VARIATION 2 */
-  --IDS-MOBILE-MENU--2-ITEM--3__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  --IDS-MOBILE-MENU--2-ITEM--3__INNER__COLOR: white;
-  --IDS-MOBILE-MENU--2-ITEM--3__INNER__BORDER-BOTTOM-COLOR: white;
-  --IDS-MOBILE-MENU--2-ITEM--3__ICON__COLOR: white;
-  --IDS-MOBILE-MENU--2-ITEM-3__INNER__FONT-WEIGHT: normal;
-  /* Level 3 - VARIATION 2 - ACTIVE */
-  --IDS-MOBILE-MENU--2-ITEM--3--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: var(
-    --IDS-COLOR-PRIMARY-40
-  );
-  --IDS-MOBILE-MENU--2-ITEM--3--ACTIVE__INNER__BACKGROUND-COLOR: white;
-  --IDS-MOBILE-MENU--2-ITEM--3--ACTIVE__INNER__FONT-WEIGHT: normal;
-  /* Level 3 - VARIATION 2 - HAS-CHILDREN */
-  --IDS-MOBILE-MENU--2-ITEM--3--HAS-CHILDREN__INNER__FONT-WEIGHT: normal;
-  /* Level 3 - VARIATION 2 - EXPANDED */
-  --IDS-MOBILE-MENU--2-ITEM--3--EXPANDED__INNER__BEFORE__BACKGROUND-COLOR: var(
-    --IDS-COLOR-PRIMARY-40
-  );
-  --IDS-MOBILE-MENU--2-ITEM--3__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  /* Progressbar */
-  --progressbar_border: 1px solid var(--IDS-COLOR-ACCENT-40);
-  --progressbar-fill_background-color: var(--IDS-COLOR-ACCENT-40);
-  --progressbar_color: var(--IDS-COLOR-NEUTRAL-40);
-  /* Popover */
-  --popover_border: var(--IDS-COLOR-NEUTRAL-50);
-  --popover-content_border-radius: 10px;
-  --popover-icon_color: var(--IDS-COLOR-ACCENT-40);
-  --popover-scroll-track_background: var(--IDS-COLOR-ACCENT-95);
-  --popover-scroll-thumb_background: var(--IDS-COLOR-ACCENT-40);
-  /*Variation 2*/
-  --mobile-MENU-ITEM--2_box-shadow: inset rgb(53 53 53 / 20%) 0px 2px 4px 0px;
-  --mobile-MENU-ITEM--2-first_box-shadow: 0 2px 4px 0 rgb(53 53 53 / 20%);
-  --mobile-menu-sub-item-2_background-color: var(--IDS-COLOR-NEUTRAL-100);
-  --mobile-menu-sub-item-2-no-children_border-left: var(--IDS-COLOR-NEUTRAL-100);
-  --mobile-menu-avatar-link: var(--IDS-COLOR-PRIMARY-35);
-  /* Local navigation */
-  --navigation-local_border-top: 1px solid rgba(193, 33, 67, 0.3);
-  --navigation-local-hover_border-top: 1px solid rgba(106, 0, 50, 0.3);
-  --navigation-local-focus_border-left: var(--IDS-COLOR-PRIMARY-40);
-  --navigation-local-selected_border-left: var(--IDS-COLOR-PRIMARY-40);
-  --navigation-local-active_border-left: var(--IDS-COLOR-PRIMARY-30);
-  --navigation-link_color: var(--link-colorpreset-2_color);
-  --navigation-link-hover_color: var(--link-colorpreset-2-hover_color);
-  --navigation-local_letter-spacing: -0.03125rem;
+  --IDS-MOBILE-MENU-ITEM--L2__FONT-WEIGHT: normal;
+  --IDS-MOBILE-MENU-ITEM--L2__COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-ITEM--L2__ICON-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-ITEM--L2__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-ITEM--L2__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
+  --IDS-MOBILE-MENU-ITEM--L2__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-ITEM--L2-HOVER__COLOR: var(--IDS-COLOR-PRIMARY-30);
+  --IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-30);
+  --IDS-MOBILE-MENU-ITEM--L2-ACTIVE__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-ITEM--L2-HAS-CHILDREN__FONT-WEIGHT: normal;
+  --IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
+  /* VARIATION 2 - Level 1 */
+  --IDS-MOBILE-MENU-2-ITEM__FONT-WEIGHT: 700;
+  --IDS-MOBILE-MENU-2-ITEM__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-2-ITEM__COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM--HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  /* VARIATION 2 - Level 2 */
+  --IDS-MOBILE-MENU-2-ITEM--L2__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-2-ITEM--L2__COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM--L2__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM--L2__ICON-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM--L2__FONT-WEIGHT: normal;
+  --IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-2-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM--L2-HOVER__COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  /* VARIATION 2 - Level 3 */
+  --IDS-MOBILE-MENU-2-ITEM--L3__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-2-ITEM--L3__COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM--L3__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM--L3__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-MOBILE-MENU-2-ITEM--L3-HOVER__COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-2-ITEM--L3-HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  /* --- end of mobile menu */
+  /* Navigation content */
+  --IDS-NAVIGATION-CONTENT__BORDER-RADIUS: 0.625rem;
+  --IDS-NAVIGATION-CONTENT__BORDER-TOP: 0.25rem solid var(---IDS-COLOR-ACCENT-40);
+  --IDS-NAVIGATION-CONTENT__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-NAVIGATION-CONTENT__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-NAVIGATION-CONTENT__FONT-WEIGHT: 700;
+  --IDS-NAVIGATION-CONTENT__FONT-SIZE: 1.25rem;
+  --IDS-NAVIGATION-CONTENT__LINE-HEIGHT: 1.5rem;
+  --IDS-NAVIGATION-CONTENT-SEPARATOR__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-90);
+  /* Navigation local */
+  --IDS-NAVIGATION-LOCAL__BORDER: 0.063rem solid rgba(193, 33, 67, 0.3);
+  --IDS-NAVIGATION-LOCAL__HOVER-BORDER: 0.063rem solid rgba(106, 0, 50, 0.3);
+  --IDS-NAVIGATION-LOCAL--ACTIVE-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-NAVIGATION-LOCAL--ACTIVE-HOVER-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-30);
+  --IDS-NAVIGATION-LOCAL__LINK-COLOR: var(--IDS-LINK--COLORPRESET-2__COLOR);
+  --IDS-NAVIGATION-LOCAL__LINK--HOVER-COLOR: var(--IDS-LINK--COLORPRESET-2__HOVER-COLOR);
   /* Notification */
   --IDS-NOTIFICATION-BADGE__BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-40);
-  --IDS-NOTIFICATION-BADGE__COLOR: white;
+  --IDS-NOTIFICATION-BADGE__COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  /* Progressbar */
+  --IDS-PROGRESSBAR__BORDER-COLOR: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
+  --IDS-PROGRESSBAR__PROGRESS-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-PROGRESSBAR__LABEL-COLOR: var(--IDS-COLOR-NEUTRAL-40);
+  /* Popover */
+  --IDS-POPOVER-CONTENT__BORDER: var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-POPOVER-CONTENT__BORDER-RADIUS: 0.625rem;
+  --IDS-POPOVER__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
+  /* Side menu */
+  --IDS-SIDE-MENU__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-SIDE-MENU--ACTIVE__HEADER-BORDER-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-SIDE-MENU__LINK-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-SIDE-MENU__LINK--HOVER-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
+  /* Side panel */
+  --IDS-SIDE-PANEL__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-SIDE-PANEL__FOOTER-BORDER-TOP-COLOR: var(--IDS-COLOR-NEUTRAL-90);
+  --IDS-SIDE-PANEL__FOOTER-BORDER-BOTTOM-COLOR: var(--IDS-COLOR-ACCENT-40);
+  /* Stepper */
+  --IDS-STEP__BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-STEP__HEADLINE-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-STEP__HEADLINE-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-STEP__HEADLINE-LETTER-SPACING: -0.25rem;
+  --IDS-STEP__LABEL-COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-STEP--DISABLED__HEADLINE-COLOR: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-STEP--DISABLED__LABEL-COLOR: var(--IDS-COLOR-NEUTRAL-40);
+  --IDS-STEP__AFTER-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-STEP__INDICATOR-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
+  --IDS-STEP__INDICATOR-BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
+  --IDS-STEP__INDICATOR-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-STEP__INDICATOR-FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
+  --IDS-STEP__CHEVRON-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-STEP--SELECTED__INDICATOR-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-STEP--VALID__INDICATOR-ICON-COLOR: var(--IDS-COLOR-SUCCESS-30);
+  --IDS-STEP--VALID__INDICATOR-BACKGROUND-COLOR: var(--IDS-COLOR-SUCCESS-99);
+  --IDS-STEP--VALID__INDICATOR-BORDER: 0.063rem solid var(--IDS-COLOR-SUCCESS-40);
+  --IDS-STEP--INVALID__INDICATOR-ICON-COLOR: var(--IDS-COLOR-PRIMARY-40);
+  --IDS-STEP--INVALID__INDICATOR-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
+  --IDS-STEP--INVALID__INDICATOR-BORDER: 0.063rem solid var(--IDS-COLOR-PRIMARY-40);
+  /* Spinner */
+  --IDS-SPINNER__COLOR: var(--IDS-COLOR-ACCENT-40);
+  /* Table */
+  --IDS-TABLE__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-PRIMARY-40);
+  --IDS-TABLE__BORDER-RADIUS: 0.625rem 0.625rem 0 0;
+  --IDS-TABLE__HEAD-BACKGROUND-COLOR: var(--IDS-COLOR-PRIMARY-90);
+  --IDS-TABLE__CELL-BORDER: 0.063rem solid var(--IDS-COLOR-PRIMARY-40);
+  /* Tab */
+  --IDS-TABS__BORDER-BOTTOM: 0.25rem solid var(--IDS-COLOR-ACCENT-90);
+  --IDS-TAB__BORDER: 0.063rem solid transparent;
+  --IDS-TAB--SELECTED-BORDER: 0.063rem solid var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-TAB__BORDER-RADIUS: 0.625rem 0.625rem 0 0;
+  --IDS-TAB__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-TAB--SELECTED_COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-TAB__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-TAB__ICON-COLOR-2: var(--IDS-COLOR-ACCENT-30);
+  --IDS-TAB--SELECTED__BOX-SHADOW: 0 0 0.25rem rgba(0, 0, 0, 0.3);
+  --IDS-TAB--SELECTED__BEFORE-CONTENT: none;
+  --IDS-TAB--SELECTED__AFTER-HEIGHT: 0.313rem;
+  --IDS-TAB--SELECTED__AFTER-BOTTOM: -0.313rem;
+  --IDS-TAB--SELECTED__AFTER-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
   /* Tag */
   --IDS-TAG__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
-  --IDS-TAG__FONT-FAMILY: var(--font-family_2);
+  --IDS-TAG__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
   --IDS-TAG__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-50);
-  --IDS-TAG__BORDER-RADIUS: 5px;
-  --IDS-TAG__PADDING: 7px 15px;
-  --IDS-TAG__ICON__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-TAG__BORDER-RADIUS: 0.313rem;
+  --IDS-TAG__PADDING: 0.438rem 0.938rem;
+  --IDS-TAG__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
   --IDS-TAG__COLOR: var(--IDS-COLOR-NEUTRAL-20);
   --IDS-TAG--INTERACTIVE__COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-TAG--INTERACTIVE__COLOR--HOVER: var(--IDS-COLOR-ACCENT-30);
   --IDS-TAG--INTERACTIVE__FONT-WEIGHT: 700;
   --IDS-TAG--INTERACTIVE__BORDER-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-TAG--INTERACTIVE-HOVER__COLOR: var(--IDS-COLOR-ACCENT-30);
   /* Tooltip */
-  --tooltip_color: var(--IDS-COLOR-NEUTRAL-20);
-  --tooltip_border-color: var(--IDS-COLOR-NEUTRAL-40);
-  /* Select */
-  --select_border: 1px solid var(--IDS-COLOR-ACCENT-40);
-  --select_padding-right: 60px;
-  --select-multiple-dropdown_border-radius: 10px;
-  /* Stepper */
-  --stepper-step_border: 1px solid var(--IDS-COLOR-NEUTRAL-50);
-  --stepper-step-headline_color: var(--IDS-COLOR-ACCENT-40);
-  --stepper-step-headline_font-family: var(--font-family_2);
-  --stepper-step-headline_letter-spacing: -0.4px;
-  --stepper-step-headline--disabled_color: var(--IDS-COLOR-NEUTRAL-40);
-  --stepper-step-label_color: var(--IDS-COLOR-NEUTRAL-20);
-  --stepper-step-label--disabled_color: var(--IDS-COLOR-NEUTRAL-40);
-  --stepper-step--after_background-color: var(--IDS-COLOR-NEUTRAL-50);
-  --stepper-step-indicator_background-color: var(--IDS-COLOR-ACCENT-95);
-  --stepper-step-indicator_border: 1px solid var(--IDS-COLOR-ACCENT-40);
-  --stepper-step-indicator_color: var(--IDS-COLOR-ACCENT-40);
-  --stepper-step-indicator_font-family: var(--font-family_2);
-  --stepper-step-chevron_color: var(--IDS-COLOR-ACCENT-40);
-  --stepper-step-indicator-selected_background-color: var(--IDS-COLOR-ACCENT-40);
-  --stepper-step-indicator-valid-icon_color: var(--IDS-COLOR-SUCCESS-30);
-  --stepper-step-indicator-valid_background-color: var(--IDS-COLOR-SUCCESS-99);
-  --stepper-step-indicator-valid_border: 1px solid var(--IDS-COLOR-SUCCESS-40);
-  --stepper-step-indicator-invalid-icon_color: var(--IDS-COLOR-PRIMARY-40);
-  --stepper-step-indicator-invalid_background-color: var(--IDS-COLOR-PRIMARY-90);
-  --stepper-step-indicator-invalid_border: 1px dashed var(--IDS-COLOR-PRIMARY-40);
-  /* Spinner */
-  --spinner_color: var(--IDS-COLOR-ACCENT-40);
-  /* Tab */
-  --IDS-TABS_BORDER-BOTTOM: 4px solid var(--IDS-COLOR-ACCENT-90);
-  --IDS-TAB_BORDER: 1px solid transparent;
-  --IDS-TAB--SELECTED-BORDER: 1px solid var(--IDS-COLOR-NEUTRAL-50);
-  --IDS-TAB_BORDER-RADIUS: 10px 10px 0px 0px;
-  --IDS-TAB_COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-TAB--SELECTED_COLOR: var(--IDS-COLOR-ACCENT-30);
-  --IDS-TAB-ICON_COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-TAB-ICON_COLOR2: var(--IDS-COLOR-ACCENT-30);
-  --IDS-TAB--SELECTED_BOX-SHADOW: 0px 0px 4px rgba(0, 0, 0, 0.3);
-  --IDS-TAB--SELECTED--AFTER_BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
-  --IDS-TAB--SELECTED--AFTER_HEIGHT: 5px;
-  --IDS-TAB--SELECTED--AFTER_BOTTOM: -5px;
-  --IDS-TAB--SELECTED--BEFORE_CONTENT: none;
-  /* Table */
-  --IDS-TABLE-HEAD__BACKGROUND_COLOR: var(--IDS-COLOR-PRIMARY-90);
-  --IDS-TABLE-CELL__BORDER: 1px solid var(--IDS-COLOR-PRIMARY-40);
-  --IDS-TABLE__BORDER-BOTTOM: 1px solid var(--IDS-COLOR-PRIMARY-40);
-  --IDS-TABLE__BORDER-RADIUS: 10px 10px 0 0;
-  /* Data Table */
-  --IDS-DATA-TABLE-HEAD__BACKGROUND_COLOR: var(--IDS-COLOR-ACCENT-95);
-  --IDS-DATA-TABLE-CELL__BACKGROUND_COLOR: var(--IDS-COLOR-NEUTRAL-100);
-  --IDS-DATA-TABLE-CELL--SELECTED: var(--IDS-COLOR-ACCENT-95);
-  --IDS-DATA-TABLE-CELL__BORDER_COLOR: var(--IDS-COLOR-ACCENT-30);
-  --IDS-DATA-TABLE__BORDER-RADIUS: 10px 10px 5px 5px;
-  --IDS-DATA-TABLE-HEAD__FONT-FAMILY: var(--font-family_2);
-  /* Time */
-  --time-width: 100%;
-  --time-height: 50px;
-  --time-padding-left: 20px;
-  --time-padding-right: 10px;
-  --time-padding-top: 13px;
-  --time-padding-bottom: 13px;
-  --time-moz-padding-right: 50px;
-  /* Focus */
-  --IDS-FOCUS_OUTLINE: 2px solid var(--IDS-COLOR-NEUTRAL-40);
-  --IDS-FOCUS_OUTLINE--LIGHT: 2px solid white;
-  --IDS-FOCUS_OUTLINE-OFFSET: 2px;
-  --focus_outline: 2px solid var(--IDS-COLOR-NEUTRAL-40);
-  --focus_outline-offset: 2px;
-  --focus-outline_color: var(--IDS-COLOR-NEUTRAL-40);
-  --focus-outline-bright_color: white;
-  /* Icons */
-  --icon-color: var(--IDS-COLOR-ACCENT-40);
-  --icon-color2: var(--IDS-COLOR-ACCENT-30);
-  --icon-disabled-color: var(--IDS-COLOR-NEUTRAL-40);
-  --icon-color-preset1: var(--IDS-COLOR-ACCENT-40);
-  --icon-color2-preset1: var(--IDS-COLOR-ACCENT-30);
-  --icon-color-preset2: var(--IDS-COLOR-PRIMARY-40);
-  --icon-color2-preset2: var(--IDS-COLOR-PRIMARY-30);
-  --icon-color-preset3: var(--IDS-COLOR-NEUTRAL-40);
-  --icon-color2-preset3: var(--IDS-COLOR-NEUTRAL-20);
-  --icon-color-preset4: white;
-  --icon-color2-preset4: white;
-  --IDS-ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-ICON-ACTIVE-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-TOOLTIP__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-TOOLTIP__BORDER-COLOR: var(--IDS-COLOR-NEUTRAL-40);
 }
 
 /**********************
-* FORM 
+* BASE 
 * Note that this CSS only affects the core components
 **********************/
 /* Input Search cancel icon */
@@ -4665,63 +4652,54 @@ ids-input input[type=search]::-webkit-search-results-decoration {
 
 .ids-divider {
   width: 100%;
-  height: 1px;
+  height: 0.063rem;
   background-color: var(--IDS-COLOR-NEUTRAL-50);
   border: none;
 }
 
 .ids-scrollbar::-webkit-scrollbar {
-  width: 14px;
+  width: 1rem;
   position: absolute;
-  margin-left: -20px;
-  margin-top: 10px;
+  margin-left: -1.25rem;
 }
 .ids-scrollbar::-webkit-scrollbar-track {
-  background: var(--IDS-SCROLL_TRACK-COLOR);
-  border-radius: 10px;
-  margin-top: 10px;
+  background: var(--IDS-COLOR-NEUTRAL-99);
+  border-radius: 0.625rem;
   margin-bottom: 0;
 }
-.ids-scrollbar::-webkit-resizer {
-  appearance: none;
-  background-image: var(--IDS-TEXTAREA-RESIZER-IMAGE);
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: cover;
-}
-.ids-scrollbar::-webkit-scrollbar-corner {
-  background-color: transparent;
-}
 .ids-scrollbar::-webkit-scrollbar-thumb {
   cursor: auto;
-  background: var(--IDS-SCROLL_COLOR);
-  border-radius: 10px;
+  background: var(--IDS-SCROLL__COLOR);
+  border-radius: 0.625rem;
   box-sizing: border-box;
-  border: 3px solid var(--IDS-SCROLL_TRACK-COLOR);
+  border: 0.125rem solid var(--IDS-COLOR-NEUTRAL-99);
 }
 .ids-scrollbar::-webkit-scrollbar-thumb:hover {
-  background: var(--IDS-SCROLL_HOVER-COLOR);
+  background: var(--IDS-SCROLL__HOVER-COLOR);
+}
+.ids-scrollbar::-webkit-scrollbar-corner {
+  background-color: transparent;
 }
 
 .ids-label {
   display: inline-block;
-  color: var(--IDS-FORM__LABEL__COLOR);
-  font-family: var(--IDS-FORM__LABEL__FONT-FAMILY);
-  font-size: var(--IDS-FORM__LABEL__FONT-SIZE);
+  color: var(--IDS-FORM-LABEL__COLOR);
+  font-family: var(--IDS-FORM-LABEL__FONT-FAMILY);
+  font-size: var(--IDS-FORM-LABEL__FONT-SIZE);
   font-style: normal;
-  font-weight: var(--IDS-FORM__LABEL__FONT-WEIGHT);
-  letter-spacing: var(--IDS-FORM__LABEL__LETTER-SPACING);
-  line-height: var(--IDS-FORM__LABEL__HEIGHT);
-  margin-top: 3px;
-  min-height: 24px;
-  min-width: 24px;
+  font-weight: var(--IDS-FORM-LABEL__FONT-WEIGHT);
+  letter-spacing: var(--IDS-FORM-LABEL__LETTER-SPACING);
+  line-height: var(--IDS-FORM-LABEL__HEIGHT);
+  min-height: 1.25rem;
+  min-width: 1.5rem;
+  margin-bottom: 0.25rem;
 }
 .ids-label.ids-label--clickable {
   cursor: pointer;
 }
 .ids-label.ids-label--disabled {
   font-style: italic;
-  color: var(--IDS-FORM__LABEL--DISABLED__COLOR);
+  color: var(--IDS-FORM-LABEL--DISABLED__COLOR);
   cursor: default !important;
 }
 .ids-label.ids-label--no-label {
@@ -4731,15 +4709,15 @@ ids-input input[type=search]::-webkit-search-results-decoration {
 .ids-label-wrapper {
   display: inline-flex;
   align-items: flex-start;
-  gap: 8px;
-  margin-bottom: 5px;
-  margin-right: 8px;
+  gap: 0.5rem;
+  margin-bottom: 0.313rem;
+  margin-right: 0.5rem;
 }
 .ids-label-wrapper .ids-label-tooltip-wrapper label {
   display: inline;
-  top: -3px;
+  top: -0.188rem;
   position: relative;
-  margin-right: 8px;
+  margin-right: 0.5rem;
 }
 
 /* Thematic classes */
@@ -4760,146 +4738,149 @@ ids-input input[type=search]::-webkit-search-results-decoration {
 }
 
 :root {
-  --heading-xxl-color: var(--IDS-COLOR-NEUTRAL-20);
-  --heading-xl-color: var(--IDS-COLOR-NEUTRAL-20);
-  --heading-l-color: var(--IDS-COLOR-NEUTRAL-20);
-  --heading-m-color: var(--IDS-COLOR-NEUTRAL-20);
-  --heading-s-color: var(--IDS-COLOR-NEUTRAL-20);
-  --heading-xs-color: var(--IDS-COLOR-NEUTRAL-20);
-  --page-list-color: var(--IDS-COLOR-SECONDARY-40);
+  --IDS-HEADING-XXL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-HEADING-XL__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-HEADING-L__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-HEADING-M__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-HEADING-S__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-HEADING-XS__COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  --IDS-PAGE-LIST__COLOR: var(--IDS-COLOR-SECONDARY-40);
+  --IDS-BULLET-LIST__MARKER-COLOR: var(--IDS-COLOR-NEUTRAL-20);
 }
 
 :root,
 :host {
+  /* Input */
+  --IDS-INPUT__HEIGHT: 2.25rem;
+  --IDS-INPUT__PADDING: 0 1rem;
+  --IDS-INPUT__ICON-RIGHT: 1rem;
   /* Button */
-  --btn-fab-icon_color: var(--IDS-COLOR-ACCENT-40);
+  --IDS-BUTTON--SEARCH-M__HEIGHT: 2.25rem;
+  --IDS-BUTTON--SEARCH-M__FONT-SIZE: 1rem;
+  --IDS-BUTTON--SEARCH-M__PADDING: 0.5rem 1.5rem;
+  --IDS-BUTTON--FAB__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
+  /* Select */
+  --IDS-SELECT__LINE-HEIGHT: 2.125rem;
+  /* Textarea */
+  --IDS-TEXTAREA__PADDING: .5rem .625rem;
   /* Dialog */
-  --dialog-headline_color: var(--IDS-COLOR-NEUTRAL-20);
-  /* Table for pro */
-  --IDS-TABLE-HEAD__BACKGROUND_COLOR: var(--IDS-COLOR-ACCENT-95);
-  --IDS-TABLE-CELL__BORDER: 1px solid var(--IDS-COLOR-ACCENT-30);
-  --IDS-TABLE__BORDER-BOTTOM: 1px solid var(--IDS-COLOR-ACCENT-30);
-  /* Footer */
+  --IDS-DIALOG__HEADLINE-COLOR: var(--IDS-COLOR-NEUTRAL-20);
+  /* Description list*/
+  --IDS-DESCRIPTION-LIST__DISPLAY: flex;
+  --IDS-DESCRIPTION-LIST__BORDER: 0;
+  --IDS-DESCRIPTION-LIST__BORDER-RADIUS: 0;
+  --IDS-DESCRIPTION-LIST__PADDING: 0;
+  --IDS-DESCRIPTION-LIST__TERM-BACKGROUND-COLOR: transparent;
+  --IDS-DESCRIPTION-LIST__DESCRIPTION-MARGIN-BOTTOM: 0.75rem;
+  --IDS-DESCRIPTION-LIST--COLUMN__DISPLAY: grid;
+  --IDS-DESCRIPTION-LIST--COLUMN__BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-30);
+  --IDS-DESCRIPTION-LIST--COLUMN__BORDER-RADIUS: 0.313rem;
+  --IDS-DESCRIPTION-LIST--COLUMN__PADDING: 0.5rem 1rem;
+  --IDS-DESCRIPTION-LIST--COLUMN__TERM-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
+  --IDS-DESCRIPTION-LIST--COLUMN__DESCRIPTION-MARGIN-BOTTOM: 0;
+  /* Footer old */
   --footer_background-color: var(--IDS-COLOR-NEUTRAL-100);
   --footer-content_color: var(--IDS-COLOR-NEUTRAL-20);
-  --footer_box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
+  --footer_box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.3);
   --footer-headline_color: var(--IDS-COLOR-ACCENT-30);
   --footer-headline-sub_color: var(--IDS-COLOR-PRIMARY-30);
   --footer-headline_font-size: 1.5rem;
-  --footer-headline_line-height: 30px;
-  --footer_margin-top: 0px;
-  --footer-inner_padding-top: 40px;
-  --footer-inner_padding-bottom: 60px;
+  --footer-headline_line-height: 1.875rem;
+  --footer_margin-top: 0;
+  --footer-inner_padding-top: 2.5rem;
+  --footer-inner_padding-bottom: 3.75rem;
   --footer-sub_background-color: var(--IDS-COLOR-ACCENT-40);
-  --footer-sub_padding-top: 10px;
-  --footer-sub_padding-bottom: 10px;
+  --footer-sub_padding-top: 0.625rem;
+  --footer-sub_padding-bottom: 0.625rem;
   --footer-sub-mobile_background-color: var(--IDS-COLOR-NEUTRAL-100);
   --footer-sub-mobile_color: var(--IDS-COLOR-NEUTRAL-40);
-  --footer-sub-link_color: var(--IDS-COLOR-PRIMARY-40);
-  --footer-sub-link-right_color: var(--IDS-COLOR-NEUTRAL-100);
   --footer-headline-pro_font-family: "Inter";
-  --footer-headline-pro_font-size: 20px;
-  --footer-headline-pro_letter-spacing: -0.4px;
+  --footer-headline-pro_font-size: 1.25rem;
+  --footer-headline-pro_letter-spacing: -0.002rem;
   --footer-headline-pro_font-weight: 700;
-  --footer-headline-pro_line-height: 24px;
-  --bullet-list-marker-color: var(--IDS-COLOR-NEUTRAL-20);
-  --IDS-COLOR-NEUTRAL-30: blue;
-  /* Header */
-  --header-main_background: white;
-  --header-main-mobile_padding: 0px;
-  --header-inner_background: white;
-  --avatar-chevron-icon: var(--IDS-COLOR-ACCENT-40);
-  --header-nav_padding: 15px 0px;
+  --footer-headline-pro_line-height: 1.5rem;
+  /* Header old */
+  --header-main_background: var(--IDS-COLOR-NEUTRAL-100);
+  --header-main-mobile_padding: 0;
+  --header-inner_background: var(--IDS-COLOR-NEUTRAL-100);
+  --header-avatar-chevron-icon: var(--IDS-COLOR-ACCENT-40);
   --header-nav-mobile_background-color: var(--IDS-COLOR-NEUTRAL-100);
-  --header-nav-mobile-menu-items_box-shadow: 0px 2px 5px #c5c5c5;
+  --header-nav-mobile-menu-items_box-shadow: 0 0.125rem 0.313rem #c5c5c5;
   --header-nav-item_font-size: 1.125rem;
   --header-nav-item_color: var(--IDS-COLOR-ACCENT-40);
-  --header-nav-item_padding: 2px 10px;
-  --header-nav-item_border-radius: 22px;
-  --header-nav-item_border: 1px solid white;
-  --header-nav-item-link_color: var(--IDS-COLOR-PRIMARY-35);
-  --header-nav-item-link_border-bottom: 1px solid var(--IDS-COLOR-NEUTRAL-90);
-  --header-nav-item-heading_color: var(--IDS-COLOR-PRIMARY-30);
+  --header-nav-item_padding: 0.125rem 0.625rem;
+  --header-nav-item_border-radius: 1.375rem;
+  --header-nav-item_border: 0.063rem solid var(--IDS-COLOR-NEUTRAL-100);
+  --header-nav-item-link_border-bottom: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
   --header-nav-item-after_content: none;
-  --header-nav-item-hover_border: 1px solid var(--IDS-COLOR-ACCENT-40);
+  --header-nav-item-hover_border: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
   --header-nav-item-expanded_background-color: var(--IDS-COLOR-ACCENT-30);
-  --header-nav-item-expanded_border: 1px solid var(--IDS-COLOR-ACCENT-30);
-  --header-nav-item-expanded_color: white;
+  --header-nav-item-expanded_border: 0.063rem solid var(--IDS-COLOR-ACCENT-30);
+  --header-nav-item-expanded_color: var(--IDS-COLOR-NEUTRAL-100);
   --header-nav-item-active_background-color: var(--IDS-COLOR-ACCENT-40);
-  --header-nav-item-active_border: 1px solid var(--IDS-COLOR-ACCENT-40);
-  --header-nav-item-active_color: white;
+  --header-nav-item-active_border: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
+  --header-nav-item-active_color: var(--IDS-COLOR-NEUTRAL-100);
   --header-nav-item-content_background: var(--IDS-COLOR-NEUTRAL-99);
-  --header-nav-item-content-before_background: white;
+  --header-nav-item-content-before_background: var(--IDS-COLOR-NEUTRAL-100);
   --header-nav-menu_color: var(--IDS-COLOR-ACCENT-40);
-  /* Mobile Menu Remake */
+  /* Mobile menu */
+  --IDS-MOBILE-MENU__AVATAR-LINK-COLOR: var(--IDS-COLOR-ACCENT-40);
   /* Level 1 */
-  --IDS-MOBILE-MENU-ITEM__INNER__BACKGROUND-COLOR: white;
-  --IDS-MOBILE-MENU-ITEM__INNER__COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM: 1px solid var(--IDS-COLOR-ACCENT-40);
-  --IDS-MOBILE-MENU-ITEM__ICON__COLOR: var(--IDS-COLOR-ACCENT-40);
-  /* Level 1 - ACTIVE */
-  --IDS-MOBILE-MENU-ITEM--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-MOBILE-MENU-ITEM--ACTIVE__INNER__BACKGROUND-COLOR: white;
-  --IDS-MOBILE-MENU-ITEM--ACTIVE__INNER__FONT-WEIGHT: 700;
-  /* Level 1 - HAS-CHILDREN */
-  --IDS-MOBILE-MENU-ITEM--HAS-CHILDREN__INNER__BACKGROUND-COLOR: white;
-  /* Level 1 - EXPANDED */
-  --IDS-MOBILE-MENU-ITEM--EXPANDED__INNER__BACKGROUND-COLOR: white;
-  /* Level 1 - OUTLINE */
-  --IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);
-  --IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
-  --IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-MOBILE-MENU-ITEM--SECONDARY--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: var(
-    --IDS-COLOR-ACCENT-40
-  );
-  /* Level 1 - VARIATION 2 */
-  --IDS-MOBILE-MENU--2-ITEM__INNER__BACKGROUND-COLOR: transparent;
-  --IDS-MOBILE-MENU--2-ITEM__INNER__COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-MOBILE-MENU--2-ITEM__INNER__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-50);
-  --IDS-MOBILE-MENU--2-ITEM__ICON__COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-MOBILE-MENU--2-ITEM__INNER__FONT-WEIGHT: 700;
-  /* Level 1 - VARIATION 2 - ACTIVE */
-  --IDS-MOBILE-MENU--2-ITEM--ACTIVE__INNER__BACKGROUND-COLOR: transparent;
-  --IDS-MOBILE-MENU--2-ITEM--ACTIVE__INNER__FONT-WEIGHT: 700;
-  /* Level 1 - VARIATION 2 - HAS-CHILDREN */
-  --IDS-MOBILE-MENU--2-ITEM--HAS-CHILDREN__INNER__FONT-WEIGHT: 700;
-  /* Level 1 - Variation 2 - Outline */
-  --IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);
-  --IDS-MOBILE-MENU-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
-  /* Mobile Menu Remake */
+  --IDS-MOBILE-MENU-ITEM__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-ITEM__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-ITEM__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-ITEM__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-ITEM--HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-MOBILE-MENU-ITEM--ACTIVE__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-ITEM--EXPANDED__BACKGROUND-COLOR: var(--IDS-COLOR-NEUTRAL-100);
+  --IDS-MOBILE-MENU-ITEM--FOCUS__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
+  /* Secondary */
+  --IDS-MOBILE-MENU-ITEM-SECONDARY__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-MOBILE-MENU-ITEM-SECONDARY--ACTIVE__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
   /* Level 2 */
-  --IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM: 1px solid var(--IDS-COLOR-ACCENT-40);
-  --IDS-MOBILE-MENU-ITEM--2__INNER__COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-MOBILE-MENU-ITEM--2__ICON__COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-MOBILE-MENU-ITEM--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
-  /* Level 2 - VARIATION 2 */
-  --IDS-MOBILE-MENU--2-ITEM--2__INNER__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-50);
-  --IDS-MOBILE-MENU--2-ITEM--2__INNER__BACKGROUND-COLOR: transparent;
-  --IDS-MOBILE-MENU--2-ITEM--2__INNER__COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-MOBILE-MENU--2-ITEM--2__ICON__COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-MOBILE-MENU--2-ITEM--2__INNER__BEFORE__BACKGROUND-COLOR: transparent;
-  --IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);
-  /* Level 3 - VARIATION 2 */
-  --IDS-MOBILE-MENU--2-ITEM--3__INNER__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-50);
-  --IDS-MOBILE-MENU--2-ITEM--3__INNER__BACKGROUND-COLOR: transparent;
-  --IDS-MOBILE-MENU--2-ITEM--3__INNER__COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-MOBILE-MENU--2-ITEM--3__ICON__COLOR: var(--IDS-COLOR-ACCENT-40);
-  --IDS-MOBILE-MENU--2-ITEM--3__INNER__BEFORE__BACKGROUND-COLOR: transparent;
-  --IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR: var(--focus-outline_color);
-  --mobile-menu-avatar-link: var(--IDS-COLOR-ACCENT-40);
-  /* Description list*/
-  --IDS-DESCRIPTION-LIST__DISPLAY: flex;
-  --IDS-DESCRIPTION-LIST__BORDER: 0;
-  --IDS-DESCRIPTION-LIST__BORDER-RADIUS: 0;
-  --IDS-DESCRIPTION-LIST__PADDING: 0;
-  --IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR: transparent;
-  --IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM: 12px;
-  --IDS-DESCRIPTION-LIST__DISPLAY--COLUMN: grid;
-  --IDS-DESCRIPTION-LIST__BORDER--COLUMN: 1px solid var(--IDS-COLOR-ACCENT-30);
-  --IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN: 5px;
-  --IDS-DESCRIPTION-LIST__PADDING--COLUMN: 8px 16px;
-  --IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR--COLUMN: var(--IDS-COLOR-ACCENT-95);
-  --IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM--COLUMN: 0;
+  --IDS-MOBILE-MENU-ITEM--L2__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-ITEM--L2__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-ITEM--L2__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-ITEM--L2__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
+  --IDS-MOBILE-MENU-ITEM--L2-HOVER__COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-MOBILE-MENU-ITEM--L2-ACTIVE__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-40);
+  /* VARIATION 2 - Level 1 */
+  --IDS-MOBILE-MENU-2-ITEM__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR: transparent;
+  --IDS-MOBILE-MENU-2-ITEM__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-MOBILE-MENU-2-ITEM__FONT-WEIGHT: 700;
+  --IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR: transparent;
+  --IDS-MOBILE-MENU-2-ITEM--HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
+  /* VARIATION 2 - Level 2 */
+  --IDS-MOBILE-MENU-2-ITEM--L2__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-MOBILE-MENU-2-ITEM--L2__BACKGROUND-COLOR: transparent;
+  --IDS-MOBILE-MENU-2-ITEM--L2__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-2-ITEM--L2__ICON-COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-BACKGROUND-COLOR: transparent;
+  --IDS-MOBILE-MENU-2-ITEM--L2-HOVER__COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-MOBILE-MENU-2-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
+  /* VARIATION 2 - Level 3 */
+  --IDS-MOBILE-MENU-2-ITEM--L3__BORDER-BOTTOM-COLOR: var(--IDS-COLOR-NEUTRAL-50);
+  --IDS-MOBILE-MENU-2-ITEM--L3__BACKGROUND-COLOR: transparent;
+  --IDS-MOBILE-MENU-2-ITEM--L3__COLOR: var(--IDS-COLOR-ACCENT-40);
+  --IDS-MOBILE-MENU-2-ITEM--L3__BEFORE-BACKGROUND-COLOR: transparent;
+  --IDS-MOBILE-MENU-2-ITEM--L3-HOVER__COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-MOBILE-MENU-2-ITEM--L3-HOVER__BEFORE-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-30);
+  --IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR: var(--IDS-FOCUS__OUTLINE-COLOR);
+  /* Table */
+  --IDS-TABLE__HEAD-BACKGROUND-COLOR: var(--IDS-COLOR-ACCENT-95);
+  --IDS-TABLE__CELL-BORDER: 0.063rem solid var(--IDS-COLOR-ACCENT-30);
+  --IDS-TABLE__BORDER-BOTTOM: 0.063rem solid var(--IDS-COLOR-ACCENT-30);
 }
 
 /* Thematic classes */