@adyen/kyc-components 3.83.3 → 3.84.3

package/dist/style.css

@@ -2464,11 +2464,11 @@
   --adv-icon-color: var(--adyen-sdk-color-label-primary, #001222);
   --adv-link-color: var(--adyen-sdk-color-link-primary, #0065c9);
 }.adyen-document-viewer{--adv-color-white: #fff;--adv-color-black: #00112c;--adv-color-grey-10: #f3f6f9;--adv-color-grey-20: #dce0e5;--adv-color-blue: #06f;--adv-background-color: var(--adv-color-white);--adv-text-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--adv-text-color: var(--adv-color-black);--adv-text-font-weight-regular: 400;--adv-text-font-weight-semi-bold: 600;--adv-text-line-height: 1.4;--adv-text-font-size-medium: 15px;--adv-text-font-size-small: 13px;--adv-border-width: 1px;--adv-border-style: solid;--adv-border-color: var(--adv-color-grey-20);--adv-border-radius: 6px;--adv-transition-duration: .1s;--adv-transition-function: cubic-bezier(.785, .135, .15, .86);--adv-focus-ring-transition-duration: var(--adv-transition-duration);--adv-focus-ring-timing-function: var(--adv-transition-function);--adv-focus-ring-color: rgba(0, 102, 255, .4);--adv-focus-ring-distance: 1px;--adv-focus-ring-width: 3px;--adv-focus-ring-z-index: 1;--adv-focus-ring-background-color: var(--adv-color-white);--adv-spacing-0: 0;--adv-spacing-2: 2px;--adv-spacing-4: 4px;--adv-spacing-8: 8px;--adv-spacing-12: 12px;--adv-spacing-16: 16px;--adv-spacing-24: 24px;--adv-spacing-32: 32px;--adv-spacing-40: 40px;--adv-spacing-48: 48px;--adv-accordion-border-radius: var(--adv-border-radius);--adv-accordion-item-border-color: var(--adv-border-color);--adv-accordion-item-border-width: var(--adv-border-width);--adv-accordion-between-items-border-color: transparent;--adv-accordion-header-color: var(--adv-color-black);--adv-accordion-header-padding: var(--adv-spacing-16);--adv-accordion-header-font-weight: var(--adv-text-font-weight-semi-bold);--adv-accordion-header-hover-background-color: var(--adv-color-grey-10);--adv-accordion-header-active-background-color: var(--adv-color-grey-20);--adv-accordion-header-border-radius: var(--adv-spacing-4);--adv-accordion-title-color: inherit;--adv-accordion-toggle-margin: var(--adv-spacing-2) var(--adv-spacing-16) 0 0;--adv-accordion-toggle-padding: 0;--adv-accordion-toggle-width: var(--adv-spacing-12);--adv-accordion-content-margin: 0 0 var(--adv-spacing-24);--adv-accordion-content-padding: 0 var(--adv-spacing-16) 0 calc(var(--adv-spacing-32) + var(--adv-spacing-12));--adv-accordion-content-closed-margin: 0;--adv-accordion-transition-duration: var(--adv-transition-duration);--adv-accordion-transition-function: var(--adv-transition-function);--adv-accordion-transition-property: margin, height, padding;--adv-accordion-css-animated-max-height: 500px;--adv-accordion-css-animated-transition-duration: var(--adv-accordion-transition-duration);--adv-accordion-css-animated-transition-property: margin, max-height;--adv-heading-font-size: 32px;--adv-heading-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-line-height: 40px;--adv-heading-text-align: left;--adv-heading-2-font-size: 24px;--adv-heading-2-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-2-line-height: 32px;--adv-icon-color: var(--adv-color-black);--adv-link-color: var(--adv-color-blue);--adv-link-background-color: transparent;--adv-link-text-decoration: none;--adv-link-hover-text-decoration: underline;--adv-link-active-color: var(--adv-link-color);--adv-link-focus-outline: none;--adv-link-visited-color: var(--adv-link-color);--adv-link-inherit-font-size: inherit;--adv-link-inherit-color: inherit;--adv-link-underline-color: inherit;--adv-list-margin: 0;--adv-list-padding: 0 0 0 18px;--adv-list-nested-padding: var(--adv-list-padding);--adv-list-item-padding: 0 0 0 var(--adv-spacing-4);--adv-list-no-markers-padding: 0;--adv-list-no-markers-list-style: none;--adv-section-background-color: var(--adv-color-grey-10);--adv-section-border-radius: var(--adv-border-radius);--adv-section-margin: var(--adv-spacing-24) 0 0 0;--adv-section-padding: var(--adv-spacing-16);--adv-table-width: 100%;--adv-table-margin: 0;--adv-table-padding: 0;--adv-table-border: none;--adv-table-vertical-align: top;--adv-table-line-height: 16px;--adv-table-row-border-width: var(--adv-border-width);--adv-table-row-border-style: var(--adv-border-style);--adv-table-row-border-color: var(--adv-border-color);--adv-table-row-border: var(--adv-table-row-border-width) var(--adv-table-row-border-style) var(--adv-table-row-border-color);--adv-table-row-changed-background-color: var(--adv-color-grey-10);--adv-table-cell-padding-top: var(--adv-spacing-12);--adv-table-cell-padding-right: calc(var(--adv-spacing-16) + var(--adv-spacing-24));--adv-table-cell-padding-bottom: var(--adv-spacing-12);--adv-table-cell-padding-left: var(--adv-spacing-16);--adv-table-cell-padding: var(--adv-table-cell-padding-top) var(--adv-table-cell-padding-right) var(--adv-table-cell-padding-bottom) var(--adv-table-cell-padding-left);--adv-table-cell-text-align: left;--adv-table-first-column-padding-left: var(--adv-spacing-24);--adv-table-condensed-cell-padding-y: var(--adv-spacing-8);--adv-table-condensed-cell-padding: var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-right) var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-left);--adv-table-condensed-font-size: var(--adv-text-font-size-small)}.adv-u-text-align-center{text-align:center!important}.adv-u-margin-bottom-16{margin-bottom:var(--adv-spacing-16)!important}.adv-u-margin-bottom-48{margin-bottom:var(--adv-spacing-48)!important}.adv-u-margin-top-24{margin-top:var(--adv-spacing-24)!important}.adv-u-margin-y-8{margin-bottom:var(--adv-spacing-8)!important;margin-top:var(--adv-spacing-8)!important}.adv-u-font-weight-regular{font-weight:var(--adv-text-font-weight-regular)!important}.adv-u-font-weight-semi-bold{font-weight:var(--adv-text-font-weight-semi-bold)!important}.adv-u-font-italic{font-style:italic!important}.adyen-document-viewer{background-color:var(--adv-background-color)}.adv-accordion{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-accordion *,.adv-accordion *:before,.adv-accordion *:after{box-sizing:border-box}.adv-accordion--container{border:var(--adv-accordion-item-border-width) solid var(--adv-accordion-item-border-color);border-radius:var(--adv-accordion-border-radius)}.adv-accordion--container .adv-accordion__item:first-child{border-top-color:transparent}.adv-accordion--container .adv-accordion__item:first-child>.adv-accordion__header{border-radius:var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius) 0 0}.adv-accordion--container .adv-accordion__item:last-child{border-bottom-color:transparent}.adv-accordion--container .adv-accordion__item:last-child:not(.adv-accordion__item--open)>.adv-accordion__header{border-radius:0 0 var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius)}.adv-bigskip{height:var(--adv-text-font-size-medium)}.adv-heading{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-heading *,.adv-heading *:before,.adv-heading *:after{box-sizing:border-box}.adv-heading{display:block;font-size:var(--adv-heading-font-size);font-weight:var(--adv-heading-font-weight);line-height:var(--adv-heading-line-height);margin:0;padding:0;text-align:var(--adv-heading-text-align)}.adv-heading--2{font-size:var(--adv-heading-2-font-size);font-weight:var(--adv-heading-2-font-weight);line-height:var(--adv-heading-2-line-height)}.adv-link{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-link *,.adv-link *:before,.adv-link *:after{box-sizing:border-box}.adv-link{background-color:var(--adv-link-background-color);border:0;color:var(--adv-link-color);cursor:pointer;display:inline;max-width:300px;overflow:hidden;padding:0;text-decoration:var(--adv-link-text-decoration);text-overflow:ellipsis;vertical-align:baseline}.adv-link:hover{text-decoration:var(--adv-link-hover-text-decoration)}.adv-link:active{color:var(--adv-link-active-color)}.adv-link:focus{outline:var(--adv-link-focus-outline);text-decoration:var(--adv-link-hover-text-decoration)}.adv-link:visited{color:var(--adv-link-visited-color)}.adv-list{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-list *,.adv-list *:before,.adv-list *:after{box-sizing:border-box}.adv-list{display:block;list-style-position:outside;list-style-type:disc;margin:var(--adv-list-margin);padding:var(--adv-list-padding)}.adv-list--no-markers{list-style:var(--adv-list-no-markers-list-style);padding:var(--adv-list-no-markers-padding)}.adv-list--no-markers .adv-list__item{padding-left:0}.adv-list__item{padding:var(--adv-list-item-padding)}.adv-list__item--no-marker{list-style:var(--adv-list-no-markers-list-style)}.adv-list--nested{list-style-type:circle;padding:var(--adv-list-nested-padding)}.adv-list--ordered{list-style-type:decimal}.adv-paragraph{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-paragraph *,.adv-paragraph *:before,.adv-paragraph *:after{box-sizing:border-box}.adv-paragraph{margin-bottom:0;margin-top:0}.adv-paragraph:not(:first-child){margin-top:var(--adv-spacing-16)}.adv-section-box{background-color:var(--adv-section-background-color);border-radius:var(--adv-section-border-radius);margin:var(--adv-section-margin);padding:var(--adv-section-padding)}.adv-accordion__item{border-bottom:var(--adv-accordion-item-border-width) solid var(--adv-accordion-between-items-border-color);border-top:var(--adv-accordion-item-border-width) solid var(--adv-accordion-item-border-color);position:relative}.adv-accordion__item:last-child{border-bottom-color:var(--adv-accordion-item-border-color)}.adv-accordion__item--open{overflow:visible}.adv-accordion__header{color:var(--adv-accordion-header-color);cursor:pointer;display:flex;padding:var(--adv-accordion-header-padding);transition-duration:var(--adv-accordion-transition-duration);transition-property:var(--adv-accordion-transition-property)}.adv-accordion__header:hover{background-color:var(--adv-accordion-header-hover-background-color)}.adv-accordion__header:active{background-color:var(--adv-accordion-header-active-background-color)}.adv-accordion__header:focus{box-shadow:0 0 0 var(--adv-focus-ring-distance) var(--adv-focus-ring-background-color),0 0 0 var(--adv-focus-ring-width) var(--adv-focus-ring-color);transition:var(--adv-focus-ring-transition-duration) var(--adv-focus-ring-timing-function);transition-property:box-shadow;outline:none}.adv-accordion__title-wrapper{flex:1}.adv-accordion__title{color:var(--adv-accordion-title-color);font-weight:var(--adv-accordion-header-font-weight)}.adv-accordion__toggle{line-height:1;margin:var(--adv-accordion-toggle-margin);padding:var(--adv-accordion-toggle-padding);width:var(--adv-accordion-toggle-width)}.adv-accordion__content{box-sizing:border-box;margin:var(--adv-accordion-content-margin);overflow-x:auto;overflow-y:hidden;padding:var(--adv-accordion-content-padding);transition-duration:var(--adv-accordion-transition-duration);transition-property:var(--adv-accordion-transition-property)}.adv-accordion__item>.adv-accordion__content{margin:var(--adv-accordion-content-closed-margin)}.adv-accordion__item--open>.adv-accordion__content{margin:var(--adv-accordion-content-margin)}.adv-accordion--max-height-transition .adv-accordion__item>.adv-accordion__content{max-height:0;transition-duration:var(--adv-accordion-css-animated-transition-duration);transition-property:var(--adv-accordion-css-animated-transition-property)}.adv-accordion--max-height-transition .adv-accordion__item--open>.adv-accordion__content{max-height:var(--adv-accordion-css-animated-max-height)}.adv-collapsible-container{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-collapsible-container *,.adv-collapsible-container *:before,.adv-collapsible-container *:after{box-sizing:border-box}.adv-collapsible-container{overflow:hidden;transition:height var(--adv-accordion-transition-duration) var(--adv-accordion-transition-function)}.adv-icon{display:inline-block;fill:var(--adv-icon-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;line-height:1;position:relative;speak:none;text-transform:none;vertical-align:baseline}.adv-table{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-table *,.adv-table *:before,.adv-table *:after{box-sizing:border-box}.adv-table{border:var(--adv-table-border);border-collapse:collapse;border-spacing:0;line-height:var(--adv-table-line-height);margin:var(--adv-table-margin);padding:var(--adv-table-padding);text-align:left;width:var(--adv-table-width)}.adv-table--condensed .adv-table__cell{font-size:var(--adv-table-condensed-font-size);padding:var(--adv-table-condensed-cell-padding)}.adv-table__row{vertical-align:var(--adv-table-vertical-align);border-bottom:var(--adv-table-row-border)}.adv-table__row--changed{background-color:var(--adv-table-row-changed-background-color)}.adv-table__body{vertical-align:var(--adv-table-vertical-align)}.adv-table__body .adv-table__row:hover{background-color:var(--adv-table-row-changed-background-color)}.adv-table__cell{border-left:var(--adv-border-width) solid transparent;border-right:var(--adv-border-width) solid transparent;overflow:auto;padding:var(--adv-table-cell-padding);text-align:var(--adv-table-cell-text-align);vertical-align:inherit}.adv-table__cell:first-child,.adv-table__cell--first-column{padding-left:var(--adv-table-first-column-padding-left)}
-.adyen-kyc-adyen-kyc-signed-alert:last-of-type {
+.adyen-kyc-tos-signed-alert:last-of-type {
   margin-top: var(--adyen-sdk-spacer-070);
 }
 
-.adyen-kyc-adyen-kyc-service-agreement-content {
+.adyen-kyc-tos-content {
   display: flex;
   height: 100%;
 }
@@ -2534,25 +2534,160 @@
     flex-direction: row;
     justify-content: flex-end;
   }
-}.adyen-kyc-form-header {
-  margin-bottom: var(--adyen-sdk-spacer-120);
+}/* for container queries */
+.adyen-kyc-stack-layout {
+  display: flex;
+  flex-direction: column;
+}
+
+.adyen-kyc-stack-layout-gap-xs {
+  gap: var(--adyen-sdk-spacer-020);
+}
+
+.adyen-kyc-stack-layout-gap-s {
+  gap: var(--adyen-sdk-spacer-040);
+}
+
+.adyen-kyc-stack-layout-gap-m {
+  gap: var(--adyen-sdk-spacer-070);
+}
+
+.adyen-kyc-stack-layout-gap-l {
+  gap: var(--adyen-sdk-spacer-100);
+}
+
+.adyen-kyc-stack-layout-gap-xl {
+  gap: var(--adyen-sdk-spacer-140);
+}
+
+.adyen-kyc-stack-layout-left {
+  align-items: flex-start;
+}
+
+.adyen-kyc-stack-layout-center {
+  align-items: center;
+}
+
+.adyen-kyc-stack-layout-right {
+  align-items: flex-end;
+}
+
+.adyen-kyc-stack-layout-item {
+  flex-grow: 1;
+  width: 100%;
 }
-.adyen-kyc-heading {
+
+@container main (min-width: 480px) {
+  .adyen-kyc-stack-layout-horizontal {
+    align-items: flex-start;
+    flex-direction: row;
+  }
+  .adyen-kyc-stack-layout-left-horizontal {
+    justify-content: flex-start;
+  }
+  .adyen-kyc-stack-layout-center-horizontal {
+    justify-content: center;
+  }
+  .adyen-kyc-stack-layout-right-horizontal {
+    justify-content: flex-end;
+  }
+}.adyen-kyc-in-task-status {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
+  padding: var(--adyen-sdk-spacer-040, 8px);
+  border-radius: var(--adyen-sdk-border-radius-xl, 24px);
+}
+.adyen-kyc-in-task-status-indicator {
+  width: var(--adyen-sdk-spacer-060, 12px);
+  height: var(--adyen-sdk-spacer-060, 12px);
+  border-radius: 50%;
+  margin-right: var(--adyen-sdk-spacer-020, 4px);
+}
+.adyen-kyc-in-task-status-indicator-success {
+  background-color: var(--adyen-sdk-color-decorative-green, #00d16a);
+}
+.adyen-kyc-in-task-status-indicator-error {
+  background-color: var(--adyen-sdk-color-decorative-red, #f73f01);
+}
+.adyen-kyc-in-task-status-indicator-warning {
+  background-color: var(--adyen-sdk-color-decorative-orange, #f99300);
+}
+.adyen-kyc-in-task-status-label {
+  font-size: var(--adyen-sdk-spacer-060, 12px);
+  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
+  color: var(--adyen-sdk-color-label-secondary, #5c6874);
+}.adyen-kyc-header {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-sdk-spacer-070);
+}
+
+.adyen-kyc-header-margin {
+  margin-bottom: var(--adyen-sdk-spacer-140);
+}
+
+.adyen-kyc-header-margin-secondary {
+  margin-bottom: var(--adyen-sdk-spacer-100);
+}
+
+.adyen-kyc-header-left {
+  align-items: flex-start;
+  text-align: left;
+}
+
+.adyen-kyc-header-center {
+  align-items: center;
+  text-align: center;
+}
+
+.adyen-kyc-header-right {
+  align-items: flex-end;
+  text-align: right;
+}
+
+.adyen-kyc-header-content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-sdk-spacer-040);
+}
+
+.adyen-kyc-header-actions {
+  max-width: 300px;
+}
+
+.adyen-kyc-header-title {
+  color: var(--adyen-sdk-color-label-primary);
+  margin: 0;
+}
+
+.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-weight: var(--adyen-sdk-text-title-l-font-weight);
   line-height: var(--adyen-sdk-text-title-l-line-height);
-  margin-bottom: var(--adyen-sdk-spacer-040);
-  color: var(--adyen-sdk-color-label-primary);
 }
 
-.adyen-kyc-description {
-  color: var(--adyen-sdk-color-label-primary);
+.adyen-kyc-header-title-secondary {
+  font-size: var(--adyen-sdk-text-title-font-size);
+  font-family: var(--adyen-sdk-text-tile-font-family);
+  font-weight: var(--adyen-sdk-text-title-font-weight);
+}
+
+.adyen-kyc-header-description {
   font-size: var(--adyen-sdk-text-body-font-size);
   font-family: var(--adyen-sdk-text-body-font-family);
   font-weight: var(--adyen-sdk-text-body-font-weight);
   line-height: var(--adyen-sdk-text-body-line-height);
-  text-align: left;
+}
+
+.adyen-kyc-header-description-primary {
+  color: var(--adyen-sdk-color-label-primary);
+}
+
+.adyen-kyc-header-description-secondary {
+  color: var(--adyen-sdk-color-label-secondary);
 }
 .adyen-kyc-list {
   display: flex;
@@ -2706,6 +2841,53 @@
 .adyen-kyc-summary-content-logo {
   height: 28px;
   width: 100px;
+}.adyen-kyc-link {
+  align-items: center;
+  border-radius: var(--adyen-sdk-border-radius-s, 4px);
+  display: inline-flex;
+  gap: var(--adyen-sdk-spacer-010, 2px);
+  outline: var(--adyen-sdk-focus-ring-outline, 3px) solid transparent;
+  text-decoration: underline;
+  transition: var(--adyen-sdk-animation-duration-slow, 250ms);
+}
+.adyen-kyc-link:focus-visible {
+  color: var(--adyen-sdk-color-link-primary, #0065c9);
+  fill: var(--adyen-sdk-color-link-primary, #0065c9);
+  outline-color: var(--adyen-sdk-color-link-primary, #0065c9);
+  outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
+  text-decoration: none;
+}
+
+.adyen-kyc-link-default {
+  color: var(--adyen-sdk-color-link-primary, #0065c9);
+}
+@media (hover: hover) {
+  .adyen-kyc-link-default:hover {
+    color: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
+    fill: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
+    text-decoration: none;
+  }
+}
+.adyen-kyc-link-default:active {
+  color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
+  fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
+  text-decoration: none;
+}
+
+.adyen-kyc-link-inline {
+  color: inherit;
+}
+@media (hover: hover) {
+  .adyen-kyc-link-inline:hover {
+    color: var(--adyen-sdk-color-link-primary, #0065c9);
+    fill: var(--adyen-sdk-color-link-primary, #0065c9);
+    text-decoration: none;
+  }
+}
+.adyen-kyc-link-inline:active {
+  color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
+  fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
+  text-decoration: none;
 }.adyen-kyc-input-radio {
   display: inline-flex;
   vertical-align: baseline;
@@ -3051,53 +3233,6 @@ fieldset {
   margin-right: var(--adyen-sdk-spacer-020, 4px);
 }.adyen-kyc-search-address-field-hide {
   display: none;
-}.adyen-kyc-link {
-  align-items: center;
-  border-radius: var(--adyen-sdk-border-radius-s, 4px);
-  display: inline-flex;
-  gap: var(--adyen-sdk-spacer-010, 2px);
-  outline: var(--adyen-sdk-focus-ring-outline, 3px) solid transparent;
-  text-decoration: underline;
-  transition: var(--adyen-sdk-animation-duration-slow, 250ms);
-}
-.adyen-kyc-link:focus-visible {
-  color: var(--adyen-sdk-color-link-primary, #0065c9);
-  fill: var(--adyen-sdk-color-link-primary, #0065c9);
-  outline-color: var(--adyen-sdk-color-link-primary, #0065c9);
-  outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
-  text-decoration: none;
-}
-
-.adyen-kyc-link-default {
-  color: var(--adyen-sdk-color-link-primary, #0065c9);
-}
-@media (hover: hover) {
-  .adyen-kyc-link-default:hover {
-    color: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
-    fill: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
-    text-decoration: none;
-  }
-}
-.adyen-kyc-link-default:active {
-  color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
-  fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
-  text-decoration: none;
-}
-
-.adyen-kyc-link-inline {
-  color: inherit;
-}
-@media (hover: hover) {
-  .adyen-kyc-link-inline:hover {
-    color: var(--adyen-sdk-color-link-primary, #0065c9);
-    fill: var(--adyen-sdk-color-link-primary, #0065c9);
-    text-decoration: none;
-  }
-}
-.adyen-kyc-link-inline:active {
-  color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
-  fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
-  text-decoration: none;
 }.adyen-kyc__high-exposure-company .adyen-kyc-typography--title-l,
 .adyen-kyc__high-exposure-company .adyen-kyc-typography--body,
 .adyen-kyc__high-exposure-parent-company .adyen-kyc-typography--title-l,
@@ -3292,45 +3427,6 @@ input.adyen-kyc-radio-group-card__radio--floating {
 }
 .adyen-kyc-multi-select-list-item--with-description .adyen-kyc-checkbox__label {
   font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
-}/* for container queries */
-.adyen-kyc-stack-layout {
-  align-items: flex-start;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-
-.adyen-kyc-stack-layout-gap-xs {
-  gap: var(--adyen-sdk-spacer-020);
-}
-
-.adyen-kyc-stack-layout-gap-s {
-  gap: var(--adyen-sdk-spacer-040);
-}
-
-.adyen-kyc-stack-layout-gap-m {
-  gap: var(--adyen-sdk-spacer-070);
-}
-
-.adyen-kyc-stack-layout-gap-l {
-  gap: var(--adyen-sdk-spacer-100);
-}
-
-.adyen-kyc-stack-layout-gap-xl {
-  gap: var(--adyen-sdk-spacer-140);
-}
-
-@container main (min-width: 480px) {
-  .adyen-kyc-stack-layout-horizontal {
-    flex-direction: row;
-  }
-  .adyen-kyc-stack-layout-horizontal > * {
-    flex-grow: 1;
-  }
-}
-
-.adyen-kyc-stack-layout-centered {
-  align-items: center;
 }.adyen-kyc-landing-layout-image {
   margin: 0 auto;
 }
@@ -3629,6 +3725,12 @@ input.adyen-kyc-radio-group-card__radio--floating {
 }
 .adyen-kyc-tile-group-horizontal .adyen-kyc-tile-container {
   width: 100%;
+}.adyen-kyc-guidance-question {
+  margin-bottom: var(--adyen-sdk-spacer-140, 64px);
+}
+
+.adyen-kyc-options {
+  margin-top: var(--adyen-sdk-spacer-080, 20px);
 }.adyen-kyc-document-upload__subtitle {
   margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-000, 0px);
 }
@@ -3636,59 +3738,68 @@ input.adyen-kyc-radio-group-card__radio--floating {
   margin: var(--adyen-sdk-spacer-070, 16px) auto var(--adyen-sdk-spacer-000, 0px);
   max-width: 430px;
   text-align: center;
-}/**
-* Overriding onfido styles with our own
-*/
-/* stylelint-disable selector-class-pattern */
-.adyen-kyc-id-verification {
-  min-height: 250px;
+}.adyen-kyc-id-verification {
+  /* stylelint-disable */
 }
-.adyen-kyc-id-verification .onfido-sdk-ui-Modal-inner {
-  border: 0 !important;
-  position: relative !important;
+.adyen-kyc-id-verification #onfido-sdk {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 100dvh;
+  box-sizing: border-box;
 }
-.adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option {
-  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d) !important;
+@media only screen and (width >= 933px) {
+  .adyen-kyc-id-verification #onfido-sdk {
+    min-height: 600px;
+  }
+}
+@media only screen and (width >= 768px) {
+  .adyen-kyc-id-verification #onfido-sdk {
+    max-width: 600px;
+    max-height: 800px;
+    overflow: hidden;
+    border-color: var(--osdk-color-border-surface-modal, rgb(233, 236, 240));
+    border-width: var(--osdk-border-width-surface-modal, 1px);
+    border-style: var(--osdk-border-style-surface-modal, solid);
+    border-radius: var(--osdk-border-radius-surface-modal, 8px);
+  }
 }
-.adyen-kyc-id-verification .onfido-sdk-ui-DocumentSelector-option:hover {
-  box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d) !important;
+.adyen-kyc-id-verification #onfido-sdk.light {
+  background-color: var(--osdk-color-background-surface-modal, rgb(252, 252, 253));
 }
-.adyen-kyc-id-verification .onfido-sdk-ui-CountrySelector-custom__option:hover {
-  background-color: var(--adyen-sdk-color-background-inverse-secondary-hover, #273746) !important;
+.adyen-kyc-id-verification #onfido-sdk.dark {
+  background-color: var(--osdk-color-background-surface-modal, rgb(43, 45, 51));
+  border-color: var(--osdk-color-border-surface-modal, rgb(71, 73, 82));
 }
-.adyen-kyc-id-verification .onfido-sdk-ui-Button-button {
-  background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
-  border-radius: var(--adyen-sdk-border-radius-m, 8px);
+@supports (-webkit-touch-callout: none) {
+  .adyen-kyc-id-verification #onfido-sdk {
+    min-height: -webkit-fill-available;
+  }
 }
-.adyen-kyc-id-verification .onfido-sdk-ui-Button-button:hover:not([disabled]) {
-  background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c6874) !important;
+.adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: progress;
+  position: absolute;
+  inset: 0;
 }
-.adyen-kyc-id-verification .onfido-sdk-ui-Theme-link {
-  border-bottom-style: none !important;
-  color: var(--adyen-sdk-color-label-secondary, #5c6874) !important;
+.adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container path {
+  stroke: var(--osdk-color-progress-indicator, rgb(99, 102, 112));
 }
-.adyen-kyc-id-verification .onfido-sdk-ui-Theme-link:hover {
-  background: none !important;
-  color: var(--adyen-sdk-color-label-secondary, #5c6874) !important;
-  text-decoration: underline !important;
+.adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container circle {
+  stroke: var(--osdk-color-progress-track, rgba(99, 102, 122, 0.15));
+  stroke-opacity: 1;
 }
-.adyen-kyc-id-verification .onfido-sdk-ui-Theme-step,
-.adyen-kyc-id-verification .onfido-sdk-ui-Uploader-uploaderWrapper,
-.adyen-kyc-id-verification .onfido-sdk-ui-Uploader-uploadArea,
-.adyen-kyc-id-verification .onfido-sdk-ui-Uploader-contentWrapper {
-  height: auto !important;
+.adyen-kyc-id-verification #onfido-sdk:not(.loading) .loading-svg-container {
+  display: none;
 }
-
-/* stylelint-enable selector-class-pattern */.adyen-kyc-field--nominee .adyen-kyc-radio-group {
+.adyen-kyc-id-verification {
+  /* stylelint-enable */
+}.adyen-kyc-field--nominee .adyen-kyc-radio-group {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
   column-gap: var(--adyen-sdk-spacer-100, 32px);
-}.adyen-kyc-guidance-question {
-  margin-bottom: var(--adyen-sdk-spacer-140, 64px);
-}
-
-.adyen-kyc-options {
-  margin-top: var(--adyen-sdk-spacer-080, 20px);
 }.adyen-kyc-idnow-header {
   width: 100%;
   padding: var(--adyen-sdk-spacer-130) var(--adyen-sdk-spacer-080);
@@ -4162,6 +4273,9 @@ input.adyen-kyc-radio-group-card__radio--floating {
 .adyen-kyc-card--secondary {
   background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
 }
+.adyen-kyc-card--borderless {
+  border: none;
+}
 
 .adyen-kyc-card.adyen-kyc-card--stateful {
   border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
@@ -4470,37 +4584,6 @@ input.adyen-kyc-radio-group-card__radio--floating {
 }
 .adyen-task-list-group > .adyen-kyc-card__body {
   padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px);
-}.adyen-kyc-card-group > .adyen-kyc-card + .adyen-kyc-card {
-  margin-top: -1px;
-  border-top: var(--adyen-sdk-border-default-s);
-}
-.adyen-kyc-card-group > .adyen-kyc-card:not(:only-of-type):first-of-type {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.adyen-kyc-card-group > .adyen-kyc-card:not(:only-of-type):not(:first-of-type):not(:last-of-type) {
-  border-radius: 0;
-}
-.adyen-kyc-card-group > .adyen-kyc-card:not(:only-of-type):last-of-type {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-
-.adyen-kyc-card-group-spaced {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-040, 8px);
-}
-.adyen-kyc-card-group-spaced .adyen-kyc-card {
-  margin-top: -1px;
-  transition: min-height 0.3s ease !important;
-  min-height: 80px;
-}
-.adyen-kyc-card-group-spaced .adyen-kyc-card--active {
-  min-height: 80px;
-}
-.adyen-kyc-card-group-spaced .adyen-kyc-card--fetching {
-  min-height: 360px;
 }/* for container queries */
 .adyen-kyc-industry-codes-content {
   display: flex;
@@ -4657,6 +4740,108 @@ input.adyen-kyc-radio-group-card__radio--floating {
   width: 100%;
   max-width: 520px;
   margin: var(--adyen-sdk-spacer-000, 0px) auto;
+}.adyen-kyc-list-item {
+  align-items: center;
+  background-color: transparent;
+  border: none;
+  display: flex;
+  gap: var(--adyen-sdk-spacer-040, 8px);
+  overflow: hidden;
+  text-align: left;
+  width: 100%;
+}
+
+.adyen-kyc-list-item-bordered {
+  border-radius: 5px;
+  border: 1px solid var(--adyen-sdk-color-outline-primary);
+}
+
+.adyen-kyc-list-item.adyen-kyc-list-item-bordered {
+  padding: var(--adyen-sdk-spacer-070, 16px);
+}
+
+.adyen-kyc-list-item-interactive {
+  border-radius: var(--adyen-sdk-border-radius-m, 8px);
+  cursor: pointer;
+  outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
+  outline: var(--adyen-sdk-focus-ring-outline, 3px) solid transparent;
+  padding: var(--adyen-sdk-spacer-040, 8px);
+  transition: var(--adyen-sdk-animation-duration-slow, 250ms);
+}
+@media (hover: hover) {
+  .adyen-kyc-list-item-interactive:hover {
+    background-color: var(--adyen-sdk-color-background-secondary-hover, #ecedef);
+  }
+}
+.adyen-kyc-list-item-interactive:active {
+  background-color: var(--adyen-sdk-color-background-secondary-active, #e2e5e7);
+}
+.adyen-kyc-list-item-interactive:focus-visible {
+  outline-color: var(--adyen-sdk-color-label-primary, #001222);
+}
+.adyen-kyc-list-item-interactive:disabled, .adyen-kyc-list-item-interactive:disabled * {
+  color: var(--adyen-sdk-color-label-disabled, #8c959d);
+  pointer-events: none;
+}
+
+.adyen-kyc-list-item-text {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  gap: var(--adyen-sdk-spacer-010, 2px);
+  padding-left: var(--adyen-sdk-spacer-040, 8px);
+  padding-right: var(--adyen-sdk-spacer-040, 8px);
+}
+
+.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-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);
+  margin: 0;
+}
+
+.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-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
+}
+
+.adyen-kyc-list-item-disclosure {
+  color: var(--adyen-sdk-color-label-tertiary, #8c959d);
+  height: 16px;
+  width: 16px;
+}
+
+.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-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);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}.adyen-kyc-divider {
+  background-color: var(--adyen-sdk-color-separator-primary);
+  border: none;
+  height: var(--adyen-sdk-border-width-s);
+  margin-block-end: 0;
+  margin-block-start: 0;
+  width: 100%;
+}
+.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);
 }/* for container queries */
 .adyen-kyc-dropin {
   background: var(--adyen-sdk-color-background-primary, #ffffff);
@@ -4780,10 +4965,9 @@ input.adyen-kyc-radio-group-card__radio--floating {
   white-space: nowrap;
 }
 .adyen-kyc-entity-association__info {
+  align-items: center;
   display: flex;
-}
-.adyen-kyc-entity-association__info .adyen-kyc-status {
-  margin: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px);
+  gap: var(--adyen-sdk-spacer-020, 4px);
 }
 .adyen-kyc-entity-association__tag {
   margin: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px);
@@ -5201,38 +5385,12 @@ input.adyen-kyc-radio-group-card__radio--floating {
 
 .adyen-kyc-singpass-logo-container {
   width: 92px;
-}.adyen-kyc-in-task-status {
-  width: 148px;
-  height: 26px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 0 auto 8px;
-  background-color: var(--adyen-sdk-color-background-modal-hover, #f4f5f6);
-  padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
-  border-radius: var(--adyen-sdk-border-radius-xl, 24px);
-}
-.adyen-kyc-in-task-status-indicator {
-  width: var(--adyen-sdk-spacer-060, 12px);
-  height: var(--adyen-sdk-spacer-060, 12px);
-  border-radius: 50%;
-  margin-right: var(--adyen-sdk-spacer-020, 4px);
-}
-.adyen-kyc-in-task-status-indicator-success {
-  background-color: var(--adyen-sdk-color-decorative-green, #00d16a);
-}
-.adyen-kyc-in-task-status-indicator-error {
-  background-color: var(--adyen-sdk-color-decorative-red, #f73f01);
-}
-.adyen-kyc-in-task-status-indicator-warning {
-  background-color: var(--adyen-sdk-color-decorative-orange, #f99300);
-}
-.adyen-kyc-in-task-status-label {
-  font-size: var(--adyen-sdk-spacer-060, 12px);
-  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
-  color: var(--adyen-sdk-color-label-secondary, #5c6874);
 }/* for container queries */
 @container main (min-width: 680px) and (max-width: 1024px) {
+  .adyen-kyc-decision-makers {
+    max-width: 450px;
+    margin: var(--adyen-sdk-spacer-000, 0px) auto;
+  }
   .adyen-kyc-decision-makers__container {
     display: flex;
     flex-direction: column;
@@ -5268,90 +5426,6 @@ input.adyen-kyc-radio-group-card__radio--floating {
 }
 .adyen-kyc-decision-makers .adyen-kyc-guidance-list li {
   margin-bottom: var(--adyen-sdk-spacer-020, 4px);
-}.adyen-kyc-list-item {
-  align-items: center;
-  background-color: transparent;
-  border: none;
-  display: flex;
-  gap: var(--adyen-sdk-spacer-040, 8px);
-  overflow: hidden;
-  text-align: left;
-  width: 100%;
-}
-
-.adyen-kyc-list-item-bordered {
-  border-radius: 5px;
-  border: 1px solid var(--adyen-sdk-color-outline-primary);
-}
-
-.adyen-kyc-list-item.adyen-kyc-list-item-bordered {
-  padding: var(--adyen-sdk-spacer-070, 16px);
-}
-
-.adyen-kyc-list-item-interactive {
-  border-radius: var(--adyen-sdk-border-radius-m, 8px);
-  cursor: pointer;
-  outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
-  outline: var(--adyen-sdk-focus-ring-outline, 3px) solid transparent;
-  padding: var(--adyen-sdk-spacer-040, 8px);
-  transition: var(--adyen-sdk-animation-duration-slow, 250ms);
-}
-@media (hover: hover) {
-  .adyen-kyc-list-item-interactive:hover {
-    background-color: var(--adyen-sdk-color-background-secondary-hover, #ecedef);
-  }
-}
-.adyen-kyc-list-item-interactive:active {
-  background-color: var(--adyen-sdk-color-background-secondary-active, #e2e5e7);
-}
-.adyen-kyc-list-item-interactive:focus-visible {
-  outline-color: var(--adyen-sdk-color-label-primary, #001222);
-}
-.adyen-kyc-list-item-interactive:disabled, .adyen-kyc-list-item-interactive:disabled * {
-  color: var(--adyen-sdk-color-label-disabled, #8c959d);
-  pointer-events: none;
-}
-
-.adyen-kyc-list-item-text {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  gap: var(--adyen-sdk-spacer-010, 2px);
-  padding-left: var(--adyen-sdk-spacer-040, 8px);
-  padding-right: var(--adyen-sdk-spacer-040, 8px);
-}
-
-.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-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);
-  margin: 0;
-}
-
-.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-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
-}
-
-.adyen-kyc-list-item-disclosure {
-  color: var(--adyen-sdk-color-label-tertiary, #8c959d);
-  height: 16px;
-  width: 16px;
-}
-
-.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-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);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }.adyen-kyc-decision-makers-getting-started {
   max-width: 450px;
   margin: var(--adyen-sdk-spacer-000, 0px) auto;
@@ -5464,15 +5538,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
   flex-direction: row;
   justify-content: flex-start;
   text-decoration: underline;
-}.adyen-kyc-divider {
-  background-color: var(--adyen-sdk-color-separator-primary);
-  border: none;
-  height: var(--adyen-sdk-border-width-s);
-  margin-block-end: 0;
-  margin-block-start: 0;
-  width: 100%;
-}
-.adyen-kyc-basic-information {
+}.adyen-kyc-basic-information {
   display: flex;
   flex-direction: column;
 }