/* Opt-in visual styles, independent of the element's semantic heading level. */
.ov-text-h1,
.ov-text-h2,
.ov-text-h3,
.ov-text-h4,
.ov-text-body,
.ov-text-small,
.ov-text-caption,
.ov-text-body-lg,
.ov-text-body-md,
.ov-text-label,
.ov-text-button,
.ov-text-button-lg {
	font-weight: var(--font-weight-regular);
	letter-spacing: 0;
	overflow-wrap: anywhere;
}

.ov-text-h1,
.ov-text-h2,
.ov-text-h3 {
	font-family: var(--font-display);
}

.ov-text-h4,
.ov-text-small,
.ov-text-caption,
.ov-text-body-lg,
.ov-text-body-md,
.ov-text-label,
.ov-text-button,
.ov-text-button-lg {
	font-family: var(--font-ui);
}

.ov-text-h1 {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size-h1);
	line-height: var(--line-height-h1);
}

.ov-text-h2 {
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size-h2);
	line-height: var(--line-height-h2);
}

.ov-text-h3 {
	font-size: var(--font-size-h3);
	line-height: var(--line-height-h3);
}

.ov-text-h4 {
	font-size: var(--font-size-h4);
	line-height: var(--line-height-h4);
}

.ov-text-body {
	font-family: var(--font-body);
	font-size: var(--font-size-body);
	line-height: var(--line-height-body);
}

.ov-text-small {
	font-size: var(--font-size-small);
	line-height: var(--line-height-small);
}

.ov-text-caption {
	font-size: var(--font-size-caption);
	line-height: var(--line-height-caption);
}

.ov-text-body-lg {
	font-size: var(--font-size-body-lg);
	line-height: var(--line-height-body-lg);
}

.ov-text-body-md {
	font-size: var(--font-size-body-md);
	line-height: var(--line-height-body-md);
}

.ov-text-label {
	font-size: var(--font-size-label);
	font-weight: var(--font-weight-medium);
	line-height: var(--line-height-label);
}

.ov-text-button {
	font-size: var(--font-size-button);
	line-height: var(--line-height-button);
}

.ov-text-button-lg {
	font-size: var(--font-size-button-lg);
	line-height: var(--line-height-button-lg);
}