@adyen/kyc-components/dist/style.css

`adyen-kyc-components` provides the required pieces to build an onboarding flow based on a legal entity. To onboard and verify users, you need to create a user interface (UI) to collect user data. To speed up building your integration, Adyen offers onboar

/* #region Borders */
/* #endregion */
/* for container queries */
/* #region Z-index */
/* #endregion */
/* #region Timing functions */
/* #endregion */
/* #region Inline components */
/* #endregion */
.adyen-kyc-summary {
  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-summary__heading {
  font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
  font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
  line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
}
.adyen-kyc-summary-section {
  margin-bottom: var(--adyen-sdk-spacer-090, 24px);
}
@container main (min-width: 1024px) {
  .adyen-kyc-summary-section {
    padding-left: var(--adyen-sdk-spacer-120, 48px);
  }
}
.adyen-kyc-summary-section__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.adyen-kyc-summary-section__heading {
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
}
.adyen-kyc-summary-section__content {
  padding: var(--adyen-sdk-spacer-000, 0px);
  margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-100, 32px);
}
.adyen-kyc-summary-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-summary-section__field {
    flex-direction: column;
  }
}
.adyen-kyc-summary-section__field:last-child {
  margin-bottom: var(--adyen-sdk-spacer-000, 0px);
}
.adyen-kyc-summary-section__label, .adyen-kyc-summary-section__data {
  display: flex;
  flex: 1;
}
.adyen-kyc-summary-section__label {
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
}
.adyen-kyc-summary-section__data {
  margin: var(--adyen-sdk-spacer-000, 0px);
}
@container main (max-width: 680px) {
  .adyen-kyc-summary-section__data {
    margin-top: var(--adyen-sdk-spacer-010, 2px);
  }
}
.adyen-kyc-summary__legal-caption {
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
}/* #region Borders */
/* #endregion */
/* for container queries */
/* #region Z-index */
/* #endregion */
/* #region Timing functions */
/* #endregion */
/* #region Inline components */
/* #endregion */
/* Base button */
/* base/primary */
.adyen-kyc-button {
  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);
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  line-height: calc(var(--adyen-sdk-text-body-line-height, 20px) * 1.4);
  margin: var(--adyen-sdk-spacer-000, 0px);
  outline: none;
  padding: var(--adyen-sdk-spacer-000, 0px);
  text-decoration: none;
  user-select: none;
  vertical-align: baseline;
  white-space: nowrap;
  gap: var(--adyen-sdk-spacer-040, 8px);
  background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
  height: fit-content;
  padding: var(--adyen-sdk-spacer-050, 10px);
  position: relative;
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-linear, linear);
  transition-property: color, background-color;
}
.adyen-kyc-button::-moz-focus-inner {
  border: none;
  padding: var(--adyen-sdk-spacer-000, 0px);
}
.adyen-kyc-button:hover {
  background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
}

.adyen-kyc-button > span {
  line-height: 1;
}

/* secondary */
.adyen-kyc-button--secondary {
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary, #c9cdd3);
  color: var(--adyen-sdk-color-label-primary, #00112c);
}
.adyen-kyc-button--secondary:hover {
  background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
  color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
}
.adyen-kyc-button--secondary:active {
  background-color: var(--adyen-sdk-color-background-primary-active, #eeeff1);
  color: var(--adyen-sdk-color-label-primary-active, #8d95a3);
}

/* tertiary */
.adyen-kyc-button--tertiary {
  color: var(--adyen-sdk-color-label-primary, #00112c);
  background-color: transparent;
  text-decoration: underline;
}
.adyen-kyc-button--tertiary:hover {
  text-decoration: none;
  color: var(--adyen-sdk-color-label-primary-hover, #5c687c);
  background-color: transparent;
}
.adyen-kyc-button--tertiary:active {
  text-decoration: none;
  color: var(--adyen-sdk-color-label-primary-active, #8d95a3);
}

.adyen-kyc-button--with-loader {
  overflow: hidden;
}

.adyen-kyc-button__loader-container--active {
  display: flex;
  opacity: 1;
  margin: -1px 4px;
}

.adyen-kyc-button--small {
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  padding: var(--adyen-sdk-spacer-030, 6px) var(--adyen-sdk-spacer-050, 10px);
}

.adyen-kyc-button--large {
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-060, 12px);
}

.adyen-kyc-button--shaded {
  background-color: rgba(0, 17, 44, 0.08);
  backdrop-filter: blur(10px);
  border-radius: 50%;
}

.adyen-kyc-button--shaded:hover {
  background-color: var(--adyen-sdk-color-background-tertiary-hover, #e3e5e9);
  color: var(--adyen-sdk-color-label-primary, #00112c);
}

.adyen-kyc-button--block {
  display: flex;
  min-width: 100%;
}

.adyen-kyc-button--critical {
  background-color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
}
.adyen-kyc-button--critical:hover {
  background-color: var(--adyen-sdk-color-background-critical-strong-hover, #c72727);
}

.adyen-kyc-button--icon-left {
  flex-direction: row-reverse;
}
.adyen-kyc-button--icon-left .adyen-kyc-icon {
  margin-left: 0;
}

/* Disabled */
/* stylelint-disable-next-line selector-no-qualifying-type */
button[disabled] {
  cursor: not-allowed;
  background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
  color: var(--adyen-sdk-color-label-disabled, #8d95a3);
}
button[disabled]:hover {
  background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
  color: var(--adyen-sdk-color-label-disabled, #8d95a3);
}/* #region Borders */
/* #endregion */
/* for container queries */
/* #region Z-index */
/* #endregion */
/* #region Timing functions */
/* #endregion */
/* #region Inline components */
/* #endregion */
.adyen-kyc-link {
  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-color: transparent;
  border: 0;
  color: var(--adyen-sdk-color-link-primary, #00112c);
  cursor: pointer;
  display: inline;
  font-size: inherit;
  padding: var(--adyen-sdk-spacer-000, 0px);
  vertical-align: baseline;
}
.adyen-kyc-link:hover {
  color: var(--adyen-sdk-color-link-primary-hover, #5c687c);
  text-decoration: underline;
}
.adyen-kyc-link:active {
  color: var(--adyen-sdk-color-link-primary-active, #8d95a3);
}
.adyen-kyc-link:focus {
  outline: none;
  text-decoration: underline;
}
.adyen-kyc-link:visited {
  color: var(--adyen-sdk-color-link-primary, #00112c);
}
.adyen-kyc-link--with-icon {
  display: inline-flex;
  width: fit-content;
  gap: var(--adyen-sdk-spacer-020, 4px);
}
.adyen-kyc-link--with-icon:hover {
  color: var(--adyen-sdk-color-link-primary-hover, #5c687c);
  text-decoration: none;
}
.adyen-kyc-link--icon-left {
  flex-direction: row-reverse;
}
.adyen-kyc-link__text {
  display: inline;
  vertical-align: baseline;
}
.adyen-kyc-link__text-with-underline {
  text-decoration: underline;
}
.adyen-kyc-link__icon {
  display: inline;
  font-size: inherit;
  position: relative;
  vertical-align: -2px;
}
.adyen-kyc-link__icon[class*="-small "], .adyen-kyc-link__icon[class$=-small] {
  margin: var(--adyen-sdk-spacer-000, 0px);
}.adyen-kyc-icon {
  color: inherit;
  display: inline-flex;
  vertical-align: baseline;
}
.adyen-kyc-icon svg {
  height: 100%;
}
.adyen-kyc-icon svg path {
  fill: currentColor;
}

.adyen-kyc-image {
  display: inline-block;
}/* #region Borders */
/* #endregion */
/* for container queries */
/* #region Z-index */
/* #endregion */
/* #region Timing functions */
/* #endregion */
/* #region Inline components */
/* #endregion */
.adyen-kyc-loader-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.adyen-kyc-loader-wrapper-inline {
  display: inline-block;
  height: auto;
  margin-right: var(--adyen-sdk-spacer-040, 8px);
}

.adyen-kyc-loader {
  animation: adyen-kyc-rotateLoader 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
  border-radius: 50%;
  border: var(--adyen-sdk-border-width-l, 3px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
  border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
  height: 43px;
  width: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.adyen-kyc-loader-large {
  height: 43px;
  width: 43px;
  max-width: 43px;
}

.adyen-kyc-loader-small {
  border-width: 2px;
  height: 16px;
  width: 16px;
  max-width: 16px;
}

.adyen-kyc-loader-medium {
  height: 28px;
  width: 28px;
  max-width: 28px;
}

.adyen-kyc-loader-xsmall {
  border-width: 2px;
  height: 12px;
  width: 12px;
  max-width: 12px;
}

@keyframes adyen-kyc-rotateLoader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.adyen-kyc-loader-dot::before {
  background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e56);
  border-radius: 50%;
  content: "";
  min-height: 6px;
  min-width: 6px;
  position: absolute;
}.adyen-kyc-divider {
  background-color: var(--adyen-sdk-color-separator-primary, #dbdee2);
  border: none;
  height: var(--adyen-sdk-border-width-s, 1px);
  margin-block-end: 0;
  margin-block-start: 0;
  width: 100%;
}.adyen-kyc-error-panel {
  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
}/* #region Borders */
/* #endregion */
/* for container queries */
/* #region Z-index */
/* #endregion */
/* #region Timing functions */
/* #endregion */
/* #region Inline components */
/* #endregion */
.adyen-kyc-alert {
  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);
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
  padding: var(--adyen-sdk-spacer-070, 16px);
  word-break: break-word;
  display: flex;
  flex-direction: column;
  gap: var(--adyen-sdk-spacer-040, 8px);
}

.adyen-kyc-alert-without-icon .adyen-kyc-alert-explanation,
.adyen-kyc-alert-without-icon .adyen-kyc-alert-actions {
  margin: 0 var(--adyen-sdk-spacer-070, 16px);
}

.adyen-kyc-alert-basic {
  background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
}

.adyen-kyc-alert-info {
  background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
}

.adyen-kyc-alert-error {
  background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
}

.adyen-kyc-alert-warning {
  background-color: var(--adyen-sdk-color-background-warning-weak, #fff5e9);
}

.adyen-kyc-alert-success {
  background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
}

.adyen-kyc-alert-header {
  align-items: flex-start;
  display: flex;
}

.adyen-kyc-alert-icon {
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
  margin-top: var(--adyen-sdk-spacer-010, 2px);
}

.adyen-kyc-alert-icon-info {
  color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
}

.adyen-kyc-alert-icon-error {
  color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
}

.adyen-kyc-alert-icon-warning {
  color: var(--adyen-sdk-color-background-warning-strong, #dd7d00);
}

.adyen-kyc-alert-icon-success {
  color: var(--adyen-sdk-color-background-success-strong, #07893c);
}

.adyen-kyc-alert-close-button {
  padding: 0 !important;
}

.adyen-kyc-alert-title {
  color: var(--adyen-sdk-color-label-primary, #00112c);
  flex-grow: 1;
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
  margin-left: var(--adyen-sdk-spacer-070, 16px);
}

.adyen-kyc-alert-explanation {
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  margin: 0 var(--adyen-sdk-spacer-100, 32px);
}

.adyen-kyc-alert-actions {
  display: flex;
  gap: var(--adyen-sdk-spacer-070, 16px);
  text-align: left;
}.adyen-kyc-accordion,
.adyen-kyc-accordion-summary {
  color: var(--adyen-sdk-color-label-primary, #00112c);
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
  cursor: pointer;
}

.adyen-kyc-accordion {
  background: none;
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
  margin-bottom: var(--adyen-sdk-spacer-050, 10px);
}

.adyen-kyc-accordion-basic {
  background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
}

.adyen-kyc-accordion-info {
  background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
}

.adyen-kyc-accordion-error {
  background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
}

.adyen-kyc-accordion-warning {
  background-color: var(--adyen-sdk-color-background-warning-weak, #fff5e9);
}

.adyen-kyc-accordion-success {
  background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
}

.adyen-kyc-accordion-narrow .adyen-kyc-accordion-summary {
  padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-070, 16px);
}

.adyen-kyc-accordion-narrow .adyen-kyc-accordion-content {
  padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-060, 12px);
}

.adyen-kyc-accordion-with-icon .adyen-kyc-accordion-content {
  margin-left: var(--adyen-sdk-spacer-080, 20px);
}

.adyen-kyc-accordion-summary {
  display: flex;
  align-items: center;
  gap: var(--adyen-sdk-spacer-050, 10px);
  padding: var(--adyen-sdk-spacer-080, 20px);
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
  transition: margin 150ms ease-out;
  margin-bottom: var(--adyen-sdk-spacer-000, 0px);
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
}

.adyen-kyc-accordion-summary > .adyen-kyc-accordion-arrow {
  cursor: pointer;
  user-select: none;
  height: 1em;
}

.adyen-kyc-accordion-summary > .adyen-kyc-accordion-arrow-right {
  margin-left: auto;
  margin-right: var(--adyen-sdk-spacer-050, 10px);
}

.adyen-kyc-accordion[open] .adyen-kyc-accordion-arrow {
  transform: rotate(-180deg);
}

.adyen-kyc-accordion summary::-webkit-details-marker {
  display: none;
}

.adyen-kyc-accordion-content {
  cursor: auto;
  padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-080, 20px);
  user-select: none;
  display: flex;
  flex-direction: column;
  gap: var(--adyen-sdk-spacer-040, 8px);
}

.adyen-kyc-accordion[open] summary {
  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
  user-select: auto;
}.adyen-kyc-skeleton {
  width: 100%;
  height: 100%;
  background-color: var(--adyen-sdk-color-outline-secondary, #c9cdd3);
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
  animation: 2s ease-in-out 0.5s infinite normal none running adyen-kyc-skeleton;
}

.adyen-kyc-skeleton-circle {
  border-radius: 50%;
}

.adyen-kyc-skeleton-text {
  height: 1em !important;
  margin: 0.2em 0 !important;
}

@keyframes adyen-kyc-skeleton {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}.adyen-kyc-field {
  display: block;
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
  width: 100%;
}

.adyen-kyc-label {
  display: block;
}
.adyen-kyc-label--disabled {
  color: var(--adyen-sdk-color-label-disabled, #8d95a3);
  opacity: 0.5;
  pointer-events: none;
}

.adyen-kyc-optional-label {
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
}

.adyen-kyc-label__text {
  color: var(--adyen-sdk-color-label-primary, #00112c);
  display: block;
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
  transition: color 0.1s ease-out;
}

.adyen-kyc-helper-text {
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
  display: flex;
  align-items: center;
}
.adyen-kyc-helper-text__above {
  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
}
.adyen-kyc-helper-text__below {
  margin-top: var(--adyen-sdk-spacer-020, 4px);
}
.adyen-kyc-helper-text__valid-format-check {
  color: var(--adyen-sdk-color-label-success, #07893c);
  font-size: var(--adyen-sdk-text-title-font-size, 16px);
  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
  line-height: var(--adyen-sdk-text-title-line-height, 26px);
  display: inline-flex;
}

.adyen-kyc-label__text--error {
  color: var(--adyen-sdk-color-label-critical, #e22d2d);
}

.adyen-kyc-label--focused .adyen-kyc-label__text {
  color: var(--adyen-sdk-color-label-primary, #00112c);
}

.adyen-kyc-error-text {
  align-items: center;
  color: var(--adyen-sdk-color-label-critical, #e22d2d);
  display: flex;
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
  margin-top: var(--adyen-sdk-spacer-020, 4px);
  position: relative;
}

.adyen-kyc-guidance-text {
  align-items: center;
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
  display: flex;
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
  margin-top: var(--adyen-sdk-spacer-020, 4px);
  position: relative;
}

.adyen-kyc-upload-field__guidance {
  display: flex;
  flex-direction: column;
}
.adyen-kyc-upload-field__subtitle {
  margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
}
.adyen-kyc-upload-field__requirements {
  padding-left: var(--adyen-sdk-spacer-070, 16px);
}/* #region Borders */
/* #endregion */
/* for container queries */
/* #region Z-index */
/* #endregion */
/* #region Timing functions */
/* #endregion */
/* #region Inline components */
/* #endregion */
.adyen-kyc-dropdown {
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  max-width: 100%;
  width: 100%;
}

.adyen-kyc-dropdown-button {
  background: var(--adyen-sdk-color-background-primary, #ffffff);
  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
  color: var(--adyen-sdk-color-label-primary, #00112c);
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
  min-height: 40px;
  outline: 0;
  padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-090, 24px) var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-060, 12px);
  text-decoration: none;
  transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
  user-select: none;
}

.adyen-kyc-dropdown-button:hover {
  border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
}

.adyen-kyc-dropdown-button__icon svg {
  border-radius: var(--adyen-sdk-border-radius-s, 4px);
  margin-right: var(--adyen-sdk-spacer-040, 8px);
  height: 26px;
  max-width: 40px;
}

.adyen-kyc-dropdown-button--active,
.adyen-kyc-dropdown-button--active:hover,
.adyen-kyc-dropdown-button:active,
.adyen-kyc-dropdown-button:focus {
  border-color: var(--adyen-sdk-color-outline-tertiary-active, #00112c);
  outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
}

.adyen-kyc-dropdown-button--readonly, .adyen-kyc-dropdown-button--readonly.adyen-kyc-dropdown-button--active, .adyen-kyc-dropdown-button--readonly:hover, .adyen-kyc-dropdown-button--readonly:focus {
  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
  color: var(--adyen-sdk-color-label-disabled, #8d95a3);
  cursor: not-allowed;
  background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
  border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
}

.adyen-kyc-dropdown-button--readonly::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");
}

.adyen-kyc-dropdown-button--invalid {
  border-color: var(--adyen-sdk-color-outline-critical, #e22d2d);
}

.adyen-kyc-dropdown-button__text {
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
  overflow: hidden;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adyen-kyc-dropdown-button__text--placeholder {
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
}

.adyen-kyc-dropdown-button-search {
  align-items: center;
  display: flex;
  width: 100%;
}
.adyen-kyc-dropdown-button-search__icon {
  color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
  padding-right: var(--adyen-sdk-spacer-040, 8px);
}
.adyen-kyc-dropdown-button-search .adyen-kyc-filter-input::placeholder {
  color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
}

.adyen-kyc-dropdown-button-search::after {
  display: none;
}

.adyen-kyc-dropdown-list {
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
  box-shadow: var(--adyen-sdk-shadow-medium-border, 0px 6px 12px rgba(0, 17, 44, 0.08), 0px 2px 4px rgba(0, 17, 44, 0.04), 0px 0px 0px 1px rgba(0, 17, 44, 0.06));
  z-index: 2;
}
.adyen-kyc-dropdown-list .adyen-kyc-checkbox__helper-text {
  cursor: pointer;
}

.adyen-kyc-dropdown-list--above {
  bottom: -6px;
}

.adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
  margin-top: var(--adyen-sdk-spacer-010, 2px);
}

.adyen-kyc-dropdown-element {
  border: var(--adyen-sdk-border-width-s, 1px) solid transparent;
  cursor: pointer;
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
  hyphens: auto;
  outline: 0;
  padding: var(--adyen-sdk-spacer-040, 8px);
  transition: background 0.2s ease-out, border-color 0.2s ease-out;
  user-select: none;
  word-break: break-word;
}
.adyen-kyc-dropdown-element.adyen-kyc-dropdown-search-element {
  align-items: baseline;
  display: flex;
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  width: 100%;
}

.adyen-kyc-dropdown-search-element__description {
  flex: 1;
}
.adyen-kyc-dropdown-search-element__description--highlight {
  font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
}
.adyen-kyc-dropdown-search-element__addresses {
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
  display: flex;
}
.adyen-kyc-dropdown-search-element__addresses--icon {
  align-items: center;
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
  display: flex;
  margin-left: var(--adyen-sdk-spacer-040, 8px);
}
.adyen-kyc-dropdown-search-element__addresses--text {
  display: none;
  margin-left: var(--adyen-sdk-spacer-020, 4px);
}
@container main (min-width: 1024px) {
  .adyen-kyc-dropdown-search-element__addresses--text {
    display: block;
  }
}

.adyen-kyc-dropdown-element:last-child {
  border-bottom: 0;
}

.adyen-kyc-dropdown-element:hover,
.adyen-kyc-dropdown-element:focus,
.adyen-kyc-dropdown-element:active {
  background: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
}

.adyen-kyc-dropdown-element.adyen-kyc-dropdown-element--active {
  background: var(--adyen-sdk-color-background-primary-active, #eeeff1);
}

.adyen-kyc-dropdown-element--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.adyen-kyc-dropdown-element__icon svg {
  border-radius: var(--adyen-sdk-border-radius-s, 4px);
  margin-right: var(--adyen-sdk-spacer-040, 8px);
  height: 26px;
  max-width: 40px;
}

.adyen-kyc-dropdown-element.adyen-kyc-dropdown-element-description {
  align-items: baseline;
  flex-direction: column;
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
}

.adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
  right: 32px;
}/* #region Borders */
/* #endregion */
/* for container queries */
/* #region Z-index */
/* #endregion */
/* #region Timing functions */
/* #endregion */
/* #region Inline components */
/* #endregion */
.adyen-kyc-dropdown {
  position: relative;
}

.adyen-kyc-dropdown-button {
  align-items: center;
  cursor: pointer;
  display: flex;
}

.adyen-kyc-dropdown-button::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;
  content: "";
  height: 6px;
  position: absolute;
  right: 16px;
  width: 8px;
}

.adyen-kyc-dropdown-button--active::after {
  transform: rotate(180deg);
}

.adyen-kyc-filter-input {
  background: var(--adyen-sdk-color-background-primary, #ffffff);
  border: 0;
  caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
  color: var(--adyen-sdk-color-label-primary, #00112c);
  font-family: inherit;
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  height: 100%;
  padding: var(--adyen-sdk-spacer-000, 0px);
  width: 100%;
}
.adyen-kyc-filter-input::placeholder {
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
}
.adyen-kyc-filter-input:focus, .adyen-kyc-filter-input:active {
  outline: 0;
}

.adyen-kyc-dropdown-list {
  background: var(--adyen-sdk-color-background-primary, #ffffff);
  display: none;
  list-style: none;
  margin: var(--adyen-sdk-spacer-000, 0px);
  margin-bottom: var(--adyen-sdk-spacer-120, 48px);
  overflow-y: auto;
  padding: var(--adyen-sdk-spacer-000, 0px);
  position: absolute;
  width: 100%;
  z-index: 1;
}
.adyen-kyc-dropdown-list__transformer {
  position: relative;
  padding: 0;
  margin: 0;
}

.adyen-kyc-dropdown-list.adyen-kyc-dropdown-list--active {
  display: block;
}

.adyen-kyc-dropdown-element {
  align-items: center;
  display: flex;
}/* #region Borders */
/* #endregion */
/* for container queries */
/* #region Z-index */
/* #endregion */
/* #region Timing functions */
/* #endregion */
/* #region Inline components */
/* #endregion */
.adyen-kyc-typography {
  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-typography--body {
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
  letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
}
.adyen-kyc-typography--body-stronger {
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
  letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
}
.adyen-kyc-typography--body-strongest {
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
  letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
  font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
}
.adyen-kyc-typography--caption {
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
  letter-spacing: var(--adyen-sdk-text-caption-letter-spacing, 0);
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
}
.adyen-kyc-typography--caption-stronger {
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
  letter-spacing: var(--adyen-sdk-text-caption-letter-spacing, 0);
  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
}
.adyen-kyc-typography--title {
  font-size: var(--adyen-sdk-text-title-font-size, 16px);
  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
  line-height: var(--adyen-sdk-text-title-line-height, 26px);
  letter-spacing: var(--adyen-sdk-text-title-letter-spacing, 0);
}
@container main (max-width: 680px) {
  .adyen-kyc-typography--title {
    font-size: var(--adyen-sdk-text-title-mobile-font-size, 16px);
    line-height: var(--adyen-sdk-text-title-mobile-line-height, 26px);
  }
}
.adyen-kyc-typography--title-m {
  font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
  font-family: var(--adyen-sdk-text-title-m-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
  line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
  letter-spacing: var(--adyen-sdk-text-title-m-letter-spacing, 0);
}
@container main (max-width: 680px) {
  .adyen-kyc-typography--title-m {
    font-size: var(--adyen-sdk-text-title-m-mobile-font-size, 18px);
    line-height: var(--adyen-sdk-text-title-m-mobile-line-height, 28px);
  }
}
.adyen-kyc-typography--title-l {
  font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
  font-family: var(--adyen-sdk-text-title-l-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
  line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
  letter-spacing: var(--adyen-sdk-text-title-l-letter-spacing, 0);
}
@container main (max-width: 680px) {
  .adyen-kyc-typography--title-l {
    font-size: var(--adyen-sdk-text-title-l-mobile-font-size, 20px);
    line-height: var(--adyen-sdk-text-title-l-mobile-line-height, 30px);
  }
}
.adyen-kyc-typography--primary {
  color: var(--adyen-sdk-color-label-primary, #00112c);
}
.adyen-kyc-typography--secondary {
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
}
.adyen-kyc-typography--tertiary {
  color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
}
.adyen-kyc-typography--disabled {
  color: var(--adyen-sdk-color-label-disabled, #8d95a3);
}
.adyen-kyc-typography--success {
  color: var(--adyen-sdk-color-label-success, #07893c);
}
.adyen-kyc-typography--warning {
  color: var(--adyen-sdk-color-label-warning, #b06300);
}
.adyen-kyc-typography--critical {
  color: var(--adyen-sdk-color-label-critical, #e22d2d);
}
.adyen-kyc-typography--highlight {
  color: var(--adyen-sdk-color-label-highlight, #0070f5);
}
.adyen-kyc-typography--inverse-primary {
  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
}
.adyen-kyc-typography--inverse-secondary {
  color: var(--adyen-sdk-color-label-inverse-secondary, #9ea6b1);
}.adyen-kyc-checkbox {
  display: block;
}
.adyen-kyc-checkbox__label {
  color: var(--adyen-sdk-color-label-primary, #00112c);
  cursor: pointer;
  display: inline-block;
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
  line-height: calc(var(--adyen-sdk-text-body-font-size, 14px) + 2px);
  padding-left: var(--adyen-sdk-spacer-090, 24px);
  position: relative;
  user-select: none;
  width: calc(100% - 32px); /* leaves space for the error icon */
}
.adyen-kyc-checkbox__helper-text {
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
  display: block;
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  padding-left: var(--adyen-sdk-spacer-090, 24px);
}

.adyen-kyc-checkbox__input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  /* Check */
  /* Box */
}
.adyen-kyc-checkbox__input:hover + .adyen-kyc-checkbox__label::after {
  background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
}
.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-sdk-color-background-inverse-primary, #00112c);
  border-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
}
.adyen-kyc-checkbox__input:checked:hover + .adyen-kyc-checkbox__label::after {
  background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
  border-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
}
.adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::before {
  border-bottom: var(--adyen-sdk-border-width-m, 2px) solid var(--adyen-sdk-color-background-primary, #ffffff);
  border-right: var(--adyen-sdk-border-width-m, 2px) solid var(--adyen-sdk-color-background-primary, #ffffff);
  content: "";
  height: 7px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 4px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%;
  width: 5px;
  z-index: 1;
}
.adyen-kyc-checkbox__input + .adyen-kyc-checkbox__label::after {
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
  border-radius: var(--adyen-sdk-border-radius-s, 4px);
  content: "";
  height: calc(var(--adyen-sdk-text-body-font-size, 14px) + 2px);
  left: 0;
  position: absolute;
  top: 0;
  width: calc(var(--adyen-sdk-text-body-font-size, 14px) + 2px);
  z-index: 0;
}/* #region Borders */
/* #endregion */
/* for container queries */
/* #region Z-index */
/* #endregion */
/* #region Timing functions */
/* #endregion */
/* #region Inline components */
/* #endregion */
.adyen-kyc-form-header {
  margin-bottom: var(--adyen-sdk-spacer-120, 48px);
}
.adyen-kyc-form-header__heading {
  font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
  font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
  line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
  margin-bottom: var(--adyen-sdk-spacer-040, 8px);
}
.adyen-kyc-form-header__description {
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
  font-size: var(--adyen-sdk-text-title-font-size, 16px);
  font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-title-font-weight, 600);
  line-height: var(--adyen-sdk-text-title-line-height, 26px);
}/* #region Borders */
/* #endregion */
/* for container queries */
/* #region Z-index */
/* #endregion */
/* #region Timing functions */
/* #endregion */
/* #region Inline components */
/* #endregion */
.adyen-kyc-field-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.adyen-kyc-field-wrapper:last-of-type > .adyen-kyc-field:not(:last-of-type) {
  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
}

.adyen-kyc-field--col-70 {
  width: calc(70% - 8px);
}
.adyen-kyc-field--col-50 {
  width: calc(50% - 8px);
}
.adyen-kyc-field--col-30 {
  width: calc(30% - 8px);
}

.adyen-kyc-input-wrapper {
  display: block;
  position: relative;
  margin-top: var(--adyen-sdk-spacer-040, 8px);
}
.adyen-kyc-input-wrapper--block {
  display: block;
}

.adyen-kyc-input {
  height: 40px;
  line-height: 40px;
  min-height: 40px;
  padding-bottom: var(--adyen-sdk-spacer-000, 0px);
  padding-top: var(--adyen-sdk-spacer-000, 0px);
  background: var(--adyen-sdk-color-background-primary, #ffffff);
  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
  border-radius: var(--adyen-sdk-border-radius-m, 8px);
  caret-color: var(--adyen-sdk-color-label-highlight, #0070f5);
  color: var(--adyen-sdk-color-label-primary, #00112c);
  display: block;
  font-family: inherit;
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
  outline: none;
  padding: var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-060, 12px);
  position: relative;
  transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
  width: 100%;
}
.adyen-kyc-input::placeholder {
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
}
.adyen-kyc-input:hover {
  border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6d7789);
}
.adyen-kyc-input:required {
  box-shadow: none;
}
.adyen-kyc-input[readonly], .adyen-kyc-input[readonly]:hover, .adyen-kyc-input--disabled {
  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);
  color: var(--adyen-sdk-color-label-disabled, #8d95a3);
  cursor: not-allowed;
  background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
  border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
}
.adyen-kyc-input--disabled:hover {
  border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
}
.adyen-kyc-input--error, .adyen-kyc-input--invalid, .adyen-kyc-input--error:hover, .adyen-kyc-input--invalid:hover {
  border-color: var(--adyen-sdk-color-outline-critical, #e22d2d);
  color: var(--adyen-sdk-color-label-critical, #e22d2d);
}
.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-sdk-color-outline-tertiary-active, #00112c);
  outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #00112c);
}
.adyen-kyc-input--number {
  appearance: none;
  margin: 0;
  /* Remove the spinner buttons */
}
.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-sdk-spacer-100, 32px);
}
.adyen-kyc-input--textarea {
  height: 60px;
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
}
.adyen-kyc-input__inline-validation {
  height: 16px;
  position: absolute;
  right: 14px;
  transform: translateY(-50%);
  width: 16px;
}
.adyen-kyc-input__inline-validation--valid {
  color: var(--adyen-sdk-color-label-success, #07893c);
  display: none;
}
.adyen-kyc-input__inline-validation--invalid {
  color: var(--adyen-sdk-color-label-critical, #e22d2d);
  top: 50%;
}
.adyen-kyc-input__inline-validation--invalid-bottom {
  top: var(--adyen-sdk-spacer-040, 8px);
}
.adyen-kyc-input__counter {
  color: var(--adyen-sdk-color-label-secondary, #5c687c);
  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
  margin: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-000, 0px);
  position: absolute;
  right: 0;
}

@container main (max-width: 680px) {
  [class*=adyen-kyc-field--col-] {
    width: 100%;
  }
}
@container main (min-width: 680px) and (max-width: 1024px) {
  .adyen-kyc-field-wrapper {
    flex-wrap: nowrap;
  }
  .adyen-kyc-field-wrapper > .adyen-kyc-field:first-child {
    margin-right: var(--adyen-sdk-spacer-040, 8px);
  }
  .adyen-kyc-field-wrapper > .adyen-kyc-field:nth-child(2) {
    margin-left: 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-input--mismatch {
  animation: mismatchShake 300ms;
  border-color: var(--adyen-sdk-color-outline-critical, #e22d2d) !important;
}

@keyframes mismatchShake {
  25% {
    transform: translateX(4px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(4px);
  }
}.adyen-kyc-radio-group {
  display: flex;
  flex-direction: column;
  margin-top: var(--adyen-sdk-spacer-040, 8px);
}
.adyen-kyc-radio-group--horizontal {
  flex-direction: row;
}

.adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
  display: none;
}

.adyen-kyc-radio-group__label {
  color: inherit;
  display: block;
  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);
  overflow: visible;
  padding-bottom: var(--adyen-sdk-spacer-000, 0px);
  padding-left: var(--adyen-sdk-spacer-090, 24px);
  position: relative;
}

.adyen-kyc-label--focused .adyen-kyc-radio-group__label {
  color: inherit;
}/* #region Borders */
/* #endregion */
/* for container queries */
/* #region Z-index */
/* #endregion */
/* #region Timing functions */
/* #endregion */
/* #region Inline components */
/* #endregion */
.adyen-kyc-input-radio {
  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: inline-flex;
  vertical-align: baseline;
}

.adyen-kyc-input-radio__input {
  appearance: none;
  background-color: var(--adyen-sdk-color-background-primary, #ffffff);
  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8d95a3);
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
  cursor: pointer;
  display: inline-block;
  flex-basis: 16px;
  height: 16px;
  margin: var(--adyen-sdk-spacer-000, 0px);
  min-width: 16px;
  outline: none;
  position: relative;
  top: 3px;
  width: 16px;
}
.adyen-kyc-input-radio__input::after {
  inset: calc(var(--adyen-sdk-spacer-020, 4px) * -1);
  content: "";
  display: block;
  position: absolute;
}
.adyen-kyc-input-radio__input::before {
  background: var(--adyen-sdk-color-background-primary, #ffffff);
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
  content: "";
  display: block;
  height: 6px;
  left: 4px;
  opacity: 0;
  position: absolute;
  top: 4px;
  transform: scale(0);
  transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 6px;
}
.adyen-kyc-input-radio__input:checked {
  background: var(--adyen-sdk-color-background-inverse-primary, #00112c);
  border-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
}
.adyen-kyc-input-radio__input:checked::before {
  opacity: 1;
  transform: scale(1);
}
.adyen-kyc-input-radio__input:checked:hover {
  border-color: var(--adyen-sdk-color-outline-inverse-primary-hover, #6d7789);
  background-color: var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c);
}
.adyen-kyc-input-radio__input:checked:disabled:hover {
  background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
  border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
}
.adyen-kyc-input-radio__input:checked:disabled::before {
  background-color: var(--adyen-sdk-color-outline-tertiary, #8d95a3);
}
.adyen-kyc-input-radio__input:hover {
  background-color: var(--adyen-sdk-color-background-primary-hover, #f7f7f8);
}
.adyen-kyc-input-radio__input:focus {
  box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8)), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(0, 112, 245, 0.8));
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
  transition-property: box-shadow;
}
.adyen-kyc-input-radio__input:disabled {
  background-color: var(--adyen-sdk-color-background-disabled, #eeeff1);
  border-color: var(--adyen-sdk-color-outline-disabled, #dbdee2);
  cursor: not-allowed;
}

.adyen-kyc-input-radio__content {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding-left: var(--adyen-sdk-spacer-040, 8px);
  flex-grow: 1;
}

.adyen-kyc-input-radio__label {
  line-height: var(--adyen-sdk-text-body-line-height, 20px);
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
  margin-right: var(--adyen-sdk-spacer-070, 16px);
  vertical-align: baseline;
}.adyen-kyc-field--dbaName {
  margin-left: 0 !important;
}.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-radio-group-card__label.adyen-kyc-entity-type-radio-group-card__header {
  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
}

.adyen-kyc-radio-card__icon.adyen-kyc-entity-type-radio-group-card__icon span {
  display: flex;
  font-size: calc(var(--adyen-sdk-text-title-m-font-size, 20px) * 2);
}

.adyen-kyc-radio-card.adyen-kyc-entity-type-radio-group-card__container {
  display: flex;
  align-items: center;
  padding: var(--adyen-sdk-spacer-070, 16px);
  gap: var(--adyen-sdk-spacer-060, 12px);
}

.adyen-kyc-radio-card__body.adyen-kyc-entity-type-radio-group-card__body {
  display: flex;
  flex-direction: column;
  gap: var(--adyen-sdk-spacer-020, 4px);
  margin-bottom: var(--adyen-sdk-spacer-000, 0px);
}

.adyen-kyc-entity-type-rad