@adyen/kyc-components 4.26.1 → 4.27.0-beta.1

package/dist/style.css

@@ -504,25 +504,26 @@
     justify-content: flex-end;
   }
 }
-._status_31vb0_1 {
+._status_13op0_1 {
   align-items: center;
   border-radius: var(--adyen-internal-border-radius-xl);
   display: inline-flex;
   padding: var(--adyen-internal-spacer-020);
+  line-height: var(--adyen-internal-text-caption-line-height);
 }
 
-._status-icon_31vb0_8 {
+._status-icon_13op0_9 {
   height: 18px;
   width: 18px;
   padding: 1px;
 }
 
-._status-icon_31vb0_8 svg {
+._status-icon_13op0_9 svg {
   height: 16px;
   width: 16px;
 }
 
-._status-text_31vb0_19 {
+._status-text_13op0_20 {
   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);
@@ -530,43 +531,43 @@
   padding-right: var(--adyen-internal-spacer-020);
 }
 
-._status-text-responsive_31vb0_27 {
+._status-text-responsive_13op0_28 {
   @container main (max-width: 480px) {
     display: none;
   }
 }
 
-._status-neutral_31vb0_33 {
+._status-neutral_13op0_34 {
   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 {
+._status-neutral_13op0_34 ._status-text_13op0_20 {
   color: var(--adyen-internal-color-label-secondary);
 }
 
-._status-error_31vb0_43 {
+._status-error_13op0_44 {
   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 {
+._status-warning_13op0_50 {
   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 {
+._status-success_13op0_56 {
   background-color: var(--adyen-internal-color-background-success-weak);
 }
 
-._status-success_31vb0_55 ._status-text_31vb0_19 {
+._status-success_13op0_56 ._status-text_13op0_20 {
   color: var(--adyen-internal-color-label-primary);
 }
 
-._status-success_31vb0_55 ._status-icon_31vb0_8 {
+._status-success_13op0_56 ._status-icon_13op0_9 {
   color: var(--adyen-internal-color-label-success);
   fill: var(--adyen-internal-color-label-success);
 }
@@ -3246,12 +3247,12 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   overflow-y: auto;
   padding: var(--adyen-internal-spacer-070);
 }
-._input_1pgbk_1 {
+._input_1i5wk_1 {
   opacity: 0;
   pointer-events: none;
   position: absolute;
 
-  &:focus-visible + ._label_1pgbk_6::after {
+  &:focus-visible + ._label_1i5wk_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);
@@ -3260,58 +3261,58 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
     transition-property: box-shadow;
   }
 
-  &:hover + ._label_1pgbk_6::after {
+  &:hover + ._label_1i5wk_6::after {
     background-color: var(--adyen-internal-color-background-primary-hover);
   }
 
   &:checked {
-    & + ._label_1pgbk_6::before {
+    & + ._label_1i5wk_6::before {
       opacity: 1;
     }
 
-    & + ._label_1pgbk_6::after {
+    & + ._label_1i5wk_6::after {
       background-color: var(--adyen-kyc-checkbox-input-color);
       border-color: var(--adyen-kyc-checkbox-input-color);
     }
 
-    &:hover + ._label_1pgbk_6::after {
+    &:hover + ._label_1i5wk_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 {
+    &._invalid_1i5wk_34 + ._label_1i5wk_6::after {
       border-color: var(--adyen-internal-color-outline-critical);
       background-color: var(--adyen-internal-color-label-critical);
     }
   }
 
   &:disabled {
-    & + ._label_1pgbk_6::before {
+    & + ._label_1i5wk_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 {
+    & + ._label_1i5wk_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 {
+    &:hover + ._label_1i5wk_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 {
+  &._invalid_1i5wk_34 + ._label_1i5wk_6::after {
     border-color: var(--adyen-internal-color-outline-critical);
   }
 }
 
-._label_1pgbk_6 {
+._label_1i5wk_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
@@ -3352,7 +3353,10 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   &::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);
+    border-radius: min(
+      var(--adyen-internal-border-radius-s),
+      calc(var(--adyen-kyc-checkbox-size) / 3)
+    );
     content: '';
     height: var(--adyen-kyc-checkbox-size);
     left: 0;
@@ -3363,7 +3367,7 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   }
 }
 
-._helper-text_1pgbk_118 {
+._helper-text_1i5wk_121 {
   color: var(--adyen-internal-color-label-secondary);
   display: block;
   font-size: var(--adyen-internal-text-body-font-size);
@@ -3654,10 +3658,10 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   align-items: center;
   display: flex;
 }
-._select-input-wrapper_15ce7_1 {
+._select-input-wrapper_1ozpi_1 {
   align-items: center;
   display: flex;
-  background: var(--adyen-internal-color-background-secondary);
+  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);
   color: var(--adyen-internal-color-label-primary);
@@ -3674,32 +3678,32 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   user-select: none;
 }
 
-._select-input-wrapper_15ce7_1:hover {
+._select-input-wrapper_1ozpi_1:hover {
   border-color: var(--adyen-internal-color-outline-tertiary-hover);
 }
 
-._select-input__icon_15ce7_25 svg {
+._select-input__icon_1ozpi_25 svg {
   border-radius: var(--adyen-internal-border-radius-s);
   margin-right: var(--adyen-internal-spacer-040);
   height: 26px;
   max-width: 40px;
 }
 
-._select-input_15ce7_1 {
+._select-input_1ozpi_1 {
   /* takes bg color of parent wrapper, which is 0.04 alpha */
   background-color: transparent;
 }
 
-._select-input--active_15ce7_37,
-._select-input--active_15ce7_37:hover,
-._select-input-wrapper_15ce7_1:active,
-._select-input-wrapper_15ce7_1:focus {
+._select-input--active_1ozpi_37,
+._select-input--active_1ozpi_37:hover,
+._select-input-wrapper_1ozpi_1:active,
+._select-input-wrapper_1ozpi_1:focus {
   border-color: var(--adyen-internal-color-outline-tertiary-active);
   outline: var(--adyen-internal-border-width-s) solid
     var(--adyen-internal-color-outline-tertiary-active);
 }
 
-._select-input-wrapper_15ce7_1._select-input--readonly_15ce7_46 {
+._select-input-wrapper_1ozpi_1._select-input--readonly_1ozpi_46 {
   background-color: var(--adyen-internal-color-background-disabled);
   color: var(--adyen-internal-color-label-disabled);
   cursor: not-allowed;
@@ -3707,28 +3711,28 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   border: var(--adyen-internal-border-width-s) solid var(--adyen-internal-color-outline-disabled);
 }
 
-._select-input--readonly_15ce7_46::after {
+._select-input--readonly_1ozpi_46::after {
   background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.19471 6.5646C3.59429 7.09797 4.39396 7.0986 4.79439 6.56587L7.78716 2.58424C8.28257 1.92514 7.81232 0.983398 6.98779 0.983398L1.01209 0.983398C0.188292 0.983398 -0.282154 1.92367 0.211778 2.58298L3.19471 6.5646Z' fill='%23B9C4C9'/%3E%3C/svg%3E%0A");
 }
 
-._select-input--invalid_15ce7_58 {
+._select-input--invalid_1ozpi_58 {
   border-color: var(--adyen-internal-color-outline-critical);
 }
 
-._select-input--minimal_15ce7_62 {
+._select-input--minimal_1ozpi_62 {
   min-height: unset;
   height: 100%;
   border: none;
   border-radius: var(--adyen-internal-border-radius-s);
 }
 
-._select-input-search_15ce7_69 {
+._select-input-search_1ozpi_69 {
   align-items: center;
   display: flex;
   width: 100%;
 }
 
-._select-input-search__icon_15ce7_75 {
+._select-input-search__icon_1ozpi_75 {
   color: var(--adyen-internal-color-label-tertiary);
   font-size: var(--adyen-internal-text-caption-font-size);
   font-family: var(--adyen-internal-text-caption-font-family);
@@ -3737,24 +3741,24 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   padding-right: var(--adyen-internal-spacer-040);
 }
 
-._select-input-search_15ce7_69 ._select-input--filterable_15ce7_84::placeholder {
+._select-input-search_1ozpi_69 ._select-input--filterable_1ozpi_84::placeholder {
   color: var(--adyen-internal-color-label-tertiary);
   font-weight: var(--adyen-internal-text-body-font-weight);
 }
 
-._select-input-search_15ce7_69::after {
+._select-input-search_1ozpi_69::after {
   display: none;
 }
 
-._select-input-wrapper--filterable_15ce7_93 {
+._select-input-wrapper--filterable_1ozpi_93 {
   cursor: text;
 }
 
-._select-input-wrapper--non-filterable_15ce7_97 {
+._select-input-wrapper--non-filterable_1ozpi_97 {
   cursor: pointer;
 }
 
-._select-input-wrapper_15ce7_1::after {
+._select-input-wrapper_1ozpi_1::after {
   background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.19471 6.5646C3.59429 7.09797 4.39396 7.0986 4.79439 6.56587L7.78716 2.58424C8.28257 1.92514 7.81232 0.983398 6.98779 0.983398L1.01209 0.983398C0.188292 0.983398 -0.282154 1.92367 0.211778 2.58298L3.19471 6.5646Z' fill='%23687282'/%3E%3C/svg%3E%0A");
   background-position: center;
   background-repeat: no-repeat;
@@ -3765,11 +3769,11 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   width: 8px;
 }
 
-._select-input--list-open_15ce7_112::after {
+._select-input--list-open_1ozpi_112::after {
   transform: rotate(180deg);
 }
 
-._select-input--filterable_15ce7_84 {
+._select-input--filterable_1ozpi_84 {
   border: 0;
   caret-color: var(--adyen-internal-color-label-highlight);
   color: var(--adyen-internal-color-label-primary);
@@ -3780,32 +3784,32 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   width: 100%;
 }
 
-._select-input--filterable_15ce7_84::placeholder {
+._select-input--filterable_1ozpi_84::placeholder {
   color: var(--adyen-internal-color-label-secondary);
   font-weight: var(--adyen-internal-text-body-font-weight);
 }
 
-._select-input--filterable_15ce7_84:focus,
-._select-input--filterable_15ce7_84:active {
+._select-input--filterable_1ozpi_84:focus,
+._select-input--filterable_1ozpi_84:active {
   outline: 0;
 }
 
-._select-input--non-filterable_15ce7_137 {
+._select-input--non-filterable_1ozpi_137 {
   all: unset;
 }
 
 /* Used in non-filterable mode only */
-._select-input--placeholder_15ce7_142 {
+._select-input--placeholder_1ozpi_142 {
   color: var(--adyen-internal-color-label-secondary);
   font-weight: var(--adyen-internal-text-body-font-weight);
 }
 
 /* To resolve a bug where filterable select `<input>`s weren't focusable on iOS */
-._ignore-pointer-events_15ce7_148 {
+._ignore-pointer-events_1ozpi_148 {
   pointer-events: none;
 }
 
-._handle-pointer-events_15ce7_152 {
+._handle-pointer-events_1ozpi_152 {
   pointer-events: auto;
 }
 .adyen-kyc-field-wrapper {
@@ -4081,6 +4085,66 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
 ._structured-list-section-detail_w3dv7_46 {
   margin: var(--adyen-internal-spacer-000);
 }
+._form-flow_1eou7_1 {
+  --adyen-form-toolbar-height: 80px;
+  container-type: inline-size;
+  width: 100%;
+  min-height: 100%;
+  color: var(--adyen-internal-color-label-primary);
+}
+
+._form-flow-content_1eou7_9 {
+  margin: auto;
+  max-width: 600px;
+  min-height: calc(100% - var(--adyen-form-toolbar-height));
+  padding: var(--adyen-internal-spacer-140) var(--adyen-internal-spacer-070);
+}
+
+@container (min-width: 399px) {
+  ._form-flow-content_1eou7_9 {
+    padding-left: var(--adyen-internal-spacer-100);
+    padding-right: var(--adyen-internal-spacer-100);
+  }
+}
+
+@container (min-width: 599px) {
+  ._form-flow-content_1eou7_9 {
+    padding-left: calc((var(--adyen-internal-spacer-070) * 2) + var(--adyen-internal-tap-target));
+    padding-right: calc((var(--adyen-internal-spacer-070) * 2) + var(--adyen-internal-tap-target));
+  }
+}
+
+._form-flow-footer_1eou7_30 {
+  background-color: var(--adyen-internal-color-background-primary);
+  bottom: 0;
+  height: var(--adyen-form-toolbar-height);
+  position: sticky;
+  z-index: 1;
+}
+
+@supports (backdrop-filter: blur(10px)) {
+  ._form-flow-footer_1eou7_30 {
+    backdrop-filter: blur(10px);
+    background-color: rgb(from var(--adyen-internal-color-background-primary) r g b / 0.2);
+  }
+}
+
+._form-flow-footer-border_1eou7_45 {
+  border-top: 4px solid var(--adyen-internal-color-background-secondary);
+}
+
+._form-flow-actions_1eou7_49 {
+  display: flex;
+  gap: var(--adyen-internal-spacer-040);
+  justify-content: space-between;
+  padding: var(--adyen-internal-spacer-070);
+}
+
+._form-flow-primary-actions_1eou7_56 {
+  display: flex;
+  gap: var(--adyen-internal-spacer-040);
+  margin-left: auto;
+}
 ._list_s1vme_1 {
   display: flex;
   flex-direction: column;
@@ -4143,164 +4207,6 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   margin-bottom: var(--adyen-internal-spacer-040);
   padding-bottom: var(--adyen-internal-spacer-040);
 }
-._error-panel_1nb8q_1 {
-  margin-bottom: var(--adyen-internal-spacer-080);
-}
-._summary_1op7a_1 {
-  display: flex;
-  color: var(--adyen-internal-color-label-primary);
-  flex-direction: column;
-}
-
-._summary-content_1op7a_7 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-internal-spacer-070);
-}
-
-._summary-list_1op7a_13 {
-  display: flex;
-  flex-direction: column;
-  gap: var(--adyen-internal-spacer-070);
-  padding-bottom: var(--adyen-internal-spacer-070);
-  padding-top: var(--adyen-internal-spacer-070);
-}
-
-@container main (min-width: 680px) {
-  ._summary-list_1op7a_13 {
-    gap: var(--adyen-internal-spacer-040);
-  }
-}
-
-._summary-list-header_1op7a_27 {
-  display: flex;
-  align-items: center;
-}
-
-._summary-list-header-title_1op7a_32 {
-  color: var(--adyen-internal-color-label-primary);
-  flex-grow: 1;
-  font-size: var(--adyen-internal-text-title-font-size);
-  font-weight: var(--adyen-internal-text-title-font-weight);
-  line-height: var(--adyen-internal-text-title-line-height);
-  margin: 0;
-}
-
-._summary-list-item_1op7a_41 {
-  display: flex;
-  flex-direction: column;
-  font-size: var(--adyen-internal-text-body-font-size);
-  gap: var(--adyen-internal-spacer-010);
-}
-
-@container main (min-width: 680px) {
-  ._summary-list-item_1op7a_41 {
-    flex-direction: row;
-    gap: var(--adyen-internal-spacer-040);
-  }
-}
-
-._summary-list-item-key_1op7a_55 {
-  color: var(--adyen-internal-color-label-secondary);
-  flex: 1;
-  margin: 0;
-}
-
-@container main (min-width: 680px) {
-  ._summary-list-item-key_1op7a_55 {
-    max-width: 40%;
-  }
-}
-
-._summary-list-item-value_1op7a_67 {
-  flex: 1;
-  margin: 0;
-  text-align: left;
-}
-
-._summary-content-legal-caption_1op7a_73 {
-  color: var(--adyen-internal-color-label-tertiary);
-  font-size: var(--adyen-internal-text-caption-font-size);
-  font-weight: var(--adyen-internal-text-caption-font-weight);
-  line-height: var(--adyen-internal-text-caption-line-height);
-  padding-left: var(--adyen-internal-spacer-070);
-  padding-right: var(--adyen-internal-spacer-070);
-}
-
-@media (prefers-contrast: more) or (prefers-reduced-transparency) {
-  ._summary-content-legal-caption_1op7a_73 {
-    color: var(--adyen-internal-color-label-secondary);
-  }
-}
-
-._summary-content-list_1op7a_88 {
-  list-style-type: disc;
-}
-
-._summary-content-logo_1op7a_92 {
-  height: 28px;
-  width: 100px;
-}
-._form-flow_1eou7_1 {
-  --adyen-form-toolbar-height: 80px;
-  container-type: inline-size;
-  width: 100%;
-  min-height: 100%;
-  color: var(--adyen-internal-color-label-primary);
-}
-
-._form-flow-content_1eou7_9 {
-  margin: auto;
-  max-width: 600px;
-  min-height: calc(100% - var(--adyen-form-toolbar-height));
-  padding: var(--adyen-internal-spacer-140) var(--adyen-internal-spacer-070);
-}
-
-@container (min-width: 399px) {
-  ._form-flow-content_1eou7_9 {
-    padding-left: var(--adyen-internal-spacer-100);
-    padding-right: var(--adyen-internal-spacer-100);
-  }
-}
-
-@container (min-width: 599px) {
-  ._form-flow-content_1eou7_9 {
-    padding-left: calc((var(--adyen-internal-spacer-070) * 2) + var(--adyen-internal-tap-target));
-    padding-right: calc((var(--adyen-internal-spacer-070) * 2) + var(--adyen-internal-tap-target));
-  }
-}
-
-._form-flow-footer_1eou7_30 {
-  background-color: var(--adyen-internal-color-background-primary);
-  bottom: 0;
-  height: var(--adyen-form-toolbar-height);
-  position: sticky;
-  z-index: 1;
-}
-
-@supports (backdrop-filter: blur(10px)) {
-  ._form-flow-footer_1eou7_30 {
-    backdrop-filter: blur(10px);
-    background-color: rgb(from var(--adyen-internal-color-background-primary) r g b / 0.2);
-  }
-}
-
-._form-flow-footer-border_1eou7_45 {
-  border-top: 4px solid var(--adyen-internal-color-background-secondary);
-}
-
-._form-flow-actions_1eou7_49 {
-  display: flex;
-  gap: var(--adyen-internal-spacer-040);
-  justify-content: space-between;
-  padding: var(--adyen-internal-spacer-070);
-}
-
-._form-flow-primary-actions_1eou7_56 {
-  display: flex;
-  gap: var(--adyen-internal-spacer-040);
-  margin-left: auto;
-}
 ._mismatch_nyvqg_1 {
   animation: _mismatchShake_nyvqg_1 300ms;
   border-color: var(--adyen-internal-color-outline-critical) !important;
@@ -4469,6 +4375,9 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
     flex: 1;
   }
 }
+._error-panel_1nb8q_1 {
+  margin-bottom: var(--adyen-internal-spacer-080);
+}
 ._link_1bgxd_1 {
   align-items: center;
   border-radius: var(--adyen-internal-border-radius-s);
@@ -4601,11 +4510,11 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   text-align: center;
   width: 100%;
 }
-._tile-container_17be3_1 {
+._tile-container_gy997_1 {
   width: 100%;
 }
 
-._tile_17be3_1 {
+._tile_gy997_1 {
   border: var(--adyen-internal-border-default-s);
   display: flex;
   border-radius: var(--adyen-internal-border-radius-l);
@@ -4618,7 +4527,7 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   height: 100%;
 }
 
-._tile-icon_17be3_18 {
+._tile-icon_gy997_18 {
   background: var(--adyen-internal-color-background-tertiary);
   width: var(--adyen-internal-spacer-110);
   height: var(--adyen-internal-spacer-110);
@@ -4629,27 +4538,27 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   margin-bottom: var(--adyen-internal-spacer-050);
 }
 
-._tile_17be3_1 svg {
+._tile_gy997_1 svg {
   color: var(--adyen-internal-color-label-primary);
   max-width: var(--adyen-internal-spacer-070);
   max-height: var(--adyen-internal-spacer-070);
 }
 
-._tile-title_17be3_35 {
+._tile-title_gy997_35 {
   color: var(--adyen-internal-color-label-primary);
   margin-bottom: var(--adyen-internal-spacer-020);
 }
 
-._tile_17be3_1:hover {
+._tile_gy997_1:hover {
   border-color: var(--adyen-internal-color-outline-primary-active);
 }
 
-._tile_17be3_1:hover ._tile-icon_17be3_18 {
+._tile_gy997_1:hover ._tile-icon_gy997_18 {
   background: var(--adyen-internal-color-background-tertiary-hover);
 }
 
 /* visually hidden */
-._tile-checkbox_17be3_49 {
+._tile-checkbox_gy997_49 {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
@@ -4661,25 +4570,25 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   white-space: nowrap;
 }
 
-._tile-checkbox_17be3_49:disabled ~ ._tile_17be3_1 {
+._tile-checkbox_gy997_49:disabled ~ ._tile_gy997_1 {
   cursor: not-allowed;
   opacity: 0.3;
 }
 
-._tile-checkbox_17be3_49:checked ~ ._tile_17be3_1 {
+._tile-checkbox_gy997_49:checked ~ ._tile_gy997_1 {
   box-shadow: 0 0 0 1px var(--adyen-internal-color-outline-primary-active) inset;
   border-color: var(--adyen-internal-color-outline-primary-active);
 }
 
-._tile-checkbox_17be3_49:checked ~ ._tile_17be3_1 ._tile-icon_17be3_18 {
-  background: var(--adyen-internal-color-label-primary);
+._tile-checkbox_gy997_49:checked ~ ._tile_gy997_1 ._tile-icon_gy997_18 {
+  background: var(--adyen-internal-color-background-inverse-primary);
 }
 
-._tile-checkbox_17be3_49:checked ~ ._tile_17be3_1 svg {
+._tile-checkbox_gy997_49:checked ~ ._tile_gy997_1 svg {
   color: var(--adyen-internal-color-label-inverse-primary);
 }
 
-._tile-checkbox_17be3_49:focus-visible ~ ._tile_17be3_1 {
+._tile-checkbox_gy997_49:focus-visible ~ ._tile_gy997_1 {
   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);
@@ -4689,18 +4598,18 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   border-radius: var(--adyen-internal-border-radius-l);
 }
 
-._tile-container-horizontal_17be3_89 ._tile_17be3_1 {
+._tile-container-horizontal_gy997_89 ._tile_gy997_1 {
   flex-direction: row;
   text-align: left;
   align-items: center;
 }
 
-._tile-container-horizontal_17be3_89 ._tile-icon_17be3_18 {
+._tile-container-horizontal_gy997_89 ._tile-icon_gy997_18 {
   margin: 0;
   flex-shrink: 0;
 }
 
-._tile-container-horizontal_17be3_89 ._tile-icon_17be3_18 + ._tile-label_17be3_100 {
+._tile-container-horizontal_gy997_89 ._tile-icon_gy997_18 + ._tile-label_gy997_100 {
   margin-left: var(--adyen-internal-spacer-070);
 }
 ._tile-group_6rtof_1 {
@@ -4834,6 +4743,15 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
 ._options_e0c6m_5 {
   margin-top: var(--adyen-internal-spacer-080);
 }
+._summary-bullet-list_14zca_1 {
+  list-style-type: disc;
+  margin: var(--adyen-internal-spacer-000);
+  padding-left: var(--adyen-internal-spacer-070);
+}
+
+._summary-bullet-list_14zca_1 ._summary-bullet-list-item_14zca_7 + ._summary-bullet-list-item_14zca_7 {
+  margin-top: var(--adyen-internal-spacer-020);
+}
 .adyen-kyc-input-group {
   height: var(--adyen-internal-spacer-110);
   line-height: calc(var(--adyen-internal-spacer-110) - (var(--adyen-internal-border-width-s) * 2));
@@ -5195,6 +5113,10 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
   max-height: 250px;
   width: auto;
 }
+._summary-content-logo_1esre_1 {
+  height: 28px;
+  width: 100px;
+}
 ._avatar_106yh_1 {
   align-items: center;
   display: flex;
@@ -6292,6 +6214,58 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
     }
   }
 }
+._themeTab_1e5pb_1 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--adyen-internal-spacer-050);
+  max-width: 40em;
+}
+
+._description_1e5pb_8 {
+  margin: 0;
+}
+
+._warning_1e5pb_12 {
+  margin: 0;
+  color: var(--adyen-internal-color-label-warning);
+}
+
+._label_1e5pb_17 {
+  font-weight: var(--adyen-internal-text-title-font-weight);
+}
+
+._themeInput_1e5pb_21 {
+  font-family: monospace;
+  font-size: var(--adyen-internal-text-caption-font-size);
+  line-height: 1.5;
+  padding: var(--adyen-internal-spacer-040);
+  border: 1px solid var(--adyen-internal-color-outline-primary);
+  border-radius: var(--adyen-internal-border-radius-m);
+  background-color: var(--adyen-internal-color-background-primary);
+  color: var(--adyen-internal-color-label-primary);
+  resize: vertical;
+}
+
+._hint_1e5pb_33 {
+  margin: 0;
+  font-size: var(--adyen-internal-text-caption-font-size);
+  color: var(--adyen-internal-color-label-secondary);
+}
+
+._actions_1e5pb_39 {
+  display: flex;
+  gap: var(--adyen-internal-spacer-050);
+}
+
+._error_1e5pb_44 {
+  margin: 0;
+  color: var(--adyen-internal-color-label-critical);
+}
+
+._success_1e5pb_49 {
+  margin: 0;
+  color: var(--adyen-internal-color-label-success);
+}
 ._side-by-side_1oxjw_1 {
   display: flex;
   flex-direction: row;
@@ -6602,6 +6576,20 @@ dialog[open]._modal-transition-drop-in_kkggh_91 {
 ._reported-value-field_tqpoa_15 {
   margin: 0;
 }
+._summary-content-legal-caption_17mlq_1 {
+  color: var(--adyen-internal-color-label-tertiary);
+  font-size: var(--adyen-internal-text-caption-font-size);
+  font-weight: var(--adyen-internal-text-caption-font-weight);
+  line-height: var(--adyen-internal-text-caption-line-height);
+  padding-left: var(--adyen-internal-spacer-070);
+  padding-right: var(--adyen-internal-spacer-070);
+}
+
+@media (prefers-contrast: more) or (prefers-reduced-transparency) {
+  ._summary-content-legal-caption_17mlq_1 {
+    color: var(--adyen-internal-color-label-secondary);
+  }
+}
 ._additional-information-content_1oltc_1 {
   display: flex;
   flex-direction: column;