.newsletter-signup-section {
  background-color: var(--hs-color-newsletter_signup_section-bg);
  padding: calc(var(--hs-spacing-large) * 6) var(--hs-spacing-large);
}

.newsletter-signup-section__content {
  color: var(--hs-color-newsletter_signup_section-box_fg);
  background-color: var(--hs-color-newsletter_signup_section-box_bg);
  max-width: 600px;
  padding: calc(var(--hs-spacing-large) * 2);
}

.newsletter-signup-section__interest-fields {
  /* stylelint-disable-next-line property-no-unknown */
  interpolate-size: allow-keywords;
  overflow: hidden;
  visibility: hidden;
  height: 0;
  opacity: 0;
  transition: height 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
}

/* stylelint-disable max-line-length */
.newsletter-signup-section__form:focus-within .newsletter-signup-section__interest-fields,
.newsletter-signup-section__form:has(.newsletter-signup-section__contact-fields input:not(:placeholder-shown)) .newsletter-signup-section__interest-fields,
.newsletter-signup-section__form:has(.newsletter-signup-section__interest-fields input:checked) .newsletter-signup-section__interest-fields {
  visibility: visible;
  height: auto;
  opacity: 1;
}

@starting-style {
  .newsletter-signup-section__form:focus-within .newsletter-signup-section__interest-fields,
  .newsletter-signup-section__form:has(.newsletter-signup-section__contact-fields input:not(:placeholder-shown)) .newsletter-signup-section__interest-fields,
  .newsletter-signup-section__form:has(.newsletter-signup-section__interest-fields input:checked) .newsletter-signup-section__interest-fields {
    height: 0;
    opacity: 0;
  }
}
/* stylelint-enable max-line-length */