/* 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);
}

/* src/typography/src/Paragraph.css */
.o-ui-p {
  font-weight: 400;
  overflow-wrap: break-word;
  margin: 0;
}
.o-ui-p:last-child {
  margin-bottom: 0;
}
.o-ui-p-sm {
  margin-bottom: calc(var(--o-ui-fs-2) * .75);
}
.o-ui-p-md {
  margin-bottom: calc(var(--o-ui-fs-3) * .75);
}
.o-ui-p-lg {
  margin-bottom: calc(var(--o-ui-fs-4) * .75);
}
.o-ui-p-xl {
  margin-bottom: calc(var(--o-ui-fs-5) * .75);
}
.o-ui-p-2xl {
  margin-bottom: calc(var(--o-ui-fs-6) * .75);
}
.o-ui-p-inherit-size {
  font-weight: inherit;
  margin-bottom: .75em;
}

/* src/typography/src/Text.css */
:where(.o-ui-text-xs) {
  font-size: var(--hop-body-xs-font-size);
  font-family: var(--hop-body-xs-font-family);
  font-weight: var(--hop-body-xs-font-weight);
  line-height: var(--hop-body-xs-line-height);
}
:where(.o-ui-text-sm) {
  font-size: var(--hop-body-sm-font-size);
  font-family: var(--hop-body-sm-font-family);
  font-weight: var(--hop-body-sm-font-weight);
  line-height: var(--hop-body-sm-line-height);
}
:where(.o-ui-text-md) {
  font-size: var(--hop-body-md-font-size);
  font-family: var(--hop-body-md-font-family);
  font-weight: var(--hop-body-md-font-weight);
  line-height: var(--hop-body-md-line-height);
}
:where(.o-ui-text-lg) {
  font-size: var(--hop-body-lg-font-size);
  font-family: var(--hop-body-lg-font-family);
  font-weight: var(--hop-body-lg-font-weight);
  line-height: var(--hop-body-lg-line-height);
}
:where(.o-ui-text-xl) {
  font-size: var(--hop-body-xl-font-size);
  font-family: var(--hop-body-xl-font-family);
  font-weight: var(--hop-body-xl-font-weight);
  line-height: var(--hop-body-xl-line-height);
}
:where(.o-ui-text-2xl) {
  font-size: var(--hop-body-2xl-font-size);
  font-family: var(--hop-body-2xl-font-family);
  font-weight: var(--hop-body-2xl-font-weight);
  line-height: var(--hop-body-2xl-line-height);
}
:where(.o-ui-text-inherit-size) {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

/* src/typography/src/index.css */