/**
 * Form Section Heading with divider — Figma node 1:326
 * https://www.figma.com/design/3K5NCL3hmFtGdh4nHeALv1/Untitled?node-id=1-326
 */

.fh-section-heading {
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: var(--fh-padding-section-heading-y);
  padding-bottom: var(--fh-padding-section-heading-y);
  border-bottom: var(--fh-border-width-hairline) solid var(--fh-color-text);
  word-break: break-word;
}

.fh-section-heading__text {
  margin: 0;
  font-family: var(--fh-font-family);
  font-size: var(--fh-font-size-section-heading);
  font-weight: var(--fh-font-weight-section-heading);
  line-height: var(--fh-line-height-section-heading);
  color: var(--fh-color-text);
  white-space: nowrap;
}