/* src/typography/src/Heading.css */
:where(.o-ui-heading) {
  margin: 0;
  font-size: inherit;
  overflow-wrap: break-word;
}
:where(.o-ui-heading-xs) {
  font-size: var(--hop-heading-xs-font-size);
  font-family: var(--hop-heading-xs-font-family);
  font-weight: var(--hop-heading-xs-font-weight);
  line-height: var(--hop-heading-xs-line-height);
  margin-bottom: calc(var(--o-ui-fs-5) * .5);
}
:where(.o-ui-heading-sm) {
  font-size: var(--hop-heading-sm-font-size);
  font-family: var(--hop-heading-sm-font-family);
  font-weight: var(--hop-heading-sm-font-weight);
  line-height: var(--hop-heading-sm-line-height);
  margin-bottom: calc(var(--o-ui-fs-6) * .5);
}
:where(.o-ui-heading-md) {
  font-size: var(--hop-heading-md-font-size);
  font-family: var(--hop-heading-md-font-family);
  font-weight: var(--hop-heading-md-font-weight);
  line-height: var(--hop-heading-md-line-height);
  margin-bottom: calc(var(--o-ui-fs-7) * .5);
}
:where(.o-ui-heading-lg) {
  font-size: var(--hop-heading-lg-font-size);
  font-family: var(--hop-heading-lg-font-family);
  font-weight: var(--hop-heading-lg-font-weight);
  line-height: var(--hop-heading-lg-line-height);
  margin-bottom: calc(var(--o-ui-fs-8) * .5);
}
:where(.o-ui-heading-xl) {
  font-size: var(--hop-heading-xl-font-size);
  font-family: var(--hop-heading-xl-font-family);
  font-weight: var(--hop-heading-xl-font-weight);
  line-height: var(--hop-heading-xl-line-height);
  margin-bottom: calc(var(--o-ui-fs-9) * .5);
}
:where(.o-ui-heading-2xl) {
  font-size: var(--hop-heading-2xl-font-size);
  font-family: var(--hop-heading-2xl-font-family);
  font-weight: var(--hop-heading-2xl-font-weight);
  line-height: var(--hop-heading-2xl-line-height);
  margin-bottom: calc(var(--o-ui-fs-4) * .5);
}
:where(.o-ui-heading-3xl) {
  font-size: var(--hop-heading-3xl-font-size);
  font-family: var(--hop-heading-3xl-font-family);
  font-weight: var(--hop-heading-3xl-font-weight);
  line-height: var(--hop-heading-3xl-line-height);
  margin-bottom: calc(var(--o-ui-fs-4) * .5);
}