.ds24-section--custom-code .signup-form {
  align-items: center;
  gap: var(--pw-signup-gap);
  padding: var(--pw-signup-pad-top) var(--pw-pad-inline) var(--pw-signup-pad-bottom);
  background-color: var(--pw-color-blue-atoll);
  color: var(--pw-color-white);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .signup-form__text {
  align-items: center;
  gap: var(--pw-signup-text-gap);
  width: min(100%, var(--pw-signup-text-width));
  text-align: center;
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .signup-form__title {
  font-size: var(--pw-type-h2-size);
  font-weight: var(--pw-font-bold);
  line-height: var(--pw-lh-heading);
  letter-spacing: var(--pw-ls-heading);
  margin: 0;
}

.ds24-section--custom-code .signup-form__lead {
  font-size: var(--pw-type-lead-size);
  max-width: var(--pw-signup-lead-max);
  font-weight: var(--pw-font-regular);
  line-height: var(--pw-lh-tight);
  margin: 0;
}

.ds24-section--custom-code .signup-form__form {
  align-items: center;
  gap: var(--pw-signup-form-gap);
  width: 100%;
  max-width: var(--pw-signup-form-max);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .signup-form__fields {
  gap: var(--pw-signup-fields-gap);
  flex-direction: column;
  width: 100%;
  display: flex;
}

@media (width >= 1024px) {
  .ds24-section--custom-code .signup-form__form {
    flex-flow: wrap;
    justify-content: center;
    align-items: stretch;
    width: auto;
    max-width: 100%;
  }

  .ds24-section--custom-code .signup-form__fields {
    display: contents;
  }

  .ds24-section--custom-code .signup-form__form .pw-field {
    flex: 0 0 var(--pw-signup-field-width);
    width: var(--pw-signup-field-width);
  }
}