npm - @adyen/kyc-components - Versions diffs - 3.32.5 → 3.34.0 - Mend

@adyen/kyc-components 3.32.5 → 3.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (162) hide show

package/dist/style.css CHANGED Viewed

@@ -8,18 +8,13 @@
 /* #endregion */
 .adyen-kyc-summary {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.adyen-kyc-summary *,
-.adyen-kyc-summary *::before,
-.adyen-kyc-summary *::after {
-  box-sizing: border-box;
-}
 .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);
@@ -72,7 +67,7 @@
 .adyen-kyc-summary__legal-caption {
   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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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 */
@@ -87,7 +82,7 @@
 /* base/primary */
 .adyen-kyc-button {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -119,11 +114,6 @@
   transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-linear, linear);
   transition-property: color, background-color;
 }
-.adyen-kyc-button *,
-.adyen-kyc-button *::before,
-.adyen-kyc-button *::after {
-  box-sizing: border-box;
-}
 .adyen-kyc-button::-moz-focus-inner {
   border: none;
   padding: var(--adyen-sdk-spacer-000, 0px);
@@ -211,7 +201,6 @@
 }
 .adyen-kyc-button--icon-left .adyen-kyc-icon {
   margin-left: 0;
-  height: 1em;
 }
 /* Disabled */
@@ -234,7 +223,7 @@ button[disabled]:hover {
 /* #endregion */
 .adyen-kyc-link {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -249,11 +238,6 @@ button[disabled]:hover {
   padding: var(--adyen-sdk-spacer-000, 0px);
   vertical-align: baseline;
 }
-.adyen-kyc-link *,
-.adyen-kyc-link *::before,
-.adyen-kyc-link *::after {
-  box-sizing: border-box;
-}
 .adyen-kyc-link:hover {
   color: var(--adyen-sdk-color-link-primary-hover, #5c687c);
   text-decoration: underline;
@@ -396,7 +380,7 @@ button[disabled]:hover {
 /* #endregion */
 .adyen-kyc-alert {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -409,11 +393,6 @@ button[disabled]:hover {
   flex-direction: column;
   gap: var(--adyen-sdk-spacer-040, 8px);
 }
-.adyen-kyc-alert *,
-.adyen-kyc-alert *::before,
-.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);
@@ -488,7 +467,7 @@ button[disabled]:hover {
 .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);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
   cursor: pointer;
 }
@@ -597,7 +576,7 @@ button[disabled]:hover {
 .adyen-kyc-helper-text {
   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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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;
@@ -612,7 +591,7 @@ 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-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', 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;
@@ -631,7 +610,7 @@ button[disabled]:hover {
   color: var(--adyen-sdk-color-label-critical, #e22d2d);
   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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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);
@@ -665,7 +644,6 @@ button[disabled]:hover {
   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;
   color: var(--adyen-sdk-color-label-primary, #00112c);
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
@@ -733,7 +711,7 @@ 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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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);
@@ -767,7 +745,7 @@ 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);
-  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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;
@@ -952,7 +930,7 @@ button[disabled]:hover {
 /* #endregion */
 .adyen-kyc-tag {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -960,7 +938,7 @@ 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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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);
@@ -970,11 +948,6 @@ button[disabled]:hover {
   white-space: nowrap;
   border: none;
 }
-.adyen-kyc-tag *,
-.adyen-kyc-tag *::before,
-.adyen-kyc-tag *::after {
-  box-sizing: border-box;
-}
 .adyen-kyc-tag--grey {
   background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
@@ -1019,7 +992,7 @@ button[disabled]:hover {
 /* #endregion */
 .adyen-kyc-typography {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -1028,35 +1001,30 @@ button[disabled]:hover {
   display: block;
   margin: var(--adyen-sdk-spacer-000, 0px);
 }
-.adyen-kyc-typography *,
-.adyen-kyc-typography *::before,
-.adyen-kyc-typography *::after {
-  box-sizing: border-box;
-}
 .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);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', 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);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', 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);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', 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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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);
@@ -1064,7 +1032,7 @@ button[disabled]:hover {
 }
 .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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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);
@@ -1072,7 +1040,7 @@ button[disabled]:hover {
 }
 .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-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', 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);
@@ -1083,7 +1051,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-family: var(--adyen-sdk-text-title-m-font-family, 'Adyen Variable', 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);
@@ -1094,7 +1062,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-family: var(--adyen-sdk-text-title-l-font-family, 'Adyen Variable', 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);
@@ -1220,7 +1188,7 @@ button[disabled]:hover {
 .adyen-kyc-form-header__description {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
   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-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', 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 */
@@ -1268,7 +1236,6 @@ button[disabled]:hover {
   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;
   caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
   color: var(--adyen-sdk-color-label-primary, #00112c);
   display: block;
@@ -1308,6 +1275,15 @@ button[disabled]:hover {
   border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
   outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
 }
+.adyen-kyc-input--number {
+  appearance: none;
+  margin: 0;
+  /* Remove the spinner buttons */
+}
+.adyen-kyc-input--number::-webkit-outer-spin-button, .adyen-kyc-input--number::-webkit-inner-spin-button {
+  appearance: none;
+  margin: 0;
+}
 .adyen-kyc-input--date {
   padding-right: var(--adyen-sdk-spacer-100, 32px);
 }
@@ -1336,7 +1312,7 @@ 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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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);
@@ -1415,7 +1391,7 @@ button[disabled]:hover {
 /* #endregion */
 .adyen-kyc-input-radio {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -1424,11 +1400,6 @@ button[disabled]:hover {
   display: inline-flex;
   vertical-align: baseline;
 }
-.adyen-kyc-input-radio *,
-.adyen-kyc-input-radio *::before,
-.adyen-kyc-input-radio *::after {
-  box-sizing: border-box;
-}
 .adyen-kyc-input-radio__input {
   appearance: none;
@@ -1499,12 +1470,18 @@ button[disabled]:hover {
   cursor: not-allowed;
 }
-.adyen-kyc-input-radio__label {
+.adyen-kyc-input-radio__content {
   cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  padding-left: var(--adyen-sdk-spacer-040, 8px);
+  flex-grow: 1;
+}
+.adyen-kyc-input-radio__label {
   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-field--entityType {
   margin-bottom: var(--adyen-sdk-spacer-090, 24px);
@@ -1566,7 +1543,7 @@ 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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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);
@@ -1579,10 +1556,7 @@ button[disabled]:hover {
   bottom: -30px;
   top: auto;
 }
-.adyen-kyc-radio-group-card--floating-radio {
-  position: relative;
-}
-.adyen-kyc-radio-group-card--floating-radio .adyen-kyc-radio-group-card__input {
+.adyen-kyc-radio-group-card__radio--floating {
   bottom: auto;
   left: auto;
   position: absolute;
@@ -1598,7 +1572,7 @@ button[disabled]:hover {
 /* #endregion */
 .adyen-kyc-radio-card {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -1611,11 +1585,7 @@ button[disabled]:hover {
   list-style: none;
   padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
-}
-.adyen-kyc-radio-card *,
-.adyen-kyc-radio-card *::before,
-.adyen-kyc-radio-card *::after {
-  box-sizing: border-box;
+  position: relative;
 }
 .adyen-kyc-radio-card--disabled {
   cursor: not-allowed;
@@ -1639,7 +1609,7 @@ 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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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);
@@ -1807,6 +1777,16 @@ button[disabled]:hover {
 .adyen-kyc-dropzone-file__button {
   border: 0;
   padding: var(--adyen-sdk-spacer-000, 0px);
+}.adyen-kyc-financial-information-reported-value-options {
+  gap: var(--adyen-sdk-spacer-060, 12px);
+}.adyen-kyc-reported-value {
+  display: flex;
+  flex-direction: column;
+  padding: var(--adyen-sdk-spacer-020, 4px) 0;
+}
+.adyen-kyc-reported-value-input {
+  margin: var(--adyen-sdk-spacer-060, 12px) 0;
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -1817,7 +1797,7 @@ button[disabled]:hover {
 /* #endregion */
 .adyen-kyc-list {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -1829,11 +1809,6 @@ button[disabled]:hover {
   margin: var(--adyen-sdk-spacer-000, 0px);
   padding-left: var(--adyen-sdk-spacer-070, 16px);
 }
-.adyen-kyc-list *,
-.adyen-kyc-list *::before,
-.adyen-kyc-list *::after {
-  box-sizing: border-box;
-}
 .adyen-kyc-list--no-markers {
   list-style: none;
@@ -2030,7 +2005,7 @@ fieldset {
 }
 .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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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);
@@ -2090,7 +2065,7 @@ fieldset {
 .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-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', 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);
@@ -2213,13 +2188,9 @@ fieldset {
   gap: var(--adyen-sdk-spacer-020, 4px);
   justify-content: end;
 }
-.adyen-kyc-field-verification-methods__footer .adyen-kyc-icon {
+.adyen-kyc-field-verification-methods__logo {
   height: 12px;
 }
-.adyen-kyc-field-verification-methods__footer .adyen-kyc-icon svg {
-  height: 100%;
-  width: auto;
-}
 .adyen-kyc-radio-group-card__illustration {
   display: flex;
@@ -2263,7 +2234,7 @@ fieldset {
 /* #endregion */
 .adyen-kyc-card {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -2275,11 +2246,6 @@ fieldset {
   display: block;
   outline: none;
 }
-.adyen-kyc-card *,
-.adyen-kyc-card *::before,
-.adyen-kyc-card *::after {
-  box-sizing: border-box;
-}
 .adyen-kyc-card--secondary {
   background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
 }
@@ -2619,7 +2585,7 @@ fieldset {
 }
 .adyen-kyc-business-details .adyen-kyc-form-header__heading {
   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-family: var(--adyen-sdk-text-title-m-font-family, 'Adyen Variable', 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);
@@ -2660,7 +2626,6 @@ fieldset {
   justify-content: end;
 }.adyen-kyc-modal {
   border: none;
-  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -2669,6 +2634,9 @@ fieldset {
   max-width: 680px;
   height: 100%;
   max-height: 640px;
+  animation-name: enterFromBelow;
+  animation-duration: 0.1s;
+  animation-timing-function: ease-out;
 }
 @media screen and (max-width: 480px) {
   .adyen-kyc-modal:not(.adyen-kyc-modal--small) {
@@ -2685,6 +2653,14 @@ fieldset {
   }
 }
+@keyframes enterFromBelow {
+  0% {
+    top: 70vh;
+  }
+  100% {
+    top: 0;
+  }
+}
 .adyen-kyc-modal__wrapper {
   overflow: hidden;
   display: flex;
@@ -2692,15 +2668,14 @@ fieldset {
   --adyen-kyc-modal-internal-margin: var(--adyen-sdk-spacer-100, 32px);
   background: var(--adyen-sdk-color-background-primary, #ffffff);
   margin: var(--adyen-kyc-modal-internal-margin);
-  border-radius: var(--adyen-sdk-border-radius-xl, 24px);
+  border-radius: var(--adyen-sdk-border-radius-l, 12px);
   height: calc(100% - var(--adyen-kyc-modal-internal-margin) * 2);
   --adyen-kyc-modal-footer-height: 62px;
 }
 .adyen-kyc-modal__main {
-  display: inline-grid;
-  grid-template-areas: "stack";
-  height: calc(100% - var(--adyen-kyc-modal-footer-height));
+  flex-grow: 1;
+  overflow-y: scroll;
 }
 .adyen-kyc-modal__main > * {
@@ -2713,36 +2688,39 @@ fieldset {
 }
 .adyen-kyc-modal-top-bar {
-  max-width: calc(100% - var(--adyen-kyc-modal-internal-margin));
-  padding: var(--adyen-sdk-spacer-050, 10px);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  padding: var(--adyen-sdk-spacer-070, 16px);
   padding-bottom: 0;
   display: flex;
   justify-content: space-between;
 }
+.adyen-kyc-modal-top-bar--fixed {
+  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
+}
 .adyen-kyc-modal__content,
-.adyen-kyc-modal__header,
 .adyen-kyc-modal__footer {
-  padding: var(--adyen-sdk-spacer-060, 12px);
-  box-sizing: border-box;
+  padding: var(--adyen-sdk-spacer-070, 16px);
 }
 .adyen-kyc-modal__header {
-  padding-top: var(--adyen-sdk-spacer-070, 16px);
+  flex: 1;
+  align-content: center;
+  padding: 0 var(--adyen-sdk-spacer-070, 16px);
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
   font-weight: var(--adyen-sdk-text-title-font-weight, 600);
 }
 .adyen-kyc-modal__content {
-  flex: 1;
-  overflow-y: auto;
-  max-height: 100%;
-  padding-top: var(--adyen-sdk-spacer-120, 48px);
+  padding: var(--adyen-sdk-spacer-090, 24px);
 }
 .adyen-kyc-modal__footer {
   border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
-  height: var(--adyen-kyc-modal-footer-height);
+  padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
 }
 .adyen-kyc-modal--small {
@@ -2764,17 +2742,13 @@ fieldset {
 .adyen-kyc-modal--fullscreen {
   margin: 0;
   max-width: 100vw;
-  height: 100vh;
+  max-height: 100vh;
   width: 100vw;
 }
-.adyen-kyc-modal--with-backButton .adyen-kyc-modal__header {
-  padding-left: var(--adyen-sdk-spacer-140, 64px);
-}
 .adyen-kyc-modal-button {
   z-index: 100;
-  backdrop-filter: blur(2px);
+  backdrop-filter: blur(10px);
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -2844,7 +2818,7 @@ fieldset {
 /* #endregion */
 .adyen-kyc-dropin {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -2858,11 +2832,6 @@ fieldset {
   position: relative;
   width: 100%;
 }
-.adyen-kyc-dropin *,
-.adyen-kyc-dropin *::before,
-.adyen-kyc-dropin *::after {
-  box-sizing: border-box;
-}
 .adyen-kyc-dropin-container {
   position: relative;
   min-height: 480px;
@@ -2905,7 +2874,6 @@ fieldset {
 }.adyen-kyc-embedded-action-bar {
   display: flex;
   justify-content: space-between;
-  margin: 0 var(--adyen-sdk-spacer-070, 16px);
 }
 .adyen-kyc-embedded-action-bar > section {
@@ -2936,7 +2904,7 @@ fieldset {
 }
 .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-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', 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);
@@ -2953,7 +2921,7 @@ fieldset {
 .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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
 }
 .adyen-kyc-form-navigation .adyen-kyc-form-navigation__items {
@@ -2964,7 +2932,7 @@ fieldset {
 .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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
 }
@@ -2985,7 +2953,6 @@ fieldset {
 .adyen-kyc-form-navigation__item {
   align-items: center;
   border-left: var(--adyen-sdk-border-width-m, 2px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
-  box-sizing: border-box;
   color: var(--adyen-sdk-color-label-primary, #00112c);
   cursor: default;
   display: flex;
@@ -3059,18 +3026,13 @@ fieldset {
 /* #endregion */
 .adyen-kyc-decision-makers {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.adyen-kyc-decision-makers *,
-.adyen-kyc-decision-makers *::before,
-.adyen-kyc-decision-makers *::after {
-  box-sizing: border-box;
-}
 .adyen-layout-md .adyen-kyc-decision-makers__container {
   display: flex;
   flex-direction: column;
@@ -3130,7 +3092,7 @@ fieldset {
 /* #endregion */
 .adyen-kyc-entity-association {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -3141,11 +3103,6 @@ fieldset {
   margin: var(--adyen-sdk-spacer-000, 0px);
   width: 100%;
 }
-.adyen-kyc-entity-association *,
-.adyen-kyc-entity-association *::before,
-.adyen-kyc-entity-association *::after {
-  box-sizing: border-box;
-}
 .adyen-kyc-entity-association__top {
   display: flex;
   flex-wrap: wrap;
@@ -3153,7 +3110,7 @@ fieldset {
 .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-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', 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);
@@ -3177,7 +3134,7 @@ fieldset {
   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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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;
@@ -3214,7 +3171,7 @@ fieldset {
 /* #endregion */
 .adyen-kyc-status {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -3229,11 +3186,6 @@ fieldset {
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
   padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
 }
-.adyen-kyc-status *,
-.adyen-kyc-status *::before,
-.adyen-kyc-status *::after {
-  box-sizing: border-box;
-}
 .adyen-kyc-status--finished {
   color: var(--adyen-sdk-color-label-success, #07893c);
 }
@@ -3329,18 +3281,13 @@ fieldset {
 /* #endregion */
 .adyen-kyc-entity-status {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.adyen-kyc-entity-status *,
-.adyen-kyc-entity-status *::before,
-.adyen-kyc-entity-status *::after {
-  box-sizing: border-box;
-}
 .adyen-kyc-entity-status__container {
   display: flex;
   flex-direction: row;
@@ -3414,7 +3361,7 @@ fieldset {
 }.adyen-kyc-introduction {
   display: flex;
   flex-direction: column;
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   gap: var(--adyen-sdk-spacer-020, 4px);
   max-width: 660px;
   margin: var(--adyen-sdk-spacer-000, 0px) auto;
@@ -3427,7 +3374,7 @@ fieldset {
   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);
+  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', 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);
@@ -3436,13 +3383,13 @@ fieldset {
 }
 .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-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', 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-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', 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);
 }
@@ -3617,7 +3564,7 @@ fieldset {
 }
 .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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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);
 }
@@ -3628,7 +3575,7 @@ fieldset {
 .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-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', 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);
 }
@@ -3639,7 +3586,7 @@ fieldset {
   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-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', 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;
@@ -3655,7 +3602,7 @@ fieldset {
 }
 .adyen-task-item-extra-actions {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -3667,11 +3614,6 @@ fieldset {
   padding: var(--adyen-sdk-spacer-040, 8px);
   width: 100%;
 }
-.adyen-task-item-extra-actions *,
-.adyen-task-item-extra-actions *::before,
-.adyen-task-item-extra-actions *::after {
-  box-sizing: border-box;
-}
 .adyen-task-item-extra-actions__more-actions-toggle {
   border-radius: 50%;
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
@@ -3716,7 +3658,7 @@ fieldset {
 /* #endregion */
 .adyen-task-list-group {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -3725,11 +3667,6 @@ fieldset {
   align-items: flex-start;
   background: var(--adyen-sdk-color-background-primary, #ffffff);
 }
-.adyen-task-list-group *,
-.adyen-task-list-group *::before,
-.adyen-task-list-group *::after {
-  box-sizing: border-box;
-}
 .adyen-layout-xs-only .adyen-task-list-group {
   border: 0;
 }
@@ -3754,18 +3691,13 @@ fieldset {
 /* #endregion */
 .adyen-kyc-trust-members {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.adyen-kyc-trust-members *,
-.adyen-kyc-trust-members *::before,
-.adyen-kyc-trust-members *::after {
-  box-sizing: border-box;
-}
 .adyen-kyc-trust-members__box {
   display: flex;
   flex-direction: column;
@@ -3819,7 +3751,7 @@ fieldset {
 }.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-text-font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
 }.adyen-kyc-signed-alert:last-of-type {
   margin-top: var(--adyen-sdk-spacer-070, 16px);
@@ -3832,7 +3764,6 @@ fieldset {
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-embedded-status {
-  box-sizing: border-box;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -3935,7 +3866,7 @@ fieldset {
 .adyen-kyc-field--highExposureBusinessInformation .adyen-kyc-radio-group {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
   column-gap: var(--adyen-sdk-spacer-100, 32px);
 }
@@ -3943,6 +3874,78 @@ fieldset {
   text-decoration: underline;
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
+}
+.adyen-kyc-high-exposure-financials {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: var(--adyen-sdk-spacer-080, 20px);
+  place-items: center;
+}
+.adyen-kyc-high-exposure-financials .adyen-kyc-helper-text__above {
+  height: 36px;
+}/* #region Borders */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adyen-form-end-state {
+  color: var(--adyen-sdk-color-label-primary, #00112c);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  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);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: grid;
+  place-items: center;
+  word-break: break-word;
+  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
+}
+.adyen-form-end-state--without-icon .adyen-form-end-state__title {
+  margin-top: 0;
+}
+.adyen-form-end-state__icon {
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
+  margin-top: var(--adyen-sdk-spacer-010, 2px);
+}
+.adyen-form-end-state__icon--info {
+  color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
+}
+.adyen-form-end-state__icon--error {
+  color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
+}
+.adyen-form-end-state__icon--warning {
+  color: var(--adyen-sdk-color-background-warning-strong, #dd7d00);
+}
+.adyen-form-end-state__icon--success {
+  color: var(--adyen-sdk-color-background-success-strong, #07893c);
+}
+.adyen-form-end-state__title {
+  font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
+  font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
+  margin-top: var(--adyen-sdk-spacer-060, 12px);
+  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
+  text-align: center;
+}
+.adyen-form-end-state__description {
+  color: var(--adyen-sdk-color-label-secondary, #5c687c);
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
+  text-align: center;
+}
+.adyen-form-end-state__actions {
+  display: flex;
+  gap: var(--adyen-sdk-spacer-070, 16px);
+  text-align: left;
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -3953,7 +3956,7 @@ fieldset {
 /* #endregion */
 .adyen-view-verification-status {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -3963,11 +3966,6 @@ fieldset {
   overflow: hidden;
   position: relative;
 }
-.adyen-view-verification-status *,
-.adyen-view-verification-status *::before,
-.adyen-view-verification-status *::after {
-  box-sizing: border-box;
-}
 .adyen-view-verification-status__description {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -4529,12 +4527,18 @@ fieldset {
   margin-top: var(--adyen-sdk-spacer-120, 48px) !important;
 }
+/* Topmost/root container class */
 .adyen-kyc-ui-element-container-wrapper {
   width: 100%;
 }
-.adyen-kyc-ui-element-container {
+.adyen-kyc-ui-element-container-wrapper *,
+.adyen-kyc-ui-element-container-wrapper *::after,
+.adyen-kyc-ui-element-container-wrapper *::before {
   box-sizing: border-box;
+}
+.adyen-kyc-ui-element-container {
   background-color: var(--adyen-sdk-color-background-primary, #ffffff);
   position: relative;
   padding: var(--adyen-sdk-spacer-100, 32px);
@@ -4562,7 +4566,7 @@ fieldset {
 /* #endregion */
 .adyen-kyc-toast {
   color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   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);
@@ -4589,11 +4593,6 @@ fieldset {
   white-space: normal;
   z-index: 1;
 }
-.adyen-kyc-toast *,
-.adyen-kyc-toast *::before,
-.adyen-kyc-toast *::after {
-  box-sizing: border-box;
-}
 .adyen-kyc-toast--visible {
   opacity: 1;
   transform: translateY(0);