@adyen/kyc-components 2.58.0 → 2.59.0

package/dist/style.css

@@ -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);
@@ -1009,6 +982,12 @@ button[disabled]:hover {
 .adyen-kyc-tag--basic {
   background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
+}
+
+.adyen-kyc-tag--large {
+  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);
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -1019,7 +998,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 +1007,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 +1038,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 +1046,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 +1057,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 +1068,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 +1194,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 +1242,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;
@@ -1345,7 +1318,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);
@@ -1424,7 +1397,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);
@@ -1433,11 +1406,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;
@@ -1581,7 +1549,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);
@@ -1610,7 +1578,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);
@@ -1625,11 +1593,6 @@ button[disabled]:hover {
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
   position: relative;
 }
-.adyen-kyc-radio-card *,
-.adyen-kyc-radio-card *::before,
-.adyen-kyc-radio-card *::after {
-  box-sizing: border-box;
-}
 .adyen-kyc-radio-card--disabled {
   cursor: not-allowed;
   opacity: 50%;
@@ -1652,7 +1615,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);
@@ -1840,7 +1803,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);
@@ -1852,11 +1815,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;
@@ -2053,7 +2011,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);
@@ -2099,24 +2057,6 @@ fieldset {
 }
 .adyen-kyc-bank-verification-container__fixed .adyen-kyc-bank-verification-widget-container {
   flex: 1;
-}
-
-.adyen-kyc-bank-verification-success {
-  align-items: center;
-  background: var(--adyen-sdk-color-background-success-weak, #edfaf3);
-  border-radius: var(--adyen-sdk-border-radius-s, 4px);
-  color: var(--adyen-sdk-color-label-success, #07893c);
-  display: flex;
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  padding: var(--adyen-sdk-spacer-090, 24px) var(--adyen-sdk-spacer-090, 24px);
-}
-.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 Borders */
 /* #endregion */
 /* #region Z-index */
@@ -2236,13 +2176,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;
@@ -2286,7 +2222,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);
@@ -2298,11 +2234,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);
 }
@@ -2402,8 +2333,9 @@ fieldset {
     opacity: 1;
   }
 }.adyen-kyc-prefer-instant-verification-method {
-  display: block;
-  text-align: center;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
 }
 .adyen-kyc-prefer-instant-verification-method-card {
   display: flex;
@@ -2421,10 +2353,11 @@ fieldset {
 .adyen-kyc-prefer-instant-verification-method-instant-button svg {
   height: 1.5rem;
 }
-.adyen-kyc-prefer-instant-verification-method-manual-button {
-  margin-top: var(--adyen-sdk-spacer-030, 6px);
+.adyen-kyc-prefer-instant-verification-method-actions {
+  margin-top: var(--adyen-sdk-spacer-080, 20px);
+  text-align: center;
 }
-.adyen-kyc-prefer-instant-verification-method-manual-button-dark {
+.adyen-kyc-prefer-instant-verification-method-manual-button-darker {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
 }.adyen-kyc-individual .adyen-kyc-form {
   margin-bottom: var(--adyen-sdk-spacer-070, 16px);
@@ -2642,7 +2575,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);
@@ -2683,7 +2616,6 @@ fieldset {
   justify-content: end;
 }.adyen-kyc-modal {
   border: none;
-  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -2692,6 +2624,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) {
@@ -2708,6 +2643,14 @@ fieldset {
   }
 }
 
+@keyframes enterFromBelow {
+  0% {
+    top: 70vh;
+  }
+  100% {
+    top: 0;
+  }
+}
 .adyen-kyc-modal__wrapper {
   overflow: hidden;
   display: flex;
@@ -2715,15 +2658,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 > * {
@@ -2736,36 +2678,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 {
@@ -2787,17 +2732,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 */
@@ -2867,7 +2808,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);
@@ -2881,11 +2822,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;
@@ -2924,7 +2860,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 {
@@ -2955,7 +2890,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);
@@ -2972,7 +2907,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 {
@@ -2983,7 +2918,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);
 }
 
@@ -3004,7 +2939,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;
@@ -3078,18 +3012,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;
@@ -3149,7 +3078,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);
@@ -3160,11 +3089,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;
@@ -3172,7 +3096,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);
@@ -3196,7 +3120,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;
@@ -3233,7 +3157,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);
@@ -3248,11 +3172,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);
 }
@@ -3336,18 +3255,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;
@@ -3421,7 +3335,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;
@@ -3434,7 +3348,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);
@@ -3443,13 +3357,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);
 }
@@ -3624,7 +3538,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);
 }
@@ -3635,7 +3549,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);
 }
@@ -3646,7 +3560,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;
@@ -3662,7 +3576,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);
@@ -3674,11 +3588,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);
@@ -3723,7 +3632,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);
@@ -3732,11 +3641,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;
 }
@@ -3761,18 +3665,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;
@@ -3803,8 +3702,9 @@ 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);
+  --adv-accordion-content-padding: 0;
 }.adyen-kyc-signed-alert:last-of-type {
   margin-top: var(--adyen-sdk-spacer-070, 16px);
 }/* #region Borders */
@@ -3816,7 +3716,6 @@ fieldset {
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-embedded-status {
-  box-sizing: border-box;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -3898,7 +3797,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);
@@ -3908,11 +3807,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);
@@ -4474,12 +4368,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);
@@ -4507,7 +4407,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);
@@ -4534,11 +4434,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);
@@ -4636,16 +4531,34 @@ fieldset {
   margin: 1em;
 }
 
+.adyen-kyc-debug-modal__footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.adyen-kyc-debug-modal__footer--copy-status {
+  margin-left: 1em;
+  color: var(--adyen-sdk-color-background-success-strong, #07893c);
+  outline: 1px solid var(--adyen-sdk-color-background-success-strong, #07893c);
+  background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
+  border-radius: 5px;
+  padding: 0.5em;
+}
+
+.adyen-kyc-debug-modal__table-key {
+  margin-right: 1em;
+}
+
 .adyen-kyc-debug-modal__content {
   display: flex;
   flex-direction: column;
   gap: 24px;
-  margin: 1em;
+  margin: 0 1em;
 }
 
 .adyen-kyc-debug-modal__meta {
   display: flex;
   flex-direction: column;
   gap: 4px;
-  margin: 1em;
+  margin: 0 1em;
 }