@adyen/kyc-components 2.48.1 → 2.50.0

package/dist/style.css

@@ -1,13 +1,9 @@
-/* #region Colors */
-/* #endregion */
 /* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-summary {
@@ -27,6 +23,7 @@
 .adyen-kyc-summary__heading {
   font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
   font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
   margin-bottom: var(--adyen-sdk-spacer-090, 24px);
 }
 .adyen-kyc-summary-section {
@@ -39,7 +36,6 @@
   display: flex;
   align-items: baseline;
   justify-content: space-between;
-  padding: var(--adyen-sdk-spacer-000, 0px);
 }
 .adyen-kyc-summary-section__heading {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -47,12 +43,12 @@
 }
 .adyen-kyc-summary-section__content {
   padding: var(--adyen-sdk-spacer-000, 0px);
-  margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-090, 24px);
+  margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-100, 32px);
 }
 .adyen-kyc-summary-section__field {
   display: flex;
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  margin-bottom: var(--adyen-sdk-spacer-040, 8px);
+  margin-bottom: var(--adyen-sdk-spacer-060, 12px);
 }
 .adyen-layout-xs-only .adyen-kyc-summary-section__field {
   flex-direction: column;
@@ -76,19 +72,15 @@
 .adyen-kyc-summary__legal-caption {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-}
-.adyen-kyc-summary .adyen-kyc-review-alert {
-  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 /* Base button */
@@ -122,10 +114,10 @@
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
   height: fit-content;
-  padding: var(--adyen-sdk-spacer-050, 10px) var(--adyen-sdk-spacer-060, 12px);
+  padding: var(--adyen-sdk-spacer-050, 10px);
   position: relative;
   transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-linear, linear);
-  transition-property: color, background-color, box-shadow;
+  transition-property: color, background-color;
 }
 .adyen-kyc-button *,
 .adyen-kyc-button *::before,
@@ -148,7 +140,6 @@
 /* secondary */
 .adyen-kyc-button--secondary {
   background-color: var(--adyen-sdk-color-background-primary, #ffffff);
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
   border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary, #c9cdd3);
   color: var(--adyen-sdk-color-label-primary, #00112c);
 }
@@ -165,7 +156,6 @@
 .adyen-kyc-button--tertiary {
   color: var(--adyen-sdk-color-label-primary, #00112c);
   background-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
   text-decoration: underline;
 }
 .adyen-kyc-button--tertiary:hover {
@@ -194,6 +184,16 @@
   padding: var(--adyen-sdk-spacer-030, 6px) var(--adyen-sdk-spacer-050, 10px);
 }
 
+.adyen-kyc-button--shaded {
+  background-color: rgba(0, 17, 44, 0.08);
+  border-radius: 50%;
+}
+
+.adyen-kyc-button--shaded:hover {
+  background-color: var(--adyen-sdk-color-background-tertiary-hover, #e3e5e9);
+  color: var(--adyen-sdk-color-label-primary, #00112c);
+}
+
 .adyen-kyc-button--block {
   display: flex;
   min-width: 100%;
@@ -212,22 +212,17 @@
 button[disabled] {
   cursor: not-allowed;
   background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
-  box-shadow: inset 0 0 0 var(--adyen-sdk-border-width-s, 1px) var(--adyen-sdk-color-background-disabled, #eeeff1);
   color: var(--adyen-sdk-color-label-disabled, #8d95a3);
 }
 button[disabled]:hover {
   background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
   color: var(--adyen-sdk-color-label-disabled, #8d95a3);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-link {
@@ -244,7 +239,6 @@ button[disabled]:hover {
   cursor: pointer;
   display: inline;
   padding: var(--adyen-sdk-spacer-000, 0px);
-  text-decoration: none;
   vertical-align: baseline;
 }
 .adyen-kyc-link *,
@@ -270,8 +264,9 @@ button[disabled]:hover {
   margin-right: var(--adyen-sdk-spacer-020, 4px);
 }
 .adyen-kyc-link--with-icon:hover {
-  text-decoration: underline;
+  color: var(--adyen-sdk-color-link-primary-hover, #5c687c);
   margin-right: var(--adyen-sdk-spacer-000, 0px);
+  text-decoration: none;
 }
 .adyen-kyc-link--icon-right {
   flex-direction: row-reverse;
@@ -284,6 +279,9 @@ button[disabled]:hover {
   display: inline;
   vertical-align: baseline;
 }
+.adyen-kyc-link__text-with-underline {
+  text-decoration: underline;
+}
 .adyen-kyc-link__icon {
   display: inline;
   font-size: inherit;
@@ -299,7 +297,15 @@ button[disabled]:hover {
 }
 .adyen-kyc-icon svg {
   height: 1em;
-}.adyen-kyc-loader__wrapper {
+}/* #region Borders */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adyen-kyc-loader__wrapper {
   align-items: center;
   display: flex;
   height: 100%;
@@ -315,7 +321,7 @@ button[disabled]:hover {
 .adyen-kyc-loader {
   animation: rotateLoader 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
   border-radius: 50%;
-  border: 3px solid var(--adyen-sdk-color-outline-primary, #dbdee2);
+  border: var(--adyen-sdk-border-width-l, 3px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
   border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
   height: 43px;
   width: 43px;
@@ -370,16 +376,12 @@ button[disabled]:hover {
   width: 100%;
 }.adyen-kyc-error-panel {
   margin-bottom: var(--adyen-sdk-spacer-080, 20px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-alert {
@@ -402,38 +404,30 @@ button[disabled]:hover {
 .adyen-kyc-alert *::after {
   box-sizing: border-box;
 }
+.adyen-kyc-alert--without-icon .adyen-kyc-alert__explanation,
+.adyen-kyc-alert--without-icon .adyen-kyc-alert__actions {
+  margin: 0 var(--adyen-sdk-spacer-070, 16px);
+}
 
 .adyen-kyc-alert--basic {
   background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
 }
 
-.adyen-kyc-alert--information {
+.adyen-kyc-alert--info {
   background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
 }
-.adyen-kyc-alert--information .adyen-kyc-alert__icon {
-  color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
-}
 
 .adyen-kyc-alert--error {
   background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
 }
-.adyen-kyc-alert--error .adyen-kyc-alert__icon {
-  color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
-}
 
 .adyen-kyc-alert--warning {
   background-color: var(--adyen-sdk-color-background-warning-weak, #fff5e9);
 }
-.adyen-kyc-alert--warning .adyen-kyc-alert__icon {
-  color: var(--adyen-sdk-color-background-warning-strong, #dd7d00);
-}
 
 .adyen-kyc-alert--success {
   background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
 }
-.adyen-kyc-alert--success .adyen-kyc-alert__icon {
-  color: var(--adyen-sdk-color-background-success-strong, #07893c);
-}
 
 .adyen-kyc-alert__header {
   align-items: flex-start;
@@ -442,10 +436,22 @@ button[disabled]:hover {
 
 .adyen-kyc-alert__icon {
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  padding-top: var(--adyen-sdk-spacer-010, 2px);
+  margin-top: var(--adyen-sdk-spacer-010, 2px);
+}
+.adyen-kyc-alert__icon--info {
+  color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
+}
+.adyen-kyc-alert__icon--error {
+  color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
+}
+.adyen-kyc-alert__icon--warning {
+  color: var(--adyen-sdk-color-background-warning-strong, #dd7d00);
+}
+.adyen-kyc-alert__icon--success {
+  color: var(--adyen-sdk-color-background-success-strong, #07893c);
 }
 
-.adyen-kyc-close-button {
+.adyen-kyc-alert__close-button {
   padding: 0 !important;
 }
 
@@ -461,26 +467,97 @@ button[disabled]:hover {
 .adyen-kyc-alert__explanation {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  padding-left: var(--adyen-sdk-spacer-100, 32px);
+  margin: 0 var(--adyen-sdk-spacer-100, 32px);
 }
 
-.adyen-kyc-review-alert {
-  width: 100%;
+.adyen-kyc-alert__actions {
+  display: flex;
+  gap: var(--adyen-sdk-spacer-070, 16px);
+  text-align: left;
+}.adyen-kyc-accordion,
+.adyen-kyc-accordion__summary {
+  color: var(--adyen-sdk-color-label-primary, #00112c);
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
+  cursor: pointer;
+}
+
+.adyen-kyc-accordion {
+  background: none;
+  border-radius: var(--adyen-sdk-border-radius-l, 12px);
+  margin-bottom: var(--adyen-sdk-spacer-050, 10px);
+}
+.adyen-kyc-accordion--basic {
+  background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
+}
+.adyen-kyc-accordion--info {
+  background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
+}
+.adyen-kyc-accordion--error {
+  background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
+}
+.adyen-kyc-accordion--warning {
+  background-color: var(--adyen-sdk-color-background-warning-weak, #fff5e9);
+}
+.adyen-kyc-accordion--success {
+  background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
+}
+.adyen-kyc-accordion--narrow .adyen-kyc-accordion__summary {
+  padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-070, 16px);
+}
+.adyen-kyc-accordion--narrow .adyen-kyc-accordion__content {
+  padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-060, 12px);
+}
+.adyen-kyc-accordion--with-icon .adyen-kyc-accordion__content {
+  margin-left: var(--adyen-sdk-spacer-080, 20px);
+}
+
+.adyen-kyc-accordion__summary {
+  display: flex;
+  align-items: center;
+  gap: var(--adyen-sdk-spacer-050, 10px);
+  padding: var(--adyen-sdk-spacer-080, 20px);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  transition: margin 150ms ease-out;
+  margin-bottom: var(--adyen-sdk-spacer-000, 0px);
+  border-radius: var(--adyen-sdk-border-radius-l, 12px);
+}
+
+.adyen-kyc-accordion__summary > .adyen-kyc-accordion__arrow {
+  cursor: pointer;
+  user-select: none;
+  height: 1em;
+}
+
+.adyen-kyc-accordion__summary > .adyen-kyc-accordion__arrow--right {
+  margin-left: auto;
+  margin-right: var(--adyen-sdk-spacer-050, 10px);
+}
+
+.adyen-kyc-accordion[open] .adyen-kyc-accordion__arrow {
+  transform: rotate(-180deg);
+}
+
+.adyen-kyc-accordion summary::-webkit-details-marker {
+  display: none;
+}
+
+.adyen-kyc-accordion__content {
+  cursor: auto;
+  padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-080, 20px);
+  user-select: none;
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-sdk-spacer-040, 8px);
+}
+
+.adyen-kyc-accordion[open] summary {
+  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
+  user-select: auto;
 }.adyen-kyc-individual .adyen-kyc-form {
   margin-bottom: var(--adyen-sdk-spacer-070, 16px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-kyc-field {
+}.adyen-kyc-field {
   display: block;
   margin-bottom: var(--adyen-sdk-spacer-070, 16px);
   width: 100%;
@@ -503,14 +580,16 @@ button[disabled]:hover {
   color: var(--adyen-sdk-color-label-primary, #00112c);
   display: block;
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
+  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
   transition: color 0.1s ease-out;
 }
 
 .adyen-kyc-helper-text {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-weight: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   display: flex;
   align-items: center;
 }
@@ -523,6 +602,9 @@ button[disabled]:hover {
 .adyen-kyc-helper-text__valid-format-check {
   color: var(--adyen-sdk-color-label-success, #07893c);
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-line-height, 26px);
   display: inline-flex;
 }
 
@@ -539,7 +621,9 @@ button[disabled]:hover {
   color: var(--adyen-sdk-color-label-critical, #e22d2d);
   display: flex;
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-weight: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   margin-top: var(--adyen-sdk-spacer-020, 4px);
   position: relative;
 }
@@ -553,16 +637,12 @@ button[disabled]:hover {
 }
 .adyen-kyc-upload-field__requirements {
   padding-left: var(--adyen-sdk-spacer-070, 16px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-dropdown {
@@ -572,7 +652,7 @@ button[disabled]:hover {
 }
 
 .adyen-kyc-dropdown-button {
-  background: #fff;
+  background: var(--adyen-sdk-color-background-primary, #ffffff);
   border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
   box-sizing: border-box;
@@ -610,7 +690,7 @@ button[disabled]:hover {
   border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
   color: var(--adyen-sdk-color-label-disabled, #8d95a3);
   cursor: not-allowed;
-  background-color: #f3f6f9;
+  background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
   border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
 }
 
@@ -643,6 +723,9 @@ button[disabled]:hover {
 .adyen-kyc-dropdown-button-search__icon {
   color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   padding-right: var(--adyen-sdk-spacer-040, 8px);
 }
 .adyen-kyc-dropdown-button-search .adyen-kyc-filter-input::placeholder {
@@ -653,16 +736,9 @@ button[disabled]:hover {
   display: none;
 }
 
-.adyen-kyc-loading-indicator::before {
-  background: #a5afbd;
-}
-.adyen-kyc-loading-indicator::after {
-  border-top-color: var(--adyen-sdk-color-outline-secondary, #c9cdd3);
-}
-
 .adyen-kyc-dropdown-list {
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
-  box-shadow: 0 2px 7px rgba(0, 15, 45, 0.3);
+  box-shadow: var(--adyen-sdk-shadow-medium-border, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 0px 0px 1px rgba(0, 17, 44, 0.06));
   max-height: 145px;
   z-index: 2;
 }
@@ -682,8 +758,10 @@ button[disabled]:hover {
   border: var(--adyen-sdk-border-width-s, 1px) solid transparent;
   cursor: pointer;
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  hyphens: auto;
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
   line-height: var(--adyen-sdk-text-caption-line-height, 18px);
+  hyphens: auto;
   outline: 0;
   padding: var(--adyen-sdk-spacer-040, 8px);
   transition: background 0.2s ease-out, border-color 0.2s ease-out;
@@ -730,17 +808,11 @@ button[disabled]:hover {
 .adyen-kyc-dropdown-element:hover,
 .adyen-kyc-dropdown-element:focus,
 .adyen-kyc-dropdown-element:active {
-  background: rgba(230, 233, 235, 0.6);
+  background: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
 }
 
 .adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
-  background: rgba(0, 102, 255, 0.1);
-}
-
-.adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active:hover,
-.adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active:focus,
-.adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active:active {
-  background: rgba(0, 102, 255, 0.15);
+  background: var(--adyen-sdk-color-background-primary-active, #eeeff1);
 }
 
 .adyen-kyc-dropdown-element--disabled {
@@ -784,16 +856,12 @@ button[disabled]:hover {
 }
 .adyen-kyc-dropdown-selected-items__tag--blue {
   background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-tag {
@@ -806,9 +874,11 @@ button[disabled]:hover {
   -moz-osx-font-smoothing: grayscale;
   display: inline-block;
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
   line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   padding: var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-040, 8px);
+  border-radius: var(--adyen-sdk-border-radius-s, 4px);
   text-decoration: none;
   vertical-align: baseline;
   white-space: nowrap;
@@ -853,16 +923,12 @@ button[disabled]:hover {
 .adyen-kyc-tag--basic {
   background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-dropdown {
@@ -891,7 +957,7 @@ button[disabled]:hover {
 }
 
 .adyen-kyc-filter-input {
-  background: #fff;
+  background: var(--adyen-sdk-color-background-primary, #ffffff);
   border: 0;
   caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
   color: var(--adyen-sdk-color-label-primary, #00112c);
@@ -910,7 +976,7 @@ button[disabled]:hover {
 }
 
 .adyen-kyc-dropdown-list {
-  background: #fff;
+  background: var(--adyen-sdk-color-background-primary, #ffffff);
   display: none;
   list-style: none;
   margin: var(--adyen-sdk-spacer-000, 0px);
@@ -929,16 +995,12 @@ button[disabled]:hover {
 .adyen-kyc-dropdown-element {
   align-items: center;
   display: flex;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-typography {
@@ -959,36 +1021,44 @@ button[disabled]:hover {
 }
 .adyen-kyc-typography--body {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
   letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
 }
 .adyen-kyc-typography--body-stronger {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
   letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
   font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
 }
 .adyen-kyc-typography--body-strongest {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
   letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
   font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
 }
 .adyen-kyc-typography--caption {
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
   line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   letter-spacing: var(--adyen-sdk-text-caption-letter-spacing, 0);
   font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
 }
 .adyen-kyc-typography--caption-stronger {
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
   line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   letter-spacing: var(--adyen-sdk-text-caption-letter-spacing, 0);
   font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
 }
 .adyen-kyc-typography--title {
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-title-font-weight, 600);
   line-height: var(--adyen-sdk-text-title-line-height, 26px);
   letter-spacing: var(--adyen-sdk-text-title-letter-spacing, 0);
@@ -999,6 +1069,7 @@ button[disabled]:hover {
 }
 .adyen-kyc-typography--title-m {
   font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
+  font-family: var(--adyen-sdk-text-title-m-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
   line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
   letter-spacing: var(--adyen-sdk-text-title-m-letter-spacing, 0);
@@ -1009,6 +1080,7 @@ button[disabled]:hover {
 }
 .adyen-kyc-typography--title-l {
   font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
+  font-family: var(--adyen-sdk-text-title-l-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
   line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
   letter-spacing: var(--adyen-sdk-text-title-l-letter-spacing, 0);
@@ -1046,19 +1118,7 @@ button[disabled]:hover {
 }
 .adyen-kyc-typography--inverse-secondary {
   color: var(--adyen-sdk-color-label-inverse-secondary, #9ea6b1);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-kyc-checkbox {
+}.adyen-kyc-checkbox {
   display: block;
 }
 .adyen-kyc-checkbox__label {
@@ -1074,7 +1134,6 @@ button[disabled]:hover {
 }
 .adyen-kyc-checkbox__helper-text {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
-  cursor: pointer;
   display: block;
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   padding-left: var(--adyen-sdk-spacer-090, 24px);
@@ -1087,23 +1146,19 @@ button[disabled]:hover {
   /* Check */
   /* Box */
 }
+.adyen-kyc-checkbox__input:hover + .adyen-kyc-checkbox__label::after {
+  background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
+}
 .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::before {
   opacity: 1;
 }
 .adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::after {
   background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
-  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-background-inverse-primary, #00112c);
-}
-.adyen-kyc-checkbox__input:checked:hover + .adyen-kyc-checkbox__label::after {
   border-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
-  box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.4);
-}
-.adyen-kyc-checkbox__input:focus + .adyen-kyc-checkbox__label::after {
-  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-background-inverse-primary, #00112c);
-  box-shadow: 0 0 0 2px var(--adyen-sdk-color-background-highlight-strong, #0070f5);
 }
-.adyen-kyc-checkbox__input:hover:not(:focus) + .adyen-kyc-checkbox__label::after {
-  box-shadow: 0 0 0 2px #dce0e5;
+.adyen-kyc-checkbox__input:checked:hover + .adyen-kyc-checkbox__label::after {
+  background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
+  border-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
 }
 .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::before {
   border-bottom: var(--adyen-sdk-border-width-m, 2px) solid var(--adyen-sdk-color-background-primary, #ffffff);
@@ -1116,32 +1171,26 @@ button[disabled]:hover {
   top: 4px;
   transform: rotateZ(37deg);
   transform-origin: 100% 100%;
-  transition: opacity 0.2s ease-out;
   width: 5px;
   z-index: 1;
 }
 .adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::after {
-  background-color: #fff;
-  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary, #c9cdd3);
+  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
+  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
   border-radius: var(--adyen-sdk-border-radius-s, 4px);
   content: "";
   height: calc(var(--adyen-sdk-text-body-font-size, 14px) + 2px);
   left: 0;
   position: absolute;
   top: 0;
-  transition: background 0.15s ease-out, border 0.05s ease-out, box-shadow 0.1s ease-out;
   width: calc(var(--adyen-sdk-text-body-font-size, 14px) + 2px);
   z-index: 0;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-form-header {
@@ -1150,21 +1199,21 @@ button[disabled]:hover {
 .adyen-kyc-form-header__heading {
   font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
   font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
   margin-bottom: var(--adyen-sdk-spacer-040, 8px);
 }
 .adyen-kyc-form-header__description {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-line-height, 26px);
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-field-wrapper {
@@ -1189,6 +1238,7 @@ button[disabled]:hover {
 .adyen-kyc-input-wrapper {
   display: block;
   position: relative;
+  margin-top: var(--adyen-sdk-spacer-040, 8px);
 }
 .adyen-kyc-input-wrapper--block {
   display: block;
@@ -1200,7 +1250,7 @@ button[disabled]:hover {
   min-height: 40px;
   padding-bottom: var(--adyen-sdk-spacer-000, 0px);
   padding-top: var(--adyen-sdk-spacer-000, 0px);
-  background: #fff;
+  background: var(--adyen-sdk-color-background-primary, #ffffff);
   border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
   box-sizing: border-box;
@@ -1210,7 +1260,7 @@ button[disabled]:hover {
   font-family: inherit;
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   outline: none;
-  padding: var(--adyen-sdk-spacer-040, 8px);
+  padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-060, 12px);
   position: relative;
   transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
   width: 100%;
@@ -1229,7 +1279,7 @@ button[disabled]:hover {
   border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
   color: var(--adyen-sdk-color-label-disabled, #8d95a3);
   cursor: not-allowed;
-  background-color: #f3f6f9;
+  background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
   border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
 }
 .adyen-kyc-input--disabled:hover {
@@ -1248,6 +1298,7 @@ button[disabled]:hover {
 }
 .adyen-kyc-input--textarea {
   height: 60px;
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
 }
 .adyen-kyc-input__inline-validation {
   height: 16px;
@@ -1270,6 +1321,9 @@ button[disabled]:hover {
 .adyen-kyc-input__counter {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   margin: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-000, 0px);
   position: absolute;
   right: 0;
@@ -1287,40 +1341,13 @@ button[disabled]:hover {
 }
 .adyen-layout-md .adyen-kyc-field-wrapper > .adyen-kyc-field:nth-child(2) {
   margin-left: var(--adyen-sdk-spacer-040, 8px);
-}.adyen-kyc-disclaimer-container {
-  background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
+}.adyen-kyc-company-registration-details fieldset {
   border: 0;
-  border-radius: var(--adyen-sdk-border-radius-s, 4px);
-  margin: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-000, 0px);
-  padding: var(--adyen-sdk-spacer-070, 16px);
-}
-
-.adyen-kyc-disclaimer__title {
-  color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
-  margin-bottom: var(--adyen-sdk-spacer-040, 8px);
+  padding: 0;
+  margin: 0;
 }
-
-.adyen-kyc-disclaimer__content {
-  color: var(--adyen-sdk-color-label-primary, #00112c);
-  display: flex;
+.adyen-kyc-company-registration-details .adyen-kyc-field-wrapper {
   flex-direction: column;
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  gap: var(--adyen-sdk-spacer-040, 8px);
-}
-.adyen-kyc-disclaimer__content p {
-  margin: var(--adyen-sdk-spacer-000, 0px);
-}.adyen-kyc-field--tax-id {
-  margin-bottom: var(--adyen-sdk-spacer-060, 12px);
-}
-
-.adyen-kyc-field--tax-id-absence-reason {
-  margin-top: var(--adyen-sdk-spacer-060, 12px);
-}
-
-.adyen-kyc-field--same-name-as-legal-name {
-  margin-bottom: var(--adyen-sdk-spacer-060, 12px);
 }.adyen-kyc-input--mismatch {
   animation: mismatchShake 300ms;
   border-color: var(--adyen-sdk-color-outline-critical, #e22d2d) !important;
@@ -1363,16 +1390,12 @@ button[disabled]:hover {
 
 .adyen-kyc-label--focused .adyen-kyc-radio-group__label {
   color: inherit;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-input-radio {
@@ -1394,8 +1417,8 @@ button[disabled]:hover {
 
 .adyen-kyc-input-radio__input {
   appearance: none;
-  background-color: #fff;
-  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
+  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
+  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
   border-radius: var(--adyen-sdk-border-radius-l, 12px);
   cursor: pointer;
   display: inline-block;
@@ -1409,13 +1432,13 @@ button[disabled]:hover {
   width: 16px;
 }
 .adyen-kyc-input-radio__input::after {
-  inset: -var(--adyen-sdk-spacer-020, 4px);
+  inset: calc(var(--adyen-sdk-spacer-020, 4px) * -1);
   content: "";
   display: block;
   position: absolute;
 }
 .adyen-kyc-input-radio__input::before {
-  background: #fff;
+  background: var(--adyen-sdk-color-background-primary, #ffffff);
   border-radius: var(--adyen-sdk-border-radius-l, 12px);
   content: "";
   display: block;
@@ -1436,90 +1459,38 @@ button[disabled]:hover {
   opacity: 1;
   transform: scale(1);
 }
-.adyen-kyc-input-radio__input:checked:disabled::before {
-  background-color: #69778c;
+.adyen-kyc-input-radio__input:checked:hover {
+  border-color: var(--adyen-sdk-color-outline-inverse-primary-hover, #6d7789);
+  background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
 }
 .adyen-kyc-input-radio__input:checked:disabled:hover {
-  border-color: transparent;
+  background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
+  border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
 }
-.adyen-kyc-input-radio__input:checked:hover {
-  border-color: var(--adyen-sdk-color-outline-inverse-primary-hover, #6d7789);
+.adyen-kyc-input-radio__input:checked:disabled::before {
+  background-color: var(--adyen-sdk-color-outline-tertiary, #8d95a3);
 }
 .adyen-kyc-input-radio__input:hover {
-  border-color: var(--adyen-sdk-color-outline-inverse-primary-hover, #6d7789);
+  background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
 }
 .adyen-kyc-input-radio__input:focus {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 0, 250, 0.4);
-  transition: 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
+  box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8)), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8));
+  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
   transition-property: box-shadow;
-  border-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
 }
 .adyen-kyc-input-radio__input:disabled {
-  background-color: #dce0e5;
-  border-color: transparent;
+  background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
+  border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
   cursor: not-allowed;
 }
 
 .adyen-kyc-input-radio__label {
   cursor: pointer;
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
+  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   margin-right: var(--adyen-sdk-spacer-070, 16px);
   padding-left: var(--adyen-sdk-spacer-040, 8px);
   vertical-align: baseline;
-}
-
-.adyen-kyc-input-radio__label--disabled {
-  color: var(--adyen-sdk-color-label-disabled, #8d95a3);
-  cursor: not-allowed;
-}.adyen-kyc-accordion__details,
-.adyen-kyc-accordion__summary {
-  background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
-  color: var(--adyen-sdk-color-label-primary, #00112c);
-  --adyen-kyc-accordion-animation-space: var(--adyen-sdk-spacer-080, 20px);
-}
-
-.adyen-kyc-accordion__details {
-  margin: var(--adyen-sdk-spacer-050, 10px) var(--adyen-sdk-spacer-000, 0px);
-}
-
-.adyen-kyc-accordion__summary {
-  display: flex;
-  align-items: center;
-  gap: var(--adyen-sdk-spacer-050, 10px);
-  padding: var(--adyen-sdk-spacer-030, 6px);
-  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
-  transition: margin 150ms ease-out;
-  margin-bottom: var(--adyen-sdk-spacer-000, 0px);
-}
-
-.adyen-kyc-accordion__summary > .adyen-kyc-accordion__arrow {
-  cursor: pointer;
-  user-select: none;
-  height: 1em;
-}
-
-.adyen-kyc-accordion__summary > .adyen-kyc-accordion__arrow--right {
-  margin-left: auto;
-  margin-right: var(--adyen-sdk-spacer-050, 10px);
-}
-
-.adyen-kyc-accordion__details[open] .adyen-kyc-accordion__arrow {
-  transform: rotate(-180deg);
-}
-
-.adyen-kyc-accordion__details summary::-webkit-details-marker {
-  display: none;
-}
-
-.adyen-kyc-accordion__content {
-  padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-kyc-accordion-animation-space);
-  padding-top: 0;
-  user-select: none;
-}
-
-.adyen-kyc-accordion__details[open] summary {
-  margin-bottom: var(--adyen-kyc-accordion-animation-space);
-  user-select: auto;
 }.adyen-kyc-field--entityType {
   margin-bottom: var(--adyen-sdk-spacer-090, 24px);
 }
@@ -1554,16 +1525,12 @@ button[disabled]:hover {
 
 .adyen-kyc-entity-type-radio-group-card__examples {
   font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-radio-card {
@@ -1609,21 +1576,20 @@ button[disabled]:hover {
 .adyen-kyc-radio-card__body {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   margin-bottom: var(--adyen-sdk-spacer-040, 8px);
 }
 
 .adyen-kyc-radio-card__footer {
   margin-bottom: var(--adyen-sdk-spacer-040, 8px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-radio-group-card {
@@ -1644,7 +1610,9 @@ button[disabled]:hover {
 .adyen-kyc-radio-group-card__subtitle {
   color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   margin-bottom: var(--adyen-sdk-spacer-020, 4px);
 }
 .adyen-kyc-radio-group-card input {
@@ -1664,16 +1632,12 @@ button[disabled]:hover {
   position: absolute;
   right: var(--adyen-sdk-spacer-070, 16px);
   top: var(--adyen-sdk-spacer-070, 16px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-document-guidance {
@@ -1702,16 +1666,12 @@ button[disabled]:hover {
 
 .adyen-kyc-document-guidance__description {
   font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-dropzone {
@@ -1720,12 +1680,15 @@ button[disabled]:hover {
   display: flex;
   flex-direction: row;
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   min-height: 70px;
   transition: all 0.2s ease-out;
 }
 .adyen-kyc-dropzone--dragged {
   border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary-active, #00112c);
-  box-shadow: 0 0 0 3px var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
+  box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
 }
 .adyen-kyc-dropzone--error {
   border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-critical, #e22d2d);
@@ -1770,16 +1733,15 @@ button[disabled]:hover {
   color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
   display: flex;
   font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+  font-family: var(--adyen-sdk-text-title-l-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-dropzone-file {
@@ -1789,6 +1751,9 @@ button[disabled]:hover {
   display: flex;
   flex-direction: row;
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   margin-bottom: var(--adyen-sdk-spacer-070, 16px);
   min-height: 70px;
 }
@@ -1833,23 +1798,25 @@ button[disabled]:hover {
 .adyen-kyc-dropzone-file .adyen-kyc-icon-checkmark {
   color: var(--adyen-sdk-color-label-success, #07893c);
   font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
+  font-family: var(--adyen-sdk-text-title-l-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
 }
 .adyen-kyc-dropzone-file .adyen-kyc-icon-wrong {
   color: var(--adyen-sdk-color-label-critical, #e22d2d);
   font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
+  font-family: var(--adyen-sdk-text-title-l-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
 }
 .adyen-kyc-dropzone-file .adyen-kyc-icon-remove {
   color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-list {
@@ -1898,6 +1865,7 @@ button[disabled]:hover {
 }.adyen-kyc-search-address {
   display: flex;
   flex-direction: column;
+  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
 }
 
 .adyen-kyc-search-address--below {
@@ -1934,16 +1902,12 @@ button[disabled]:hover {
   margin: var(--adyen-sdk-spacer-070, 16px) auto var(--adyen-sdk-spacer-000, 0px);
   max-width: 430px;
   text-align: center;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 /**
@@ -2077,6 +2041,9 @@ button[disabled]:hover {
 }
 .adyen-kyc-bank-statement-upload__requirements {
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   padding-left: var(--adyen-sdk-spacer-070, 16px);
 }.adyen-kyc-bank-document {
   min-height: 240px;
@@ -2089,16 +2056,12 @@ button[disabled]:hover {
 }
 .adyen-kyc-document-requirements__subtitle {
   margin-bottom: var(--adyen-sdk-spacer-070, 16px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-bank-verification {
@@ -2114,7 +2077,7 @@ button[disabled]:hover {
 }
 
 .adyen-kyc-bank-verification-container {
-  background: #fff;
+  background: var(--adyen-sdk-color-background-primary, #ffffff);
   border-radius: 0;
   box-shadow: none;
   inset: 0;
@@ -2138,17 +2101,16 @@ button[disabled]:hover {
 .adyen-kyc-bank-verification-success__checkmark-icon {
   display: flex;
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-line-height, 26px);
   margin-right: var(--adyen-sdk-spacer-070, 16px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-action-bar {
@@ -2168,6 +2130,7 @@ button[disabled]:hover {
 
 .adyen-action-bar__action {
   display: flex;
+  align-items: center;
   gap: var(--adyen-sdk-spacer-040, 8px);
 }
 .adyen-layout-xs-only .adyen-action-bar__action {
@@ -2200,16 +2163,12 @@ button[disabled]:hover {
   to {
     opacity: 1;
   }
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-field-verification-methods {
@@ -2247,7 +2206,9 @@ button[disabled]:hover {
   color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
   display: flex;
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   gap: var(--adyen-sdk-spacer-020, 4px);
   justify-content: end;
 }
@@ -2270,6 +2231,9 @@ button[disabled]:hover {
 
 .adyen-kyc-guidance-external-link {
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
 }
 
 .adyen-kyc-instant-verification-error,
@@ -2295,18 +2259,6 @@ button[disabled]:hover {
   position: absolute;
 }.adyen-kyc-individual .adyen-kyc-form {
   margin-bottom: var(--adyen-sdk-spacer-070, 16px);
-}.adyen-kyc-context-helper {
-  background-color: var(--adyen-sdk-color-background-selected, #e3f0ff);
-  border-radius: var(--adyen-sdk-border-radius-s, 4px);
-  margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
-  padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-060, 12px);
-}
-
-.adyen-kyc-context-helper__content {
-  color: var(--adyen-sdk-color-label-secondary, #5c687c);
-  display: flex;
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  gap: var(--adyen-sdk-spacer-040, 8px);
 }.adyen-kyc-additional-information {
   display: flex;
   flex-direction: column;
@@ -2315,7 +2267,8 @@ button[disabled]:hover {
 .adyen-kyc-additional-information h3 {
   margin: 0 0 var(--adyen-sdk-spacer-090, 24px);
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
-  font-weight: 700;
+  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
   line-height: var(--adyen-sdk-text-title-line-height, 26px);
 }
 .adyen-kyc-additional-information .adyen-kyc-field-wrapper {
@@ -2388,7 +2341,8 @@ button[disabled]:hover {
 }
 .adyen-kyc-business-details .adyen-kyc-form-header__heading {
   font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
-  font-weight: 700;
+  font-family: var(--adyen-sdk-text-title-m-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
   line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
   color: var(--adyen-sdk-color-label-primary, #00112c);
 }
@@ -2414,16 +2368,12 @@ button[disabled]:hover {
 .adyen-kyc-business-selection .adyen-kyc-link {
   text-decoration: underline;
   text-wrap: nowrap;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-card {
@@ -2508,21 +2458,17 @@ button[disabled]:hover {
   padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
 }
 .adyen-kyc-card__body + .adyen-kyc-card__footer {
-  margin-top: -var(--adyen-sdk-spacer-070, 16px);
+  margin-top: calc(var(--adyen-sdk-spacer-070, 16px) * -1);
 }
 
 .adyen-kyc-card__warning {
   border-radius: 0 0 var(--adyen-sdk-border-radius-s, 4px) var(--adyen-sdk-border-radius-s, 4px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-card-group > .adyen-kyc-card + .adyen-kyc-card {
@@ -2588,16 +2534,12 @@ button[disabled]:hover {
 }
 .adyen-kyc-business-information__business-data .adyen-kyc-business-data__key {
   width: 180px;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-form-container {
@@ -2620,23 +2562,21 @@ button[disabled]:hover {
   flex-direction: column;
 }.adyen-kyc-expiry-modal__header {
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-line-height, 26px);
 }
 
 .adyen-kyc-expiry-modal__footer {
   display: flex;
   flex-direction: row;
   justify-content: end;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-modal {
@@ -2720,16 +2660,12 @@ button[disabled]:hover {
 
 .adyen-kyc-overlay {
   z-index: 600;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-overlay {
@@ -2756,16 +2692,12 @@ button[disabled]:hover {
 .adyen-kyc-overlay--visible {
   opacity: 1;
   visibility: visible;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-dropin {
@@ -2823,16 +2755,12 @@ button[disabled]:hover {
 .adyen-kyc-dropin__main {
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
   width: 100%;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-loading-input__form .adyen-kyc-form-navigation {
@@ -2850,6 +2778,9 @@ button[disabled]:hover {
 }
 .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-form-navigation__home-button {
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-line-height, 26px);
   padding-left: var(--adyen-sdk-spacer-000, 0px);
 }
 .adyen-layout-md .adyen-kyc-form-navigation {
@@ -2864,8 +2795,8 @@ button[disabled]:hover {
 .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
   color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
-  text-transform: uppercase;
 }
 .adyen-kyc-form-navigation .adyen-kyc-form-navigation__items {
   margin: var(--adyen-sdk-spacer-000, 0px);
@@ -2875,6 +2806,7 @@ button[disabled]:hover {
 .adyen-kyc-form-navigation__step-count {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
 }
 
@@ -2884,16 +2816,12 @@ button[disabled]:hover {
   justify-content: space-between;
   list-style-type: none;
   margin-bottom: var(--adyen-sdk-spacer-070, 16px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-form-navigation__item {
@@ -2938,16 +2866,12 @@ button[disabled]:hover {
 }
 .adyen-kyc-company-basics .adyen-kyc-field-wrapper {
   flex-direction: column;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-company-lookup {
@@ -3040,9 +2964,7 @@ button[disabled]:hover {
   display: flex;
   justify-content: space-between;
   background-color: var(--adyen-sdk-color-background-primary, #ffffff);
-  box-shadow: 0 1px 1px rgba(0, 17, 44, 0.12), 0 1px 3px rgba(0, 17, 44, 0.14);
   border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
-  border-bottom: none;
   padding: var(--adyen-sdk-spacer-070, 16px);
   margin: unset;
 }
@@ -3064,17 +2986,13 @@ button[disabled]:hover {
   border-radius: var(--adyen-sdk-border-radius-m, 8px) var(--adyen-sdk-border-radius-m, 8px) 0 0;
 }
 .adyen-company-lookup-results-list__result-option--selected, .adyen-company-lookup-results-list__result-option:hover {
-  box-shadow: 0 1px 1px rgba(0, 17, 44, 0.12), 0 3px 6px rgba(0, 17, 44, 0.14);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+  box-shadow: var(--adyen-sdk-shadow-low, 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 1px 2px rgba(0, 17, 44, 0.02));
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-company-lookup-result {
@@ -3097,7 +3015,7 @@ button[disabled]:hover {
   border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
   border-radius: 0 0 var(--adyen-sdk-border-radius-m, 8px) var(--adyen-sdk-border-radius-m, 8px);
   margin-bottom: var(--adyen-sdk-spacer-040, 8px);
-  box-shadow: 0 1px 1px rgba(0, 17, 44, 0.12), 0 3px 6px rgba(0, 17, 44, 0.14);
+  box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04));
 }
 .adyen-company-lookup-result__alert--error {
   background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
@@ -3123,15 +3041,24 @@ button[disabled]:hover {
 .adyen-company-lookup-result__icon--error {
   color: var(--adyen-sdk-color-label-critical, #e22d2d);
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-line-height, 26px);
 }
 .adyen-company-lookup-result__icon--verified {
   background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
   color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
 }
 .adyen-company-lookup-result__icon--warning {
   color: var(--adyen-sdk-color-label-warning, #b06300);
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-line-height, 26px);
 }
 .adyen-company-lookup-result__text {
   display: flex;
@@ -3183,16 +3110,12 @@ button[disabled]:hover {
 }
 .adyen-kyc-trustee-type-radio-group-card input {
   margin-left: auto;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-decision-makers {
@@ -3249,28 +3172,21 @@ button[disabled]:hover {
   border-top-right-radius: 0;
   box-shadow: none;
   height: var(--adyen-sdk-spacer-120, 48px);
-  margin-top: -var(--adyen-sdk-spacer-020, 4px);
+  margin-top: calc(var(--adyen-sdk-spacer-020, 4px) * -1);
   padding-top: var(--adyen-sdk-spacer-020, 4px);
 }
-.adyen-kyc-decision-makers .adyen-kyc-review-alert {
-  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
-}
 .adyen-kyc-decision-makers .adyen-kyc-guidance-list {
   margin: var(--adyen-sdk-spacer-000, 0px);
   padding-left: var(--adyen-sdk-spacer-060, 12px);
 }
 .adyen-kyc-decision-makers .adyen-kyc-guidance-list li {
   margin-bottom: var(--adyen-sdk-spacer-020, 4px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-entity-association {
@@ -3298,7 +3214,9 @@ button[disabled]:hover {
 .adyen-kyc-entity-association__title {
   flex: 1;
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-line-height, 26px);
   margin: var(--adyen-sdk-spacer-000, 0px);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -3320,6 +3238,9 @@ button[disabled]:hover {
   border-radius: 50%;
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
   font-size: calc(var(--adyen-sdk-text-caption-font-size, 12px) / 2);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   height: 32px;
   margin: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px);
   min-width: auto;
@@ -3344,16 +3265,12 @@ button[disabled]:hover {
 .adyen-kyc-entity-association-alert {
   margin-top: var(--adyen-sdk-spacer-040, 8px);
   padding: var(--adyen-sdk-spacer-040, 8px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-status {
@@ -3412,7 +3329,7 @@ button[disabled]:hover {
   background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
 }
 .adyen-kyc-status__icon--download {
-  background-color: var(--adyen-sdk-color-label-highlight, #0070f5);
+  background-color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
 }
 .adyen-kyc-status__icon .adyen-kyc-loading-indicator::before {
   background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
@@ -3423,16 +3340,12 @@ button[disabled]:hover {
 
 .adyen-layout-xs-only .adyen-kyc-status__text {
   display: none;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-actions-menu {
@@ -3455,16 +3368,12 @@ button[disabled]:hover {
   justify-content: flex-end;
   padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px);
   width: 100%;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-entity-status {
@@ -3533,13 +3442,13 @@ button[disabled]:hover {
   margin-top: var(--adyen-sdk-spacer-020, 4px);
 }@keyframes adyen-kyc-shimmer {
   0% {
-    background-color: hsl(0, 0%, 83%);
+    background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
   }
   50% {
-    background-color: hsl(0, 0%, 90%);
+    background-color: var(--adyen-sdk-color-background-quaternary, #c0c5cc);
   }
   100% {
-    background-color: hsl(0, 0%, 83%);
+    background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
   }
 }
 .adyen-kyc-shimmer {
@@ -3577,6 +3486,7 @@ button[disabled]:hover {
   color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
   font-size: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
   font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
   line-height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
   margin-bottom: var(--adyen-sdk-spacer-080, 20px);
@@ -3585,11 +3495,13 @@ button[disabled]:hover {
 }
 .adyen-kyc-introduction__title {
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-title-font-weight, 600);
   line-height: var(--adyen-sdk-text-title-line-height, 26px);
 }
 .adyen-kyc-introduction__description {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
 }
@@ -3613,16 +3525,12 @@ button[disabled]:hover {
 }
 .adyen-kyc-introduction__nav button {
   flex-grow: 1;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-progress {
@@ -3634,14 +3542,25 @@ button[disabled]:hover {
   padding: var(--adyen-sdk-spacer-000, 0px);
   margin: var(--adyen-sdk-spacer-000, 0px);
 }
+.adyen-kyc-progress__bar--thick li {
+  height: 6px;
+}
+.adyen-kyc-progress__bar--thick li:first-of-type {
+  border-top-left-radius: var(--adyen-sdk-border-radius-m, 8px);
+  border-bottom-left-radius: var(--adyen-sdk-border-radius-m, 8px);
+}
+.adyen-kyc-progress__bar--thick li:last-of-type {
+  border-top-right-radius: var(--adyen-sdk-border-radius-m, 8px);
+  border-bottom-right-radius: var(--adyen-sdk-border-radius-m, 8px);
+}
 .adyen-kyc-progress__step {
-  background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
+  background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
   display: flex;
   flex: 1;
   height: 4px;
 }
 .adyen-kyc-progress__step--active {
-  background-color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
+  background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
 }
 .adyen-kyc-progress__step-label {
   border: 0;
@@ -3679,16 +3598,12 @@ button[disabled]:hover {
 
 .adyen-kyc-singpass-logo-container {
   width: 92px;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-task-list__container {
@@ -3751,14 +3666,15 @@ button[disabled]:hover {
 
 .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) {
   width: 100%;
-  background-color: #fff;
+  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
   color: var(--adyen-sdk-color-label-primary, #00112c);
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
+  margin-top: var(--adyen-sdk-spacer-020, 4px);
 }
 .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary):hover {
-  background-color: #fff;
+  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
 }
 .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) svg {
   margin-left: var(--adyen-sdk-spacer-040, 8px);
@@ -3773,16 +3689,12 @@ button[disabled]:hover {
 .adyen-task-list__description {
   display: flex;
   align-items: center;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-task-item {
@@ -3810,6 +3722,8 @@ button[disabled]:hover {
 }
 .adyen-task-item__info {
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
   line-height: var(--adyen-sdk-text-caption-line-height, 18px);
 }
 .adyen-task-item__title {
@@ -3819,14 +3733,20 @@ button[disabled]:hover {
 .adyen-task-item__tagline {
   color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
 }
 .adyen-task-item__icon-wrapper {
   align-items: center;
-  background-color: var(--adyen-sdk-color-label-primary, #00112c);
+  background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
   color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
   display: flex;
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-family: var(--adyen-sdk-text-title-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-line-height, 26px);
   height: 32px;
   justify-content: center;
   width: 32px;
@@ -3891,16 +3811,12 @@ button[disabled]:hover {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   margin-right: var(--adyen-sdk-spacer-040, 8px);
   padding-top: 1px;
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-task-list-group {
@@ -3933,16 +3849,12 @@ button[disabled]:hover {
 }
 .adyen-task-list-group + .adyen-task-list-group {
   margin-top: var(--adyen-sdk-spacer-070, 16px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-trust-members {
@@ -3984,12 +3896,11 @@ button[disabled]:hover {
   border-top-right-radius: 0;
   box-shadow: none;
   height: 48px;
-  margin-top: -var(--adyen-sdk-spacer-020, 4px);
+  margin-top: calc(var(--adyen-sdk-spacer-020, 4px) * -1);
   padding-top: var(--adyen-sdk-spacer-020, 4px);
-}
-.adyen-kyc-trust-members .adyen-kyc-review-alert {
-  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
 }.adyen-contract-viewer .adyen-document-viewer {
+  --adv-text-color: var(--adyen-sdk-color-label-primary, #00112c);
+  --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #00112c);
   --adv-text-font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
 }.adyen-kyc-signer-card {
@@ -4018,16 +3929,12 @@ button[disabled]:hover {
   text-decoration: underline;
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-view-verification-status {
@@ -4056,18 +3963,558 @@ button[disabled]:hover {
 .adyen-view-verification-status__button {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
+.adyen-kyc-u-display-flex {
+  display: flex !important;
+}
+
+.adyen-kyc-u-display-inline-flex {
+  display: inline-flex !important;
+}
+
+.adyen-kyc-u-flex-direction-row {
+  flex-direction: row !important;
+}
+
+.adyen-kyc-u-flex-direction-row-reverse {
+  flex-direction: row-reverse !important;
+}
+
+.adyen-kyc-u-flex-direction-column {
+  flex-direction: column !important;
+}
+
+.adyen-kyc-u-flex-direction-column-reverse {
+  flex-direction: column-reverse !important;
+}
+
+.adyen-kyc-u-flex-wrap-wrap {
+  flex-wrap: wrap !important;
+}
+
+.adyen-kyc-u-flex-wrap-nowrap {
+  flex-wrap: nowrap !important;
+}
+
+.adyen-kyc-u-align-items-start {
+  align-items: start !important;
+}
+
+.adyen-kyc-u-align-items-flex-start {
+  align-items: flex-start !important;
+}
+
+.adyen-kyc-u-align-items-flex-end {
+  align-items: flex-end !important;
+}
+
+.adyen-kyc-u-align-items-center {
+  align-items: center !important;
+}
+
+.adyen-kyc-u-align-items-stretch {
+  align-items: stretch !important;
+}
+
+.adyen-kyc-u-align-items-baseline {
+  align-items: baseline !important;
+}
+
+.adyen-kyc-u-align-items-end {
+  align-items: end !important;
+}
+
+.adyen-kyc-u-justify-content-center {
+  justify-content: center !important;
+}
+
+.adyen-kyc-u-justify-content-flex-start {
+  justify-content: flex-start !important;
+}
+
+.adyen-kyc-u-justify-content-flex-end {
+  justify-content: flex-end !important;
+}
+
+.adyen-kyc-u-justify-content-start {
+  justify-content: start !important;
+}
+
+.adyen-kyc-u-justify-content-end {
+  justify-content: end !important;
+}
+
+.adyen-kyc-u-justify-content-left {
+  justify-content: left !important;
+}
+
+.adyen-kyc-u-justify-content-right {
+  justify-content: right !important;
+}
+
+.adyen-kyc-u-justify-content-space-between {
+  justify-content: space-between !important;
+}
+
+.adyen-kyc-u-justify-content-space-around {
+  justify-content: space-around !important;
+}
+
+.adyen-kyc-u-justify-content-space-evenly {
+  justify-content: space-evenly !important;
+}
+
+.adyen-kyc-u-justify-content-stretch {
+  justify-content: stretch !important;
+}
+
+.adyen-kyc-u-flex-1 {
+  flex: 1 !important;
+}
+
+.adyen-kyc-u-flex-2 {
+  flex: 2 !important;
+}
+
+.adyen-kyc-u-flex-3 {
+  flex: 3 !important;
+}
+
+.adyen-kyc-u-flex-4 {
+  flex: 4 !important;
+}
+
+.adyen-kyc-u-width-full {
+  width: 100% !important;
+}
+
+.adyen-kyc-u-margin-auto {
+  margin: auto !important;
+}
+
+.adyen-kyc-u-margin-bottom-auto {
+  margin-bottom: auto !important;
+}
+
+.adyen-kyc-u-margin-left-auto {
+  margin-left: auto !important;
+}
+
+.adyen-kyc-u-margin-right-auto {
+  margin-right: auto !important;
+}
+
+.adyen-kyc-u-margin-top-auto {
+  margin-top: auto !important;
+}
+
+.adyen-kyc-u-margin-x-auto {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+
+.adyen-kyc-u-margin-y-auto {
+  margin-bottom: auto !important;
+  margin-top: auto !important;
+}
+
+.adyen-kyc-u-margin-0 {
+  margin: var(--adyen-sdk-spacer-000, 0px) !important;
+}
+
+.adyen-kyc-u-margin-bottom-0 {
+  margin-bottom: var(--adyen-sdk-spacer-000, 0px) !important;
+}
+
+.adyen-kyc-u-margin-left-0 {
+  margin-left: var(--adyen-sdk-spacer-000, 0px) !important;
+}
+
+.adyen-kyc-u-margin-right-0 {
+  margin-right: var(--adyen-sdk-spacer-000, 0px) !important;
+}
+
+.adyen-kyc-u-margin-top-0 {
+  margin-top: var(--adyen-sdk-spacer-000, 0px) !important;
+}
+
+.adyen-kyc-u-margin-x-0 {
+  margin-left: var(--adyen-sdk-spacer-000, 0px) !important;
+  margin-right: var(--adyen-sdk-spacer-000, 0px) !important;
+}
+
+.adyen-kyc-u-margin-y-0 {
+  margin-bottom: var(--adyen-sdk-spacer-000, 0px) !important;
+  margin-top: var(--adyen-sdk-spacer-000, 0px) !important;
+}
+
+.adyen-kyc-u-margin-2 {
+  margin: var(--adyen-sdk-spacer-010, 2px) !important;
+}
+
+.adyen-kyc-u-margin-bottom-2 {
+  margin-bottom: var(--adyen-sdk-spacer-010, 2px) !important;
+}
+
+.adyen-kyc-u-margin-left-2 {
+  margin-left: var(--adyen-sdk-spacer-010, 2px) !important;
+}
+
+.adyen-kyc-u-margin-right-2 {
+  margin-right: var(--adyen-sdk-spacer-010, 2px) !important;
+}
+
+.adyen-kyc-u-margin-top-2 {
+  margin-top: var(--adyen-sdk-spacer-010, 2px) !important;
+}
+
+.adyen-kyc-u-margin-x-2 {
+  margin-left: var(--adyen-sdk-spacer-010, 2px) !important;
+  margin-right: var(--adyen-sdk-spacer-010, 2px) !important;
+}
+
+.adyen-kyc-u-margin-y-2 {
+  margin-bottom: var(--adyen-sdk-spacer-010, 2px) !important;
+  margin-top: var(--adyen-sdk-spacer-010, 2px) !important;
+}
+
+.adyen-kyc-u-margin-4 {
+  margin: var(--adyen-sdk-spacer-020, 4px) !important;
+}
+
+.adyen-kyc-u-margin-bottom-4 {
+  margin-bottom: var(--adyen-sdk-spacer-020, 4px) !important;
+}
+
+.adyen-kyc-u-margin-left-4 {
+  margin-left: var(--adyen-sdk-spacer-020, 4px) !important;
+}
+
+.adyen-kyc-u-margin-right-4 {
+  margin-right: var(--adyen-sdk-spacer-020, 4px) !important;
+}
+
+.adyen-kyc-u-margin-top-4 {
+  margin-top: var(--adyen-sdk-spacer-020, 4px) !important;
+}
+
+.adyen-kyc-u-margin-x-4 {
+  margin-left: var(--adyen-sdk-spacer-020, 4px) !important;
+  margin-right: var(--adyen-sdk-spacer-020, 4px) !important;
+}
+
+.adyen-kyc-u-margin-y-4 {
+  margin-bottom: var(--adyen-sdk-spacer-020, 4px) !important;
+  margin-top: var(--adyen-sdk-spacer-020, 4px) !important;
+}
+
+.adyen-kyc-u-margin-6 {
+  margin: var(--adyen-sdk-spacer-030, 6px) !important;
+}
+
+.adyen-kyc-u-margin-bottom-6 {
+  margin-bottom: var(--adyen-sdk-spacer-030, 6px) !important;
+}
+
+.adyen-kyc-u-margin-left-6 {
+  margin-left: var(--adyen-sdk-spacer-030, 6px) !important;
+}
+
+.adyen-kyc-u-margin-right-6 {
+  margin-right: var(--adyen-sdk-spacer-030, 6px) !important;
+}
+
+.adyen-kyc-u-margin-top-6 {
+  margin-top: var(--adyen-sdk-spacer-030, 6px) !important;
+}
+
+.adyen-kyc-u-margin-x-6 {
+  margin-left: var(--adyen-sdk-spacer-030, 6px) !important;
+  margin-right: var(--adyen-sdk-spacer-030, 6px) !important;
+}
+
+.adyen-kyc-u-margin-y-6 {
+  margin-bottom: var(--adyen-sdk-spacer-030, 6px) !important;
+  margin-top: var(--adyen-sdk-spacer-030, 6px) !important;
+}
+
+.adyen-kyc-u-margin-8 {
+  margin: var(--adyen-sdk-spacer-040, 8px) !important;
+}
+
+.adyen-kyc-u-margin-bottom-8 {
+  margin-bottom: var(--adyen-sdk-spacer-040, 8px) !important;
+}
+
+.adyen-kyc-u-margin-left-8 {
+  margin-left: var(--adyen-sdk-spacer-040, 8px) !important;
+}
+
+.adyen-kyc-u-margin-right-8 {
+  margin-right: var(--adyen-sdk-spacer-040, 8px) !important;
+}
+
+.adyen-kyc-u-margin-top-8 {
+  margin-top: var(--adyen-sdk-spacer-040, 8px) !important;
+}
+
+.adyen-kyc-u-margin-x-8 {
+  margin-left: var(--adyen-sdk-spacer-040, 8px) !important;
+  margin-right: var(--adyen-sdk-spacer-040, 8px) !important;
+}
+
+.adyen-kyc-u-margin-y-8 {
+  margin-bottom: var(--adyen-sdk-spacer-040, 8px) !important;
+  margin-top: var(--adyen-sdk-spacer-040, 8px) !important;
+}
+
+.adyen-kyc-u-margin-10 {
+  margin: var(--adyen-sdk-spacer-050, 10px) !important;
+}
+
+.adyen-kyc-u-margin-bottom-10 {
+  margin-bottom: var(--adyen-sdk-spacer-050, 10px) !important;
+}
+
+.adyen-kyc-u-margin-left-10 {
+  margin-left: var(--adyen-sdk-spacer-050, 10px) !important;
+}
+
+.adyen-kyc-u-margin-right-10 {
+  margin-right: var(--adyen-sdk-spacer-050, 10px) !important;
+}
+
+.adyen-kyc-u-margin-top-10 {
+  margin-top: var(--adyen-sdk-spacer-050, 10px) !important;
+}
+
+.adyen-kyc-u-margin-x-10 {
+  margin-left: var(--adyen-sdk-spacer-050, 10px) !important;
+  margin-right: var(--adyen-sdk-spacer-050, 10px) !important;
+}
+
+.adyen-kyc-u-margin-y-10 {
+  margin-bottom: var(--adyen-sdk-spacer-050, 10px) !important;
+  margin-top: var(--adyen-sdk-spacer-050, 10px) !important;
+}
+
+.adyen-kyc-u-margin-12 {
+  margin: var(--adyen-sdk-spacer-060, 12px) !important;
+}
+
+.adyen-kyc-u-margin-bottom-12 {
+  margin-bottom: var(--adyen-sdk-spacer-060, 12px) !important;
+}
+
+.adyen-kyc-u-margin-left-12 {
+  margin-left: var(--adyen-sdk-spacer-060, 12px) !important;
+}
+
+.adyen-kyc-u-margin-right-12 {
+  margin-right: var(--adyen-sdk-spacer-060, 12px) !important;
+}
+
+.adyen-kyc-u-margin-top-12 {
+  margin-top: var(--adyen-sdk-spacer-060, 12px) !important;
+}
+
+.adyen-kyc-u-margin-x-12 {
+  margin-left: var(--adyen-sdk-spacer-060, 12px) !important;
+  margin-right: var(--adyen-sdk-spacer-060, 12px) !important;
+}
+
+.adyen-kyc-u-margin-y-12 {
+  margin-bottom: var(--adyen-sdk-spacer-060, 12px) !important;
+  margin-top: var(--adyen-sdk-spacer-060, 12px) !important;
+}
+
+.adyen-kyc-u-margin-16 {
+  margin: var(--adyen-sdk-spacer-070, 16px) !important;
+}
+
+.adyen-kyc-u-margin-bottom-16 {
+  margin-bottom: var(--adyen-sdk-spacer-070, 16px) !important;
+}
+
+.adyen-kyc-u-margin-left-16 {
+  margin-left: var(--adyen-sdk-spacer-070, 16px) !important;
+}
+
+.adyen-kyc-u-margin-right-16 {
+  margin-right: var(--adyen-sdk-spacer-070, 16px) !important;
+}
+
+.adyen-kyc-u-margin-top-16 {
+  margin-top: var(--adyen-sdk-spacer-070, 16px) !important;
+}
+
+.adyen-kyc-u-margin-x-16 {
+  margin-left: var(--adyen-sdk-spacer-070, 16px) !important;
+  margin-right: var(--adyen-sdk-spacer-070, 16px) !important;
+}
+
+.adyen-kyc-u-margin-y-16 {
+  margin-bottom: var(--adyen-sdk-spacer-070, 16px) !important;
+  margin-top: var(--adyen-sdk-spacer-070, 16px) !important;
+}
+
+.adyen-kyc-u-margin-20 {
+  margin: var(--adyen-sdk-spacer-080, 20px) !important;
+}
+
+.adyen-kyc-u-margin-bottom-20 {
+  margin-bottom: var(--adyen-sdk-spacer-080, 20px) !important;
+}
+
+.adyen-kyc-u-margin-left-20 {
+  margin-left: var(--adyen-sdk-spacer-080, 20px) !important;
+}
+
+.adyen-kyc-u-margin-right-20 {
+  margin-right: var(--adyen-sdk-spacer-080, 20px) !important;
+}
+
+.adyen-kyc-u-margin-top-20 {
+  margin-top: var(--adyen-sdk-spacer-080, 20px) !important;
+}
+
+.adyen-kyc-u-margin-x-20 {
+  margin-left: var(--adyen-sdk-spacer-080, 20px) !important;
+  margin-right: var(--adyen-sdk-spacer-080, 20px) !important;
+}
+
+.adyen-kyc-u-margin-y-20 {
+  margin-bottom: var(--adyen-sdk-spacer-080, 20px) !important;
+  margin-top: var(--adyen-sdk-spacer-080, 20px) !important;
+}
+
+.adyen-kyc-u-margin-24 {
+  margin: var(--adyen-sdk-spacer-090, 24px) !important;
+}
+
+.adyen-kyc-u-margin-bottom-24 {
+  margin-bottom: var(--adyen-sdk-spacer-090, 24px) !important;
+}
+
+.adyen-kyc-u-margin-left-24 {
+  margin-left: var(--adyen-sdk-spacer-090, 24px) !important;
+}
+
+.adyen-kyc-u-margin-right-24 {
+  margin-right: var(--adyen-sdk-spacer-090, 24px) !important;
+}
+
+.adyen-kyc-u-margin-top-24 {
+  margin-top: var(--adyen-sdk-spacer-090, 24px) !important;
+}
+
+.adyen-kyc-u-margin-x-24 {
+  margin-left: var(--adyen-sdk-spacer-090, 24px) !important;
+  margin-right: var(--adyen-sdk-spacer-090, 24px) !important;
+}
+
+.adyen-kyc-u-margin-y-24 {
+  margin-bottom: var(--adyen-sdk-spacer-090, 24px) !important;
+  margin-top: var(--adyen-sdk-spacer-090, 24px) !important;
+}
+
+.adyen-kyc-u-margin-32 {
+  margin: var(--adyen-sdk-spacer-100, 32px) !important;
+}
+
+.adyen-kyc-u-margin-bottom-32 {
+  margin-bottom: var(--adyen-sdk-spacer-100, 32px) !important;
+}
+
+.adyen-kyc-u-margin-left-32 {
+  margin-left: var(--adyen-sdk-spacer-100, 32px) !important;
+}
+
+.adyen-kyc-u-margin-right-32 {
+  margin-right: var(--adyen-sdk-spacer-100, 32px) !important;
+}
+
+.adyen-kyc-u-margin-top-32 {
+  margin-top: var(--adyen-sdk-spacer-100, 32px) !important;
+}
+
+.adyen-kyc-u-margin-x-32 {
+  margin-left: var(--adyen-sdk-spacer-100, 32px) !important;
+  margin-right: var(--adyen-sdk-spacer-100, 32px) !important;
+}
+
+.adyen-kyc-u-margin-y-32 {
+  margin-bottom: var(--adyen-sdk-spacer-100, 32px) !important;
+  margin-top: var(--adyen-sdk-spacer-100, 32px) !important;
+}
+
+.adyen-kyc-u-margin-40 {
+  margin: var(--adyen-sdk-spacer-110, 40px) !important;
+}
+
+.adyen-kyc-u-margin-bottom-40 {
+  margin-bottom: var(--adyen-sdk-spacer-110, 40px) !important;
+}
+
+.adyen-kyc-u-margin-left-40 {
+  margin-left: var(--adyen-sdk-spacer-110, 40px) !important;
+}
+
+.adyen-kyc-u-margin-right-40 {
+  margin-right: var(--adyen-sdk-spacer-110, 40px) !important;
+}
+
+.adyen-kyc-u-margin-top-40 {
+  margin-top: var(--adyen-sdk-spacer-110, 40px) !important;
+}
+
+.adyen-kyc-u-margin-x-40 {
+  margin-left: var(--adyen-sdk-spacer-110, 40px) !important;
+  margin-right: var(--adyen-sdk-spacer-110, 40px) !important;
+}
+
+.adyen-kyc-u-margin-y-40 {
+  margin-bottom: var(--adyen-sdk-spacer-110, 40px) !important;
+  margin-top: var(--adyen-sdk-spacer-110, 40px) !important;
+}
+
+.adyen-kyc-u-margin-48 {
+  margin: var(--adyen-sdk-spacer-120, 48px) !important;
+}
+
+.adyen-kyc-u-margin-bottom-48 {
+  margin-bottom: var(--adyen-sdk-spacer-120, 48px) !important;
+}
+
+.adyen-kyc-u-margin-left-48 {
+  margin-left: var(--adyen-sdk-spacer-120, 48px) !important;
+}
+
+.adyen-kyc-u-margin-right-48 {
+  margin-right: var(--adyen-sdk-spacer-120, 48px) !important;
+}
+
+.adyen-kyc-u-margin-top-48 {
+  margin-top: var(--adyen-sdk-spacer-120, 48px) !important;
+}
+
+.adyen-kyc-u-margin-x-48 {
+  margin-left: var(--adyen-sdk-spacer-120, 48px) !important;
+  margin-right: var(--adyen-sdk-spacer-120, 48px) !important;
+}
+
+.adyen-kyc-u-margin-y-48 {
+  margin-bottom: var(--adyen-sdk-spacer-120, 48px) !important;
+  margin-top: var(--adyen-sdk-spacer-120, 48px) !important;
+}
+
 .adyen-kyc-ui-element-container-wrapper {
   width: 100%;
 }
@@ -4081,16 +4528,12 @@ button[disabled]:hover {
 }
 .adyen-layout-xs-only .adyen-kyc-ui-element-container {
   padding: var(--adyen-sdk-spacer-040, 8px);
-}/* #region Colors */
-/* #endregion */
-/* #region Borders */
+}/* #region Borders */
 /* #endregion */
 /* #region Z-index */
 /* #endregion */
 /* #region Timing functions */
 /* #endregion */
-/* #region Focus ring */
-/* #endregion */
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-toast {
@@ -4198,16 +4641,11 @@ button[disabled]:hover {
   margin: var(--adyen-sdk-spacer-030, 6px);
 }
 
-.adyen-kyc-dropin__toast-context {
-  max-width: calc(100% - var(--adyen-sdk-spacer-070, 16px));
-}
-
 .adyen-kyc-dropin__toast-stack {
-  display: flex;
-  justify-content: center;
   position: absolute;
-  width: 100%;
-  z-index: 1;
+  left: 50%;
+  transform: translate(-50%, 0);
+  z-index: 500;
 }
 .adyen-layout-xs-only .adyen-kyc-dropin__toast-stack {
   bottom: var(--adyen-sdk-spacer-070, 16px);
@@ -4215,4 +4653,27 @@ button[disabled]:hover {
 }
 .adyen-layout-md .adyen-kyc-dropin__toast-stack {
   top: var(--adyen-sdk-spacer-070, 16px);
+}/* #region Borders */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adyen-kyc-debug-modal__header {
+  font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+}
+
+.adyen-kyc-debug-modal__content {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.adyen-kyc-debug-modal__meta {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
 }