@adyen/kyc-components 3.63.1 → 3.64.0

package/dist/style.css

@@ -1292,6 +1292,9 @@
   padding: 0;
   margin: 0;
 }
+.adyen-kyc-dropdown-list:focus {
+  outline: none;
+}
 
 .adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
   display: block;
@@ -1957,8 +1960,8 @@
   }
 }
 .adyen-kyc-link-default:active {
-  color: var(--adyen-sdk-color-link-primary-active, #8d95a3);
-  fill: var(--adyen-sdk-color-link-primary-active, #8d95a3);
+  color: var(--adyen-sdk-color-link-primary-active, #6d7789);
+  fill: var(--adyen-sdk-color-link-primary-active, #6d7789);
   text-decoration: none;
 }
 
@@ -1973,8 +1976,8 @@
   }
 }
 .adyen-kyc-link-inline:active {
-  color: var(--adyen-sdk-color-link-primary-active, #8d95a3);
-  fill: var(--adyen-sdk-color-link-primary-active, #8d95a3);
+  color: var(--adyen-sdk-color-link-primary-active, #6d7789);
+  fill: var(--adyen-sdk-color-link-primary-active, #6d7789);
   text-decoration: none;
 }/* #region Borders */
 /* #endregion */
@@ -2345,13 +2348,6 @@ input.adyen-kyc-radio-group-card__radio--floating {
   display: flex;
   justify-content: flex-end;
   gap: var(--adyen-sdk-spacer-040, 8px);
-}.adyen-kyc-company-registration-details fieldset {
-  border: 0;
-  padding: 0;
-  margin: 0;
-}
-.adyen-kyc-company-registration-details .adyen-kyc-field-wrapper {
-  flex-direction: column;
 }.adyen-kyc-radio-group {
   display: flex;
   flex-direction: column;
@@ -2378,8 +2374,6 @@ input.adyen-kyc-radio-group-card__radio--floating {
 
 .adyen-kyc-label--focused .adyen-kyc-radio-group__label {
   color: inherit;
-}.adyen-kyc-field--dbaName {
-  margin-left: 0 !important;
 }.adyen-kyc-financial-information-reported-value-options {
   gap: var(--adyen-sdk-spacer-060, 12px);
 }.adyen-kyc-reported-value {
@@ -2390,6 +2384,32 @@ input.adyen-kyc-radio-group-card__radio--floating {
 
 .adyen-kyc-reported-value-input {
   margin: var(--adyen-sdk-spacer-060, 12px) 0;
+}.adyen-kyc-additional-information {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-sdk-spacer-120, 48px);
+}
+.adyen-kyc-additional-information__section-heading {
+  margin: 0 0 var(--adyen-sdk-spacer-090, 24px);
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-sdk-spacer-050, 10px);
+}
+.adyen-kyc-additional-information fieldset {
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+.adyen-kyc-additional-information .adyen-kyc-field-wrapper {
+  flex-direction: column;
+}
+.adyen-kyc-additional-information .adyen-kyc-form-header {
+  margin: 0 !important;
+}
+.adyen-kyc-additional-information .adyen-kyc__address {
+  margin-bottom: 0 !important;
+}.adyen-kyc-field--dbaName {
+  margin-left: 0 !important;
 }/* #region Borders */
 /* #endregion */
 /* for container queries */
@@ -2447,6 +2467,181 @@ fieldset {
   margin-right: var(--adyen-sdk-spacer-020, 4px);
 }.adyen-kyc-search-fieldcontainer-hide {
   display: none;
+}.adyen-kyc-verified-business-card {
+  display: flex;
+  flex-direction: column;
+  background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
+  padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
+  border-radius: var(--adyen-sdk-border-radius-m, 8px);
+}
+.adyen-kyc-verified-business-card__content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-sdk-spacer-080, 20px);
+  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
+  transition: max-height 0.5s ease, padding-left 0.35s ease, opacity 0.35s ease;
+}
+.adyen-kyc-verified-business-card__content--collapsed {
+  overflow: hidden;
+  max-height: 0;
+  opacity: 0;
+  margin: 0;
+  padding-left: var(--adyen-sdk-spacer-080, 20px);
+}
+.adyen-kyc-verified-business-card__content--expanded {
+  max-height: 480px;
+}
+.adyen-kyc-verified-business-card__expand-button {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  text-decoration: underline;
+}/* #region Borders */
+/* #endregion */
+/* for container queries */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adyen-kyc-structured-list {
+  color: var(--adyen-sdk-color-label-primary, #00112c);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
+  margin: var(--adyen-sdk-spacer-000, 0px);
+}
+.adyen-kyc-structured-list-section-field {
+  display: flex;
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  margin-bottom: var(--adyen-sdk-spacer-060, 12px);
+}
+@container main (max-width: 680px) {
+  .adyen-kyc-structured-list-section-field {
+    flex-direction: column;
+  }
+}
+.adyen-kyc-structured-list-section-field:last-child {
+  margin-bottom: var(--adyen-sdk-spacer-000, 0px);
+}
+.adyen-kyc-structured-list-section-label, .adyen-kyc-structured-list-section-data {
+  display: flex;
+  flex: 1;
+}
+.adyen-kyc-structured-list-section-label {
+  color: var(--adyen-sdk-color-label-secondary, #5c687c);
+}
+.adyen-kyc-structured-list-section-data {
+  margin: var(--adyen-sdk-spacer-000, 0px);
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  overflow-wrap: anywhere;
+}
+@container main (max-width: 680px) {
+  .adyen-kyc-structured-list-section-data {
+    margin-top: var(--adyen-sdk-spacer-010, 2px);
+  }
+}
+.adyen-kyc-structured-list-section-detail {
+  margin: var(--adyen-sdk-spacer-000, 0px);
+}.adyen-kyc-basic-information {
+  display: flex;
+  flex-direction: column;
+}
+.adyen-kyc-basic-information .adyen-kyc-field-wrapper {
+  flex-direction: column;
+}
+.adyen-kyc-basic-information fieldset {
+  border: none;
+  padding: 0 0 var(--adyen-sdk-spacer-080, 20px);
+  margin: 0;
+}.adyen-kyc-business-selection--loading {
+  min-height: 228px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--adyen-sdk-spacer-090, 24px);
+}
+.adyen-kyc-business-selection__footer {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  padding: var(--adyen-sdk-spacer-090, 24px) 0;
+  gap: var(--adyen-sdk-spacer-030, 6px);
+}
+.adyen-kyc-business-selection .adyen-kyc-link {
+  text-decoration: underline;
+  text-wrap: nowrap;
+}/* #region Borders */
+/* #endregion */
+/* for container queries */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adyen-kyc-card-group > .adyen-kyc-card + .adyen-kyc-card {
+  margin-top: -1px;
+  border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
+}
+.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;
+}.adyen-kyc-business-information-card .adyen-kyc-alert__header {
+  display: flex;
+  align-items: center;
+}
+.adyen-kyc-business-information-card .adyen-kyc-alert__title {
+  margin-left: var(--adyen-sdk-spacer-060, 12px);
+}
+.adyen-kyc-business-information-card .adyen-kyc-card {
+  border-radius: var(--adyen-sdk-border-radius-m, 8px);
+}
+.adyen-kyc-business-information-card .adyen-kyc-card__body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-sdk-spacer-070, 16px);
+  padding: 0 var(--adyen-sdk-spacer-090, 24px) var(--adyen-sdk-spacer-070, 16px);
+}
+
+.adyen-kyc-business-information {
+  display: flex;
+  flex-direction: column;
+}
+.adyen-kyc-business-information--fetching {
+  flex-direction: row;
+  min-height: 228px;
+  justify-content: center;
+  align-items: center;
 }.adyen-kyc-field--entityType {
   margin-bottom: var(--adyen-sdk-spacer-090, 24px);
 }
@@ -3030,243 +3225,39 @@ fieldset {
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
   color: var(--adyen-sdk-color-label-primary, #00112c);
-}.adyen-kyc-additional-information {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-120, 48px);
-}
-.adyen-kyc-additional-information__section-heading {
-  margin: 0 0 var(--adyen-sdk-spacer-090, 24px);
+}.adyen-kyc-outlined-icon {
+  width: 1.75em;
+  height: 1.75em;
+  border-radius: 50%;
   display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-050, 10px);
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  color: var(--adyen-sdk-color-label-on-color, #ffffff);
+  background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
+  outline: 0.5em solid var(--adyen-sdk-color-background-success-weak, #edfaf3);
+}/* #region Borders */
+/* #endregion */
+/* for container queries */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adyen-form-end-state {
+  color: var(--adyen-sdk-color-label-primary, #00112c);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
+  display: grid;
+  place-items: center;
+  word-break: break-word;
+  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
 }
-.adyen-kyc-additional-information fieldset {
-  border: none;
-  padding: 0;
-  margin: 0;
-}
-.adyen-kyc-additional-information .adyen-kyc-field-wrapper {
-  flex-direction: column;
-}
-.adyen-kyc-additional-information .adyen-kyc-form-header {
-  margin: 0 !important;
-}
-.adyen-kyc-additional-information .adyen-kyc__address {
-  margin-bottom: 0 !important;
-}.adyen-kyc-verified-business-card {
-  display: flex;
-  flex-direction: column;
-  background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
-  padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
-  border-radius: var(--adyen-sdk-border-radius-m, 8px);
-}
-.adyen-kyc-verified-business-card__content {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-080, 20px);
-  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
-  transition: max-height 0.5s ease, padding-left 0.35s ease, opacity 0.35s ease;
-}
-.adyen-kyc-verified-business-card__content--collapsed {
-  overflow: hidden;
-  max-height: 0;
-  opacity: 0;
-  margin: 0;
-  padding-left: var(--adyen-sdk-spacer-080, 20px);
-}
-.adyen-kyc-verified-business-card__content--expanded {
-  max-height: 480px;
-}
-.adyen-kyc-verified-business-card__expand-button {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  text-decoration: underline;
-}/* #region Borders */
-/* #endregion */
-/* for container queries */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-kyc-structured-list {
-  color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  margin: var(--adyen-sdk-spacer-000, 0px);
-}
-.adyen-kyc-structured-list-section-field {
-  display: flex;
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  margin-bottom: var(--adyen-sdk-spacer-060, 12px);
-}
-@container main (max-width: 680px) {
-  .adyen-kyc-structured-list-section-field {
-    flex-direction: column;
-  }
-}
-.adyen-kyc-structured-list-section-field:last-child {
-  margin-bottom: var(--adyen-sdk-spacer-000, 0px);
-}
-.adyen-kyc-structured-list-section-label, .adyen-kyc-structured-list-section-data {
-  display: flex;
-  flex: 1;
-}
-.adyen-kyc-structured-list-section-label {
-  color: var(--adyen-sdk-color-label-secondary, #5c687c);
-}
-.adyen-kyc-structured-list-section-data {
-  margin: var(--adyen-sdk-spacer-000, 0px);
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  overflow-wrap: anywhere;
-}
-@container main (max-width: 680px) {
-  .adyen-kyc-structured-list-section-data {
-    margin-top: var(--adyen-sdk-spacer-010, 2px);
-  }
-}
-.adyen-kyc-structured-list-section-detail {
-  margin: var(--adyen-sdk-spacer-000, 0px);
-}.adyen-kyc-basic-information {
-  display: flex;
-  flex-direction: column;
-}
-.adyen-kyc-basic-information .adyen-kyc-field-wrapper {
-  flex-direction: column;
-}
-.adyen-kyc-basic-information fieldset {
-  border: none;
-  padding: 0 0 var(--adyen-sdk-spacer-080, 20px);
-  margin: 0;
-}.adyen-kyc-business-selection--loading {
-  min-height: 228px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--adyen-sdk-spacer-090, 24px);
-}
-.adyen-kyc-business-selection__footer {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  padding: var(--adyen-sdk-spacer-090, 24px) 0;
-  gap: var(--adyen-sdk-spacer-030, 6px);
-}
-.adyen-kyc-business-selection .adyen-kyc-link {
-  text-decoration: underline;
-  text-wrap: nowrap;
-}/* #region Borders */
-/* #endregion */
-/* for container queries */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-kyc-card-group > .adyen-kyc-card + .adyen-kyc-card {
-  margin-top: -1px;
-  border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
-}
-.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;
-}.adyen-kyc-business-information-card .adyen-kyc-alert__header {
-  display: flex;
-  align-items: center;
-}
-.adyen-kyc-business-information-card .adyen-kyc-alert__title {
-  margin-left: var(--adyen-sdk-spacer-060, 12px);
-}
-.adyen-kyc-business-information-card .adyen-kyc-card {
-  border-radius: var(--adyen-sdk-border-radius-m, 8px);
-}
-.adyen-kyc-business-information-card .adyen-kyc-card__body {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-sdk-spacer-070, 16px);
-  padding: 0 var(--adyen-sdk-spacer-090, 24px) var(--adyen-sdk-spacer-070, 16px);
-}
-
-.adyen-kyc-business-information {
-  display: flex;
-  flex-direction: column;
-}
-.adyen-kyc-business-information--fetching {
-  flex-direction: row;
-  min-height: 228px;
-  justify-content: center;
-  align-items: center;
-}.adyen-kyc-field--entityType {
-  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
-}
-.adyen-kyc-field--entityType .adyen-kyc-label__text {
-  margin-bottom: var(--adyen-sdk-spacer-040, 8px);
-}.adyen-kyc-outlined-icon {
-  width: 1.75em;
-  height: 1.75em;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 1;
-  color: var(--adyen-sdk-color-label-on-color, #ffffff);
-  background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
-  outline: 0.5em solid var(--adyen-sdk-color-background-success-weak, #edfaf3);
-}/* #region Borders */
-/* #endregion */
-/* for container queries */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-form-end-state {
-  color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  display: grid;
-  place-items: center;
-  word-break: break-word;
-  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
-}
-.adyen-form-end-state--without-icon .adyen-form-end-state__title {
-  margin-top: 0;
+.adyen-form-end-state--without-icon .adyen-form-end-state__title {
+  margin-top: 0;
 }
 
 .adyen-form-end-state__icon {
@@ -3869,70 +3860,6 @@ fieldset {
 }
 .adyen-kyc-manage-ti-overview-item-summary__card:not(:last-of-type) {
   margin-bottom: var(--adyen-sdk-spacer-060, 12px);
-}/* #region Borders */
-/* #endregion */
-/* for container queries */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-kyc-dropin {
-  color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  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%;
-}
-@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-business-type-selection {
   margin-left: auto;
   margin-right: auto;
@@ -3966,33 +3893,6 @@ fieldset {
 }
 .adyen-kyc-trustee-type-radio-group-card input {
   margin-left: auto;
-}.adyen-kyc-singpass-selection {
-  max-width: 544px;
-  margin-left: auto;
-  margin-right: auto;
-}
-.adyen-kyc-singpass-selection__nav {
-  margin-top: var(--adyen-sdk-spacer-100, 32px);
-}
-.adyen-kyc-singpass-selection__confirm {
-  display: flex;
-  gap: var(--adyen-sdk-spacer-070, 16px);
-  margin-top: var(--adyen-sdk-spacer-100, 32px);
-}
-.adyen-kyc-singpass-selection__confirm button {
-  flex-grow: 1;
-}
-
-.adyen-kyc-setup-singpass-container {
-  width: 143px;
-}
-
-.adyen-kyc-setup-manual-container {
-  width: 99px;
-}
-
-.adyen-kyc-singpass-logo-container {
-  width: 92px;
 }/* #region Borders */
 /* #endregion */
 /* for container queries */
@@ -4521,49 +4421,163 @@ fieldset {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
-.adyen-kyc-decision-makers {
+.adyen-kyc-dropin {
+  color: var(--adyen-sdk-color-label-primary, #00112c);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
+  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%;
+}
+@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;
+}/* #region Borders */
+/* #endregion */
+/* for container queries */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adyen-kyc-trust-members {
+  color: var(--adyen-sdk-color-label-primary, #00112c);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
+}
+.adyen-kyc-trust-members__box {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
+  width: 80%;
+}
+.adyen-kyc-trust-members__tag {
+  margin-top: var(--adyen-sdk-spacer-040, 8px);
+  width: fit-content;
+}
+.adyen-kyc-trust-members__add {
+  color: var(--adyen-sdk-color-label-highlight, #0070f5);
+  width: 100%;
+}
+.adyen-kyc-trust-members__add .adyen-kyc-icon {
+  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+}
+.adyen-kyc-trust-members__add--more.adyen-kyc-button.adyen-kyc-button--secondary {
+  background-color: transparent;
+  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
+  border-top: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  box-shadow: none;
+  height: 48px;
+  margin-top: calc(var(--adyen-sdk-spacer-020, 4px) * -1);
+  padding-top: var(--adyen-sdk-spacer-020, 4px);
+}/* #region Borders */
+/* #endregion */
+/* for container queries */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adyen-kyc-entity-status {
   color: var(--adyen-sdk-color-label-primary, #00112c);
   font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
 }
-@container main (min-width: 680px) and (max-width: 1024px) {
-  .adyen-kyc-decision-makers__container {
-    display: flex;
-    flex-direction: column;
-  }
-  .adyen-kyc-decision-makers__box {
-    margin-right: var(--adyen-sdk-spacer-090, 24px);
-    width: 33.3%;
-  }
-}
-.adyen-kyc-decision-makers__container {
-  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
-  margin-top: var(--adyen-sdk-spacer-070, 16px);
-}
-.adyen-kyc-decision-makers__box {
+.adyen-kyc-entity-status__container {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   margin-bottom: var(--adyen-sdk-spacer-070, 16px);
+  align-items: center;
 }
-.adyen-kyc-decision-makers__tag {
-  margin-top: var(--adyen-sdk-spacer-040, 8px);
+.adyen-kyc-entity-status__tag {
+  margin-right: var(--adyen-sdk-spacer-040, 8px);
   width: fit-content;
 }
-.adyen-kyc-decision-makers__warning {
-  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
-  border-radius: var(--adyen-sdk-border-radius-s, 4px);
+.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-decision-makers__actions {
-  margin-top: var(--adyen-sdk-spacer-040, 8px);
+.adyen-kyc-entity-status__icon--satisfied {
+  background-color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
+  color: var(--adyen-sdk-color-background-success-strong, #07893c);
 }
-.adyen-kyc-decision-makers .adyen-kyc-guidance-list {
-  margin: var(--adyen-sdk-spacer-000, 0px);
-  padding-left: var(--adyen-sdk-spacer-060, 12px);
+.adyen-kyc-entity-status__icon--empty {
+  color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
 }
-.adyen-kyc-decision-makers .adyen-kyc-guidance-list li {
-  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
+.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-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
+}
+.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);
 }/* #region Borders */
 /* #endregion */
 /* for container queries */
@@ -4671,113 +4685,32 @@ fieldset {
   justify-content: flex-end;
   padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px);
   width: 100%;
-}/* #region Borders */
-/* #endregion */
-/* for container queries */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-kyc-entity-status {
-  color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
-}
-.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, #07893c);
-}
-.adyen-kyc-entity-status__icon--empty {
-  color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
-}
-.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-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
-}
-.adyen-kyc-entity-status__legend--rule {
+}.adyen-kyc-adyen-kyc-role-and-type-container {
   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-settlor-exemption-reasons-list {
-  list-style-position: inside;
-  padding: 0;
-}/* #region Borders */
-/* #endregion */
-/* for container queries */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-kyc-trust-members {
-  color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
 }
-.adyen-kyc-trust-members__box {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
-  width: 80%;
+.adyen-kyc-adyen-kyc-role-and-type-action-bar {
+  float: right;
 }
-.adyen-kyc-trust-members__tag {
-  margin-top: var(--adyen-sdk-spacer-040, 8px);
-  width: fit-content;
+
+.adyen-kyc-inline-radio-group {
+  margin-top: 2rem;
 }
-.adyen-kyc-trust-members__add {
-  color: var(--adyen-sdk-color-label-highlight, #0070f5);
+.adyen-kyc-inline-radio-group label {
+  display: inline-flex;
   width: 100%;
+  justify-content: space-between;
 }
-.adyen-kyc-trust-members__add .adyen-kyc-icon {
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+.adyen-kyc-inline-radio-group span {
+  max-width: 70%;
+  padding-right: 1rem;
+  font-weight: normal;
 }
-.adyen-kyc-trust-members__add--more.adyen-kyc-button.adyen-kyc-button--secondary {
-  background-color: transparent;
-  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
-  border-top: 0;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  box-shadow: none;
-  height: 48px;
-  margin-top: calc(var(--adyen-sdk-spacer-020, 4px) * -1);
-  padding-top: var(--adyen-sdk-spacer-020, 4px);
-}.adyen-kyc-adyen-kyc-role-and-type-container {
-  display: flex;
+.adyen-kyc-inline-radio-group .adyen-kyc-input-wrapper {
+  width: 30%;
+  margin-top: 0;
 }
-.adyen-kyc-adyen-kyc-role-and-type-action-bar {
-  float: right;
+.adyen-kyc-inline-radio-group .adyen-kyc-input-radio__content {
+  text-align: center;
 }/* #region Borders */
 /* #endregion */
 /* for container queries */
@@ -5450,6 +5383,85 @@ fieldset {
 }
 .adyen-kyc-introduction__nav button {
   flex-grow: 1;
+}.adyen-kyc-singpass-selection {
+  max-width: 544px;
+  margin-left: auto;
+  margin-right: auto;
+}
+.adyen-kyc-singpass-selection__nav {
+  margin-top: var(--adyen-sdk-spacer-100, 32px);
+}
+.adyen-kyc-singpass-selection__confirm {
+  display: flex;
+  gap: var(--adyen-sdk-spacer-070, 16px);
+  margin-top: var(--adyen-sdk-spacer-100, 32px);
+}
+.adyen-kyc-singpass-selection__confirm button {
+  flex-grow: 1;
+}
+
+.adyen-kyc-setup-singpass-container {
+  width: 143px;
+}
+
+.adyen-kyc-setup-manual-container {
+  width: 99px;
+}
+
+.adyen-kyc-singpass-logo-container {
+  width: 92px;
+}/* #region Borders */
+/* #endregion */
+/* for container queries */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adyen-kyc-decision-makers {
+  color: var(--adyen-sdk-color-label-primary, #00112c);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
+}
+@container main (min-width: 680px) and (max-width: 1024px) {
+  .adyen-kyc-decision-makers__container {
+    display: flex;
+    flex-direction: column;
+  }
+  .adyen-kyc-decision-makers__box {
+    margin-right: var(--adyen-sdk-spacer-090, 24px);
+    width: 33.3%;
+  }
+}
+.adyen-kyc-decision-makers__container {
+  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
+  margin-top: var(--adyen-sdk-spacer-070, 16px);
+}
+.adyen-kyc-decision-makers__box {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
+}
+.adyen-kyc-decision-makers__tag {
+  margin-top: var(--adyen-sdk-spacer-040, 8px);
+  width: fit-content;
+}
+.adyen-kyc-decision-makers__warning {
+  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
+  border-radius: var(--adyen-sdk-border-radius-s, 4px);
+}
+.adyen-kyc-decision-makers__actions {
+  margin-top: var(--adyen-sdk-spacer-040, 8px);
+}
+.adyen-kyc-decision-makers .adyen-kyc-guidance-list {
+  margin: var(--adyen-sdk-spacer-000, 0px);
+  padding-left: var(--adyen-sdk-spacer-060, 12px);
+}
+.adyen-kyc-decision-makers .adyen-kyc-guidance-list li {
+  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
 }/* #region Borders */
 /* #endregion */
 /* for container queries */