@adyen/kyc-components 3.86.0 → 3.87.0-beta.0

package/dist/style.css

@@ -2473,6 +2473,189 @@
   height: 100%;
 }
 /* for container queries */
+.adyen-kyc-status {
+  align-items: center;
+  border-radius: var(--adyen-sdk-border-radius-xl);
+  display: inline-flex;
+  padding: var(--adyen-sdk-spacer-020);
+}
+
+.adyen-kyc-status-icon {
+  height: 18px;
+  width: 18px;
+  padding: 1px;
+}
+
+.adyen-kyc-status-icon svg {
+  height: 16px;
+  width: 16px;
+}
+
+.adyen-kyc-status-text {
+  font-size: var(--adyen-sdk-text-caption-font-size);
+  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight);
+  line-height: var(--adyen-sdk-text-caption-line-height);
+  padding-left: var(--adyen-sdk-spacer-020);
+  padding-right: var(--adyen-sdk-spacer-020);
+}
+
+@container main (max-width: 480px) {
+  .adyen-kyc-status-text-responsive {
+    display: none;
+  }
+}
+
+.adyen-kyc-status-neutral {
+  background-color: var(--adyen-sdk-color-background-secondary);
+  color: var(--adyen-sdk-color-label-disabled);
+  fill: var(--adyen-sdk-color-label-disabled);
+}
+
+.adyen-kyc-status-neutral .adyen-kyc-status-text {
+  color: var(--adyen-sdk-color-label-secondary);
+}
+
+.adyen-kyc-status-error {
+  background-color: var(--adyen-sdk-color-background-secondary);
+  color: var(--adyen-sdk-color-label-critical);
+  fill: var(--adyen-sdk-color-label-critical);
+}
+
+.adyen-kyc-status-warning {
+  background-color: var(--adyen-sdk-color-background-warning-weak);
+  color: var(--adyen-sdk-color-label-warning);
+  fill: var(--adyen-sdk-color-label-warning);
+}
+
+.adyen-kyc-status-success {
+  background-color: var(--adyen-sdk-color-background-success-weak);
+}
+
+.adyen-kyc-status-success .adyen-kyc-status-text {
+  color: var(--adyen-sdk-color-label-primary);
+}
+
+.adyen-kyc-status-success .adyen-kyc-status-icon {
+  color: var(--adyen-sdk-color-label-success);
+  fill: var(--adyen-sdk-color-label-success);
+}/* for container queries */
+.adyen-kyc-field-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+}
+.adyen-kyc-field-wrapper:last-of-type > .adyen-kyc-field:not(:last-of-type) {
+  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
+}
+
+.adyen-kyc-input {
+  height: 40px;
+  line-height: 38px;
+  min-height: 38px;
+  background: var(--adyen-sdk-color-background-primary, #ffffff);
+  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
+  border-radius: var(--adyen-sdk-border-radius-m, 8px);
+  caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
+  color: var(--adyen-sdk-color-label-primary, #001222);
+  display: block;
+  font-family: inherit;
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  outline: none;
+  padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-060, 12px);
+  position: relative;
+  transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
+  width: 100%;
+}
+.adyen-kyc-input::placeholder {
+  color: var(--adyen-sdk-color-label-secondary, #5c6874);
+  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
+}
+.adyen-kyc-input:hover {
+  border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
+}
+.adyen-kyc-input:required {
+  box-shadow: none;
+}
+.adyen-kyc-input[readonly], .adyen-kyc-input[readonly]:hover, .adyen-kyc-input--disabled {
+  background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
+  color: var(--adyen-sdk-color-label-disabled, #8c959d);
+  cursor: not-allowed;
+  pointer-events: none;
+  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dadddf);
+}
+.adyen-kyc-input--disabled:hover {
+  border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
+}
+.adyen-kyc-input--error, .adyen-kyc-input--invalid, .adyen-kyc-input--error:hover, .adyen-kyc-input--invalid:hover {
+  border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
+  color: var(--adyen-sdk-color-label-critical, #dc3801);
+}
+.adyen-kyc-input:active, .adyen-kyc-input:focus, .adyen-kyc-input--focus, .adyen-kyc-input:active:hover, .adyen-kyc-input:focus:hover, .adyen-kyc-input--focus:hover {
+  border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
+  outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
+}
+.adyen-kyc-input--number {
+  appearance: none;
+  margin: 0;
+  /* Remove the spinner buttons */
+}
+.adyen-kyc-input--number::-webkit-outer-spin-button, .adyen-kyc-input--number::-webkit-inner-spin-button {
+  appearance: none;
+  margin: 0;
+}
+.adyen-kyc-input--date {
+  padding-right: var(--adyen-sdk-spacer-100, 32px);
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
+}
+.adyen-kyc-input--textarea {
+  height: 60px;
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
+}
+.adyen-kyc-input__inline-validation {
+  height: 16px;
+  position: absolute;
+  right: 14px;
+  transform: translateY(-50%);
+  width: 16px;
+  top: var(--adyen-sdk-spacer-080, 20px);
+}
+.adyen-kyc-input__inline-validation--valid {
+  color: var(--adyen-sdk-color-label-success, #008845);
+  display: none;
+}
+.adyen-kyc-input__inline-validation--invalid {
+  color: var(--adyen-sdk-color-label-critical, #dc3801);
+}
+.adyen-kyc-input__inline-validation--invalid-bottom {
+  top: var(--adyen-sdk-spacer-040, 8px);
+}
+.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-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
+  margin: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-000, 0px);
+  position: absolute;
+  right: 0;
+}
+
+@container main (max-width: 680px) {
+  .adyen-kyc-u-width-half {
+    width: 100%;
+  }
+}
+@container main (min-width: 680px) and (max-width: 1024px) {
+  .adyen-kyc-field-wrapper {
+    flex-wrap: nowrap;
+  }
+  .adyen-kyc-field-wrapper > .adyen-kyc-field:first-child {
+    margin-right: var(--adyen-sdk-spacer-040, 8px);
+  }
+  .adyen-kyc-field-wrapper > .adyen-kyc-field:nth-child(2) {
+    margin-left: var(--adyen-sdk-spacer-040, 8px);
+  }
+}/* for container queries */
 .adyen-kyc-structured-list {
   margin: var(--adyen-sdk-spacer-000, 0px);
 }
@@ -2591,33 +2774,6 @@
   .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;
@@ -2751,96 +2907,6 @@
   padding-bottom: var(--adyen-sdk-spacer-040, 8px);
 }.adyen-kyc-error-panel {
   margin-bottom: var(--adyen-sdk-spacer-080, 20px);
-}/* for container queries */
-.adyen-kyc-summary {
-  display: flex;
-  flex-direction: column;
-}
-
-.adyen-kyc-summary-content {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-070, 16px);
-}
-
-.adyen-kyc-summary-list {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-070, 16px);
-  padding-bottom: var(--adyen-sdk-spacer-070, 16px);
-  padding-top: var(--adyen-sdk-spacer-070, 16px);
-}
-@container main (min-width: 680px) {
-  .adyen-kyc-summary-list {
-    gap: var(--adyen-sdk-spacer-040, 8px);
-  }
-}
-
-.adyen-kyc-summary-list-header {
-  display: flex;
-  align-items: center;
-}
-
-.adyen-kyc-summary-list-header-title {
-  color: var(--adyen-sdk-color-label-primary, #001222);
-  flex-grow: 1;
-  font-size: var(--adyen-sdk-text-title-font-size, 16px);
-  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
-  line-height: var(--adyen-sdk-text-title-line-height, 26px);
-  margin: 0;
-}
-
-.adyen-kyc-summary-list-item {
-  display: flex;
-  flex-direction: column;
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  gap: var(--adyen-sdk-spacer-010, 2px);
-}
-@container main (min-width: 680px) {
-  .adyen-kyc-summary-list-item {
-    flex-direction: row;
-    gap: var(--adyen-sdk-spacer-040, 8px);
-  }
-}
-
-.adyen-kyc-summary-list-item-key {
-  color: var(--adyen-sdk-color-label-secondary, #5c6874);
-  flex: 1;
-  margin: 0;
-}
-@container main (min-width: 680px) {
-  .adyen-kyc-summary-list-item-key {
-    max-width: 40%;
-  }
-}
-
-.adyen-kyc-summary-list-item-value {
-  flex: 1;
-  margin: 0;
-  text-align: left;
-}
-
-.adyen-kyc-summary-content-legal-caption {
-  color: var(--adyen-sdk-color-label-tertiary, #8c959d);
-  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);
-  padding-left: var(--adyen-sdk-spacer-070, 16px);
-  padding-right: var(--adyen-sdk-spacer-070, 16px);
-}
-@media (prefers-contrast: more) or (prefers-reduced-transparency) {
-  .adyen-kyc-summary-content-legal-caption {
-    color: var(--adyen-sdk-color-label-secondary, #5c6874);
-  }
-}
-
-.adyen-kyc-summary-content-list {
-  list-style-type: disc;
-}
-
-.adyen-kyc-summary-content-logo {
-  height: 28px;
-  width: 100px;
 }.adyen-kyc-link {
   align-items: center;
   border-radius: var(--adyen-sdk-border-radius-s, 4px);
@@ -2975,123 +3041,6 @@
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   margin-right: var(--adyen-sdk-spacer-070, 16px);
   vertical-align: baseline;
-}/* for container queries */
-.adyen-kyc-field-wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  width: 100%;
-}
-.adyen-kyc-field-wrapper:last-of-type > .adyen-kyc-field:not(:last-of-type) {
-  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
-}
-
-.adyen-kyc-input {
-  height: 40px;
-  line-height: 38px;
-  min-height: 38px;
-  background: var(--adyen-sdk-color-background-primary, #ffffff);
-  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
-  border-radius: var(--adyen-sdk-border-radius-m, 8px);
-  caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
-  color: var(--adyen-sdk-color-label-primary, #001222);
-  display: block;
-  font-family: inherit;
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  outline: none;
-  padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-060, 12px);
-  position: relative;
-  transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
-  width: 100%;
-}
-.adyen-kyc-input::placeholder {
-  color: var(--adyen-sdk-color-label-secondary, #5c6874);
-  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
-}
-.adyen-kyc-input:hover {
-  border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
-}
-.adyen-kyc-input:required {
-  box-shadow: none;
-}
-.adyen-kyc-input[readonly], .adyen-kyc-input[readonly]:hover, .adyen-kyc-input--disabled {
-  background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
-  color: var(--adyen-sdk-color-label-disabled, #8c959d);
-  cursor: not-allowed;
-  pointer-events: none;
-  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dadddf);
-}
-.adyen-kyc-input--disabled:hover {
-  border-color: var(--adyen-sdk-color-outline-disabled, #dadddf);
-}
-.adyen-kyc-input--error, .adyen-kyc-input--invalid, .adyen-kyc-input--error:hover, .adyen-kyc-input--invalid:hover {
-  border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
-  color: var(--adyen-sdk-color-label-critical, #dc3801);
-}
-.adyen-kyc-input:active, .adyen-kyc-input:focus, .adyen-kyc-input--focus, .adyen-kyc-input:active:hover, .adyen-kyc-input:focus:hover, .adyen-kyc-input--focus:hover {
-  border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
-  outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
-}
-.adyen-kyc-input--number {
-  appearance: none;
-  margin: 0;
-  /* Remove the spinner buttons */
-}
-.adyen-kyc-input--number::-webkit-outer-spin-button, .adyen-kyc-input--number::-webkit-inner-spin-button {
-  appearance: none;
-  margin: 0;
-}
-.adyen-kyc-input--date {
-  padding-right: var(--adyen-sdk-spacer-100, 32px);
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
-}
-.adyen-kyc-input--textarea {
-  height: 60px;
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
-}
-.adyen-kyc-input__inline-validation {
-  height: 16px;
-  position: absolute;
-  right: 14px;
-  transform: translateY(-50%);
-  width: 16px;
-  top: var(--adyen-sdk-spacer-080, 20px);
-}
-.adyen-kyc-input__inline-validation--valid {
-  color: var(--adyen-sdk-color-label-success, #008845);
-  display: none;
-}
-.adyen-kyc-input__inline-validation--invalid {
-  color: var(--adyen-sdk-color-label-critical, #dc3801);
-}
-.adyen-kyc-input__inline-validation--invalid-bottom {
-  top: var(--adyen-sdk-spacer-040, 8px);
-}
-.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-weight: var(--adyen-sdk-text-caption-font-weight, 400);
-  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
-  margin: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-000, 0px);
-  position: absolute;
-  right: 0;
-}
-
-@container main (max-width: 680px) {
-  .adyen-kyc-u-width-half {
-    width: 100%;
-  }
-}
-@container main (min-width: 680px) and (max-width: 1024px) {
-  .adyen-kyc-field-wrapper {
-    flex-wrap: nowrap;
-  }
-  .adyen-kyc-field-wrapper > .adyen-kyc-field:first-child {
-    margin-right: var(--adyen-sdk-spacer-040, 8px);
-  }
-  .adyen-kyc-field-wrapper > .adyen-kyc-field:nth-child(2) {
-    margin-left: var(--adyen-sdk-spacer-040, 8px);
-  }
 }.adyen-kyc-radio-group {
   display: flex;
   flex-direction: column;
@@ -3163,6 +3112,96 @@ fieldset {
   margin-right: var(--adyen-sdk-spacer-020, 4px);
 }.adyen-kyc-search-address-field-hide {
   display: none;
+}/* for container queries */
+.adyen-kyc-summary {
+  display: flex;
+  flex-direction: column;
+}
+
+.adyen-kyc-summary-content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-sdk-spacer-070, 16px);
+}
+
+.adyen-kyc-summary-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-sdk-spacer-070, 16px);
+  padding-bottom: var(--adyen-sdk-spacer-070, 16px);
+  padding-top: var(--adyen-sdk-spacer-070, 16px);
+}
+@container main (min-width: 680px) {
+  .adyen-kyc-summary-list {
+    gap: var(--adyen-sdk-spacer-040, 8px);
+  }
+}
+
+.adyen-kyc-summary-list-header {
+  display: flex;
+  align-items: center;
+}
+
+.adyen-kyc-summary-list-header-title {
+  color: var(--adyen-sdk-color-label-primary, #001222);
+  flex-grow: 1;
+  font-size: var(--adyen-sdk-text-title-font-size, 16px);
+  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-line-height, 26px);
+  margin: 0;
+}
+
+.adyen-kyc-summary-list-item {
+  display: flex;
+  flex-direction: column;
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  gap: var(--adyen-sdk-spacer-010, 2px);
+}
+@container main (min-width: 680px) {
+  .adyen-kyc-summary-list-item {
+    flex-direction: row;
+    gap: var(--adyen-sdk-spacer-040, 8px);
+  }
+}
+
+.adyen-kyc-summary-list-item-key {
+  color: var(--adyen-sdk-color-label-secondary, #5c6874);
+  flex: 1;
+  margin: 0;
+}
+@container main (min-width: 680px) {
+  .adyen-kyc-summary-list-item-key {
+    max-width: 40%;
+  }
+}
+
+.adyen-kyc-summary-list-item-value {
+  flex: 1;
+  margin: 0;
+  text-align: left;
+}
+
+.adyen-kyc-summary-content-legal-caption {
+  color: var(--adyen-sdk-color-label-tertiary, #8c959d);
+  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);
+  padding-left: var(--adyen-sdk-spacer-070, 16px);
+  padding-right: var(--adyen-sdk-spacer-070, 16px);
+}
+@media (prefers-contrast: more) or (prefers-reduced-transparency) {
+  .adyen-kyc-summary-content-legal-caption {
+    color: var(--adyen-sdk-color-label-secondary, #5c6874);
+  }
+}
+
+.adyen-kyc-summary-content-list {
+  list-style-type: disc;
+}
+
+.adyen-kyc-summary-content-logo {
+  height: 28px;
+  width: 100px;
 }.adyen-kyc-progress-bar {
   --adyen-progress-bar-size: 4px;
   background-color: var(--adyen-sdk-color-background-secondary);
@@ -3190,7 +3229,7 @@ fieldset {
 .adyen-kyc-form-flow-content {
   margin: auto;
   max-width: 600px;
-  min-height: 100%;
+  min-height: calc(100% - 80px);
   padding: var(--adyen-sdk-spacer-140, 64px) var(--adyen-sdk-spacer-070, 16px);
 }
 @container (min-width: 399px) {
@@ -3209,6 +3248,7 @@ fieldset {
 .adyen-kyc-form-flow-footer {
   background-color: var(--adyen-sdk-color-background-primary);
   bottom: 0;
+  height: 80px;
   position: sticky;
   z-index: 1;
 }
@@ -4059,7 +4099,89 @@ input.adyen-kyc-radio-group-card__radio--floating {
 .adyen-kyc-document-requirements-subtitle {
   margin-bottom: var(--adyen-sdk-spacer-070);
 }
-.adyen-kyc-bank-verification {
+/* for container queries */
+.adyen-kyc-bank-document-page > .adyen-kyc-modal-large {
+  height: 50vh;
+}
+
+.adyen-kyc-bank-document-classification {
+  min-height: 480px;
+}
+
+.adyen-kyc-requirements-list li:last-child {
+  margin-bottom: var(--adyen-sdk-spacer-100);
+}
+
+.adyen-kyc-file-picker-disabled {
+  opacity: 0.6;
+  pointer-events: none;
+}
+
+.adyen-kyc-review-modal {
+  display: flex;
+  height: 100%;
+}
+.adyen-kyc-review-modal .adyen-kyc-preview {
+  flex: 2;
+  height: 100%;
+}
+@container main (max-width: 680px) {
+  .adyen-kyc-review-modal .adyen-kyc-preview {
+    display: none;
+  }
+}
+.adyen-kyc-review-modal .adyen-kyc-preview-image {
+  width: 100%;
+  height: 100%;
+  background-color: var(--adyen-sdk-color-background-secondary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+}
+.adyen-kyc-review-modal .adyen-kyc-preview-image img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+.adyen-kyc-review-modal .adyen-kyc-content {
+  flex: 2;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin: 0 var(--adyen-sdk-spacer-100);
+}
+.adyen-kyc-review-modal .adyen-kyc-title {
+  margin: 0 0 var(--adyen-sdk-spacer-070) 0;
+}
+.adyen-kyc-review-modal .adyen-kyc-description {
+  margin: 0 0 var(--adyen-sdk-spacer-070) 0;
+  line-height: 1.5;
+}
+.adyen-kyc-review-modal .adyen-kyc-issues {
+  padding: var(--adyen-sdk-spacer-070);
+  background-color: var(--adyen-sdk-color-background-secondary);
+  border-radius: var(--adyen-sdk-border-radius-m);
+  list-style-position: inside;
+  margin: var(--adyen-sdk-spacer-100) 0 !important;
+}
+.adyen-kyc-review-modal .adyen-kyc-issues li {
+  margin-bottom: var(--adyen-sdk-spacer-050);
+}
+.adyen-kyc-review-modal .adyen-kyc-issues li:last-child {
+  margin-bottom: 0;
+}
+
+.adyen-kyc-actions {
+  float: right;
+  display: flex;
+  gap: var(--adyen-sdk-spacer-070);
+  padding-top: var(--adyen-sdk-spacer-100);
+}
+
+.adyen-kyc-confirmation-modal {
+  padding: var(--adyen-sdk-spacer-070);
+}.adyen-kyc-bank-verification {
   display: flex;
   flex-flow: column;
   height: 100%;
@@ -4129,7 +4251,32 @@ input.adyen-kyc-radio-group-card__radio--floating {
 .adyen-kyc-us-check-routing-number {
   fill: var(--adyen-sdk-color-label-highlight);
 }
-/* for container queries */
+.adyen-kyc-payout-modal-content .adyen-kyc-title {
+  margin-bottom: var(--adyen-sdk-spacer-100);
+  font-weight: bold;
+}
+.adyen-kyc-payout-modal-content .adyen-kyc-section {
+  margin-bottom: var(--adyen-sdk-spacer-070);
+}
+.adyen-kyc-payout-modal-content .adyen-kyc-section-title {
+  margin-bottom: var(--adyen-sdk-spacer-070);
+}
+.adyen-kyc-payout-modal-content .adyen-kyc-section-text {
+  margin-bottom: var(--adyen-sdk-spacer-040);
+}
+.adyen-kyc-payout-modal-content .adyen-kyc-simpler-terms-box {
+  background-color: #f5f5f5;
+  padding: var(--adyen-sdk-spacer-080);
+  border-radius: var(--adyen-sdk-spacer-040);
+  margin: var(--adyen-sdk-spacer-080) 0;
+}
+.adyen-kyc-payout-modal-content .adyen-kyc-simpler-terms-title {
+  margin-bottom: var(--adyen-sdk-spacer-040);
+  font-weight: 600;
+}
+.adyen-kyc-payout-modal-content .adyen-kyc-bullet-list {
+  padding: var(--adyen-sdk-spacer-040);
+}/* for container queries */
 .adyen-kyc-field-verification-methods {
   display: flex;
   gap: var(--adyen-sdk-spacer-060, 12px);
@@ -4218,22 +4365,60 @@ input.adyen-kyc-radio-group-card__radio--floating {
 .adyen-kyc-payout-verification-method-card {
   overflow: hidden;
 }
-.adyen-kyc-payout-verification-method-card:hover {
+.adyen-kyc-payout-verification-method-card:not(.adyen-kyc-payout-verification-method-card-disabled):hover {
   cursor: pointer;
 }
-.adyen-kyc-payout-verification-method-card:hover .adyen-kyc-payout-verification-method-card-image {
+.adyen-kyc-payout-verification-method-card:not(.adyen-kyc-payout-verification-method-card-disabled):hover .adyen-kyc-payout-verification-method-card-image {
   transform: scale(1.2);
 }
+.adyen-kyc-payout-verification-method-card-disabled {
+  filter: grayscale(1);
+  opacity: 0.5;
+}
+.adyen-kyc-payout-verification-method-card-content {
+  margin: var(--adyen-sdk-spacer-060, 12px);
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: flex-start;
+}
+@container main (min-width: 680px) and (max-width: 1024px) {
+  .adyen-kyc-payout-verification-method-card-content {
+    margin: var(--adyen-sdk-spacer-070, 16px);
+  }
+}
+.adyen-kyc-payout-verification-method-card-title {
+  font-size: 90%;
+  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
+}
+@container main (min-width: 680px) and (max-width: 1024px) {
+  .adyen-kyc-payout-verification-method-card-title {
+    font-size: 100%;
+  }
+}
+.adyen-kyc-payout-verification-method-card-subtitle {
+  font-size: 90%;
+}
+@container main (min-width: 680px) and (max-width: 1024px) {
+  .adyen-kyc-payout-verification-method-card-subtitle {
+    font-size: 100%;
+  }
+}
 .adyen-kyc-payout-verification-method-card-body {
   padding: 0;
   display: flex;
   flex-direction: row;
 }
 .adyen-kyc-payout-verification-method-card-image-container {
-  width: 150px;
-  height: 150px;
+  min-width: fit-content;
+  height: 122px;
   overflow: hidden;
 }
+@container main (min-width: 680px) and (max-width: 1024px) {
+  .adyen-kyc-payout-verification-method-card-image-container {
+    height: 150px;
+  }
+}
 .adyen-kyc-payout-verification-method-card-image {
   height: 100%;
   width: 100%;
@@ -4248,6 +4433,9 @@ input.adyen-kyc-radio-group-card__radio--floating {
   line-height: 1;
   overflow: hidden;
   width: 44px;
+
+  /* Prevents avatar from being squished in some cases where flex-box is used. */
+  flex-shrink: 0;
 }
 
 .adyen-kyc-avatar-label {
@@ -4314,112 +4502,47 @@ input.adyen-kyc-radio-group-card__radio--floating {
   padding: var(--adyen-sdk-spacer-060) var(--adyen-sdk-spacer-080);
 }
 .adyen-kyc-embedded-status-loading {
-  cursor: default;
-}
-.adyen-kyc-embedded-status-loading .adyen-kyc-embedded-status-avatar {
-  background-color: var(--adyen-sdk-color-background-primary);
-  border: none;
-}
-
-.adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) {
-  background-color: var(--adyen-sdk-color-background-secondary);
-  transition: background-color 0.2s;
-}
-.adyen-kyc-embedded-status-action-indicator {
-  background-color: var(--adyen-sdk-color-background-secondary);
-  color: var(--adyen-sdk-color-label-secondary);
-}
-
-.adyen-kyc-embedded-status-avatar {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 40px;
-  height: 40px;
-  border-radius: var(--adyen-sdk-border-radius-m);
-  color: var(--adyen-sdk-color-label-inverse-primary);
-  background-color: var(--adyen-sdk-color-background-inverse-primary);
-}
-
-.adyen-kyc-embedded-status-action-indicator {
-  border: var(--adyen-sdk-border-default-s);
-  border-radius: var(--adyen-sdk-border-radius-m);
-  background-color: var(--adyen-sdk-color-background-primary);
-  padding: var(--adyen-sdk-spacer-010) var(--adyen-sdk-spacer-050);
-}
-
-.adyen-kyc-embedded-status-info {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  overflow-x: auto;
-}
-/* for container queries */
-.adyen-kyc-status {
-  border: 0;
-  border-radius: var(--adyen-sdk-border-radius-l, 12px);
-  display: flex;
-  align-items: center;
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  height: 24px;
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
-}
-.adyen-kyc-status--finished {
-  color: var(--adyen-sdk-color-label-success, #008845);
-}
-.adyen-kyc-status--download {
-  color: var(--adyen-sdk-color-label-highlight, #0f75dc);
-  cursor: pointer;
-}
-.adyen-kyc-status--error {
-  color: var(--adyen-sdk-color-label-critical, #dc3801);
-  background-color: var(--adyen-sdk-color-background-critical-weak, #fff3ef);
-}
-.adyen-kyc-status__icon {
-  align-self: center;
-  border-radius: 50%;
-  display: flex;
-  height: 14px;
-  justify-content: center;
-  margin-right: var(--adyen-sdk-spacer-030, 6px);
-  width: 14px;
-}
-.adyen-kyc-status__icon .adyen-kyc-icon {
-  align-items: center;
-  color: var(--adyen-sdk-color-label-on-color, #ffffff);
-  display: flex;
-  font-size: calc(var(--adyen-sdk-text-body-font-size, 14px) / 2);
-}
-.adyen-kyc-status__icon--error .adyen-kyc-icon {
-  color: var(--adyen-sdk-color-label-critical, #dc3801);
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-}
-.adyen-kyc-status__icon--finished {
-  background-color: var(--adyen-sdk-color-background-success-strong, #008845);
+  cursor: default;
 }
-.adyen-kyc-status__icon--download {
-  background-color: var(--adyen-sdk-color-background-highlight-strong, #0f75dc);
+.adyen-kyc-embedded-status-loading .adyen-kyc-embedded-status-avatar {
+  background-color: var(--adyen-sdk-color-background-primary);
+  border: none;
 }
-.adyen-kyc-status__icon .adyen-kyc-loading-indicator::before {
-  background: var(--adyen-sdk-color-background-inverse-primary, #001222);
+
+.adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) {
+  background-color: var(--adyen-sdk-color-background-secondary);
+  transition: background-color 0.2s;
 }
-.adyen-kyc-status__icon .adyen-kyc-loading-indicator::after {
-  border-top-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
+.adyen-kyc-embedded-status-action-indicator {
+  background-color: var(--adyen-sdk-color-background-secondary);
+  color: var(--adyen-sdk-color-label-secondary);
 }
-.adyen-kyc-status__icon--large {
-  height: 24px;
-  width: 24px;
+
+.adyen-kyc-embedded-status-avatar {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 40px;
+  height: 40px;
+  border-radius: var(--adyen-sdk-border-radius-m);
+  color: var(--adyen-sdk-color-label-inverse-primary);
+  background-color: var(--adyen-sdk-color-background-inverse-primary);
 }
-.adyen-kyc-status__icon--large .adyen-kyc-icon {
-  font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
+
+.adyen-kyc-embedded-status-action-indicator {
+  border: var(--adyen-sdk-border-default-s);
+  border-radius: var(--adyen-sdk-border-radius-m);
+  background-color: var(--adyen-sdk-color-background-primary);
+  padding: var(--adyen-sdk-spacer-010) var(--adyen-sdk-spacer-050);
 }
 
-@container main (max-width: 680px) {
-  .adyen-kyc-status__text {
-    display: none;
-  }
-}.adyen-kyc-provider-button {
+.adyen-kyc-embedded-status-info {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow-x: auto;
+}
+.adyen-kyc-provider-button {
   align-items: center;
   display: flex;
   gap: var(--adyen-sdk-spacer-060);
@@ -4762,235 +4885,16 @@ input.adyen-kyc-radio-group-card__radio--floating {
   align-items: flex-start;
   background: var(--adyen-sdk-color-background-primary, #ffffff);
 }
-@container main (max-width: 680px) {
-  .adyen-task-list-group {
-    border: 0;
-  }
-}
-.adyen-task-list-group__header {
-  padding-top: var(--adyen-sdk-spacer-090, 24px);
-}
-.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);
-}/* for container queries */
-.adyen-kyc-dropin {
-  background: var(--adyen-sdk-color-background-primary, #ffffff);
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: hidden;
-  position: relative;
-  width: 100%;
-}
-.adyen-kyc-dropin-container {
-  position: relative;
-  min-height: 480px;
-  transform: scale(1);
-  width: 100%;
-}
-
-.adyen-kyc-dropin__content {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  height: calc(100% - 56px);
-  overflow: auto;
-}
-@container main (min-width: 680px) and (max-width: 1024px) {
-  .adyen-kyc-dropin__content {
-    height: calc(100% - 72px);
-  }
-}
-
-/* padding in dropins, not used in modal view */
-.adyen-kyc-dropin__content-main {
-  display: flex;
-  flex: 1;
-  padding: var(--adyen-sdk-spacer-070, 16px);
-  width: 100%;
-  box-sizing: border-box;
-}
-@container main (min-width: 680px) and (max-width: 1024px) {
-  .adyen-kyc-dropin__content-main {
-    padding: var(--adyen-sdk-spacer-090, 24px);
-  }
-}
-@container main (min-width: 1024px) {
-  .adyen-kyc-dropin__content-main {
-    padding: var(--adyen-sdk-spacer-110, 40px);
-  }
-}
-
-.adyen-kyc-dropin__main {
-  border-radius: var(--adyen-sdk-border-radius-m, 8px);
-  width: 100%;
-}.adyen-kyc-settlor-exemption-reasons-list {
-  list-style-position: inside;
-  padding: 0;
-}.adyen-kyc-trust-members .add-owner-alert {
-  margin-top: var(--adyen-sdk-spacer-080);
-  padding: 0 1rem;
-}
-.adyen-kyc-trust-members .add-owner-alert > div {
-  align-items: center;
-}.adyen-kyc-entity-status__container {
-  display: flex;
-  flex-direction: row;
-  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
-  align-items: center;
-}
-.adyen-kyc-entity-status__tag {
-  margin-right: var(--adyen-sdk-spacer-040, 8px);
-  width: fit-content;
-}
-.adyen-kyc-entity-status__icon {
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  display: flex;
-  margin-right: var(--adyen-sdk-spacer-040, 8px);
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  align-items: center;
-  justify-content: center;
-}
-.adyen-kyc-entity-status__icon--satisfied {
-  background-color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
-  color: var(--adyen-sdk-color-background-success-strong, #008845);
-}
-.adyen-kyc-entity-status__icon--empty {
-  color: var(--adyen-sdk-color-label-tertiary, #8c959d);
-}
-.adyen-kyc-entity-status__legend {
-  display: flex;
-  padding-bottom: var(--adyen-sdk-spacer-090, 24px);
-  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
-  border-bottom: var(--adyen-sdk-border-default-s);
-}
-.adyen-kyc-entity-status__legend--rule {
-  display: flex;
-  align-items: center;
-  margin-right: var(--adyen-sdk-spacer-040, 8px);
-}
-.adyen-kyc-entity-status--text {
-  margin-top: var(--adyen-sdk-spacer-020, 4px);
-}.adyen-kyc-entity-association {
-  display: flex;
-  flex-direction: column;
-  margin: var(--adyen-sdk-spacer-000, 0px);
-  width: 100%;
-}
-.adyen-kyc-entity-association__top {
-  display: flex;
-  flex-wrap: wrap;
-}
-.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-weight: var(--adyen-sdk-text-title-font-weight, 600);
-  line-height: var(--adyen-sdk-text-title-line-height, 26px);
-  margin: var(--adyen-sdk-spacer-000, 0px);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.adyen-kyc-entity-association__info {
-  align-items: center;
-  display: flex;
-  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);
-}
-.adyen-kyc-entity-association__actions {
-  position: relative;
-}
-.adyen-kyc-entity-association__more-actions-toggle {
-  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-weight: var(--adyen-sdk-text-caption-font-weight, 400);
-  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
-  height: 32px;
-  margin: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px);
-  min-width: auto;
-  width: 32px;
-}
-.adyen-kyc-entity-association__more-actions-toggle .adyen-kyc-icon {
-  display: inline-flex;
-  margin: var(--adyen-sdk-spacer-000, 0px);
-}
-.adyen-kyc-entity-association__more-actions-toggle:hover {
-  background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
-}
-.adyen-kyc-entity-association__remove {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  height: 32px;
-  padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px);
-}
-.adyen-kyc-entity-association-alert {
-  margin-top: var(--adyen-sdk-spacer-040, 8px);
-  padding: var(--adyen-sdk-spacer-040, 8px);
-}.adyen-kyc-actions-menu {
-  background: var(--adyen-sdk-color-background-secondary);
-  border: var(--adyen-sdk-border-default-s);
-  border-radius: var(--adyen-sdk-border-radius-l);
-  box-shadow: var(--adyen-sdk-shadow-medium);
-  display: flex;
-  flex-direction: column;
-  margin-top: var(--adyen-sdk-spacer-040);
-  padding: var(--adyen-sdk-spacer-040);
-  position: absolute;
-  right: var(--adyen-sdk-spacer-060);
-  z-index: 500;
-}
-.adyen-kyc-actions-menu-option {
-  color: var(--adyen-sdk-color-label-secondary);
-  font-size: var(--adyen-sdk-text-body-font-size);
-  font-weight: var(--adyen-sdk-text-body-font-weight);
-  justify-content: flex-end;
-  padding: var(--adyen-sdk-spacer-000) var(--adyen-sdk-spacer-040);
-  width: 100%;
-}
-.adyen-kyc-adyen-kyc-role-and-type-container {
-  display: flex;
-}
-.adyen-kyc-adyen-kyc-role-and-type-action-bar {
-  float: right;
-}
-
-.adyen-kyc-inline-radio-group {
-  margin-top: 2rem;
-}
-.adyen-kyc-inline-radio-group fieldset {
-  display: inline-flex;
-  width: 100%;
-  justify-content: space-between;
-  flex-wrap: wrap;
-}
-.adyen-kyc-inline-radio-group span {
-  max-width: 70%;
-  padding-right: 1rem;
-  font-weight: normal;
-}
-.adyen-kyc-inline-radio-group .adyen-kyc-input-wrapper {
-  margin-top: 0;
-}
-.adyen-kyc-inline-radio-group .adyen-kyc-input-radio__content {
-  text-align: center;
+@container main (max-width: 680px) {
+  .adyen-task-list-group {
+    border: 0;
+  }
 }
-.adyen-kyc-inline-radio-group .adyen-kyc-error-text {
-  width: 100%;
-}.adyen-kyc-entity-association .adyen-kyc-alert {
-  padding: 0 var(--adyen-sdk-spacer-070, 16px);
-  margin-top: var(--adyen-sdk-spacer-070, 16px);
+.adyen-task-list-group__header {
+  padding-top: var(--adyen-sdk-spacer-090, 24px);
 }
-.adyen-kyc-entity-association .adyen-kyc-alert .adyen-kyc-alert-header {
-  align-items: center;
+.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-detail-view-layout {
   display: flex;
   flex-direction: column;
@@ -5079,6 +4983,58 @@ input.adyen-kyc-radio-group-card__radio--floating {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
   margin: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-000, 0px);
+}/* for container queries */
+.adyen-kyc-dropin {
+  background: var(--adyen-sdk-color-background-primary, #ffffff);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.adyen-kyc-dropin-container {
+  position: relative;
+  min-height: 480px;
+  transform: scale(1);
+  width: 100%;
+}
+
+.adyen-kyc-dropin__content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: calc(100% - 56px);
+  overflow: auto;
+}
+@container main (min-width: 680px) and (max-width: 1024px) {
+  .adyen-kyc-dropin__content {
+    height: calc(100% - 72px);
+  }
+}
+
+/* padding in dropins, not used in modal view */
+.adyen-kyc-dropin__content-main {
+  display: flex;
+  flex: 1;
+  padding: var(--adyen-sdk-spacer-070, 16px);
+  width: 100%;
+  box-sizing: border-box;
+}
+@container main (min-width: 680px) and (max-width: 1024px) {
+  .adyen-kyc-dropin__content-main {
+    padding: var(--adyen-sdk-spacer-090, 24px);
+  }
+}
+@container main (min-width: 1024px) {
+  .adyen-kyc-dropin__content-main {
+    padding: var(--adyen-sdk-spacer-110, 40px);
+  }
+}
+
+.adyen-kyc-dropin__main {
+  border-radius: var(--adyen-sdk-border-radius-m, 8px);
+  width: 100%;
 }.adyen-kyc-tabs {
   display: flex;
   gap: 8px;
@@ -5407,6 +5363,129 @@ input.adyen-kyc-radio-group-card__radio--floating {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+}.adyen-kyc-entity-association {
+  display: flex;
+  flex-direction: column;
+  margin: var(--adyen-sdk-spacer-000, 0px);
+  width: 100%;
+}
+.adyen-kyc-entity-association__top {
+  display: flex;
+  flex-wrap: wrap;
+}
+.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-weight: var(--adyen-sdk-text-title-font-weight, 600);
+  line-height: var(--adyen-sdk-text-title-line-height, 26px);
+  margin: var(--adyen-sdk-spacer-000, 0px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.adyen-kyc-entity-association__info {
+  align-items: center;
+  display: flex;
+  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);
+}
+.adyen-kyc-entity-association__actions {
+  position: relative;
+}
+.adyen-kyc-entity-association__more-actions-toggle {
+  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-weight: var(--adyen-sdk-text-caption-font-weight, 400);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
+  height: 32px;
+  margin: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px);
+  min-width: auto;
+  width: 32px;
+}
+.adyen-kyc-entity-association__more-actions-toggle .adyen-kyc-icon {
+  display: inline-flex;
+  margin: var(--adyen-sdk-spacer-000, 0px);
+}
+.adyen-kyc-entity-association__more-actions-toggle:hover {
+  background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
+}
+.adyen-kyc-entity-association__remove {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  height: 32px;
+  padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px);
+}
+.adyen-kyc-entity-association-alert {
+  margin-top: var(--adyen-sdk-spacer-040, 8px);
+  padding: var(--adyen-sdk-spacer-040, 8px);
+}.adyen-kyc-actions-menu {
+  background: var(--adyen-sdk-color-background-secondary);
+  border: var(--adyen-sdk-border-default-s);
+  border-radius: var(--adyen-sdk-border-radius-l);
+  box-shadow: var(--adyen-sdk-shadow-medium);
+  display: flex;
+  flex-direction: column;
+  margin-top: var(--adyen-sdk-spacer-040);
+  padding: var(--adyen-sdk-spacer-040);
+  position: absolute;
+  right: var(--adyen-sdk-spacer-060);
+  z-index: 500;
+}
+.adyen-kyc-actions-menu-option {
+  color: var(--adyen-sdk-color-label-secondary);
+  font-size: var(--adyen-sdk-text-body-font-size);
+  font-weight: var(--adyen-sdk-text-body-font-weight);
+  justify-content: flex-end;
+  padding: var(--adyen-sdk-spacer-000) var(--adyen-sdk-spacer-040);
+  width: 100%;
+}
+.adyen-kyc-entity-status__container {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
+  align-items: center;
+}
+.adyen-kyc-entity-status__tag {
+  margin-right: var(--adyen-sdk-spacer-040, 8px);
+  width: fit-content;
+}
+.adyen-kyc-entity-status__icon {
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
+  display: flex;
+  margin-right: var(--adyen-sdk-spacer-040, 8px);
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  align-items: center;
+  justify-content: center;
+}
+.adyen-kyc-entity-status__icon--satisfied {
+  background-color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
+  color: var(--adyen-sdk-color-background-success-strong, #008845);
+}
+.adyen-kyc-entity-status__icon--empty {
+  color: var(--adyen-sdk-color-label-tertiary, #8c959d);
+}
+.adyen-kyc-entity-status__legend {
+  display: flex;
+  padding-bottom: var(--adyen-sdk-spacer-090, 24px);
+  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
+  border-bottom: var(--adyen-sdk-border-default-s);
+}
+.adyen-kyc-entity-status__legend--rule {
+  display: flex;
+  align-items: center;
+  margin-right: var(--adyen-sdk-spacer-040, 8px);
+}
+.adyen-kyc-entity-status--text {
+  margin-top: var(--adyen-sdk-spacer-020, 4px);
 }/* for container queries */
 @container main (min-width: 680px) and (max-width: 1024px) {
   .adyen-kyc-decision-makers {
@@ -5508,12 +5587,15 @@ input.adyen-kyc-radio-group-card__radio--floating {
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   padding: 16px;
+  scrollbar-width: none;
+  margin-left: calc(50% - 50cqw);
 
   /* Override carousel container */
   width: 100cqw;
-  margin-left: -25cqw;
-  scroll-padding-left: 25cqw;
-  padding-left: 25cqw;
+}
+
+.adyen-kyc-carousel-item {
+  scroll-snap-align: start;
 }
 
 .adyen-kyc-item {
@@ -5522,13 +5604,22 @@ input.adyen-kyc-radio-group-card__radio--floating {
   box-shadow: var(--adyen-sdk-shadow-medium);
   max-width: 400px;
   flex-shrink: 0;
-  scroll-snap-align: start;
   display: flex;
+  height: 100%;
+  scroll-snap-align: start;
   justify-content: center;
   appearance: none;
   overflow: hidden;
   cursor: pointer;
-  align-self: flex-start;
+  transform: translateX(4cqw);
+
+  @container (min-width: 399px) {
+    transform: translateX(calc(50cqw - min(44cqw, 300px)));
+  }
+
+  @container (min-width: 599px) {
+    transform: translateX(calc(50cqw - min(44.5cqw, 224px)));
+  }
 }
 
 .adyen-kyc-item:focus-visible {
@@ -5596,11 +5687,13 @@ input.adyen-kyc-radio-group-card__radio--floating {
   flex-direction: column;
 }
 
-.adyen-kyc-sales-card:hover .adyen-kyc-image-container img {
-  transform: scale(1.1);
+@media (hover) {
+  .adyen-kyc-sales-card:hover .adyen-kyc-sales-card-image img {
+    transform: scale(1.2);
+  }
 }
 
-.adyen-kyc-image-container {
+.adyen-kyc-sales-card-image {
   overflow: hidden;
   flex-shrink: 0;
 
@@ -5612,35 +5705,20 @@ input.adyen-kyc-radio-group-card__radio--floating {
   }
 }
 
-.adyen-kyc-info {
+.adyen-kyc-sales-card-info {
   display: flex;
   flex-direction: column;
   padding: var(--adyen-sdk-spacer-070);
   gap: var(--adyen-sdk-spacer-040);
 }
 
-.adyen-kyc-card-title {
-  font-weight: var(--adyen-sdk-text-body-stronger-font-weight);
-  font-size: 16px;
-}
-
-.adyen-kyc-card-description {
-  overflow: hidden;
-  min-height: 40px;
-  max-height: 40px;
-  transition: max-height 0.4s ease;
-
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  text-overflow: ellipsis;
+.adyen-kyc-sales-card-text {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-sdk-spacer-020);
 }
-
-.adyen-kyc-card-description.adyen-kyc-is-expanded {
-  max-height: 600px;
-  -webkit-line-clamp: unset;
-  line-clamp: unset;
+.adyen-kyc-pciModalContent {
+  padding: var(--adyen-sdk-spacer-140);
 }
 .adyen-kyc-business-lines {
   flex-direction: column;
@@ -5674,6 +5752,50 @@ input.adyen-kyc-radio-group-card__radio--floating {
 
 .adyen-kyc-business-lines-list-container {
   width: 100%;
+}.adyen-kyc-settlor-exemption-reasons-list {
+  list-style-position: inside;
+  padding: 0;
+}.adyen-kyc-trust-members .add-owner-alert {
+  margin-top: var(--adyen-sdk-spacer-080);
+  padding: 0 1rem;
+}
+.adyen-kyc-trust-members .add-owner-alert > div {
+  align-items: center;
+}.adyen-kyc-adyen-kyc-role-and-type-container {
+  display: flex;
+}
+.adyen-kyc-adyen-kyc-role-and-type-action-bar {
+  float: right;
+}
+
+.adyen-kyc-inline-radio-group {
+  margin-top: 2rem;
+}
+.adyen-kyc-inline-radio-group fieldset {
+  display: inline-flex;
+  width: 100%;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+.adyen-kyc-inline-radio-group span {
+  max-width: 70%;
+  padding-right: 1rem;
+  font-weight: normal;
+}
+.adyen-kyc-inline-radio-group .adyen-kyc-input-wrapper {
+  margin-top: 0;
+}
+.adyen-kyc-inline-radio-group .adyen-kyc-input-radio__content {
+  text-align: center;
+}
+.adyen-kyc-inline-radio-group .adyen-kyc-error-text {
+  width: 100%;
+}.adyen-kyc-entity-association .adyen-kyc-alert {
+  padding: 0 var(--adyen-sdk-spacer-070, 16px);
+  margin-top: var(--adyen-sdk-spacer-070, 16px);
+}
+.adyen-kyc-entity-association .adyen-kyc-alert .adyen-kyc-alert-header {
+  align-items: center;
 }.adyen-kyc-source-of-funds {
   display: flex;
   flex-direction: column;