@adyen/kyc-components 4.20.0 → 4.21.0-beta.0

package/dist/style.css

@@ -18,6 +18,72 @@
 ._svg-image_cdxs7_18 {
   display: inline-block;
 }
+._status_31vb0_1 {
+  align-items: center;
+  border-radius: var(--adyen-internal-border-radius-xl);
+  display: inline-flex;
+  padding: var(--adyen-internal-spacer-020);
+}
+
+._status-icon_31vb0_8 {
+  height: 18px;
+  width: 18px;
+  padding: 1px;
+}
+
+._status-icon_31vb0_8 svg {
+  height: 16px;
+  width: 16px;
+}
+
+._status-text_31vb0_19 {
+  font-size: var(--adyen-internal-text-caption-font-size);
+  font-weight: var(--adyen-internal-text-caption-stronger-font-weight);
+  line-height: var(--adyen-internal-text-caption-line-height);
+  padding-left: var(--adyen-internal-spacer-020);
+  padding-right: var(--adyen-internal-spacer-020);
+}
+
+._status-text-responsive_31vb0_27 {
+  @container main (max-width: 480px) {
+    display: none;
+  }
+}
+
+._status-neutral_31vb0_33 {
+  background-color: var(--adyen-internal-color-background-secondary);
+  color: var(--adyen-internal-color-label-disabled);
+  fill: var(--adyen-internal-color-label-disabled);
+}
+
+._status-neutral_31vb0_33 ._status-text_31vb0_19 {
+  color: var(--adyen-internal-color-label-secondary);
+}
+
+._status-error_31vb0_43 {
+  background-color: var(--adyen-internal-color-background-secondary);
+  color: var(--adyen-internal-color-label-critical);
+  fill: var(--adyen-internal-color-label-critical);
+}
+
+._status-warning_31vb0_49 {
+  background-color: var(--adyen-internal-color-background-warning-weak);
+  color: var(--adyen-internal-color-label-warning);
+  fill: var(--adyen-internal-color-label-warning);
+}
+
+._status-success_31vb0_55 {
+  background-color: var(--adyen-internal-color-background-success-weak);
+}
+
+._status-success_31vb0_55 ._status-text_31vb0_19 {
+  color: var(--adyen-internal-color-label-primary);
+}
+
+._status-success_31vb0_55 ._status-icon_31vb0_8 {
+  color: var(--adyen-internal-color-label-success);
+  fill: var(--adyen-internal-color-label-success);
+}
 ._typography_1kejo_1 {
   color: var(--adyen-internal-color-label-primary);
   font-family: var(--adyen-internal-text-body-font-family);
@@ -151,72 +217,6 @@
 ._typography-inverse-secondary_1kejo_131 {
   color: var(--adyen-internal-color-label-inverse-secondary);
 }
-._status_31vb0_1 {
-  align-items: center;
-  border-radius: var(--adyen-internal-border-radius-xl);
-  display: inline-flex;
-  padding: var(--adyen-internal-spacer-020);
-}
-
-._status-icon_31vb0_8 {
-  height: 18px;
-  width: 18px;
-  padding: 1px;
-}
-
-._status-icon_31vb0_8 svg {
-  height: 16px;
-  width: 16px;
-}
-
-._status-text_31vb0_19 {
-  font-size: var(--adyen-internal-text-caption-font-size);
-  font-weight: var(--adyen-internal-text-caption-stronger-font-weight);
-  line-height: var(--adyen-internal-text-caption-line-height);
-  padding-left: var(--adyen-internal-spacer-020);
-  padding-right: var(--adyen-internal-spacer-020);
-}
-
-._status-text-responsive_31vb0_27 {
-  @container main (max-width: 480px) {
-    display: none;
-  }
-}
-
-._status-neutral_31vb0_33 {
-  background-color: var(--adyen-internal-color-background-secondary);
-  color: var(--adyen-internal-color-label-disabled);
-  fill: var(--adyen-internal-color-label-disabled);
-}
-
-._status-neutral_31vb0_33 ._status-text_31vb0_19 {
-  color: var(--adyen-internal-color-label-secondary);
-}
-
-._status-error_31vb0_43 {
-  background-color: var(--adyen-internal-color-background-secondary);
-  color: var(--adyen-internal-color-label-critical);
-  fill: var(--adyen-internal-color-label-critical);
-}
-
-._status-warning_31vb0_49 {
-  background-color: var(--adyen-internal-color-background-warning-weak);
-  color: var(--adyen-internal-color-label-warning);
-  fill: var(--adyen-internal-color-label-warning);
-}
-
-._status-success_31vb0_55 {
-  background-color: var(--adyen-internal-color-background-success-weak);
-}
-
-._status-success_31vb0_55 ._status-text_31vb0_19 {
-  color: var(--adyen-internal-color-label-primary);
-}
-
-._status-success_31vb0_55 ._status-icon_31vb0_8 {
-  color: var(--adyen-internal-color-label-success);
-  fill: var(--adyen-internal-color-label-success);
-}
 ._skeleton_xa3xt_1 {
   width: 100%;
   height: 100%;
@@ -2760,6 +2760,128 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   font-size: var(--adyen-internal-text-body-font-size);
   padding-left: var(--adyen-internal-spacer-090);
 }
+.adyen-kyc-field-wrapper {
+  display: flex;
+  flex-wrap: nowrap;
+  width: 100%;
+  gap: var(--adyen-internal-spacer-080);
+}
+
+.adyen-kyc-input {
+  height: 40px;
+  line-height: 38px;
+  min-height: 38px;
+  background: var(--adyen-internal-color-background-primary);
+  border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
+  border-radius: var(--adyen-internal-border-radius-m);
+  caret-color: var(--adyen-internal-color-label-highlight);
+  color: var(--adyen-internal-color-label-primary);
+  display: block;
+  font-family: inherit;
+  font-size: var(--adyen-internal-text-body-font-size);
+  outline: none;
+  padding: var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-060);
+  position: relative;
+  transition:
+    border 0.2s ease-out,
+    box-shadow 0.2s ease-out;
+  width: 100%;
+}
+
+.adyen-kyc-input::placeholder {
+  color: var(--adyen-internal-color-label-secondary);
+  font-weight: var(--adyen-internal-text-body-font-weight);
+}
+
+.adyen-kyc-input:hover {
+  border-color: var(--adyen-internal-color-outline-tertiary-hover);
+}
+
+.adyen-kyc-input:required {
+  box-shadow: none;
+}
+
+.adyen-kyc-input[readonly],
+.adyen-kyc-input[readonly]:hover,
+.adyen-kyc-input--disabled {
+  background-color: var(--adyen-internal-color-background-disabled);
+  color: var(--adyen-internal-color-label-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
+  border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-disabled);
+}
+
+.adyen-kyc-input--disabled:hover {
+  border-color: var(--adyen-internal-color-outline-disabled);
+}
+
+.adyen-kyc-input--error,
+.adyen-kyc-input--invalid,
+.adyen-kyc-input--error:hover,
+.adyen-kyc-input--invalid:hover {
+  border-color: var(--adyen-internal-color-outline-critical);
+  color: var(--adyen-internal-color-label-critical);
+}
+
+.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-internal-color-outline-tertiary-active);
+  outline: var(--adyen-internal-border-width-s) solid
+    var(--adyen-internal-color-outline-tertiary-active);
+}
+
+.adyen-kyc-input--number {
+  appearance: none;
+  margin: 0;
+}
+
+.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-internal-spacer-100);
+  line-height: var(--adyen-internal-text-body-line-height);
+}
+
+.adyen-kyc-input--textarea {
+  height: 60px;
+  line-height: var(--adyen-internal-text-body-line-height);
+}
+
+.adyen-kyc-input__inline-validation {
+  height: 16px;
+  position: absolute;
+  right: 14px;
+  transform: translateY(-50%);
+  width: 16px;
+  top: var(--adyen-internal-spacer-080);
+}
+
+.adyen-kyc-input__inline-validation--invalid {
+  color: var(--adyen-internal-color-label-critical);
+}
+
+.adyen-kyc-input__inline-validation--invalid-bottom {
+  top: var(--adyen-internal-spacer-040);
+}
+
+.adyen-kyc-input__counter {
+  color: var(--adyen-internal-color-label-secondary);
+  font-size: var(--adyen-internal-text-caption-font-size);
+  font-family: var(--adyen-internal-text-caption-font-family);
+  font-weight: var(--adyen-internal-text-caption-font-weight);
+  line-height: var(--adyen-internal-text-caption-line-height);
+  margin: var(--adyen-internal-spacer-020) var(--adyen-internal-spacer-000);
+  display: block;
+  text-align: left;
+}
 ._loader-wrapper-loader_17ekf_1 {
   display: none;
   height: 100%;
@@ -3206,129 +3328,7 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
 ._handle-pointer-events_hsi38_159 {
   pointer-events: auto;
 }
-.adyen-kyc-field-wrapper {
-  display: flex;
-  flex-wrap: nowrap;
-  width: 100%;
-  gap: var(--adyen-internal-spacer-080);
-}
-
-.adyen-kyc-input {
-  height: 40px;
-  line-height: 38px;
-  min-height: 38px;
-  background: var(--adyen-internal-color-background-primary);
-  border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-tertiary);
-  border-radius: var(--adyen-internal-border-radius-m);
-  caret-color: var(--adyen-internal-color-label-highlight);
-  color: var(--adyen-internal-color-label-primary);
-  display: block;
-  font-family: inherit;
-  font-size: var(--adyen-internal-text-body-font-size);
-  outline: none;
-  padding: var(--adyen-internal-spacer-040) var(--adyen-internal-spacer-060);
-  position: relative;
-  transition:
-    border 0.2s ease-out,
-    box-shadow 0.2s ease-out;
-  width: 100%;
-}
-
-.adyen-kyc-input::placeholder {
-  color: var(--adyen-internal-color-label-secondary);
-  font-weight: var(--adyen-internal-text-body-font-weight);
-}
-
-.adyen-kyc-input:hover {
-  border-color: var(--adyen-internal-color-outline-tertiary-hover);
-}
-
-.adyen-kyc-input:required {
-  box-shadow: none;
-}
-
-.adyen-kyc-input[readonly],
-.adyen-kyc-input[readonly]:hover,
-.adyen-kyc-input--disabled {
-  background-color: var(--adyen-internal-color-background-disabled);
-  color: var(--adyen-internal-color-label-disabled);
-  cursor: not-allowed;
-  pointer-events: none;
-  border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-disabled);
-}
-
-.adyen-kyc-input--disabled:hover {
-  border-color: var(--adyen-internal-color-outline-disabled);
-}
-
-.adyen-kyc-input--error,
-.adyen-kyc-input--invalid,
-.adyen-kyc-input--error:hover,
-.adyen-kyc-input--invalid:hover {
-  border-color: var(--adyen-internal-color-outline-critical);
-  color: var(--adyen-internal-color-label-critical);
-}
-
-.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-internal-color-outline-tertiary-active);
-  outline: var(--adyen-internal-border-width-s) solid
-    var(--adyen-internal-color-outline-tertiary-active);
-}
-
-.adyen-kyc-input--number {
-  appearance: none;
-  margin: 0;
-}
-
-.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-internal-spacer-100);
-  line-height: var(--adyen-internal-text-body-line-height);
-}
-
-.adyen-kyc-input--textarea {
-  height: 60px;
-  line-height: var(--adyen-internal-text-body-line-height);
-}
-
-.adyen-kyc-input__inline-validation {
-  height: 16px;
-  position: absolute;
-  right: 14px;
-  transform: translateY(-50%);
-  width: 16px;
-  top: var(--adyen-internal-spacer-080);
-}
-
-.adyen-kyc-input__inline-validation--invalid {
-  color: var(--adyen-internal-color-label-critical);
-}
-
-.adyen-kyc-input__inline-validation--invalid-bottom {
-  top: var(--adyen-internal-spacer-040);
-}
-
-.adyen-kyc-input__counter {
-  color: var(--adyen-internal-color-label-secondary);
-  font-size: var(--adyen-internal-text-caption-font-size);
-  font-family: var(--adyen-internal-text-caption-font-family);
-  font-weight: var(--adyen-internal-text-caption-font-weight);
-  line-height: var(--adyen-internal-text-caption-line-height);
-  margin: var(--adyen-internal-spacer-020) var(--adyen-internal-spacer-000);
-  display: block;
-  text-align: left;
-}
-._list_s1vme_1 {
+._list_s1vme_1 {
   display: flex;
   flex-direction: column;
   gap: var(--adyen-internal-spacer-040);
@@ -3619,87 +3619,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   gap: var(--adyen-internal-spacer-040);
   margin-left: auto;
 }
-._summary-header_jps0f_1 {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  /* This is the variable setting the height on the "edit" button,
-     including here for height consistency when no action is provided */
-  min-height: var(--adyen-internal-tap-target);
-}
-.adyen-kyc-address__condensed-fields {
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-}
-
-@container main (min-width: 680px) and (max-width: 1024px) {
-  .adyen-kyc-address__condensed-fields {
-    flex-direction: row;
-    gap: var(--adyen-internal-spacer-080);
-  }
-
-  .adyen-kyc-address__condensed-fields > *:first-child {
-    flex: 0 0 50%;
-  }
-
-  .adyen-kyc-address__condensed-fields > *:not(:first-child) {
-    flex: 1;
-  }
-}
-._link_1bgxd_1 {
-  align-items: center;
-  border-radius: var(--adyen-internal-border-radius-s);
-  display: inline-flex;
-  gap: var(--adyen-internal-spacer-010);
-  outline: var(--adyen-internal-focus-ring-outline) solid transparent;
-  text-decoration: underline;
-  transition: var(--adyen-internal-animation-duration-slow);
-
-  &:focus-visible {
-    color: var(--adyen-internal-color-link-primary);
-    fill: var(--adyen-internal-color-link-primary);
-    outline-color: var(--adyen-internal-color-link-primary);
-    outline-offset: var(--adyen-internal-focus-ring-spacer);
-    text-decoration: none;
-  }
-}
-
-._link-default_1bgxd_19 {
-  color: var(--adyen-internal-color-link-primary);
-
-  @media (hover: hover) {
-    &:hover {
-      color: var(--adyen-internal-color-link-primary-hover);
-      fill: var(--adyen-internal-color-link-primary-hover);
-      text-decoration: none;
-    }
-  }
-
-  &:active {
-    color: var(--adyen-internal-color-link-primary-active);
-    fill: var(--adyen-internal-color-link-primary-active);
-    text-decoration: none;
-  }
-}
-
-._link-inline_1bgxd_37 {
-  color: inherit;
-
-  @media (hover: hover) {
-    &:hover {
-      color: var(--adyen-internal-color-link-primary);
-      fill: var(--adyen-internal-color-link-primary);
-      text-decoration: none;
-    }
-  }
-
-  &:active {
-    color: var(--adyen-internal-color-link-primary-active);
-    fill: var(--adyen-internal-color-link-primary-active);
-    text-decoration: none;
-  }
-}
 .adyen-kyc-radio-group {
   display: flex;
   flex-direction: column;
@@ -3832,46 +3751,127 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   margin-right: var(--adyen-internal-spacer-070);
   vertical-align: baseline;
 }
-._end-state-layout_z1k0z_1 {
-  align-items: center;
+.adyen-kyc-address__condensed-fields {
   display: flex;
   flex-direction: column;
-  flex-grow: 1;
-  gap: var(--adyen-internal-spacer-100);
-  height: 100%;
-  justify-content: center;
-  margin-left: auto;
-  margin-right: auto;
-  max-width: 600px;
-  width: 100%;
+  gap: 0;
 }
 
-._end-state-layout-header_z1k0z_15 {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-internal-spacer-040);
-  text-align: center;
-}
+@container main (min-width: 680px) and (max-width: 1024px) {
+  .adyen-kyc-address__condensed-fields {
+    flex-direction: row;
+    gap: var(--adyen-internal-spacer-080);
+  }
 
-._end-state-layout-icon_z1k0z_23 {
-  align-items: center;
-  border-radius: 50%;
-  display: flex;
-  height: 64px;
-  justify-content: center;
-  width: 64px;
-}
+  .adyen-kyc-address__condensed-fields > *:first-child {
+    flex: 0 0 50%;
+  }
 
-._end-state-layout-icon_z1k0z_23 svg {
-  height: 24px;
-  width: 24px;
+  .adyen-kyc-address__condensed-fields > *:not(:first-child) {
+    flex: 1;
+  }
 }
-
-._end-state-layout-icon-success_z1k0z_37 {
-  background-color: var(--adyen-internal-color-decorative-green);
-  box-shadow: var(--adyen-internal-shadow-medium);
-  color: var(--adyen-internal-color-label-on-color);
+._summary-header_jps0f_1 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  /* This is the variable setting the height on the "edit" button,
+     including here for height consistency when no action is provided */
+  min-height: var(--adyen-internal-tap-target);
+}
+._link_1bgxd_1 {
+  align-items: center;
+  border-radius: var(--adyen-internal-border-radius-s);
+  display: inline-flex;
+  gap: var(--adyen-internal-spacer-010);
+  outline: var(--adyen-internal-focus-ring-outline) solid transparent;
+  text-decoration: underline;
+  transition: var(--adyen-internal-animation-duration-slow);
+
+  &:focus-visible {
+    color: var(--adyen-internal-color-link-primary);
+    fill: var(--adyen-internal-color-link-primary);
+    outline-color: var(--adyen-internal-color-link-primary);
+    outline-offset: var(--adyen-internal-focus-ring-spacer);
+    text-decoration: none;
+  }
+}
+
+._link-default_1bgxd_19 {
+  color: var(--adyen-internal-color-link-primary);
+
+  @media (hover: hover) {
+    &:hover {
+      color: var(--adyen-internal-color-link-primary-hover);
+      fill: var(--adyen-internal-color-link-primary-hover);
+      text-decoration: none;
+    }
+  }
+
+  &:active {
+    color: var(--adyen-internal-color-link-primary-active);
+    fill: var(--adyen-internal-color-link-primary-active);
+    text-decoration: none;
+  }
+}
+
+._link-inline_1bgxd_37 {
+  color: inherit;
+
+  @media (hover: hover) {
+    &:hover {
+      color: var(--adyen-internal-color-link-primary);
+      fill: var(--adyen-internal-color-link-primary);
+      text-decoration: none;
+    }
+  }
+
+  &:active {
+    color: var(--adyen-internal-color-link-primary-active);
+    fill: var(--adyen-internal-color-link-primary-active);
+    text-decoration: none;
+  }
+}
+._end-state-layout_z1k0z_1 {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  gap: var(--adyen-internal-spacer-100);
+  height: 100%;
+  justify-content: center;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 600px;
+  width: 100%;
+}
+
+._end-state-layout-header_z1k0z_15 {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-internal-spacer-040);
+  text-align: center;
+}
+
+._end-state-layout-icon_z1k0z_23 {
+  align-items: center;
+  border-radius: 50%;
+  display: flex;
+  height: 64px;
+  justify-content: center;
+  width: 64px;
+}
+
+._end-state-layout-icon_z1k0z_23 svg {
+  height: 24px;
+  width: 24px;
+}
+
+._end-state-layout-icon-success_z1k0z_37 {
+  background-color: var(--adyen-internal-color-decorative-green);
+  box-shadow: var(--adyen-internal-shadow-medium);
+  color: var(--adyen-internal-color-label-on-color);
 }
 
 ._end-state-layout-icon-error_z1k0z_43 {
@@ -4051,22 +4051,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
 ._spacer_1m5y9_1 {
   flex: 1;
 }
-._mismatch_nyvqg_1 {
-  animation: _mismatchShake_nyvqg_1 300ms;
-  border-color: var(--adyen-internal-color-outline-critical) !important;
-}
-
-@keyframes _mismatchShake_nyvqg_1 {
-  25% {
-    transform: translateX(4px);
-  }
-  50% {
-    transform: translateX(-4px);
-  }
-  75% {
-    transform: translateX(4px);
-  }
-}
 ._verification-header-image_1vivf_1 svg {
   max-width: 180px;
 }
@@ -4092,6 +4076,61 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   margin-top: var(--adyen-internal-spacer-040);
   text-align: left;
 }
+._landing-layout-image_1nous_1 {
+  margin: 0 auto;
+}
+
+._landing-layout-image_1nous_1 svg,
+._landing-layout-image_1nous_1 span {
+  width: 100%;
+  height: 100%;
+}
+
+._landing-layout-help-action_1nous_11 {
+  text-align: center;
+  margin: 0 auto;
+}
+
+._landing-layout-actions_1nous_16 {
+  text-align: center;
+  max-width: 320px;
+  width: 100%;
+  margin: 0 auto;
+}
+
+._landing-layout-errors_1nous_23 {
+  text-align: center;
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+}
+
+._landing-layout-disclaimer_1nous_31 {
+  text-align: center;
+  margin-top: var(--adyen-internal-spacer-040);
+}
+
+._landing-layout-center_1nous_36 {
+  text-align: center;
+  width: 100%;
+}
+._mismatch_nyvqg_1 {
+  animation: _mismatchShake_nyvqg_1 300ms;
+  border-color: var(--adyen-internal-color-outline-critical) !important;
+}
+
+@keyframes _mismatchShake_nyvqg_1 {
+  25% {
+    transform: translateX(4px);
+  }
+  50% {
+    transform: translateX(-4px);
+  }
+  75% {
+    transform: translateX(4px);
+  }
+}
 ._tile-container_685mc_1 {
   width: 100%;
 }
@@ -4292,45 +4331,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
     border: none;
   }
 }
-._landing-layout-image_1nous_1 {
-  margin: 0 auto;
-}
-
-._landing-layout-image_1nous_1 svg,
-._landing-layout-image_1nous_1 span {
-  width: 100%;
-  height: 100%;
-}
-
-._landing-layout-help-action_1nous_11 {
-  text-align: center;
-  margin: 0 auto;
-}
-
-._landing-layout-actions_1nous_16 {
-  text-align: center;
-  max-width: 320px;
-  width: 100%;
-  margin: 0 auto;
-}
-
-._landing-layout-errors_1nous_23 {
-  text-align: center;
-  width: 100%;
-  margin: 0 auto;
-  display: flex;
-  justify-content: center;
-}
-
-._landing-layout-disclaimer_1nous_31 {
-  text-align: center;
-  margin-top: var(--adyen-internal-spacer-040);
-}
-
-._landing-layout-center_1nous_36 {
-  text-align: center;
-  width: 100%;
-}
 ._conflict-row-table_y7ii4_1 td {
   padding: var(--adyen-internal-spacer-060);
   height: var(--adyen-internal-spacer-050);
@@ -5400,23 +5400,24 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
 ._instant-verification-error_1bvbg_27 {
   margin-bottom: var(--adyen-internal-spacer-080);
 }
-._instant-verification-error_ta7db_1 {
+._instant-verification-error_1maus_1 {
   margin-bottom: var(--adyen-internal-spacer-080);
 }
 
-._payout-verification-method-card_ta7db_5 {
+._payout-verification-method-card_1maus_5 {
   overflow: hidden;
 }
 
-._payout-verification-method-card_ta7db_5:hover {
+._payout-verification-method-card_1maus_5:not(._payout-verification-method-card-disabled_1maus_9):hover {
   cursor: pointer;
 }
 
-._payout-verification-method-card_ta7db_5:hover ._payout-verification-method-card-image_ta7db_13 {
+._payout-verification-method-card_1maus_5:not(._payout-verification-method-card-disabled_1maus_9):hover
+  ._payout-verification-method-card-image_1maus_14 {
   transform: scale(1.1);
 }
 
-._payout-verification-method-card-body_ta7db_17 {
+._payout-verification-method-card-body_1maus_18 {
   padding: 0;
   display: flex;
   flex-direction: row;
@@ -5424,24 +5425,34 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
 }
 
 @container main (min-width: 680px) and (max-width: 1024px) {
-  ._payout-verification-method-card-body_ta7db_17 {
+  ._payout-verification-method-card-body_1maus_18 {
     height: 150px;
   }
 }
 
-._payout-verification-method-card-image-container_ta7db_30 {
+._payout-verification-method-card-image-container_1maus_31 {
   aspect-ratio: 1 / 1;
   flex-shrink: 0;
   overflow: hidden;
 }
 
-._payout-verification-method-card-image_ta7db_13 {
+._payout-verification-method-card-image_1maus_14 {
   height: 100%;
   width: 100%;
   transition: transform 0.3s ease;
 }
 
-._payout-verification-method-card-content_ta7db_42 {
+._payout-verification-method-card-disabled_1maus_9 ._payout-verification-method-card-image_1maus_14 {
+  filter: grayscale(100%);
+  opacity: 0.5;
+}
+
+._payout-verification-method-card-disabled_1maus_9 ._payout-verification-method-card-tag_1maus_48 {
+  background: var(--adyen-internal-color-background-secondary);
+  color: var(--adyen-internal-color-label-disabled);
+}
+
+._payout-verification-method-card-content_1maus_53 {
   margin: var(--adyen-internal-spacer-060);
   display: flex;
   justify-content: center;
@@ -5450,28 +5461,28 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
 }
 
 @container main (min-width: 680px) and (max-width: 1024px) {
-  ._payout-verification-method-card-content_ta7db_42 {
+  ._payout-verification-method-card-content_1maus_53 {
     margin: var(--adyen-internal-spacer-070);
   }
 }
 
-._payout-verification-method-card-title_ta7db_56 {
+._payout-verification-method-card-title_1maus_67 {
   font-size: 90%;
   margin-bottom: var(--adyen-internal-spacer-020);
 }
 
 @container main (min-width: 680px) and (max-width: 1024px) {
-  ._payout-verification-method-card-title_ta7db_56 {
+  ._payout-verification-method-card-title_1maus_67 {
     font-size: 100%;
   }
 }
 
-._payout-verification-method-card-subtitle_ta7db_67 {
+._payout-verification-method-card-subtitle_1maus_78 {
   font-size: 90%;
 }
 
 @container main (min-width: 680px) and (max-width: 1024px) {
-  ._payout-verification-method-card-subtitle_ta7db_67 {
+  ._payout-verification-method-card-subtitle_1maus_78 {
     font-size: 100%;
   }
 }
@@ -5480,6 +5491,16 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   margin: 0 auto;
   width: 100%;
 }
+._verified-with_j7pcm_1 dt {
+  align-items: center;
+}
+
+._logo_j7pcm_5 {
+  height: 25px;
+  width: auto;
+  max-width: 100%;
+  align-self: flex-start;
+}
 ._manage-ti_grehm_1 {
   padding: var(--adyen-internal-spacer-070);
   width: 100%;
@@ -5639,9 +5660,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
     }
   }
 }
-._noWrap_2yhvg_1 {
-  white-space: nowrap;
-}
 ._side-by-side_1oxjw_1 {
   display: flex;
   flex-direction: row;
@@ -5651,6 +5669,9 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
 ._jp-field_1oxjw_7 {
   white-space: nowrap;
 }
+._noWrap_2yhvg_1 {
+  white-space: nowrap;
+}
 ._intro_11rpf_1 {
   color: var(--adyen-internal-color-label-primary);
   display: flex;
@@ -5742,304 +5763,22 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
 ._progress-step-active_11rpf_89 {
   background-color: var(--adyen-internal-color-background-inverse-primary);
 }
-._source-of-funds_1lnfv_1 {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  /** we have no variable for a max width of content */
-  max-width: 520px;
-  margin: var(--adyen-internal-spacer-000) auto;
+.adyen-kyc-business-type-selection {
+  margin-left: auto;
+  margin-right: auto;
 }
-
-._source-of-funds-awe_1lnfv_10 {
+.adyen-kyc-business-type-selection__nav {
   display: flex;
-  flex-direction: column;
-  width: 100%;
-  margin: var(--adyen-internal-spacer-000) auto;
+  margin-top: var(--adyen-internal-spacer-100);
 }
 
-._source-of-funds-wrapper-loading_1lnfv_17 {
+.adyen-kyc-business-type-selection__confirm {
   display: flex;
-  flex-direction: column;
-  width: 100%;
-  margin: var(--adyen-internal-spacer-100) auto;
+  gap: var(--adyen-internal-spacer-070);
+  margin-top: var(--adyen-internal-spacer-100);
 }
-
-._source-of-funds-wrapper-heading_1lnfv_24 {
-  margin-bottom: var(--adyen-internal-spacer-100);
-  text-align: center;
-}
-
-._source-of-funds-wrapper-description_1lnfv_29 {
-  margin-top: var(--adyen-internal-spacer-050);
-}
-
-._source-of-funds-same-as-checkbox_1lnfv_33 {
-  margin-bottom: var(--adyen-internal-spacer-090);
-}
-
-._source-of-funds-getting-started_1lnfv_37 {
-  text-align: center;
-  margin: var(--adyen-internal-spacer-000) auto;
-}
-
-._source-of-funds-getting-started-awe_1lnfv_42 {
-  text-align: center;
-  margin: var(--adyen-internal-spacer-100) auto;
-  max-width: 520px;
-}
-
-._source-of-funds-getting-started-heading_1lnfv_48 {
-  margin-bottom: var(--adyen-internal-spacer-050);
-}
-
-._source-of-funds-getting-started-body_1lnfv_52 {
-  margin-bottom: var(--adyen-internal-spacer-140);
-}
-
-._source-of-funds-getting-started-error_1lnfv_56 {
-  margin-top: var(--adyen-internal-spacer-090);
-}
-
-._source-of-funds-getting-started-error-actions_1lnfv_60 {
-  margin-top: var(--adyen-internal-spacer-030);
-}
-
-._source-of-funds-getting-started-cards_1lnfv_64 {
-  margin-top: var(--adyen-internal-spacer-090);
-  margin-bottom: var(--adyen-internal-spacer-100);
-  text-align: left;
-}
-
-._source-of-funds-getting-started-cards-card_1lnfv_70 {
-  border: none;
-  background-color: var(--adyen-internal-color-background-modal-hover);
-  margin-bottom: var(--adyen-internal-spacer-070);
-}
-
-._source-of-funds-getting-started-cards-card-header_1lnfv_76 {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-._source-of-funds-getting-started-cards-card-body_1lnfv_82 {
-  margin-top: var(--adyen-internal-spacer-070);
-  padding-top: var(--adyen-internal-spacer-070);
-  border-top: 1px solid var(--adyen-internal-color-outline-primary);
-}
-
-._source-of-funds-getting-started-actions_1lnfv_88 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-internal-spacer-040);
-  max-width: 330px;
-  margin: var(--adyen-internal-spacer-100) auto var(--adyen-internal-spacer-000) auto;
-}
-
-._source-of-funds-additional-data-form_1lnfv_96 {
-  padding: var(--adyen-internal-spacer-040);
-}
-
-._source-of-funds-third-party-funding-financier-group_1lnfv_100 {
-  width: 100%;
-  background-color: var(--adyen-internal-color-background-primary);
-  border: none;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: var(--adyen-internal-spacer-070);
-  cursor: pointer;
-  border-radius: var(--adyen-internal-border-radius-m);
-  padding: var(--adyen-internal-spacer-040);
-}
-
-._source-of-funds-third-party-funding-financier-group_1lnfv_100:hover {
-  background-color: var(--adyen-internal-color-background-always-light-hover);
-}
-
-._source-of-funds-third-party-funding-name-avatar-group_1lnfv_117 {
-  display: flex;
-  gap: var(--adyen-internal-spacer-070);
-  align-items: center;
-}
-
-._source-of-funds-third-party-funding-name-address-group_1lnfv_123 {
-  text-align: left;
-  overflow-wrap: anywhere;
-  max-width: 80%;
-}
-
-._source-of-funds-sof-financier-form-error_1lnfv_129 {
-  margin-bottom: var(--adyen-internal-spacer-070);
-}
-
-._source-of-funds-sof-financier-form-name-group_1lnfv_133 {
-  display: flex;
-  gap: var(--adyen-internal-spacer-070);
-}
-
-._source-of-funds-financier-footer_1lnfv_138 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-internal-spacer-040);
-}
-
-._source-of-funds-grid-container_1lnfv_144 {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  grid-gap: var(--adyen-internal-spacer-080);
-}
-
-._source-of-funds-sub-heading_1lnfv_150 {
-  margin-bottom: var(--adyen-internal-spacer-080);
-}
-
-._source-of-funds-upload-modal-content-field_1lnfv_154 {
-  text-align: left;
-  font-size: var(--adyen-internal-text-body-font-size);
-  line-height: var(--adyen-internal-text-body-line-height);
-  font-weight: var(--adyen-internal-text-body-stronger-font-weight);
-  margin-bottom: var(--adyen-internal-spacer-080);
-}
-
-._source-of-funds-upload-modal-content-field-radio-group_1lnfv_162 {
-  display: grid;
-  gap: var(--adyen-internal-spacer-060);
-}
-
-._source-of-funds-upload-modal-content-requirements-container_1lnfv_167 {
-  padding: var(--adyen-internal-spacer-070);
-  background-color: var(--adyen-internal-color-background-secondary);
-  text-align: left;
-  border-radius: var(--adyen-internal-border-radius-m);
-  margin-bottom: var(--adyen-internal-spacer-080);
-}
-
-._source-of-funds-upload-list-heading_1lnfv_175 {
-  margin-bottom: var(--adyen-internal-spacer-110);
-  text-align: center;
-}
-
-._source-of-funds-modal_1lnfv_180 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-internal-spacer-100);
-}
-._tax-reporting-dropin_19lpk_1 {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-._tax-reporting-dropin_19lpk_1 ._radio-caption_19lpk_7 {
-  margin-bottom: var(--adyen-internal-spacer-060);
-}
-
-._tax-reporting-dropin-getting-started_19lpk_11 {
-  text-align: center;
-  max-width: 520px;
-}
-
-._tax-reporting-dropin-getting-started-awe_19lpk_16 {
-  text-align: center;
-  max-width: 520px;
-  margin: var(--adyen-internal-spacer-100) auto;
-}
-
-._tax-reporting-dropin-form-container_19lpk_22 {
-  max-width: 520px;
-}
-
-._tax-reporting-dropin_19lpk_1 ._summary_19lpk_26 {
-  text-align: left;
-  margin: var(--adyen-internal-spacer-140) 0 var(--adyen-internal-spacer-100) 0;
-}
-
-._tax-reporting-dropin_19lpk_1 ._summary-tax-status-card--header_19lpk_31 {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-._tax-reporting-dropin_19lpk_1 ._summary-tax-status-card--body_19lpk_37 {
-  margin-top: var(--adyen-internal-spacer-070);
-  padding-top: var(--adyen-internal-spacer-070);
-  border-top: 1px solid var(--adyen-internal-color-outline-primary);
-}
-._adaptive-progress-bar_wl3oz_1 {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-._adaptive-progress-bar-step_wl3oz_7 {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-._adaptive-progress-bar-label_wl3oz_13 {
-  padding-inline-start: 2px;
-}
-
-@container main (min-width: 480px) {
-  ._adaptive-progress-bar_wl3oz_1 {
-    flex-direction: row;
-  }
-}
-._adaptive-workflow-header_1mua9_1 {
-  margin: auto;
-  max-width: 600px;
-  padding: var(--adyen-internal-spacer-100) var(--adyen-internal-spacer-070);
-}
-
-._adaptive-workflow-main_1mua9_7 {
-  margin: auto;
-  max-width: 600px;
-  padding: var(--adyen-internal-spacer-100) var(--adyen-internal-spacer-070);
-  margin-bottom: var(--adyen-internal-spacer-100);
-}
-
-._adaptive-workflow-heading_1mua9_14 {
-  margin: var(--adyen-internal-spacer-070) 0 var(--adyen-internal-spacer-130);
-}
-
-._adaptive-workflow-description_1mua9_18 {
-  margin: var(--adyen-internal-spacer-040) 0;
-}
-
-._adaptive-workflow-divider_1mua9_22 {
-  margin: var(--adyen-internal-spacer-100) 0;
-}
-
-._adaptive-workflow-actions_1mua9_26 {
-  text-align: center;
-  max-width: 320px;
-  width: 100%;
-  margin: 0 auto;
-}
-._ubo-task-item-actions_1mthv_1 {
-  display: flex;
-  align-items: center;
-  gap: var(--adyen-internal-spacer-020);
-}
-.adyen-kyc-business-type-selection {
-  margin-left: auto;
-  margin-right: auto;
-}
-.adyen-kyc-business-type-selection__nav {
-  display: flex;
-  margin-top: var(--adyen-internal-spacer-100);
-}
-
-.adyen-kyc-business-type-selection__confirm {
-  display: flex;
-  gap: var(--adyen-internal-spacer-070);
-  margin-top: var(--adyen-internal-spacer-100);
-}
-.adyen-kyc-business-type-selection__confirm button {
-  flex-grow: 1;
+.adyen-kyc-business-type-selection__confirm button {
+  flex-grow: 1;
 }
 
 .adyen-kyc-business-type-selection .adyen-kyc-helper-text {
@@ -6137,12 +5876,53 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   padding-left: var(--adyen-internal-spacer-060);
 }
 
-.adyen-kyc-decision-makers .adyen-kyc-guidance-list li {
-  margin-bottom: var(--adyen-internal-spacer-020);
+.adyen-kyc-decision-makers .adyen-kyc-guidance-list li {
+  margin-bottom: var(--adyen-internal-spacer-020);
+}
+._decision-makers-getting-started_ojjog_1 {
+  max-width: 450px;
+  margin: 0 auto;
+}
+._tax-reporting-dropin_19lpk_1 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+._tax-reporting-dropin_19lpk_1 ._radio-caption_19lpk_7 {
+  margin-bottom: var(--adyen-internal-spacer-060);
+}
+
+._tax-reporting-dropin-getting-started_19lpk_11 {
+  text-align: center;
+  max-width: 520px;
+}
+
+._tax-reporting-dropin-getting-started-awe_19lpk_16 {
+  text-align: center;
+  max-width: 520px;
+  margin: var(--adyen-internal-spacer-100) auto;
+}
+
+._tax-reporting-dropin-form-container_19lpk_22 {
+  max-width: 520px;
+}
+
+._tax-reporting-dropin_19lpk_1 ._summary_19lpk_26 {
+  text-align: left;
+  margin: var(--adyen-internal-spacer-140) 0 var(--adyen-internal-spacer-100) 0;
+}
+
+._tax-reporting-dropin_19lpk_1 ._summary-tax-status-card--header_19lpk_31 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
-._decision-makers-getting-started_ojjog_1 {
-  max-width: 450px;
-  margin: 0 auto;
+
+._tax-reporting-dropin_19lpk_1 ._summary-tax-status-card--body_19lpk_37 {
+  margin-top: var(--adyen-internal-spacer-070);
+  padding-top: var(--adyen-internal-spacer-070);
+  border-top: 1px solid var(--adyen-internal-color-outline-primary);
 }
 ._industry-codes-content_lwsuv_1 {
   display: flex;
@@ -6624,4 +6404,245 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   flex-direction: column;
   gap: var(--adyen-internal-spacer-120);
 }
+._source-of-funds_1lnfv_1 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  /** we have no variable for a max width of content */
+  max-width: 520px;
+  margin: var(--adyen-internal-spacer-000) auto;
+}
+
+._source-of-funds-awe_1lnfv_10 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin: var(--adyen-internal-spacer-000) auto;
+}
+
+._source-of-funds-wrapper-loading_1lnfv_17 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin: var(--adyen-internal-spacer-100) auto;
+}
+
+._source-of-funds-wrapper-heading_1lnfv_24 {
+  margin-bottom: var(--adyen-internal-spacer-100);
+  text-align: center;
+}
+
+._source-of-funds-wrapper-description_1lnfv_29 {
+  margin-top: var(--adyen-internal-spacer-050);
+}
+
+._source-of-funds-same-as-checkbox_1lnfv_33 {
+  margin-bottom: var(--adyen-internal-spacer-090);
+}
+
+._source-of-funds-getting-started_1lnfv_37 {
+  text-align: center;
+  margin: var(--adyen-internal-spacer-000) auto;
+}
+
+._source-of-funds-getting-started-awe_1lnfv_42 {
+  text-align: center;
+  margin: var(--adyen-internal-spacer-100) auto;
+  max-width: 520px;
+}
+
+._source-of-funds-getting-started-heading_1lnfv_48 {
+  margin-bottom: var(--adyen-internal-spacer-050);
+}
+
+._source-of-funds-getting-started-body_1lnfv_52 {
+  margin-bottom: var(--adyen-internal-spacer-140);
+}
+
+._source-of-funds-getting-started-error_1lnfv_56 {
+  margin-top: var(--adyen-internal-spacer-090);
+}
+
+._source-of-funds-getting-started-error-actions_1lnfv_60 {
+  margin-top: var(--adyen-internal-spacer-030);
+}
+
+._source-of-funds-getting-started-cards_1lnfv_64 {
+  margin-top: var(--adyen-internal-spacer-090);
+  margin-bottom: var(--adyen-internal-spacer-100);
+  text-align: left;
+}
+
+._source-of-funds-getting-started-cards-card_1lnfv_70 {
+  border: none;
+  background-color: var(--adyen-internal-color-background-modal-hover);
+  margin-bottom: var(--adyen-internal-spacer-070);
+}
+
+._source-of-funds-getting-started-cards-card-header_1lnfv_76 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+._source-of-funds-getting-started-cards-card-body_1lnfv_82 {
+  margin-top: var(--adyen-internal-spacer-070);
+  padding-top: var(--adyen-internal-spacer-070);
+  border-top: 1px solid var(--adyen-internal-color-outline-primary);
+}
+
+._source-of-funds-getting-started-actions_1lnfv_88 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-internal-spacer-040);
+  max-width: 330px;
+  margin: var(--adyen-internal-spacer-100) auto var(--adyen-internal-spacer-000) auto;
+}
+
+._source-of-funds-additional-data-form_1lnfv_96 {
+  padding: var(--adyen-internal-spacer-040);
+}
+
+._source-of-funds-third-party-funding-financier-group_1lnfv_100 {
+  width: 100%;
+  background-color: var(--adyen-internal-color-background-primary);
+  border: none;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: var(--adyen-internal-spacer-070);
+  cursor: pointer;
+  border-radius: var(--adyen-internal-border-radius-m);
+  padding: var(--adyen-internal-spacer-040);
+}
+
+._source-of-funds-third-party-funding-financier-group_1lnfv_100:hover {
+  background-color: var(--adyen-internal-color-background-always-light-hover);
+}
+
+._source-of-funds-third-party-funding-name-avatar-group_1lnfv_117 {
+  display: flex;
+  gap: var(--adyen-internal-spacer-070);
+  align-items: center;
+}
+
+._source-of-funds-third-party-funding-name-address-group_1lnfv_123 {
+  text-align: left;
+  overflow-wrap: anywhere;
+  max-width: 80%;
+}
+
+._source-of-funds-sof-financier-form-error_1lnfv_129 {
+  margin-bottom: var(--adyen-internal-spacer-070);
+}
+
+._source-of-funds-sof-financier-form-name-group_1lnfv_133 {
+  display: flex;
+  gap: var(--adyen-internal-spacer-070);
+}
+
+._source-of-funds-financier-footer_1lnfv_138 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-internal-spacer-040);
+}
+
+._source-of-funds-grid-container_1lnfv_144 {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-gap: var(--adyen-internal-spacer-080);
+}
+
+._source-of-funds-sub-heading_1lnfv_150 {
+  margin-bottom: var(--adyen-internal-spacer-080);
+}
+
+._source-of-funds-upload-modal-content-field_1lnfv_154 {
+  text-align: left;
+  font-size: var(--adyen-internal-text-body-font-size);
+  line-height: var(--adyen-internal-text-body-line-height);
+  font-weight: var(--adyen-internal-text-body-stronger-font-weight);
+  margin-bottom: var(--adyen-internal-spacer-080);
+}
+
+._source-of-funds-upload-modal-content-field-radio-group_1lnfv_162 {
+  display: grid;
+  gap: var(--adyen-internal-spacer-060);
+}
+
+._source-of-funds-upload-modal-content-requirements-container_1lnfv_167 {
+  padding: var(--adyen-internal-spacer-070);
+  background-color: var(--adyen-internal-color-background-secondary);
+  text-align: left;
+  border-radius: var(--adyen-internal-border-radius-m);
+  margin-bottom: var(--adyen-internal-spacer-080);
+}
+
+._source-of-funds-upload-list-heading_1lnfv_175 {
+  margin-bottom: var(--adyen-internal-spacer-110);
+  text-align: center;
+}
+
+._source-of-funds-modal_1lnfv_180 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-internal-spacer-100);
+}
+._adaptive-progress-bar_wl3oz_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+._adaptive-progress-bar-step_wl3oz_7 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+._adaptive-progress-bar-label_wl3oz_13 {
+  padding-inline-start: 2px;
+}
+
+@container main (min-width: 480px) {
+  ._adaptive-progress-bar_wl3oz_1 {
+    flex-direction: row;
+  }
+}
+._adaptive-workflow-header_1mua9_1 {
+  margin: auto;
+  max-width: 600px;
+  padding: var(--adyen-internal-spacer-100) var(--adyen-internal-spacer-070);
+}
+
+._adaptive-workflow-main_1mua9_7 {
+  margin: auto;
+  max-width: 600px;
+  padding: var(--adyen-internal-spacer-100) var(--adyen-internal-spacer-070);
+  margin-bottom: var(--adyen-internal-spacer-100);
+}
+
+._adaptive-workflow-heading_1mua9_14 {
+  margin: var(--adyen-internal-spacer-070) 0 var(--adyen-internal-spacer-130);
+}
+
+._adaptive-workflow-description_1mua9_18 {
+  margin: var(--adyen-internal-spacer-040) 0;
+}
+
+._adaptive-workflow-divider_1mua9_22 {
+  margin: var(--adyen-internal-spacer-100) 0;
+}
+
+._adaptive-workflow-actions_1mua9_26 {
+  text-align: center;
+  max-width: 320px;
+  width: 100%;
+  margin: 0 auto;
+}
+._ubo-task-item-actions_1mthv_1 {
+  display: flex;
+  align-items: center;
+  gap: var(--adyen-internal-spacer-020);
+}
 /*$vite$:1*/