.text-block {
	color: currentColor;
	display: inline-block;
	margin: 0;
	padding: 0;
	&.type- {
		&subtitle,
		&title,
		&title-large,
		&display {
			font: {
				family: var(--font-family-display);
				weight: 600;
			}
		}
		&body,
		&body-strong,
		&body-large,
		&body-large-strong {
			font-family: var(--font-family-text);
		}
		&caption {
			line-height: 16px;
			font: {
				size: var(--caption-font-size);
				weight: 400;
				family: var(--font-family-small);
			}
		}
		&body,
		&body-strong,
		&body-large,
		&body-large-strong {
			line-height: 20px;
			font: {
				weight: 400;
				size: var(--body-font-size);
			}
		}
		&body-strong,
		&body-large-strong {
			font-weight: 600;
		}
		&body-large,
		&body-large-strong {
			font-size: var(--body-large-font-size);
			line-height: 24px;
		}
		&subtitle {
			font-size: var(--subtitle-font-size);
			line-height: 28px;
		}
		&title {
			font-size: var(--title-font-size);
			line-height: 36px;
		}
		&title-large {
			font-size: var(--title-large-font-size);
			line-height: 52px;
		}
		&display {
			font-size: var(--display-font-size);
			line-height: 92px;
		}
	}
}