@adyen/kyc-components 4.18.0 → 4.19.0-beta.0

package/dist/style.css

@@ -2488,19 +2488,6 @@ fieldset {
   gap: var(--adyen-internal-spacer-070);
   text-align: left;
 }
-._loader-wrapper-loader_17ekf_1 {
-  display: none;
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: 1;
-}
-
-._loader-wrapper-loader-active_17ekf_11 {
-  display: block;
-}
 ._modal_kkggh_1 {
   background-color: var(--adyen-internal-color-background-modal);
   border: var(--adyen-internal-spacer-000);
@@ -2650,6 +2637,160 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   overflow-y: auto;
   padding: var(--adyen-internal-spacer-070);
 }
+._input_1pgbk_1 {
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+
+  &:focus-visible + ._label_1pgbk_6::after {
+    box-shadow:
+      0 0 0 var(--adyen-internal-focus-ring-spacer) var(--adyen-internal-color-background-primary),
+      0 0 0 var(--adyen-internal-focus-ring-outline) var(--adyen-internal-focus-ring-color);
+    transition: var(--adyen-internal-animation-duration-fast)
+      var(--adyen-internal-animation-easing-standard);
+    transition-property: box-shadow;
+  }
+
+  &:hover + ._label_1pgbk_6::after {
+    background-color: var(--adyen-internal-color-background-primary-hover);
+  }
+
+  &:checked {
+    & + ._label_1pgbk_6::before {
+      opacity: 1;
+    }
+
+    & + ._label_1pgbk_6::after {
+      background-color: var(--adyen-kyc-checkbox-input-color);
+      border-color: var(--adyen-kyc-checkbox-input-color);
+    }
+
+    &:hover + ._label_1pgbk_6::after {
+      background-color: var(--adyen-kyc-checkbox-hover-input-color);
+      border-color: var(--adyen-kyc-checkbox-hover-input-color);
+    }
+
+    &._invalid_1pgbk_34 + ._label_1pgbk_6::after {
+      border-color: var(--adyen-internal-color-outline-critical);
+      background-color: var(--adyen-internal-color-label-critical);
+    }
+  }
+
+  &:disabled {
+    & + ._label_1pgbk_6::before {
+      border-bottom: var(--adyen-internal-border-width-m) solid
+        var(--adyen-internal-color-outline-tertiary);
+      border-right: var(--adyen-internal-border-width-m) solid
+        var(--adyen-internal-color-outline-tertiary);
+    }
+
+    & + ._label_1pgbk_6::after {
+      background-color: var(--adyen-internal-color-background-disabled);
+      border: var(--adyen-internal-border-width-s) solid
+        var(--adyen-internal-color-background-disabled);
+    }
+
+    &:hover + ._label_1pgbk_6::after {
+      background-color: var(--adyen-internal-color-background-disabled);
+      border: var(--adyen-internal-border-width-s) solid
+        var(--adyen-internal-color-outline-tertiary);
+    }
+  }
+
+  &._invalid_1pgbk_34 + ._label_1pgbk_6::after {
+    border-color: var(--adyen-internal-color-outline-critical);
+  }
+}
+
+._label_1pgbk_6 {
+  --adyen-kyc-checkbox-input-color: var(--adyen-internal-color-background-inverse-primary);
+  --adyen-kyc-checkbox-hover-input-color: var(
+    --adyen-internal-color-background-inverse-primary-hover
+  );
+  --adyen-kyc-checkbox-check-mark-color: var(--adyen-internal-color-background-primary);
+  --adyen-kyc-checkbox-size: calc(var(--adyen-internal-text-body-font-size) + 2px);
+
+  color: var(--adyen-internal-color-label-primary);
+  cursor: pointer;
+  display: inline-block;
+  font-size: var(--adyen-internal-text-body-font-size);
+  font-weight: var(--adyen-internal-text-body-font-weight);
+  line-height: var(--adyen-kyc-checkbox-size);
+  padding-left: var(--adyen-internal-spacer-090);
+  position: relative;
+  user-select: none;
+  width: calc(100% - 32px); /* leaves space for the error icon */
+
+  /* Check */
+  &::before {
+    border-bottom: var(--adyen-internal-border-width-m) solid
+      var(--adyen-kyc-checkbox-check-mark-color);
+    border-right: var(--adyen-internal-border-width-m) solid
+      var(--adyen-kyc-checkbox-check-mark-color);
+    content: '';
+    height: 7px;
+    left: 3px;
+    opacity: 0;
+    position: absolute;
+    top: 4px;
+    transform: rotateZ(37deg);
+    transform-origin: 100% 100%;
+    width: 5px;
+    z-index: 1;
+  }
+
+  /* Box */
+  &::after {
+    background-color: 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-s);
+    content: '';
+    height: var(--adyen-kyc-checkbox-size);
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: var(--adyen-kyc-checkbox-size);
+    z-index: 0;
+  }
+}
+
+._helper-text_1pgbk_118 {
+  color: var(--adyen-internal-color-label-secondary);
+  display: block;
+  font-size: var(--adyen-internal-text-body-font-size);
+  padding-left: var(--adyen-internal-spacer-090);
+}
+._loader-wrapper-loader_17ekf_1 {
+  display: none;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+._loader-wrapper-loader-active_17ekf_11 {
+  display: block;
+}
+._progress-bar_1d5l3_1 {
+  --adyen-progress-bar-size: 4px;
+  background-color: var(--adyen-internal-color-background-secondary);
+  height: var(--adyen-progress-bar-size);
+  overflow: hidden;
+}
+
+._progress-bar-rounded_1d5l3_8 {
+  border-radius: calc(var(--adyen-progress-bar-size) / 2);
+}
+
+._progress-bar-indicator_1d5l3_12 {
+  background-color: var(--adyen-internal-color-background-inverse-primary);
+  height: 100%;
+  text-indent: -1000%;
+  transition: width 400ms;
+  overflow: hidden;
+}
 .adyen-kyc-field {
   display: block;
   margin-bottom: var(--adyen-internal-spacer-090);
@@ -2748,223 +2889,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
 .adyen-kyc-input-wrapper--block {
   display: block;
 }
-.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;
-}
-.adyen-kyc-checkbox__input,
-.adyen-kyc-checkbox__label,
-.adyen-kyc-checkbox__helper-text {
-  --adyen-kyc-checkbox-input-color: var(--adyen-internal-color-background-inverse-primary);
-  --adyen-kyc-checkbox-hover-input-color: var(
-    --adyen-internal-color-background-inverse-primary-hover
-  );
-  --adyen-kyc-checkbox-check-mark-color: var(--adyen-internal-color-background-primary);
-  --adyen-kyc-checkbox-size: calc(var(--adyen-internal-text-body-font-size) + 2px);
-}
-
-.adyen-kyc-checkbox__label {
-  color: var(--adyen-internal-color-label-primary);
-  cursor: pointer;
-  display: inline-block;
-  font-size: var(--adyen-internal-text-body-font-size);
-  font-weight: var(--adyen-internal-text-body-font-weight);
-  line-height: var(--adyen-kyc-checkbox-size);
-  padding-left: var(--adyen-internal-spacer-090);
-  position: relative;
-  user-select: none;
-  width: calc(100% - 32px); /* leaves space for the error icon */
-}
-
-.adyen-kyc-checkbox__helper-text {
-  color: var(--adyen-internal-color-label-secondary);
-  display: block;
-  font-size: var(--adyen-internal-text-body-font-size);
-  padding-left: var(--adyen-internal-spacer-090);
-}
-
-.adyen-kyc-checkbox__input {
-  opacity: 0;
-  pointer-events: none;
-  position: absolute;
-}
-
-.adyen-kyc-checkbox__input:focus-visible + .adyen-kyc-checkbox__label::after {
-  box-shadow:
-    0 0 0 var(--adyen-internal-focus-ring-spacer) var(--adyen-internal-color-background-primary),
-    0 0 0 var(--adyen-internal-focus-ring-outline) var(--adyen-internal-focus-ring-color);
-  transition: var(--adyen-internal-animation-duration-fast)
-    var(--adyen-internal-animation-easing-standard);
-  transition-property: box-shadow;
-}
-
-.adyen-kyc-checkbox__input:hover + .adyen-kyc-checkbox__label::after {
-  background-color: var(--adyen-internal-color-background-primary-hover);
-}
-
-.adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::before {
-  opacity: 1;
-}
-
-.adyen-kyc-checkbox__input:checked + .adyen-kyc-checkbox__label::after {
-  background-color: var(--adyen-kyc-checkbox-input-color);
-  border-color: var(--adyen-kyc-checkbox-input-color);
-}
-
-.adyen-kyc-checkbox__input:checked:hover + .adyen-kyc-checkbox__label::after {
-  background-color: var(--adyen-kyc-checkbox-hover-input-color);
-  border-color: var(--adyen-kyc-checkbox-hover-input-color);
-}
-
-/* Check */
-.adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::before {
-  border-bottom: var(--adyen-internal-border-width-m) solid
-    var(--adyen-kyc-checkbox-check-mark-color);
-  border-right: var(--adyen-internal-border-width-m) solid
-    var(--adyen-kyc-checkbox-check-mark-color);
-  content: '';
-  height: 7px;
-  left: 3px;
-  opacity: 0;
-  position: absolute;
-  top: 4px;
-  transform: rotateZ(37deg);
-  transform-origin: 100% 100%;
-  width: 5px;
-  z-index: 1;
-}
-
-/* Box */
-.adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::after {
-  background-color: 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-s);
-  content: '';
-  height: var(--adyen-kyc-checkbox-size);
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: var(--adyen-kyc-checkbox-size);
-  z-index: 0;
-}
 .adyen-kyc-dropdown {
   font-size: var(--adyen-internal-text-body-font-size);
   max-width: 100%;
@@ -3335,14 +3259,37 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   padding: var(--adyen-internal-spacer-070) !important;
 }
 
-._list-items-padding-large_s1vme_54 {
-  padding: var(--adyen-internal-spacer-090) !important;
-}
+._list-items-padding-large_s1vme_54 {
+  padding: var(--adyen-internal-spacer-090) !important;
+}
+
+._list-item-row-separator_s1vme_58:not(:last-child) {
+  border-bottom: 1px solid var(--adyen-internal-color-outline-primary);
+  margin-bottom: var(--adyen-internal-spacer-040);
+  padding-bottom: var(--adyen-internal-spacer-040);
+}
+._confirm_1aprd_1 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-internal-spacer-100);
+  padding: var(--adyen-internal-spacer-070);
+}
+
+._confirm-message_1aprd_8 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-internal-spacer-040);
+}
+
+._confirm-actions_1aprd_14 {
+  display: flex;
+  flex-direction: column-reverse;
+  gap: var(--adyen-internal-spacer-040);
 
-._list-item-row-separator_s1vme_58:not(:last-child) {
-  border-bottom: 1px solid var(--adyen-internal-color-outline-primary);
-  margin-bottom: var(--adyen-internal-spacer-040);
-  padding-bottom: var(--adyen-internal-spacer-040);
+  @media (min-width: 480px) {
+    flex-direction: row;
+    justify-content: flex-end;
+  }
 }
 ._structured-list_w3dv7_1 {
   margin: var(--adyen-internal-spacer-000);
@@ -3490,47 +3437,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   height: 28px;
   width: 100px;
 }
-._progress-bar_1d5l3_1 {
-  --adyen-progress-bar-size: 4px;
-  background-color: var(--adyen-internal-color-background-secondary);
-  height: var(--adyen-progress-bar-size);
-  overflow: hidden;
-}
-
-._progress-bar-rounded_1d5l3_8 {
-  border-radius: calc(var(--adyen-progress-bar-size) / 2);
-}
-
-._progress-bar-indicator_1d5l3_12 {
-  background-color: var(--adyen-internal-color-background-inverse-primary);
-  height: 100%;
-  text-indent: -1000%;
-  transition: width 400ms;
-  overflow: hidden;
-}
-._confirm_1aprd_1 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-internal-spacer-100);
-  padding: var(--adyen-internal-spacer-070);
-}
-
-._confirm-message_1aprd_8 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-internal-spacer-040);
-}
-
-._confirm-actions_1aprd_14 {
-  display: flex;
-  flex-direction: column-reverse;
-  gap: var(--adyen-internal-spacer-040);
-
-  @media (min-width: 480px) {
-    flex-direction: row;
-    justify-content: flex-end;
-  }
-}
 ._form-flow_lhddu_1 {
   --adyen-form-toolbar-height: 80px;
   container-type: inline-size;
@@ -3591,6 +3497,128 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   gap: var(--adyen-internal-spacer-040);
   margin-left: 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;
+}
 ._summary-header_jps0f_1 {
   display: flex;
   justify-content: space-between;
@@ -4264,6 +4292,45 @@ 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);
@@ -4406,45 +4473,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
 ._description-field_1i0mx_1 {
   padding: var(--adyen-internal-spacer-080) 0;
 }
-._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%;
-}
 ._idnow-header_m87oy_1 {
   width: 100%;
   padding: var(--adyen-internal-spacer-130) var(--adyen-internal-spacer-080);