@adyen/kyc-components 2.25.2 → 2.26.0

package/dist/style.css

@@ -33896,6 +33896,21 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 }
 .adyen-kyc-field--same-name-as-legal-name {
   margin-bottom: 12px;
+}.adyen-kyc-input--mismatch {
+  animation: mismatchShake 300ms;
+  border-color: rgb(255, 35, 35) !important;
+}
+
+@keyframes mismatchShake {
+  25% {
+    transform: translateX(4px);
+  }
+  50% {
+    transform: translateX(-4px);
+  }
+  75% {
+    transform: translateX(4px);
+  }
 }/* #region Spacing */
 /* #endregion */
 /* #region Colors */
@@ -36008,6 +36023,28 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
+/* #region Spacing */
+/* #endregion */
+/* #region Colors */
+/* #endregion */
+/* #region Fonts */
+/* #endregion */
+/* #region Borders */
+/* #endregion */
+/* #region Box-shadow */
+/* #endregion */
+/* #region Shadows */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Transition */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Focus ring */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
 /* stylelint-disable-line scss/dollar-variable-pattern */
 /* stylelint-disable-line scss/dollar-variable-pattern */
 /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -37838,110 +37875,27 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 .adl-u-width-auto {
   width: auto !important;
 }
-.adyen-kyc-field--entityType {
-  margin-bottom: 24px;
-}
-.adyen-kyc-field--entityType .adyen-kyc-label__text {
-  margin-bottom: 8px;
-}/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-.adl-radio-card {
-  color: #00112c;
-  font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-  font-size: 15px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-weight: 400;
-  line-height: 1.4;
-  border: 1px solid #dce0e5;
-  border-radius: 8px;
-  cursor: pointer;
-  display: block;
-  list-style: none;
-  margin-bottom: 8px;
-  padding: 16px 16px 0;
-  transition: border-color 0.2s ease, box-shadow 0.2s ease;
-}
-.adl-radio-card *,
-.adl-radio-card *::before,
-.adl-radio-card *::after {
-  box-sizing: border-box;
-}
-.adl-radio-card--disabled {
-  cursor: not-allowed;
-  opacity: 50%;
-}
-.adl-radio-card__loading-icon {
-  align-self: center;
-  border-radius: 50%;
-  display: flex;
-  height: 14px;
-  justify-content: center;
-  margin-right: 4px;
-  width: 14px;
-}
-.adl-radio-card__loading-icon [class*=" adyen-kyc-icon-"],
-.adl-radio-card__loading-icon [class^=adyen-kyc-icon-] {
-  align-items: center;
-  color: #fff;
+.adyen-kyc-radio-group {
   display: flex;
-  font-size: 7px;
+  flex-direction: column;
+  margin-top: 8px;
 }
-.adl-radio-card__loading-icon .adl-loading-indicator::before {
-  background: #a5afbd;
+.adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
+  display: none;
 }
-.adl-radio-card__loading-icon .adl-loading-indicator::after {
-  border-top-color: #a5afbd;
+.adyen-kyc-radio-group__label {
+  color: inherit;
+  display: block;
+  font-size: 1em;
+  font-weight: normal;
+  line-height: 21px;
+  overflow: visible;
+  padding-bottom: 0;
+  padding-left: 24px;
+  position: relative;
 }
-.adl-radio-card__body {
-  color: #394962;
-  font-size: 13px;
+.adyen-kyc-label--focused .adyen-kyc-radio-group__label {
+  color: inherit;
 }/* #region Spacing */
 /* #endregion */
 /* #region Colors */
@@ -38108,28 +38062,6 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
-/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
 /* stylelint-disable-line scss/dollar-variable-pattern */
 /* stylelint-disable-line scss/dollar-variable-pattern */
 /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -39960,38 +39892,11 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 .adl-u-width-auto {
   width: auto !important;
 }
-.adyen-kyc-radio-group-card__label.adl-label {
-  font-size: 15px;
-  font-weight: 600;
-  line-height: 1.4;
-  padding-right: 16px;
-}
-.adyen-layout-md .adyen-kyc-radio-group-card__label.adl-label {
-  padding-right: 0;
-}
-.adyen-kyc-radio-group-card__subtitle {
-  color: #8390a3;
-  font-size: 13px;
-  font-weight: 100;
-  margin-bottom: 4px;
-}
-.adyen-kyc-radio-group-card input {
-  display: flex;
-  margin-left: auto;
-}
-.adyen-kyc-radio-group-card + .adyen-kyc-input__inline-validation {
-  bottom: -30px;
-  top: auto;
-}
-.adyen-kyc-radio-group-card--floating-radio {
-  position: relative;
+.adyen-kyc-field--entityType {
+  margin-bottom: 24px;
 }
-.adyen-kyc-radio-group-card--floating-radio .adyen-kyc-radio-group-card__input {
-  bottom: auto;
-  left: auto;
-  position: absolute;
-  right: 16px;
-  top: 16px;
+.adyen-kyc-field--entityType .adyen-kyc-label__text {
+  margin-bottom: 8px;
 }/* #region Spacing */
 /* #endregion */
 /* #region Colors */
@@ -40014,11 +39919,124 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
+/* #region Spacing */
+/* #endregion */
+/* #region Colors */
+/* #endregion */
+/* #region Fonts */
+/* #endregion */
+/* #region Borders */
+/* #endregion */
+/* #region Box-shadow */
+/* #endregion */
+/* #region Shadows */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Transition */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Focus ring */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
 /* stylelint-disable-line scss/dollar-variable-pattern */
 /* stylelint-disable-line scss/dollar-variable-pattern */
 /* stylelint-disable-line scss/dollar-variable-pattern */
 /* stylelint-disable-line scss/dollar-variable-pattern */
-/* #region Spacing */
+.adl-radio-card {
+  color: #00112c;
+  font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-weight: 400;
+  line-height: 1.4;
+  border: 1px solid #dce0e5;
+  border-radius: 8px;
+  cursor: pointer;
+  display: block;
+  list-style: none;
+  margin-bottom: 8px;
+  padding: 16px 16px 0;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+.adl-radio-card *,
+.adl-radio-card *::before,
+.adl-radio-card *::after {
+  box-sizing: border-box;
+}
+.adl-radio-card--disabled {
+  cursor: not-allowed;
+  opacity: 50%;
+}
+.adl-radio-card__loading-icon {
+  display: flex;
+  align-self: center;
+  justify-content: center;
+  border-radius: 50%;
+  height: 18px;
+  width: 18px;
+}
+.adl-radio-card__loading-icon .adl-loading-indicator::before {
+  background: #06f;
+}
+.adl-radio-card__loading-icon .adl-loading-indicator::after {
+  border-top-color: #06f;
+}
+.adl-radio-card__body {
+  color: #394962;
+  font-size: 13px;
+}/* #region Spacing */
+/* #endregion */
+/* #region Colors */
+/* #endregion */
+/* #region Fonts */
+/* #endregion */
+/* #region Borders */
+/* #endregion */
+/* #region Box-shadow */
+/* #endregion */
+/* #region Shadows */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Transition */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Focus ring */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+/* #region Spacing */
+/* #endregion */
+/* #region Colors */
+/* #endregion */
+/* #region Fonts */
+/* #endregion */
+/* #region Borders */
+/* #endregion */
+/* #region Box-shadow */
+/* #endregion */
+/* #region Shadows */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Transition */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Focus ring */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* #region Spacing */
 /* #endregion */
 /* #region Colors */
 /* #endregion */
@@ -41844,7 +41862,39 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 .adl-u-width-auto {
   width: auto !important;
 }
-/* #region Spacing */
+.adyen-kyc-radio-group-card__label.adl-label {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.4;
+  padding-right: 16px;
+}
+.adyen-layout-md .adyen-kyc-radio-group-card__label.adl-label {
+  padding-right: 0;
+}
+.adyen-kyc-radio-group-card__subtitle {
+  color: #8390a3;
+  font-size: 13px;
+  font-weight: 100;
+  margin-bottom: 4px;
+}
+.adyen-kyc-radio-group-card input {
+  display: flex;
+  margin-left: auto;
+}
+.adyen-kyc-radio-group-card + .adyen-kyc-input__inline-validation {
+  bottom: -30px;
+  top: auto;
+}
+.adyen-kyc-radio-group-card--floating-radio {
+  position: relative;
+}
+.adyen-kyc-radio-group-card--floating-radio .adyen-kyc-radio-group-card__input {
+  bottom: auto;
+  left: auto;
+  position: absolute;
+  right: 16px;
+  top: 16px;
+}/* #region Spacing */
 /* #endregion */
 /* #region Colors */
 /* #endregion */
@@ -43696,23 +43746,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 .adl-u-width-auto {
   width: auto !important;
 }
-.adl-document-guidance {
-  overflow: auto;
-}
-.adl-document-guidance__container {
-  display: flex;
-  gap: 24px;
-  justify-content: space-between;
-  min-width: 576px;
-}
-.adl-document-guidance__item {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-}
-.adl-document-guidance__description {
-  font-weight: 600;
-}/* #region Spacing */
+/* #region Spacing */
 /* #endregion */
 /* #region Colors */
 /* #endregion */
@@ -45564,84 +45598,22 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 .adl-u-width-auto {
   width: auto !important;
 }
-/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-kyc-dropzone {
-  border: 1px dashed #a5afbd;
-  border-radius: 6px;
-  display: flex;
-  flex-direction: row;
-  font-size: 0.81em;
-  min-height: 70px;
-  transition: all 0.2s ease-out;
-}
-.adyen-kyc-dropzone--dragged {
-  border: 1px solid #0047b2;
-  box-shadow: 0 0 0 3px #cce0ff;
-}
-.adyen-kyc-dropzone--error {
-  border: 1px dashed #e50000;
+.adl-document-guidance {
+  overflow: auto;
 }
-.adyen-kyc-dropzone__icon {
-  align-items: center;
+.adl-document-guidance__container {
   display: flex;
-  margin: auto 16px;
-  max-height: 60px;
-  max-width: 60px;
+  gap: 24px;
+  justify-content: space-between;
+  min-width: 576px;
 }
-.adyen-kyc-dropzone__labels {
-  align-self: center;
+.adl-document-guidance__item {
+  align-items: center;
   display: flex;
   flex-direction: column;
-  margin: auto 16px auto 0;
-}
-.adyen-kyc-dropzone__input {
-  display: none;
-}
-.adyen-kyc-dropzone__drag-text {
-  color: #00112c;
-  font-size: 13px;
-  font-weight: 600;
-  margin-bottom: 4px;
 }
-.adyen-kyc-dropzone__button {
-  background: none;
-  border: 0;
-  color: #06f;
-  cursor: pointer;
-  font-size: 13px;
+.adl-document-guidance__description {
   font-weight: 600;
-  padding: 0;
-  text-transform: lowercase;
-}
-.adyen-kyc-dropzone__supports-text {
-  color: #394962;
-  font-size: 13px;
-}
-.adyen-kyc-dropzone .adyen-kyc-icon-new-document {
-  color: #a5afbd;
-  display: flex;
-  font-size: 30px;
 }/* #region Spacing */
 /* #endregion */
 /* #region Colors */
@@ -47495,172 +47467,84 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
   width: auto !important;
 }
 /* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-kyc-dropzone-file {
-  align-items: center;
-  border: 1px solid #dce0e5;
-  border-radius: 6px;
-  display: flex;
-  flex-direction: row;
-  font-size: 0.81em;
-  margin-bottom: 16px;
-  min-height: 70px;
-}
-.adyen-kyc-dropzone-file__icon {
-  align-items: center;
-  display: flex;
-  margin: auto 16px;
-  max-height: 60px;
-  max-width: 60px;
-}
-.adyen-kyc-dropzone-file__labels {
-  margin: auto auto auto 0;
-  overflow: hidden;
-}
-.adyen-kyc-dropzone-file__name {
-  color: #00112c;
-  font-size: 13px;
-  font-weight: 600;
-  margin-bottom: 4px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.adyen-kyc-dropzone-file__size {
-  color: #8390a3;
-  font-size: 13px;
-}
-.adyen-kyc-dropzone-file__error {
-  color: #e50000;
-}
-.adyen-kyc-dropzone-file__button {
-  background: none;
-  border: 0;
-  cursor: pointer;
-  display: flex;
-  margin: 16px;
-  padding: 0;
-}
-.adyen-kyc-dropzone-file .adyen-kyc-icon {
-  display: flex;
-}
-.adyen-kyc-dropzone-file .adyen-kyc-icon-checkmark {
-  color: #60d58f;
-  font-size: 30px;
-}
-.adyen-kyc-dropzone-file .adyen-kyc-icon-wrong {
-  color: #e50000;
-  font-size: 30px;
-}
-.adyen-kyc-dropzone-file .adyen-kyc-icon-remove {
-  color: #8390a3;
-}/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adl-list {
-  color: #00112c;
-  font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-  font-size: 15px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-weight: 400;
-  line-height: 1.4;
-  display: block;
-  list-style-position: outside;
-  list-style-type: disc;
-  margin: 0;
-  padding: 0 0 0 18px;
-}
-.adl-list *,
-.adl-list *::before,
-.adl-list *::after {
-  box-sizing: border-box;
-}
-.adl-list--no-markers {
-  list-style: none;
-  padding: 0;
-}
-.adl-list--no-markers .adl-list__item {
-  padding-left: 0;
-}
-.adl-list__item {
-  padding: 0 0 0 4px;
-}
-.adl-list__item--no-marker {
-  list-style: none;
-}
-.adl-list--nested {
-  list-style-type: circle;
-  padding: 0 0 0 18px;
-}
-.adl-list--ordered {
-  list-style-type: decimal;
-}/* #region Spacing */
+/* #endregion */
+/* #region Colors */
+/* #endregion */
+/* #region Fonts */
+/* #endregion */
+/* #region Borders */
+/* #endregion */
+/* #region Box-shadow */
+/* #endregion */
+/* #region Shadows */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Transition */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Focus ring */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adyen-kyc-dropzone {
+  border: 1px dashed #a5afbd;
+  border-radius: 6px;
+  display: flex;
+  flex-direction: row;
+  font-size: 0.81em;
+  min-height: 70px;
+  transition: all 0.2s ease-out;
+}
+.adyen-kyc-dropzone--dragged {
+  border: 1px solid #0047b2;
+  box-shadow: 0 0 0 3px #cce0ff;
+}
+.adyen-kyc-dropzone--error {
+  border: 1px dashed #e50000;
+}
+.adyen-kyc-dropzone__icon {
+  align-items: center;
+  display: flex;
+  margin: auto 16px;
+  max-height: 60px;
+  max-width: 60px;
+}
+.adyen-kyc-dropzone__labels {
+  align-self: center;
+  display: flex;
+  flex-direction: column;
+  margin: auto 16px auto 0;
+}
+.adyen-kyc-dropzone__input {
+  display: none;
+}
+.adyen-kyc-dropzone__drag-text {
+  color: #00112c;
+  font-size: 13px;
+  font-weight: 600;
+  margin-bottom: 4px;
+}
+.adyen-kyc-dropzone__button {
+  background: none;
+  border: 0;
+  color: #06f;
+  cursor: pointer;
+  font-size: 13px;
+  font-weight: 600;
+  padding: 0;
+  text-transform: lowercase;
+}
+.adyen-kyc-dropzone__supports-text {
+  color: #394962;
+  font-size: 13px;
+}
+.adyen-kyc-dropzone .adyen-kyc-icon-new-document {
+  color: #a5afbd;
+  display: flex;
+  font-size: 30px;
+}/* #region Spacing */
 /* #endregion */
 /* #region Colors */
 /* #endregion */
@@ -49512,22 +49396,86 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 .adl-u-width-auto {
   width: auto !important;
 }
-.adyen-kyc-search-address {
+/* #region Spacing */
+/* #endregion */
+/* #region Colors */
+/* #endregion */
+/* #region Fonts */
+/* #endregion */
+/* #region Borders */
+/* #endregion */
+/* #region Box-shadow */
+/* #endregion */
+/* #region Shadows */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Transition */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Focus ring */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
+.adyen-kyc-dropzone-file {
+  align-items: center;
+  border: 1px solid #dce0e5;
+  border-radius: 6px;
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
+  font-size: 0.81em;
+  margin-bottom: 16px;
+  min-height: 70px;
 }
-.adyen-kyc-search-address--location {
-  align-items: start;
+.adyen-kyc-dropzone-file__icon {
+  align-items: center;
+  display: flex;
+  margin: auto 16px;
+  max-height: 60px;
+  max-width: 60px;
+}
+.adyen-kyc-dropzone-file__labels {
+  margin: auto auto auto 0;
+  overflow: hidden;
+}
+.adyen-kyc-dropzone-file__name {
+  color: #00112c;
+  font-size: 13px;
+  font-weight: 600;
+  margin-bottom: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.adyen-kyc-dropzone-file__size {
   color: #8390a3;
+  font-size: 13px;
+}
+.adyen-kyc-dropzone-file__error {
+  color: #e50000;
+}
+.adyen-kyc-dropzone-file__button {
+  background: none;
+  border: 0;
+  cursor: pointer;
   display: flex;
-  justify-content: space-between;
+  margin: 16px;
+  padding: 0;
 }
-.adyen-kyc-search-address--location .adyen-kyc-icon {
-  color: #dce0e5;
-  margin-right: 5px;
+.adyen-kyc-dropzone-file .adyen-kyc-icon {
+  display: flex;
 }
-.adyen-kyc-search-address--location-country {
-  width: 65%;
+.adyen-kyc-dropzone-file .adyen-kyc-icon-checkmark {
+  color: #60d58f;
+  font-size: 30px;
+}
+.adyen-kyc-dropzone-file .adyen-kyc-icon-wrong {
+  color: #e50000;
+  font-size: 30px;
+}
+.adyen-kyc-dropzone-file .adyen-kyc-icon-remove {
+  color: #8390a3;
 }/* #region Spacing */
 /* #endregion */
 /* #region Colors */
@@ -49550,6 +49498,10 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
+/* stylelint-disable-line scss/dollar-variable-pattern */
 /* #region Spacing */
 /* #endregion */
 /* #region Colors */
@@ -49572,6 +49524,66 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
+.adl-list {
+  color: #00112c;
+  font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-size: 15px;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-weight: 400;
+  line-height: 1.4;
+  display: block;
+  list-style-position: outside;
+  list-style-type: disc;
+  margin: 0;
+  padding: 0 0 0 18px;
+}
+.adl-list *,
+.adl-list *::before,
+.adl-list *::after {
+  box-sizing: border-box;
+}
+.adl-list--no-markers {
+  list-style: none;
+  padding: 0;
+}
+.adl-list--no-markers .adl-list__item {
+  padding-left: 0;
+}
+.adl-list__item {
+  padding: 0 0 0 4px;
+}
+.adl-list__item--no-marker {
+  list-style: none;
+}
+.adl-list--nested {
+  list-style-type: circle;
+  padding: 0 0 0 18px;
+}
+.adl-list--ordered {
+  list-style-type: decimal;
+}/* #region Spacing */
+/* #endregion */
+/* #region Colors */
+/* #endregion */
+/* #region Fonts */
+/* #endregion */
+/* #region Borders */
+/* #endregion */
+/* #region Box-shadow */
+/* #endregion */
+/* #region Shadows */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Transition */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Focus ring */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
 /* stylelint-disable-line scss/dollar-variable-pattern */
 /* stylelint-disable-line scss/dollar-variable-pattern */
 /* stylelint-disable-line scss/dollar-variable-pattern */
@@ -51402,27 +51414,22 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 .adl-u-width-auto {
   width: auto !important;
 }
-.adyen-kyc-radio-group {
+.adyen-kyc-search-address {
   display: flex;
   flex-direction: column;
-  margin-top: 8px;
 }
-.adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
-  display: none;
+.adyen-kyc-search-address--location {
+  align-items: start;
+  color: #8390a3;
+  display: flex;
+  justify-content: space-between;
 }
-.adyen-kyc-radio-group__label {
-  color: inherit;
-  display: block;
-  font-size: 1em;
-  font-weight: normal;
-  line-height: 21px;
-  overflow: visible;
-  padding-bottom: 0;
-  padding-left: 24px;
-  position: relative;
+.adyen-kyc-search-address--location .adyen-kyc-icon {
+  color: #dce0e5;
+  margin-right: 5px;
 }
-.adyen-kyc-label--focused .adyen-kyc-radio-group__label {
-  color: inherit;
+.adyen-kyc-search-address--location-country {
+  width: 65%;
 }.adyen-kyc-individual .adyen-kyc-form {
   margin-bottom: 16px;
 }/* #region Spacing */
@@ -80180,7 +80187,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
   border-radius: 50%;
   display: flex;
   justify-content: center;
-  margin-right: 12px;
+  margin-right: 20px;
   width: 18px;
   height: 18px;
 }
@@ -107448,233 +107455,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
-.adyen-contract-viewer {
-  background-color: #fff;
-}.adyen-kyc-italic {
-  font-style: italic;
-}/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-.adyen-kyc-paragraph {
-  color: #00112c;
-  font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-  font-size: 15px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-weight: 400;
-  line-height: 1.4;
-  margin-bottom: 0;
-  margin-top: 0;
-}
-.adyen-kyc-paragraph *,
-.adyen-kyc-paragraph *::before,
-.adyen-kyc-paragraph *::after {
-  box-sizing: border-box;
-}
-.adyen-kyc-paragraph:not(:first-child) {
-  margin-top: 16px;
-}/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-kyc-section-box {
-  background-color: #f3f6f9;
-  border-radius: 6px;
-  margin-top: 24px;
-  padding: 16px;
-}/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-/* #region Spacing */
-/* #endregion */
-/* #region Colors */
-/* #endregion */
-/* #region Fonts */
-/* #endregion */
-/* #region Borders */
-/* #endregion */
-/* #region Box-shadow */
-/* #endregion */
-/* #region Shadows */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Transition */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Focus ring */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-/* stylelint-disable-line scss/dollar-variable-pattern */
-.adl-table {
-  color: #00112c;
-  font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-  font-size: 15px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-weight: 400;
-  line-height: 1.4;
-  border: none;
-  border-collapse: collapse;
-  border-spacing: 0;
-  line-height: 16px;
-  margin: 0;
-  padding: 0;
-  text-align: left;
-  width: 100%;
-}
-.adl-table *,
-.adl-table *::before,
-.adl-table *::after {
-  box-sizing: border-box;
-}
-.adl-table--condensed .adl-table__cell {
-  font-size: 13px;
-  padding: 8px 40px 8px 16px;
-}
-.adl-table--fixed-layout {
-  table-layout: fixed;
-}
-.adl-table__row {
-  vertical-align: top;
-  border-bottom: 1px solid #dce0e5;
-}
-.adl-table__row--changed {
-  background-color: #f3f6f9;
-}
-.adl-table__head {
-  vertical-align: top;
-  border-bottom: 1px solid #dce0e5;
-}
-.adl-table__head--with-form-elements {
-  background-color: #dce0e5;
-}
-.adl-table__body {
-  vertical-align: top;
-}
-.adl-table__body .adl-table__row:hover {
-  background-color: #f3f6f9;
-}
-.adl-table__cell {
-  border-left: 1px solid transparent;
-  border-right: 1px solid transparent;
-  overflow: auto;
-  padding: 12px 40px 12px 16px;
-  text-align: left;
-  vertical-align: inherit;
-}
-.adl-table__cell:first-child {
-  padding-left: 24px;
-}
-.adl-table__cell--first-column {
-  padding-left: 24px;
-}
-.adl-table__cell--heading {
-  color: #00112c;
-  font-weight: 600;
-  position: relative;
-}
-.adl-table__heading-actions {
-  background: none;
-  border: 0;
-  cursor: pointer;
-  height: 100%;
-  outline: none;
-  padding: 0 8px;
-  position: absolute;
-  right: 0;
-  top: 0;
-}
-.adl-table__cell--heading .adl-table__heading-actions {
-  display: none;
-}
-.adl-table__cell--heading:hover .adl-table__heading-actions {
-  display: inline-block;
+.adyen-contract-viewer .adyen-document-viewer {
+  --adv-text-font-family: fakt, -apple-system, blinkmacsystemfont, Segoe UI, roboto, oxygen, ubuntu, cantarell, Open Sans, Helvetica Neue, sans-serif;
+  --adv-background-color: #fff;
 }