.customer-field-newsletter {
  /* stylelint-disable-next-line property-no-unknown */
  interpolate-size: allow-keywords;
}

.customer-field-newsletter__interest-fields {
  overflow: hidden;
  visibility: hidden;
  transition: height 0.2s ease, visibility 0.1s ease;
  height: 0;
}

.customer-field-newsletter:has(input[name="newsletter"]:checked) .customer-field-newsletter__interest-fields {
  height: auto;
  visibility: visible;
}