@adyen/kyc-components 3.90.0 → 3.91.0-beta.0

package/dist/styles-CLV89_hH.js

@@ -10,7 +10,7 @@
 const css = `/* for container queries */
 .adyen-kyc-typography {
   color: var(--adyen-sdk-color-label-primary, #001222);
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family);
   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);
@@ -18,28 +18,28 @@ const css = `/* for container queries */
 }
 .adyen-kyc-typography--body {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family);
   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, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family);
   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, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family);
   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, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   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);
@@ -47,7 +47,7 @@ const css = `/* for container queries */
 }
 .adyen-kyc-typography--caption-stronger {
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   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);
@@ -55,7 +55,7 @@ const css = `/* for container queries */
 }
 .adyen-kyc-typography--title {
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
-  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-title-font-family);
   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);
@@ -68,7 +68,7 @@ const css = `/* for container queries */
 }
 .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, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-title-m-font-family);
   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);
@@ -81,7 +81,7 @@ const css = `/* for container queries */
 }
 .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, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-title-l-font-family);
   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);
@@ -221,7 +221,7 @@ const css = `/* for container queries */
   border: 1px solid transparent;
   box-sizing: border-box;
   cursor: pointer;
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family);
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
   line-height: 1;
@@ -448,7 +448,7 @@ const css = `/* for container queries */
   color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
   display: flex;
   flex-grow: 1;
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family);
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   gap: var(--adyen-sdk-spacer-040, 8px);
@@ -1080,7 +1080,7 @@ const css = `/* for container queries */
   position: relative;
   padding: var(--adyen-sdk-spacer-100, 32px);
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family);
   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);
@@ -1123,8 +1123,7 @@ const css = `/* for container queries */
 */
 @layer default;
 @layer default {
-  :root,
-  :host {
+  :root {
     --adyen-sdk-tap-target: 44px;
     --adyen-sdk-animation-easing-standard: cubic-bezier(0.2, 0, 0.4, 0.9);
     --adyen-sdk-animation-easing-enter: cubic-bezier(0.12, 0.6, 0.4, 0.95);
@@ -1414,6 +1413,296 @@ const css = `/* for container queries */
     --adyen-sdk-z-index-local-tier-4: 4;
   }
 }
+@layer default {
+  :host {
+    --adyen-sdk-animation-easing-standard: var(var(--adyen-sdk-animation-easing-standard), cubic-bezier(0.2, 0, 0.4, 0.9));
+    --adyen-sdk-animation-easing-enter: var(var(--adyen-sdk-animation-easing-enter), cubic-bezier(0.12, 0.6, 0.4, 0.95));
+    --adyen-sdk-animation-easing-exit: var(var(--adyen-sdk-animation-easing-exit), cubic-bezier(0.4, 0, 1, 1));
+    --adyen-sdk-animation-easing-linear: var(var(--adyen-sdk-animation-easing-linear), linear);
+    --adyen-sdk-animation-duration-fast: var(var(--adyen-sdk-animation-duration-fast), 100ms);
+    --adyen-sdk-animation-duration-moderate: var(var(--adyen-sdk-animation-duration-moderate), 150ms);
+    --adyen-sdk-animation-duration-slow: var(var(--adyen-sdk-animation-duration-slow), 250ms);
+    --adyen-sdk-color-background-primary: var(var(--adyen-sdk-color-background-primary), #ffffff);
+    --adyen-sdk-color-background-primary-hover: var(var(--adyen-sdk-color-background-primary-hover), #f4f5f6);
+    --adyen-sdk-color-background-primary-active: var(var(--adyen-sdk-color-background-primary-active), #ecedef);
+    --adyen-sdk-color-background-secondary: var(var(--adyen-sdk-color-background-secondary), #f4f5f6);
+    --adyen-sdk-color-background-secondary-hover: var(var(--adyen-sdk-color-background-secondary-hover), #ecedef);
+    --adyen-sdk-color-background-secondary-active: var(var(--adyen-sdk-color-background-secondary-active), #e2e5e7);
+    --adyen-sdk-color-background-tertiary: var(var(--adyen-sdk-color-background-tertiary), #ecedef);
+    --adyen-sdk-color-background-tertiary-hover: var(var(--adyen-sdk-color-background-tertiary-hover), #e2e5e7);
+    --adyen-sdk-color-background-tertiary-active: var(var(--adyen-sdk-color-background-tertiary-active), #dadddf);
+    --adyen-sdk-color-background-quaternary: var(var(--adyen-sdk-color-background-quaternary), #c0c5ca);
+    --adyen-sdk-color-background-quaternary-hover: var(var(--adyen-sdk-color-background-quaternary-hover), #b7bdc2);
+    --adyen-sdk-color-background-quaternary-active: var(var(--adyen-sdk-color-background-quaternary-active), #aeb5ba);
+    --adyen-sdk-color-background-modal: var(var(--adyen-sdk-color-background-modal), #ffffff);
+    --adyen-sdk-color-background-modal-hover: var(var(--adyen-sdk-color-background-modal-hover), #f4f5f6);
+    --adyen-sdk-color-background-modal-active: var(var(--adyen-sdk-color-background-modal-active), #ecedef);
+    --adyen-sdk-color-background-disabled: var(var(--adyen-sdk-color-background-disabled), #ecedef);
+    --adyen-sdk-color-background-selected: var(var(--adyen-sdk-color-background-selected), #e3effb);
+    --adyen-sdk-color-background-selected-hover: var(var(--adyen-sdk-color-background-selected-hover), #d4e6f9);
+    --adyen-sdk-color-background-selected-active: var(var(--adyen-sdk-color-background-selected-active), #c8dff7);
+    --adyen-sdk-color-background-spotlight: var(var(--adyen-sdk-color-background-spotlight), #ffe379);
+    --adyen-sdk-color-background-critical-weak: var(var(--adyen-sdk-color-background-critical-weak), #fff3ef);
+    --adyen-sdk-color-background-critical-strong: var(var(--adyen-sdk-color-background-critical-strong), #dc3801);
+    --adyen-sdk-color-background-critical-strong-hover: var(var(--adyen-sdk-color-background-critical-strong-hover), #c13101);
+    --adyen-sdk-color-background-critical-strong-active: var(var(--adyen-sdk-color-background-critical-strong-active), #751e00);
+    --adyen-sdk-color-background-warning-weak: var(var(--adyen-sdk-color-background-warning-weak), #fff4e5);
+    --adyen-sdk-color-background-warning-weak-hover: var(var(--adyen-sdk-color-background-warning-weak-hover), #ffecd0);
+    --adyen-sdk-color-background-warning-weak-active: var(var(--adyen-sdk-color-background-warning-weak-active), #ffe0b3);
+    --adyen-sdk-color-background-warning-strong: var(var(--adyen-sdk-color-background-warning-strong), #d77f00);
+    --adyen-sdk-color-background-success-weak: var(var(--adyen-sdk-color-background-success-weak), #e4faef);
+    --adyen-sdk-color-background-success-strong: var(var(--adyen-sdk-color-background-success-strong), #008845);
+    --adyen-sdk-color-background-highlight-weak: var(var(--adyen-sdk-color-background-highlight-weak), #f0f6fd);
+    --adyen-sdk-color-background-highlight-strong: var(var(--adyen-sdk-color-background-highlight-strong), #0f75dc);
+    --adyen-sdk-color-background-inverse-primary: var(var(--adyen-sdk-color-background-inverse-primary), #001222);
+    --adyen-sdk-color-background-inverse-primary-hover: var(var(--adyen-sdk-color-background-inverse-primary-hover), #5c6874);
+    --adyen-sdk-color-background-inverse-primary-active: var(var(--adyen-sdk-color-background-inverse-primary-active), #6c7782);
+    --adyen-sdk-color-background-inverse-secondary: var(var(--adyen-sdk-color-background-inverse-secondary), #1a2b3b);
+    --adyen-sdk-color-background-inverse-secondary-hover: var(var(--adyen-sdk-color-background-inverse-secondary-hover), #273746);
+    --adyen-sdk-color-background-inverse-secondary-active: var(var(--adyen-sdk-color-background-inverse-secondary-active), #364553);
+    --adyen-sdk-color-background-inverse-disabled: var(var(--adyen-sdk-color-background-inverse-disabled), #273746);
+    --adyen-sdk-color-background-inverse-critical-weak: var(var(--adyen-sdk-color-background-inverse-critical-weak), #5c1800);
+    --adyen-sdk-color-background-inverse-critical-strong: var(var(--adyen-sdk-color-background-inverse-critical-strong), #ff9a78);
+    --adyen-sdk-color-background-inverse-critical-strong-hover: var(var(--adyen-sdk-color-background-inverse-critical-strong-hover), #ffbda6);
+    --adyen-sdk-color-background-inverse-critical-strong-active: var(var(--adyen-sdk-color-background-inverse-critical-strong-active), #ffded3);
+    --adyen-sdk-color-background-always-light: var(var(--adyen-sdk-color-background-always-light), #ffffff);
+    --adyen-sdk-color-background-always-light-hover: var(var(--adyen-sdk-color-background-always-light-hover), #f4f5f6);
+    --adyen-sdk-color-background-always-light-active: var(var(--adyen-sdk-color-background-always-light-active), #ecedef);
+    --adyen-sdk-color-background-always-light-disabled: var(var(--adyen-sdk-color-background-always-light-disabled), #ecedef);
+    --adyen-sdk-color-background-always-light-selected: var(var(--adyen-sdk-color-background-always-light-selected), #e3effb);
+    --adyen-sdk-color-background-always-dark: var(var(--adyen-sdk-color-background-always-dark), #001222);
+    --adyen-sdk-color-background-always-dark-hover: var(var(--adyen-sdk-color-background-always-dark-hover), #5c6874);
+    --adyen-sdk-color-background-always-dark-active: var(var(--adyen-sdk-color-background-always-dark-active), #8c959d);
+    --adyen-sdk-color-background-always-dark-disabled: var(var(--adyen-sdk-color-background-always-dark-disabled), #ecedef);
+    --adyen-sdk-color-background-always-dark-selected: var(var(--adyen-sdk-color-background-always-dark-selected), #00305f);
+    --adyen-sdk-color-background-always-dark-primary: var(var(--adyen-sdk-color-background-always-dark-primary), #001222);
+    --adyen-sdk-color-background-always-dark-primary-hover: var(var(--adyen-sdk-color-background-always-dark-primary-hover), #132434);
+    --adyen-sdk-color-background-always-dark-primary-active: var(var(--adyen-sdk-color-background-always-dark-primary-active), #213140);
+    --adyen-sdk-color-background-always-dark-primary-disabled: var(var(--adyen-sdk-color-background-always-dark-primary-disabled), #ecedef);
+    --adyen-sdk-color-background-always-dark-primary-selected: var(var(--adyen-sdk-color-background-always-dark-primary-selected), #00305f);
+    --adyen-sdk-color-background-always-dark-secondary: var(var(--adyen-sdk-color-background-always-dark-secondary), #213140);
+    --adyen-sdk-color-background-always-dark-secondary-hover: var(var(--adyen-sdk-color-background-always-dark-secondary-hover), #364553);
+    --adyen-sdk-color-background-always-dark-secondary-active: var(var(--adyen-sdk-color-background-always-dark-secondary-active), #455460);
+    --adyen-sdk-color-background-always-dark-secondary-disabled: var(var(--adyen-sdk-color-background-always-dark-secondary-disabled), #ecedef);
+    --adyen-sdk-color-background-always-dark-secondary-selected: var(var(--adyen-sdk-color-background-always-dark-secondary-selected), #00305f);
+    --adyen-sdk-color-background-always-dark-tertiary: var(var(--adyen-sdk-color-background-always-dark-tertiary), #2f3e4d);
+    --adyen-sdk-color-background-always-dark-tertiary-hover: var(var(--adyen-sdk-color-background-always-dark-tertiary-hover), #3d4c5a);
+    --adyen-sdk-color-background-always-dark-tertiary-active: var(var(--adyen-sdk-color-background-always-dark-tertiary-active), #455460);
+    --adyen-sdk-color-background-always-dark-tertiary-disabled: var(var(--adyen-sdk-color-background-always-dark-tertiary-disabled), #ecedef);
+    --adyen-sdk-color-background-always-dark-tertiary-selected: var(var(--adyen-sdk-color-background-always-dark-tertiary-selected), #00305f);
+    --adyen-sdk-color-label-primary: var(var(--adyen-sdk-color-label-primary), #001222);
+    --adyen-sdk-color-label-primary-hover: var(var(--adyen-sdk-color-label-primary-hover), #5c6874);
+    --adyen-sdk-color-label-primary-active: var(var(--adyen-sdk-color-label-primary-active), #6c7782);
+    --adyen-sdk-color-label-secondary: var(var(--adyen-sdk-color-label-secondary), #5c6874);
+    --adyen-sdk-color-label-tertiary: var(var(--adyen-sdk-color-label-tertiary), #8c959d);
+    --adyen-sdk-color-label-disabled: var(var(--adyen-sdk-color-label-disabled), #8c959d);
+    --adyen-sdk-color-label-critical: var(var(--adyen-sdk-color-label-critical), #dc3801);
+    --adyen-sdk-color-label-critical-hover: var(var(--adyen-sdk-color-label-critical-hover), #c13101);
+    --adyen-sdk-color-label-critical-active: var(var(--adyen-sdk-color-label-critical-active), #751e00);
+    --adyen-sdk-color-label-warning: var(var(--adyen-sdk-color-label-warning), #ab6600);
+    --adyen-sdk-color-label-highlight: var(var(--adyen-sdk-color-label-highlight), #0f75dc);
+    --adyen-sdk-color-label-success: var(var(--adyen-sdk-color-label-success), #008845);
+    --adyen-sdk-color-label-on-color: var(var(--adyen-sdk-color-label-on-color), #ffffff);
+    --adyen-sdk-color-label-inverse-primary: var(var(--adyen-sdk-color-label-inverse-primary), #ffffff);
+    --adyen-sdk-color-label-inverse-primary-hover: var(var(--adyen-sdk-color-label-inverse-primary-hover), #f4f5f6);
+    --adyen-sdk-color-label-inverse-primary-active: var(var(--adyen-sdk-color-label-inverse-primary-active), #ecedef);
+    --adyen-sdk-color-label-inverse-secondary: var(var(--adyen-sdk-color-label-inverse-secondary), #9da5ac);
+    --adyen-sdk-color-label-inverse-disabled: var(var(--adyen-sdk-color-label-inverse-disabled), #737e88);
+    --adyen-sdk-color-label-inverse-critical: var(var(--adyen-sdk-color-label-inverse-critical), #ff9a78);
+    --adyen-sdk-color-label-inverse-critical-hover: var(var(--adyen-sdk-color-label-inverse-critical-hover), #ffbda6);
+    --adyen-sdk-color-label-inverse-critical-active: var(var(--adyen-sdk-color-label-inverse-critical-active), #ffded3);
+    --adyen-sdk-color-label-on-background-critical-weak: var(var(--adyen-sdk-color-label-on-background-critical-weak), #c13101);
+    --adyen-sdk-color-label-on-background-warning-weak: var(var(--adyen-sdk-color-label-on-background-warning-weak), #955900);
+    --adyen-sdk-color-label-on-background-success-weak: var(var(--adyen-sdk-color-label-on-background-success-weak), #00773c);
+    --adyen-sdk-color-label-on-background-highlight-weak: var(var(--adyen-sdk-color-label-on-background-highlight-weak), #0065c9);
+    --adyen-sdk-color-label-always-light: var(var(--adyen-sdk-color-label-always-light), #ffffff);
+    --adyen-sdk-color-label-always-light-primary: var(var(--adyen-sdk-color-label-always-light-primary), #ecedef);
+    --adyen-sdk-color-label-always-light-primary-hover: var(var(--adyen-sdk-color-label-always-light-primary-hover), #c8ccd0);
+    --adyen-sdk-color-label-always-light-primary-active: var(var(--adyen-sdk-color-label-always-light-primary-active), #959da5);
+    --adyen-sdk-color-label-always-light-secondary: var(var(--adyen-sdk-color-label-always-light-secondary), #a6adb3);
+    --adyen-sdk-color-label-always-light-secondary-hover: var(var(--adyen-sdk-color-label-always-light-secondary-hover), #959da5);
+    --adyen-sdk-color-label-always-light-secondary-active: var(var(--adyen-sdk-color-label-always-light-secondary-active), #737e88);
+    --adyen-sdk-color-label-always-light-tertiary: var(var(--adyen-sdk-color-label-always-light-tertiary), #848d96);
+    --adyen-sdk-color-label-always-light-tertiary-hover: var(var(--adyen-sdk-color-label-always-light-tertiary-hover), #737e88);
+    --adyen-sdk-color-label-always-light-tertiary-active: var(var(--adyen-sdk-color-label-always-light-tertiary-active), #54616d);
+    --adyen-sdk-color-label-always-dark: var(var(--adyen-sdk-color-label-always-dark), #001222);
+    --adyen-sdk-color-link-primary: var(var(--adyen-sdk-color-link-primary), #0065c9);
+    --adyen-sdk-color-link-primary-hover: var(var(--adyen-sdk-color-link-primary-hover), #0f75dc);
+    --adyen-sdk-color-link-primary-active: var(var(--adyen-sdk-color-link-primary-active), #0f75dc);
+    --adyen-sdk-color-link-primary-disabled: var(var(--adyen-sdk-color-link-primary-disabled), #8c959d);
+    --adyen-sdk-color-link-primary-visited: var(var(--adyen-sdk-color-link-primary-visited), #540884);
+    --adyen-sdk-color-link-primary-visited-hover: var(var(--adyen-sdk-color-link-primary-visited-hover), #710ab3);
+    --adyen-sdk-color-link-primary-visited-active: var(var(--adyen-sdk-color-link-primary-visited-active), #710ab3);
+    --adyen-sdk-color-link-quiet: var(var(--adyen-sdk-color-link-quiet), #001222);
+    --adyen-sdk-color-link-quiet-hover: var(var(--adyen-sdk-color-link-quiet-hover), #5c6874);
+    --adyen-sdk-color-link-quiet-active: var(var(--adyen-sdk-color-link-quiet-active), #5c6874);
+    --adyen-sdk-color-link-quiet-disabled: var(var(--adyen-sdk-color-link-quiet-disabled), #8c959d);
+    --adyen-sdk-color-outline-primary: var(var(--adyen-sdk-color-outline-primary), #dadddf);
+    --adyen-sdk-color-outline-primary-hover: var(var(--adyen-sdk-color-outline-primary-hover), #c8ccd0);
+    --adyen-sdk-color-outline-primary-active: var(var(--adyen-sdk-color-outline-primary-active), #001222);
+    --adyen-sdk-color-outline-secondary: var(var(--adyen-sdk-color-outline-secondary), #c8ccd0);
+    --adyen-sdk-color-outline-secondary-hover: var(var(--adyen-sdk-color-outline-secondary-hover), #b7bdc2);
+    --adyen-sdk-color-outline-secondary-active: var(var(--adyen-sdk-color-outline-secondary-active), #001222);
+    --adyen-sdk-color-outline-tertiary: var(var(--adyen-sdk-color-outline-tertiary), #8c959d);
+    --adyen-sdk-color-outline-tertiary-hover: var(var(--adyen-sdk-color-outline-tertiary-hover), #6c7782);
+    --adyen-sdk-color-outline-tertiary-active: var(var(--adyen-sdk-color-outline-tertiary-active), #001222);
+    --adyen-sdk-color-outline-disabled: var(var(--adyen-sdk-color-outline-disabled), #dadddf);
+    --adyen-sdk-color-outline-selected: var(var(--adyen-sdk-color-outline-selected), #001222);
+    --adyen-sdk-color-outline-critical: var(var(--adyen-sdk-color-outline-critical), #dc3801);
+    --adyen-sdk-color-outline-critical-hover: var(var(--adyen-sdk-color-outline-critical-hover), #c13101);
+    --adyen-sdk-color-outline-critical-active: var(var(--adyen-sdk-color-outline-critical-active), #751e00);
+    --adyen-sdk-color-outline-success: var(var(--adyen-sdk-color-outline-success), #008845);
+    --adyen-sdk-color-outline-success-hover: var(var(--adyen-sdk-color-outline-success-hover), #00773c);
+    --adyen-sdk-color-outline-success-active: var(var(--adyen-sdk-color-outline-success-active), #004724);
+    --adyen-sdk-color-outline-inverse-primary: var(var(--adyen-sdk-color-outline-inverse-primary), #2f3e4d);
+    --adyen-sdk-color-outline-inverse-primary-hover: var(var(--adyen-sdk-color-outline-inverse-primary-hover), #6c7782);
+    --adyen-sdk-color-outline-inverse-primary-active: var(var(--adyen-sdk-color-outline-inverse-primary-active), #9da5ac);
+    --adyen-sdk-color-outline-inverse-disabled: var(var(--adyen-sdk-color-outline-inverse-disabled), #455460);
+    --adyen-sdk-color-outline-inverse-critical: var(var(--adyen-sdk-color-outline-inverse-critical), #ff9a78);
+    --adyen-sdk-color-outline-inverse-critical-hover: var(var(--adyen-sdk-color-outline-inverse-critical-hover), #ffbda6);
+    --adyen-sdk-color-outline-inverse-critical-active: var(var(--adyen-sdk-color-outline-inverse-critical-active), #ffded3);
+    --adyen-sdk-color-separator-primary: var(var(--adyen-sdk-color-separator-primary), #dadddf);
+    --adyen-sdk-color-separator-secondary: var(var(--adyen-sdk-color-separator-secondary), #c8ccd0);
+    --adyen-sdk-color-separator-inverse-primary: var(var(--adyen-sdk-color-separator-inverse-primary), #2f3e4d);
+    --adyen-sdk-color-separator-inverse-secondary: var(var(--adyen-sdk-color-separator-inverse-secondary), #5c6874);
+    --adyen-sdk-color-decorative-green: var(var(--adyen-sdk-color-decorative-green), #00d16a);
+    --adyen-sdk-color-decorative-blue: var(var(--adyen-sdk-color-decorative-blue), #006bd7);
+    --adyen-sdk-color-decorative-yellow: var(var(--adyen-sdk-color-decorative-yellow), #f9c500);
+    --adyen-sdk-color-decorative-orange: var(var(--adyen-sdk-color-decorative-orange), #f99300);
+    --adyen-sdk-color-decorative-red: var(var(--adyen-sdk-color-decorative-red), #f73f01);
+    --adyen-sdk-color-decorative-grey: var(var(--adyen-sdk-color-decorative-grey), #848d96);
+    --adyen-sdk-color-support-overlay: var(var(--adyen-sdk-color-support-overlay), #001222);
+    --adyen-sdk-color-support-shadow: var(var(--adyen-sdk-color-support-shadow), #001222);
+    --adyen-sdk-text-font-variant-numeric: var(var(--adyen-sdk-text-font-variant-numeric), normal);
+    --adyen-sdk-text-rich-text-heading-margin: var(var(--adyen-sdk-text-rich-text-heading-margin), 32px 0 10px 0);
+    --adyen-sdk-text-rich-text-heading-font-weight: var(var(--adyen-sdk-text-rich-text-heading-font-weight), 700);
+    --adyen-sdk-text-rich-text-paragraph-margin: var(var(--adyen-sdk-text-rich-text-paragraph-margin), 0 0 8px 0);
+    --adyen-sdk-text-rich-text-list-padding-left: var(var(--adyen-sdk-text-rich-text-list-padding-left), 20px);
+    --adyen-sdk-text-rich-text-list-margin: var(var(--adyen-sdk-text-rich-text-list-margin), 0 0 4px 0);
+    --adyen-sdk-text-rich-text-code-background-color: var(var(--adyen-sdk-text-rich-text-code-background-color), #f4f5f6);
+    --adyen-sdk-text-rich-text-code-font-family: var(var(--adyen-sdk-text-rich-text-code-font-family), 'Adyen Mono', 'Roboto Mono', 'Oxygen Mono', 'IBM Plex Mono', 'Courier New', monospace);
+    --adyen-sdk-text-rich-text-code-font-weight: var(var(--adyen-sdk-text-rich-text-code-font-weight), 500);
+    --adyen-sdk-text-rich-text-pre-margin: var(var(--adyen-sdk-text-rich-text-pre-margin), 16px 0 16px 0);
+    --adyen-sdk-text-rich-text-pre-padding: var(var(--adyen-sdk-text-rich-text-pre-padding), 10px 16px);
+    --adyen-sdk-text-rich-text-pre-line-height: var(var(--adyen-sdk-text-rich-text-pre-line-height), 24px);
+    --adyen-sdk-text-rich-text-mark-background-color: var(var(--adyen-sdk-text-rich-text-mark-background-color), #f0f6fd);
+    --adyen-sdk-text-rich-text-blockquote-font-weight: var(var(--adyen-sdk-text-rich-text-blockquote-font-weight), 500);
+    --adyen-sdk-text-rich-text-blockquote-margin: var(var(--adyen-sdk-text-rich-text-blockquote-margin), 16px 0 16px 16px);
+    --adyen-sdk-text-rich-text-table-border: var(var(--adyen-sdk-text-rich-text-table-border), 1px solid #dadddf);
+    --adyen-sdk-text-rich-text-table-line-height: var(var(--adyen-sdk-text-rich-text-table-line-height), 20px);
+    --adyen-sdk-text-rich-text-table-margin: var(var(--adyen-sdk-text-rich-text-table-margin), 16px 0 16px 0);
+    --adyen-sdk-text-rich-text-table-padding: var(var(--adyen-sdk-text-rich-text-table-padding), 10px 16px);
+    --adyen-sdk-text-rich-text-table-header-font-weight: var(var(--adyen-sdk-text-rich-text-table-header-font-weight), 700);
+    --adyen-sdk-text-rich-text-table-caption-line-height: var(var(--adyen-sdk-text-rich-text-table-caption-line-height), 20px);
+    --adyen-sdk-text-rich-text-table-caption-margin: var(var(--adyen-sdk-text-rich-text-table-caption-margin), 0 0 6px 0);
+    --adyen-sdk-text-rich-text-caption-paragraph-margin: var(var(--adyen-sdk-text-rich-text-caption-paragraph-margin), 0 0 6px 0);
+    --adyen-sdk-text-rich-text-caption-list-padding-left: var(var(--adyen-sdk-text-rich-text-caption-list-padding-left), 16px);
+    --adyen-sdk-text-rich-text-caption-list-margin: var(var(--adyen-sdk-text-rich-text-caption-list-margin), 0 0 2px 0);
+    --adyen-sdk-text-rich-text-caption-blockquote-margin: var(var(--adyen-sdk-text-rich-text-caption-blockquote-margin), 12px 0 12px 16px);
+    --adyen-sdk-text-rich-text-caption-pre-line-height: var(var(--adyen-sdk-text-rich-text-caption-pre-line-height), 20px);
+    --adyen-sdk-text-rich-text-caption-table-padding: var(var(--adyen-sdk-text-rich-text-caption-table-padding), 8px 12px);
+    --adyen-sdk-text-caption-font-family: var(var(--adyen-sdk-text-caption-font-family), 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+    --adyen-sdk-text-caption-font-size: var(var(--adyen-sdk-text-caption-font-size), 12px);
+    --adyen-sdk-text-caption-font-weight: var(var(--adyen-sdk-text-caption-font-weight), 400);
+    --adyen-sdk-text-caption-line-height: var(var(--adyen-sdk-text-caption-line-height), 18px);
+    --adyen-sdk-text-caption-letter-spacing: var(var(--adyen-sdk-text-caption-letter-spacing), 0);
+    --adyen-sdk-text-caption-wide-line-height: var(var(--adyen-sdk-text-caption-wide-line-height), 20px);
+    --adyen-sdk-text-caption-stronger-font-weight: var(var(--adyen-sdk-text-caption-stronger-font-weight), 500);
+    --adyen-sdk-text-caption-stronger-wide-font-weight: var(var(--adyen-sdk-text-caption-stronger-wide-font-weight), 500);
+    --adyen-sdk-text-caption-stronger-wide-line-height: var(var(--adyen-sdk-text-caption-stronger-wide-line-height), 20px);
+    --adyen-sdk-text-body-font-family: var(var(--adyen-sdk-text-body-font-family), 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+    --adyen-sdk-text-body-font-size: var(var(--adyen-sdk-text-body-font-size), 14px);
+    --adyen-sdk-text-body-font-weight: var(var(--adyen-sdk-text-body-font-weight), 400);
+    --adyen-sdk-text-body-line-height: var(var(--adyen-sdk-text-body-line-height), 20px);
+    --adyen-sdk-text-body-letter-spacing: var(var(--adyen-sdk-text-body-letter-spacing), 0);
+    --adyen-sdk-text-body-wide-line-height: var(var(--adyen-sdk-text-body-wide-line-height), 24px);
+    --adyen-sdk-text-body-stronger-font-weight: var(var(--adyen-sdk-text-body-stronger-font-weight), 500);
+    --adyen-sdk-text-body-stronger-wide-font-weight: var(var(--adyen-sdk-text-body-stronger-wide-font-weight), 500);
+    --adyen-sdk-text-body-stronger-wide-line-height: var(var(--adyen-sdk-text-body-stronger-wide-line-height), 24px);
+    --adyen-sdk-text-body-strongest-font-weight: var(var(--adyen-sdk-text-body-strongest-font-weight), 600);
+    --adyen-sdk-text-body-strongest-wide-font-weight: var(var(--adyen-sdk-text-body-strongest-wide-font-weight), 600);
+    --adyen-sdk-text-body-strongest-wide-line-height: var(var(--adyen-sdk-text-body-strongest-wide-line-height), 24px);
+    --adyen-sdk-text-subtitle-font-family: var(var(--adyen-sdk-text-subtitle-font-family), 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+    --adyen-sdk-text-subtitle-font-size: var(var(--adyen-sdk-text-subtitle-font-size), 16px);
+    --adyen-sdk-text-subtitle-font-weight: var(var(--adyen-sdk-text-subtitle-font-weight), 500);
+    --adyen-sdk-text-subtitle-line-height: var(var(--adyen-sdk-text-subtitle-line-height), 26px);
+    --adyen-sdk-text-subtitle-letter-spacing: var(var(--adyen-sdk-text-subtitle-letter-spacing), 0);
+    --adyen-sdk-text-subtitle-stronger-font-weight: var(var(--adyen-sdk-text-subtitle-stronger-font-weight), 600);
+    --adyen-sdk-text-title-font-family: var(var(--adyen-sdk-text-title-font-family), 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+    --adyen-sdk-text-title-font-size: var(var(--adyen-sdk-text-title-font-size), 16px);
+    --adyen-sdk-text-title-font-weight: var(var(--adyen-sdk-text-title-font-weight), 600);
+    --adyen-sdk-text-title-line-height: var(var(--adyen-sdk-text-title-line-height), 26px);
+    --adyen-sdk-text-title-letter-spacing: var(var(--adyen-sdk-text-title-letter-spacing), 0);
+    --adyen-sdk-text-title-mobile-font-size: var(var(--adyen-sdk-text-title-mobile-font-size), 16px);
+    --adyen-sdk-text-title-mobile-line-height: var(var(--adyen-sdk-text-title-mobile-line-height), 26px);
+    --adyen-sdk-text-title-m-font-family: var(var(--adyen-sdk-text-title-m-font-family), 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+    --adyen-sdk-text-title-m-font-size: var(var(--adyen-sdk-text-title-m-font-size), 20px);
+    --adyen-sdk-text-title-m-font-weight: var(var(--adyen-sdk-text-title-m-font-weight), 600);
+    --adyen-sdk-text-title-m-line-height: var(var(--adyen-sdk-text-title-m-line-height), 30px);
+    --adyen-sdk-text-title-m-letter-spacing: var(var(--adyen-sdk-text-title-m-letter-spacing), 0);
+    --adyen-sdk-text-title-m-mobile-font-size: var(var(--adyen-sdk-text-title-m-mobile-font-size), 18px);
+    --adyen-sdk-text-title-m-mobile-line-height: var(var(--adyen-sdk-text-title-m-mobile-line-height), 28px);
+    --adyen-sdk-text-title-l-font-family: var(var(--adyen-sdk-text-title-l-font-family), 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+    --adyen-sdk-text-title-l-font-size: var(var(--adyen-sdk-text-title-l-font-size), 24px);
+    --adyen-sdk-text-title-l-font-weight: var(var(--adyen-sdk-text-title-l-font-weight), 600);
+    --adyen-sdk-text-title-l-line-height: var(var(--adyen-sdk-text-title-l-line-height), 34px);
+    --adyen-sdk-text-title-l-letter-spacing: var(var(--adyen-sdk-text-title-l-letter-spacing), 0);
+    --adyen-sdk-text-title-l-mobile-font-size: var(var(--adyen-sdk-text-title-l-mobile-font-size), 20px);
+    --adyen-sdk-text-title-l-mobile-line-height: var(var(--adyen-sdk-text-title-l-mobile-line-height), 30px);
+    --adyen-sdk-focus-ring-color: var(var(--adyen-sdk-focus-ring-color), rgba(15, 117, 220, 0.8));
+    --adyen-sdk-focus-ring-spacer: var(var(--adyen-sdk-focus-ring-spacer), 1px);
+    --adyen-sdk-focus-ring-outline: var(var(--adyen-sdk-focus-ring-outline), 3px);
+    --adyen-sdk-spacer-100: var(var(--adyen-sdk-spacer-100), 32px);
+    --adyen-sdk-spacer-110: var(var(--adyen-sdk-spacer-110), 40px);
+    --adyen-sdk-spacer-120: var(var(--adyen-sdk-spacer-120), 48px);
+    --adyen-sdk-spacer-130: var(var(--adyen-sdk-spacer-130), 56px);
+    --adyen-sdk-spacer-140: var(var(--adyen-sdk-spacer-140), 64px);
+    --adyen-sdk-spacer-000: var(var(--adyen-sdk-spacer-000), 0px);
+    --adyen-sdk-spacer-010: var(var(--adyen-sdk-spacer-010), 2px);
+    --adyen-sdk-spacer-020: var(var(--adyen-sdk-spacer-020), 4px);
+    --adyen-sdk-spacer-030: var(var(--adyen-sdk-spacer-030), 6px);
+    --adyen-sdk-spacer-040: var(var(--adyen-sdk-spacer-040), 8px);
+    --adyen-sdk-spacer-050: var(var(--adyen-sdk-spacer-050), 10px);
+    --adyen-sdk-spacer-060: var(var(--adyen-sdk-spacer-060), 12px);
+    --adyen-sdk-spacer-070: var(var(--adyen-sdk-spacer-070), 16px);
+    --adyen-sdk-spacer-080: var(var(--adyen-sdk-spacer-080), 20px);
+    --adyen-sdk-spacer-090: var(var(--adyen-sdk-spacer-090), 24px);
+    --adyen-sdk-media-query-xs-min: var(var(--adyen-sdk-media-query-xs-min), 0px);
+    --adyen-sdk-media-query-xs-max: var(var(--adyen-sdk-media-query-xs-max), 375px);
+    --adyen-sdk-media-query-s-min: var(var(--adyen-sdk-media-query-s-min), 376px);
+    --adyen-sdk-media-query-s-max: var(var(--adyen-sdk-media-query-s-max), 499px);
+    --adyen-sdk-media-query-m-min: var(var(--adyen-sdk-media-query-m-min), 500px);
+    --adyen-sdk-media-query-m-max: var(var(--adyen-sdk-media-query-m-max), 767px);
+    --adyen-sdk-media-query-l-min: var(var(--adyen-sdk-media-query-l-min), 768px);
+    --adyen-sdk-media-query-l-max: var(var(--adyen-sdk-media-query-l-max), 1279px);
+    --adyen-sdk-media-query-xl-min: var(var(--adyen-sdk-media-query-xl-min), 1280px);
+    --adyen-sdk-media-query-xl-max: var(var(--adyen-sdk-media-query-xl-max), 1535px);
+    --adyen-sdk-media-query-xxl: var(var(--adyen-sdk-media-query-xxl), 1536px);
+    --adyen-sdk-shadow-low: var(var(--adyen-sdk-shadow-low), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02));
+    --adyen-sdk-shadow-medium: var(var(--adyen-sdk-shadow-medium), 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
+    --adyen-sdk-shadow-high: var(var(--adyen-sdk-shadow-high), 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06));
+    --adyen-sdk-shadow-low-border: var(var(--adyen-sdk-shadow-low-border), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 1px 2px rgba(0, 18, 34, 0.02), 0px 0px 0px 1px rgba(218, 221, 223, 1));
+    --adyen-sdk-shadow-medium-border: var(var(--adyen-sdk-shadow-medium-border), 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04), 0px 0px 0px 1px rgba(218, 221, 223, 1));
+    --adyen-sdk-shadow-high-border: var(var(--adyen-sdk-shadow-high-border), 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06), 0px 0px 0px 1px rgba(218, 221, 223, 1));
+    --adyen-sdk-border-radius-xs: var(var(--adyen-sdk-border-radius-xs), 2px);
+    --adyen-sdk-border-radius-s: var(var(--adyen-sdk-border-radius-s), 4px);
+    --adyen-sdk-border-radius-m: var(var(--adyen-sdk-border-radius-m), 8px);
+    --adyen-sdk-border-radius-l: var(var(--adyen-sdk-border-radius-l), 12px);
+    --adyen-sdk-border-radius-xl: var(var(--adyen-sdk-border-radius-xl), 24px);
+    --adyen-sdk-border-width-s: var(var(--adyen-sdk-border-width-s), 1px);
+    --adyen-sdk-border-width-m: var(var(--adyen-sdk-border-width-m), 2px);
+    --adyen-sdk-border-width-l: var(var(--adyen-sdk-border-width-l), 3px);
+    --adyen-sdk-border-width-attention: var(var(--adyen-sdk-border-width-attention), 1.5px);
+    --adyen-sdk-z-index-global-screen: var(var(--adyen-sdk-z-index-global-screen), auto);
+    --adyen-sdk-z-index-global-elevated: var(var(--adyen-sdk-z-index-global-elevated), 5);
+    --adyen-sdk-z-index-global-navigation: var(var(--adyen-sdk-z-index-global-navigation), 10);
+    --adyen-sdk-z-index-global-instant-interaction: var(var(--adyen-sdk-z-index-global-instant-interaction), 15);
+    --adyen-sdk-z-index-local-tier-1: var(var(--adyen-sdk-z-index-local-tier-1), 1);
+    --adyen-sdk-z-index-local-tier-2: var(var(--adyen-sdk-z-index-local-tier-2), 2);
+    --adyen-sdk-z-index-local-tier-3: var(var(--adyen-sdk-z-index-local-tier-3), 3);
+    --adyen-sdk-z-index-local-tier-4: var(var(--adyen-sdk-z-index-local-tier-4), 4);
+  }
+}
 :root,
 :host {
   --adyen-sdk-border-default-s: var(--adyen-sdk-border-width-s) solid
@@ -1509,18 +1798,57 @@ const css = `/* for container queries */
   z-index: 0;
 }/* for container queries */
 .adyen-kyc-modal {
-  background-color: var(--adyen-sdk-color-background-modal, #ffffff);
-  border: var(--adyen-sdk-spacer-000, 0px);
-  box-shadow: var(--adyen-sdk-shadow-high, 0px 18px 36px rgba(0, 18, 34, 0.12), 0px 4px 8px rgba(0, 18, 34, 0.06));
+  background-color: var(--adyen-sdk-color-background-modal);
+  border: var(--adyen-sdk-spacer-000);
+  box-shadow: var(--adyen-sdk-shadow-high);
   display: flex;
   flex-direction: column;
+  height: 100vh;
+  height: 100dvh;
+  max-height: unset;
+  max-width: unset;
   overflow: hidden;
-  padding: var(--adyen-sdk-spacer-000, 0px);
+  padding: var(--adyen-sdk-spacer-000);
   position: fixed;
+  width: 100vw;
+  width: 100dvw;
 }
 .adyen-kyc-modal:focus-visible {
   outline: none;
 }
+@media (min-width: 480px) {
+  .adyen-kyc-modal {
+    transition: max-height 400ms, max-width 400ms;
+  }
+}
+
+.adyen-kyc-modal-small {
+  border-radius: var(--adyen-sdk-border-radius-l);
+  max-height: 80vh;
+  max-width: 400px;
+  width: 80vw;
+  height: fit-content;
+}
+
+@media (min-width: 480px) {
+  .adyen-kyc-modal-medium {
+    border-radius: var(--adyen-sdk-border-radius-l);
+    height: 90vh;
+    max-height: 600px;
+    max-width: 600px;
+    width: 90vw;
+  }
+}
+
+@media (min-width: 480px) {
+  .adyen-kyc-modal-large {
+    border-radius: var(--adyen-sdk-border-radius-l);
+    height: 90vh;
+    max-height: 900px;
+    max-width: 900px;
+    width: 90vw;
+  }
+}
 
 .adyen-kyc-modal-body {
   display: flex;
@@ -1550,80 +1878,34 @@ const css = `/* for container queries */
 }
 
 .adyen-kyc-modal-inset {
-  padding: var(--adyen-sdk-spacer-140, 64px) var(--adyen-sdk-spacer-070, 16px);
+  padding: var(--adyen-sdk-spacer-140) var(--adyen-sdk-spacer-070);
 }
 @media (min-width: 480px) {
   .adyen-kyc-modal-inset {
-    padding-left: var(--adyen-sdk-spacer-100, 32px);
-    padding-right: var(--adyen-sdk-spacer-100, 32px);
+    padding-left: var(--adyen-sdk-spacer-100);
+    padding-right: var(--adyen-sdk-spacer-100);
   }
 }
 @media (min-width: 680px) {
   .adyen-kyc-modal-inset {
-    padding-left: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + var(--adyen-sdk-tap-target));
-    padding-right: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + var(--adyen-sdk-tap-target));
+    padding-left: calc(var(--adyen-sdk-spacer-070) * 2 + var(--adyen-sdk-tap-target));
+    padding-right: calc(var(--adyen-sdk-spacer-070) * 2 + var(--adyen-sdk-tap-target));
   }
 }
 
-.adyen-kyc-modal-small {
-  border-radius: var(--adyen-sdk-border-radius-l, 12px);
-  max-width: 400px;
-  width: 80vw;
-}
-
-.adyen-kyc-modal-medium {
-  height: 100vh;
-  max-height: 100vh;
-  max-width: 100vw;
-  width: 100vw;
-}
-@media (min-width: 680px) {
-  .adyen-kyc-modal-medium {
-    border-radius: var(--adyen-sdk-border-radius-l, 12px);
-    height: 90vh;
-    max-height: 600px;
-    max-width: 600px;
-    width: 90vw;
-  }
-}
-
-.adyen-kyc-modal-large {
-  height: 100vh;
-  max-height: 100vh;
-  max-width: 100vw;
-  width: 100vw;
-}
-@media (min-width: 680px) {
-  .adyen-kyc-modal-large {
-    border-radius: var(--adyen-sdk-border-radius-l, 12px);
-    height: 90vh;
-    max-height: 900px;
-    max-width: 900px;
-    width: 90vw;
-  }
-}
-
-.adyen-kyc-modal-fullscreen {
-  height: 100vh;
-  margin: 0;
-  max-height: 100vh;
-  max-width: 100vw;
-  width: 100vw;
-}
-
 .adyen-kyc-modal::backdrop {
   animation-name: adyen-kyc-backdrop-dissolve;
   animation-duration: 400ms;
   animation-timing-function: ease;
-  background-color: var(--adyen-sdk-color-support-overlay, #001222);
+  background-color: var(--adyen-sdk-color-support-overlay);
   opacity: 0.5;
   backdrop-filter: blur(10px);
 }
 
 .adyen-kyc-modal-button {
   position: absolute;
-  top: var(--adyen-sdk-spacer-070, 16px);
-  right: var(--adyen-sdk-spacer-070, 16px);
+  top: var(--adyen-sdk-spacer-070);
+  right: var(--adyen-sdk-spacer-070);
   z-index: 10;
 }
 
@@ -1659,26 +1941,26 @@ const css = `/* for container queries */
 .adyen-kyc-modal-header {
   align-items: center;
   display: flex;
-  font-size: var(--adyen-sdk-text-title-font-size, 16px);
-  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
-  gap: var(--adyen-sdk-spacer-040, 8px);
+  font-size: var(--adyen-sdk-text-title-font-size);
+  font-weight: var(--adyen-sdk-text-title-font-weight);
+  gap: var(--adyen-sdk-spacer-040);
   justify-content: space-between;
-  padding: var(--adyen-sdk-spacer-070, 16px);
+  padding: var(--adyen-sdk-spacer-070);
 }
 
 .adyen-kyc-modal-content {
   flex-grow: 1;
   overflow-y: auto;
-  padding: var(--adyen-sdk-spacer-070, 16px);
+  padding: var(--adyen-sdk-spacer-070);
 }
 
 .adyen-kyc-modal-footer {
   align-items: center;
-  border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dadddf);
+  border-top: var(--adyen-sdk-border-width-s) solid var(--adyen-sdk-color-outline-primary);
   display: flex;
-  gap: var(--adyen-sdk-spacer-040, 8px);
+  gap: var(--adyen-sdk-spacer-040);
   justify-content: flex-end;
-  padding: var(--adyen-sdk-spacer-070, 16px);
+  padding: var(--adyen-sdk-spacer-070);
 }.adyen-kyc-field {
   display: block;
   margin-bottom: var(--adyen-sdk-spacer-090, 24px);
@@ -1700,12 +1982,13 @@ const css = `/* for container queries */
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
   transition: color 0.1s ease-out;
+  white-space: nowrap;
 }
 
 .adyen-kyc-helper-text {
   color: var(--adyen-sdk-color-label-secondary, #5c6874);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
   line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   display: flex;
@@ -1720,7 +2003,7 @@ const css = `/* for container queries */
 .adyen-kyc-helper-text__valid-format-check {
   color: var(--adyen-sdk-color-label-success, #008845);
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
-  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-title-font-family);
   font-weight: var(--adyen-sdk-text-title-font-weight, 600);
   line-height: var(--adyen-sdk-text-title-line-height, 26px);
   display: inline-flex;
@@ -1735,7 +2018,7 @@ const css = `/* for container queries */
   color: var(--adyen-sdk-color-label-critical, #dc3801);
   display: flex;
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   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);
@@ -1747,7 +2030,7 @@ const css = `/* for container queries */
   color: var(--adyen-sdk-color-label-secondary, #5c6874);
   display: flex;
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   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);
@@ -1820,7 +2103,7 @@ const css = `/* for container queries */
   color: var(--adyen-sdk-color-label-primary, #001222);
   cursor: pointer;
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
   line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   hyphens: auto;
@@ -2016,7 +2299,7 @@ const css = `/* for container queries */
 .adyen-kyc-select-input-search__icon {
   color: var(--adyen-sdk-color-label-tertiary, #8c959d);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   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);
@@ -2311,6 +2594,10 @@ const css = `/* for container queries */
   display: flex;
 }
 
+.adyen-kyc-alert-header-without-children {
+  align-items: center;
+}
+
 .adyen-kyc-alert-icon {
   line-height: var(--adyen-sdk-text-body-line-height);
   margin-top: var(--adyen-sdk-spacer-010);
@@ -2360,7 +2647,7 @@ const css = `/* for container queries */
   }
   .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, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+    font-family: var(--adyen-sdk-text-title-font-family);
     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);
@@ -2641,7 +2928,7 @@ const css = `/* for container queries */
 .adyen-kyc-input__counter {
   color: var(--adyen-sdk-color-label-secondary, #5c6874);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   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);
@@ -2829,14 +3116,14 @@ const css = `/* for container queries */
 
 .adyen-kyc-header-title-primary {
   font-size: var(--adyen-sdk-text-title-l-font-size);
-  font-family: var(--adyen-sdk-text-tile-l-font-family);
+  font-family: var(--adyen-sdk-text-title-l-font-family);
   font-weight: var(--adyen-sdk-text-title-l-font-weight);
   line-height: var(--adyen-sdk-text-title-l-line-height);
 }
 
 .adyen-kyc-header-title-secondary {
   font-size: var(--adyen-sdk-text-title-font-size);
-  font-family: var(--adyen-sdk-text-tile-font-family);
+  font-family: var(--adyen-sdk-text-title-font-family);
   font-weight: var(--adyen-sdk-text-title-font-weight);
 }
 
@@ -3454,7 +3741,7 @@ fieldset {
 .adyen-kyc-radio-group-card__subtitle {
   color: var(--adyen-sdk-color-label-tertiary, #8c959d);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   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);
@@ -3507,7 +3794,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
 .adyen-kyc-radio-card__body {
   color: var(--adyen-sdk-color-label-secondary, #5c6874);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   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);
@@ -3761,7 +4048,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
   align-items: center;
   color: var(--adyen-sdk-color-label-critical, #dc3801);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
   line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   margin-bottom: var(--adyen-sdk-spacer-070, 16px);
@@ -4725,22 +5012,6 @@ input.adyen-kyc-radio-group-card__radio--floating {
 
 .adyen-kyc-reported-value-input {
   margin: var(--adyen-sdk-spacer-060, 12px) 0;
-}.adyen-kyc-additional-information__content {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-120, 48px);
-}
-.adyen-kyc-additional-information__section-heading {
-  margin: 0 0 var(--adyen-sdk-spacer-090, 24px);
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-050, 10px);
-}
-.adyen-kyc-additional-information .adyen-kyc-field-wrapper {
-  flex-direction: column;
-}
-.adyen-kyc-additional-information .adyen-kyc__address {
-  margin-bottom: 0 !important;
 }.adyen-kyc-field--dbaName {
   margin-left: 0 !important;
 }/* for container queries */
@@ -4760,36 +5031,19 @@ input.adyen-kyc-radio-group-card__radio--floating {
 .adyen-kyc-industry-codes-selection {
   display: flex;
   gap: var(--adyen-sdk-spacer-060, 12px);
-}.adyen-kyc-verified-business-card {
+}.adyen-kyc-additional-information-content {
   display: flex;
   flex-direction: column;
-  background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
-  padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
-  border-radius: var(--adyen-sdk-border-radius-m, 8px);
+  gap: var(--adyen-sdk-spacer-120);
 }
-.adyen-kyc-verified-business-card__content {
+
+.adyen-kyc-additional-information-section-heading {
+  margin: 0 0 var(--adyen-sdk-spacer-090);
   display: flex;
   flex-direction: column;
-  gap: var(--adyen-sdk-spacer-080, 20px);
-  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
-  transition: max-height 0.5s ease, padding-left 0.35s ease, opacity 0.35s ease;
-}
-.adyen-kyc-verified-business-card__content--collapsed {
-  overflow: hidden;
-  max-height: 0;
-  opacity: 0;
-  margin: 0;
-  padding-left: var(--adyen-sdk-spacer-080, 20px);
-}
-.adyen-kyc-verified-business-card__content--expanded {
-  max-height: 480px;
+  gap: var(--adyen-sdk-spacer-050);
 }
-.adyen-kyc-verified-business-card__expand-button {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  text-decoration: underline;
-}.adyen-kyc-divider {
+.adyen-kyc-divider {
   background-color: var(--adyen-sdk-color-separator-primary);
   border: none;
   height: var(--adyen-sdk-border-width-s);
@@ -4797,71 +5051,75 @@ input.adyen-kyc-radio-group-card__radio--floating {
   margin-block-start: 0;
   width: 100%;
 }
-.adyen-kyc-basic-information {
+.adyen-kyc-verified-business-card {
   display: flex;
   flex-direction: column;
+  background: var(--adyen-sdk-color-background-secondary);
+  padding: var(--adyen-sdk-spacer-080) var(--adyen-sdk-spacer-090);
+  border-radius: var(--adyen-sdk-border-radius-m);
 }
-.adyen-kyc-basic-information .adyen-kyc-field-wrapper {
+
+.adyen-kyc-verified-business-card-content {
+  display: flex;
   flex-direction: column;
+  gap: var(--adyen-sdk-spacer-080);
+  margin-bottom: var(--adyen-sdk-spacer-080);
+  transition:
+    max-height 0.5s ease,
+    padding-left 0.35s ease,
+    opacity 0.35s ease;
 }
-.adyen-kyc-basic-information fieldset {
-  border: none;
-  padding: 0 0 var(--adyen-sdk-spacer-080, 20px);
+
+.adyen-kyc-verified-business-card-content-collapsed {
+  overflow: hidden;
+  max-height: 0;
+  opacity: 0;
   margin: 0;
-}.adyen-kyc-business-selection {
-  height: 100%;
-  width: 100%;
+  padding-left: var(--adyen-sdk-spacer-080);
 }
-.adyen-kyc-business-selection--loading {
-  min-height: 50vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--adyen-sdk-spacer-090, 24px);
+
+.adyen-kyc-verified-business-card-content-expanded {
+  max-height: 480px;
 }
-.adyen-kyc-business-selection__footer {
-  align-items: center;
+
+.adyen-kyc-verified-business-card-expand-button {
   display: flex;
-  justify-content: center;
-  padding: var(--adyen-sdk-spacer-090, 24px) 0;
-  gap: var(--adyen-sdk-spacer-030, 6px);
-}
-.adyen-kyc-business-selection .adyen-kyc-link {
+  flex-direction: row;
+  justify-content: flex-start;
   text-decoration: underline;
-  text-wrap: nowrap;
-}.adyen-kyc-business-information-card .adyen-kyc-alert__header {
-  display: flex;
-  align-items: center;
-}
-.adyen-kyc-business-information-card .adyen-kyc-alert__title {
-  margin-left: var(--adyen-sdk-spacer-060, 12px);
 }
-.adyen-kyc-business-information-card .adyen-kyc-card {
-  border-radius: var(--adyen-sdk-border-radius-m, 8px);
+.adyen-kyc-basic-information fieldset {
+  border: none;
+  padding: 0 0 var(--adyen-sdk-spacer-080);
+  margin: 0;
 }
-.adyen-kyc-business-information-card .adyen-kyc-card__body {
+.adyen-kyc-business-information {
   display: flex;
   flex-direction: column;
-  gap: var(--adyen-sdk-spacer-070, 16px);
-  padding: 0 var(--adyen-sdk-spacer-090, 24px) var(--adyen-sdk-spacer-070, 16px);
+  gap: var(--adyen-sdk-spacer-070);
+  padding: 0 var(--adyen-sdk-spacer-020);
 }
 
-.adyen-kyc-business-information {
+.adyen-kyc-business-information-content {
   display: flex;
   flex-direction: column;
 }
-.adyen-kyc-business-information--fetching {
+
+.adyen-kyc-business-information-content-fetching {
   flex-direction: row;
   min-height: 228px;
   justify-content: center;
   align-items: center;
-}.adyen-kyc-field--entityType {
-  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
+  padding: 0;
 }
-.adyen-kyc-field--entityType .adyen-kyc-label__text {
-  margin-bottom: var(--adyen-sdk-spacer-040, 8px);
-}.adyen-kyc-radio-group-card__label.adyen-kyc-entity-type-radio-group-card__header {
+.adyen-kyc-business-selection-footer {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  padding: var(--adyen-sdk-spacer-090) 0;
+  gap: var(--adyen-sdk-spacer-030);
+}
+.adyen-kyc-radio-group-card__label.adyen-kyc-entity-type-radio-group-card__header {
   margin-bottom: var(--adyen-sdk-spacer-020, 4px);
 }
 
@@ -4928,7 +5186,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
 }
 .adyen-task-item__info {
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
   line-height: var(--adyen-sdk-text-caption-line-height, 18px);
 }
@@ -5237,15 +5495,11 @@ input.adyen-kyc-radio-group-card__radio--floating {
 }
 .adyen-kyc-table tbody tr:nth-child(even) {
   background-color: var(--adyen-sdk-color-background-primary, #ffffff);
-}.adyen-kyc-side-by-side {
-  display: flex;
-  flex-direction: row;
-  gap: var(--adyen-sdk-spacer-080);
 }.adyen-kyc-introduction {
   color: var(--adyen-sdk-color-label-primary, #001222);
   display: flex;
   flex-direction: column;
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family);
   gap: var(--adyen-sdk-spacer-020, 4px);
   max-width: 660px;
   margin: var(--adyen-sdk-spacer-000, 0px) auto;
@@ -5258,7 +5512,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
   color: var(--adyen-sdk-color-label-tertiary, #8c959d);
   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, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-title-font-family);
   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);
@@ -5267,13 +5521,13 @@ input.adyen-kyc-radio-group-card__radio--floating {
 }
 .adyen-kyc-introduction__title {
   font-size: var(--adyen-sdk-text-title-font-size, 16px);
-  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-title-font-family);
   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, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
 }
@@ -5410,7 +5664,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
 
 .adyen-kyc-list-item-title {
   color: var(--adyen-sdk-color-label-primary, #001222);
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-body-font-family);
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
@@ -5419,7 +5673,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
 
 .adyen-kyc-list-item-description {
   color: var(--adyen-sdk-color-label-secondary, #5c6874);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
   line-height: var(--adyen-sdk-text-caption-line-height, 18px);
 }
@@ -5432,7 +5686,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
 
 .adyen-kyc-list-item-accessory {
   color: var(--adyen-sdk-color-label-tertiary, #8c959d);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   font-size: var(--adyen-sdk-text-caption-font-size, 12px);
   font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
   line-height: var(--adyen-sdk-text-caption-line-height, 18px);
@@ -5452,7 +5706,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
 .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, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-title-font-family);
   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);
@@ -5475,7 +5729,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
   border-radius: 50%;
   color: var(--adyen-sdk-color-label-secondary, #5c6874);
   font-size: calc(var(--adyen-sdk-text-caption-font-size, 12px) / 2);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-family: var(--adyen-sdk-text-caption-font-family);
   font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
   line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   height: 32px;
@@ -5688,7 +5942,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
   right: var(--adyen-sdk-spacer-070);
 }
 
-.adyen-kyc-carouselItems {
+.adyen-kyc-carousel-items {
   display: flex;
   gap: var(--adyen-sdk-spacer-070);
   scrollbar-width: none;
@@ -5698,6 +5952,18 @@ input.adyen-kyc-radio-group-card__radio--floating {
   scroll-behavior: smooth;
 }
 
+.adyen-kyc-hidden-input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+
 .adyen-kyc-item {
   border: var(--adyen-sdk-border-default-s);
   border-radius: var(--adyen-sdk-border-radius-l);
@@ -5722,56 +5988,56 @@ input.adyen-kyc-radio-group-card__radio--floating {
   }
 }
 
-.adyen-kyc-item:focus-visible {
+.adyen-kyc-item:has(:focus-visible) {
   outline: solid var(--adyen-sdk-color-outline-tertiary-active);
   outline-width: var(--adyen-sdk-focus-ring-outline);
   outline-offset: var(--adyen-sdk-focus-ring-outline);
   scroll-margin-left: 10px;
 }
 
-.adyen-kyc-selectedItem {
+.adyen-kyc-selected-item {
   border: var(--adyen-sdk-border-width-s) solid var(--adyen-sdk-color-outline-secondary-active);
   outline: var(--adyen-sdk-border-width-s) solid var(--adyen-sdk-color-outline-secondary-active);
   background: var(--adyen-sdk-color-background-secondary);
 }
 
-.adyen-kyc-gapXSmall {
+.adyen-kyc-gap-xs {
   gap: var(--adyen-sdk-spacer-020);
 }
 
-.adyen-kyc-gapSmall {
+.adyen-kyc-gap-s {
   gap: var(--adyen-sdk-spacer-040);
 }
 
-.adyen-kyc-gapMedium {
+.adyen-kyc-gap-m {
   gap: var(--adyen-sdk-spacer-070);
 }
 
-.adyen-kyc-gapLarge {
+.adyen-kyc-gap-l {
   gap: var(--adyen-sdk-spacer-100);
 }
 
-.adyen-kyc-gapXLarge {
+.adyen-kyc-gap-xl {
   gap: var(--adyen-sdk-spacer-140);
 }
 
-.adyen-kyc-widthXSmall {
+.adyen-kyc-width-xs {
   width: 198px;
 }
 
-.adyen-kyc-widthSmall {
+.adyen-kyc-width-s {
   width: 231px;
 }
 
-.adyen-kyc-widthMedium {
+.adyen-kyc-width-m {
   width: 264px;
 }
 
-.adyen-kyc-widthLarge {
+.adyen-kyc-width-l {
   width: 297px;
 }
 
-.adyen-kyc-widthXLarge {
+.adyen-kyc-width-xl {
   width: 330px;
 }
 .adyen-kyc-carouselContainer {
@@ -5822,26 +6088,6 @@ input.adyen-kyc-radio-group-card__radio--floating {
   width: 100%;
   max-width: 520px;
   margin: var(--adyen-sdk-spacer-000, 0px) auto;
-}.adyen-kyc-business-line__modal-content {
-  padding: var(--adyen-sdk-spacer-140, 64px);
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-070, 16px);
-}
-.adyen-kyc-business-line__card {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-070, 16px);
-}
-.adyen-kyc-business-line__actions {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-070);
-  width: 100%;
-  align-items: center;
-}
-.adyen-kyc-business-line__actions button {
-  width: 66%;
 }.adyen-kyc-go-back-button-container {
   margin-top: var(--adyen-sdk-spacer-140);
   width: 66%;