/*!
 * Utilities/Typescale
 */

.text-display-large {
	font-family: var(--x-sys-typescale-display-large-font) !important;
	font-size: var(--x-sys-typescale-display-large-size) !important;
	font-weight: var(--x-sys-typescale-display-large-weight) !important;
	letter-spacing: var(--x-sys-typescale-display-large-tracking) !important;
	line-height: var(--x-sys-typescale-display-large-line-height) !important;
	text-transform: var(--x-sys-typescale-display-large-transform) !important;
}

.text-display-medium {
	font-family: var(--x-sys-typescale-display-medium-font) !important;
	font-size: var(--x-sys-typescale-display-medium-size) !important;
	font-weight: var(--x-sys-typescale-display-medium-weight) !important;
	letter-spacing: var(--x-sys-typescale-display-medium-tracking) !important;
	line-height: var(--x-sys-typescale-display-medium-line-height) !important;
	text-transform: var(--x-sys-typescale-display-medium-transform) !important;
}

.text-display-small {
	font-family: var(--x-sys-typescale-display-small-font) !important;
	font-size: var(--x-sys-typescale-display-small-size) !important;
	font-weight: var(--x-sys-typescale-display-small-weight) !important;
	letter-spacing: var(--x-sys-typescale-display-small-tracking) !important;
	line-height: var(--x-sys-typescale-display-small-line-height) !important;
	text-transform: var(--x-sys-typescale-display-small-transform) !important;
}

.text-headline-large {
	font-family: var(--x-sys-typescale-headline-large-font) !important;
	font-size: var(--x-sys-typescale-headline-large-size) !important;
	font-weight: var(--x-sys-typescale-headline-large-weight) !important;
	letter-spacing: var(--x-sys-typescale-headline-large-tracking) !important;
	line-height: var(--x-sys-typescale-headline-large-line-height) !important;
	text-transform: var(--x-sys-typescale-headline-large-transform) !important;
}

.text-headline-medium {
	font-family: var(--x-sys-typescale-headline-medium-font) !important;
	font-size: var(--x-sys-typescale-headline-medium-size) !important;
	font-weight: var(--x-sys-typescale-headline-medium-weight) !important;
	letter-spacing: var(--x-sys-typescale-headline-medium-tracking) !important;
	line-height: var(--x-sys-typescale-headline-medium-line-height) !important;
	text-transform: var(--x-sys-typescale-headline-medium-transform) !important;
}

.text-headline-small {
	font-family: var(--x-sys-typescale-headline-small-font) !important;
	font-size: var(--x-sys-typescale-headline-small-size) !important;
	font-weight: var(--x-sys-typescale-headline-small-weight) !important;
	letter-spacing: var(--x-sys-typescale-headline-small-tracking) !important;
	line-height: var(--x-sys-typescale-headline-small-line-height) !important;
	text-transform: var(--x-sys-typescale-headline-small-transform) !important;
}

.text-title-large {
	font-family: var(--x-sys-typescale-title-large-font) !important;
	font-size: var(--x-sys-typescale-title-large-size) !important;
	font-weight: var(--x-sys-typescale-title-large-weight) !important;
	letter-spacing: var(--x-sys-typescale-title-large-tracking) !important;
	line-height: var(--x-sys-typescale-title-large-line-height) !important;
	text-transform: var(--x-sys-typescale-title-large-transform) !important;
}

.text-title-medium {
	font-family: var(--x-sys-typescale-title-medium-font) !important;
	font-size: var(--x-sys-typescale-title-medium-size) !important;
	font-weight: var(--x-sys-typescale-title-medium-weight) !important;
	letter-spacing: var(--x-sys-typescale-title-medium-tracking) !important;
	line-height: var(--x-sys-typescale-title-medium-line-height) !important;
	text-transform: var(--x-sys-typescale-title-medium-transform) !important;
}

.text-title-small {
	font-family: var(--x-sys-typescale-title-small-font) !important;
	font-size: var(--x-sys-typescale-title-small-size) !important;
	font-weight: var(--x-sys-typescale-title-small-weight) !important;
	letter-spacing: var(--x-sys-typescale-title-small-tracking) !important;
	line-height: var(--x-sys-typescale-title-small-line-height) !important;
	text-transform: var(--x-sys-typescale-title-small-transform) !important;
}

.text-label-large {
	font-family: var(--x-sys-typescale-label-large-font) !important;
	font-size: var(--x-sys-typescale-label-large-size) !important;
	font-weight: var(--x-sys-typescale-label-large-weight) !important;
	letter-spacing: var(--x-sys-typescale-label-large-tracking) !important;
	line-height: var(--x-sys-typescale-label-large-line-height) !important;
	text-transform: var(--x-sys-typescale-label-large-transform) !important;
}

.text-label-medium {
	font-family: var(--x-sys-typescale-label-medium-font) !important;
	font-size: var(--x-sys-typescale-label-medium-size) !important;
	font-weight: var(--x-sys-typescale-label-medium-weight) !important;
	letter-spacing: var(--x-sys-typescale-label-medium-tracking) !important;
	line-height: var(--x-sys-typescale-label-medium-line-height) !important;
	text-transform: var(--x-sys-typescale-label-medium-transform) !important;
}

.text-label-small {
	font-family: var(--x-sys-typescale-label-small-font) !important;
	font-size: var(--x-sys-typescale-label-small-size) !important;
	font-weight: var(--x-sys-typescale-label-small-weight) !important;
	letter-spacing: var(--x-sys-typescale-label-small-tracking) !important;
	line-height: var(--x-sys-typescale-label-small-line-height) !important;
	text-transform: var(--x-sys-typescale-label-small-transform) !important;
}

.text-body-large {
	font-family: var(--x-sys-typescale-body-large-font) !important;
	font-size: var(--x-sys-typescale-body-large-size) !important;
	font-weight: var(--x-sys-typescale-body-large-weight) !important;
	letter-spacing: var(--x-sys-typescale-body-large-tracking) !important;
	line-height: var(--x-sys-typescale-body-large-line-height) !important;
	text-transform: var(--x-sys-typescale-body-large-transform) !important;
}

.text-body-medium {
	font-family: var(--x-sys-typescale-body-medium-font) !important;
	font-size: var(--x-sys-typescale-body-medium-size) !important;
	font-weight: var(--x-sys-typescale-body-medium-weight) !important;
	letter-spacing: var(--x-sys-typescale-body-medium-tracking) !important;
	line-height: var(--x-sys-typescale-body-medium-line-height) !important;
	text-transform: var(--x-sys-typescale-body-medium-transform) !important;
}

.text-body-small {
	font-family: var(--x-sys-typescale-body-small-font) !important;
	font-size: var(--x-sys-typescale-body-small-size) !important;
	font-weight: var(--x-sys-typescale-body-small-weight) !important;
	letter-spacing: var(--x-sys-typescale-body-small-tracking) !important;
	line-height: var(--x-sys-typescale-body-small-line-height) !important;
	text-transform: var(--x-sys-typescale-body-small-transform) !important;
}

@media (min-width: 37.5em) {
	.sm\:text-display-large {
		font-family: var(--x-sys-typescale-display-large-font) !important;
		font-size: var(--x-sys-typescale-display-large-size) !important;
		font-weight: var(--x-sys-typescale-display-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-display-large-tracking) !important;
		line-height: var(--x-sys-typescale-display-large-line-height) !important;
		text-transform: var(--x-sys-typescale-display-large-transform) !important;
	}

	.sm\:text-display-medium {
		font-family: var(--x-sys-typescale-display-medium-font) !important;
		font-size: var(--x-sys-typescale-display-medium-size) !important;
		font-weight: var(--x-sys-typescale-display-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-display-medium-tracking) !important;
		line-height: var(--x-sys-typescale-display-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-display-medium-transform) !important;
	}

	.sm\:text-display-small {
		font-family: var(--x-sys-typescale-display-small-font) !important;
		font-size: var(--x-sys-typescale-display-small-size) !important;
		font-weight: var(--x-sys-typescale-display-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-display-small-tracking) !important;
		line-height: var(--x-sys-typescale-display-small-line-height) !important;
		text-transform: var(--x-sys-typescale-display-small-transform) !important;
	}

	.sm\:text-headline-large {
		font-family: var(--x-sys-typescale-headline-large-font) !important;
		font-size: var(--x-sys-typescale-headline-large-size) !important;
		font-weight: var(--x-sys-typescale-headline-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-headline-large-tracking) !important;
		line-height: var(--x-sys-typescale-headline-large-line-height) !important;
		text-transform: var(--x-sys-typescale-headline-large-transform) !important;
	}

	.sm\:text-headline-medium {
		font-family: var(--x-sys-typescale-headline-medium-font) !important;
		font-size: var(--x-sys-typescale-headline-medium-size) !important;
		font-weight: var(--x-sys-typescale-headline-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-headline-medium-tracking) !important;
		line-height: var(--x-sys-typescale-headline-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-headline-medium-transform) !important;
	}

	.sm\:text-headline-small {
		font-family: var(--x-sys-typescale-headline-small-font) !important;
		font-size: var(--x-sys-typescale-headline-small-size) !important;
		font-weight: var(--x-sys-typescale-headline-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-headline-small-tracking) !important;
		line-height: var(--x-sys-typescale-headline-small-line-height) !important;
		text-transform: var(--x-sys-typescale-headline-small-transform) !important;
	}

	.sm\:text-title-large {
		font-family: var(--x-sys-typescale-title-large-font) !important;
		font-size: var(--x-sys-typescale-title-large-size) !important;
		font-weight: var(--x-sys-typescale-title-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-title-large-tracking) !important;
		line-height: var(--x-sys-typescale-title-large-line-height) !important;
		text-transform: var(--x-sys-typescale-title-large-transform) !important;
	}

	.sm\:text-title-medium {
		font-family: var(--x-sys-typescale-title-medium-font) !important;
		font-size: var(--x-sys-typescale-title-medium-size) !important;
		font-weight: var(--x-sys-typescale-title-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-title-medium-tracking) !important;
		line-height: var(--x-sys-typescale-title-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-title-medium-transform) !important;
	}

	.sm\:text-title-small {
		font-family: var(--x-sys-typescale-title-small-font) !important;
		font-size: var(--x-sys-typescale-title-small-size) !important;
		font-weight: var(--x-sys-typescale-title-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-title-small-tracking) !important;
		line-height: var(--x-sys-typescale-title-small-line-height) !important;
		text-transform: var(--x-sys-typescale-title-small-transform) !important;
	}

	.sm\:text-label-large {
		font-family: var(--x-sys-typescale-label-large-font) !important;
		font-size: var(--x-sys-typescale-label-large-size) !important;
		font-weight: var(--x-sys-typescale-label-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-label-large-tracking) !important;
		line-height: var(--x-sys-typescale-label-large-line-height) !important;
		text-transform: var(--x-sys-typescale-label-large-transform) !important;
	}

	.sm\:text-label-medium {
		font-family: var(--x-sys-typescale-label-medium-font) !important;
		font-size: var(--x-sys-typescale-label-medium-size) !important;
		font-weight: var(--x-sys-typescale-label-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-label-medium-tracking) !important;
		line-height: var(--x-sys-typescale-label-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-label-medium-transform) !important;
	}

	.sm\:text-label-small {
		font-family: var(--x-sys-typescale-label-small-font) !important;
		font-size: var(--x-sys-typescale-label-small-size) !important;
		font-weight: var(--x-sys-typescale-label-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-label-small-tracking) !important;
		line-height: var(--x-sys-typescale-label-small-line-height) !important;
		text-transform: var(--x-sys-typescale-label-small-transform) !important;
	}

	.sm\:text-body-large {
		font-family: var(--x-sys-typescale-body-large-font) !important;
		font-size: var(--x-sys-typescale-body-large-size) !important;
		font-weight: var(--x-sys-typescale-body-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-body-large-tracking) !important;
		line-height: var(--x-sys-typescale-body-large-line-height) !important;
		text-transform: var(--x-sys-typescale-body-large-transform) !important;
	}

	.sm\:text-body-medium {
		font-family: var(--x-sys-typescale-body-medium-font) !important;
		font-size: var(--x-sys-typescale-body-medium-size) !important;
		font-weight: var(--x-sys-typescale-body-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-body-medium-tracking) !important;
		line-height: var(--x-sys-typescale-body-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-body-medium-transform) !important;
	}

	.sm\:text-body-small {
		font-family: var(--x-sys-typescale-body-small-font) !important;
		font-size: var(--x-sys-typescale-body-small-size) !important;
		font-weight: var(--x-sys-typescale-body-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-body-small-tracking) !important;
		line-height: var(--x-sys-typescale-body-small-line-height) !important;
		text-transform: var(--x-sys-typescale-body-small-transform) !important;
	}
}

@media (min-width: 52.5em) {
	.md\:text-display-large {
		font-family: var(--x-sys-typescale-display-large-font) !important;
		font-size: var(--x-sys-typescale-display-large-size) !important;
		font-weight: var(--x-sys-typescale-display-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-display-large-tracking) !important;
		line-height: var(--x-sys-typescale-display-large-line-height) !important;
		text-transform: var(--x-sys-typescale-display-large-transform) !important;
	}

	.md\:text-display-medium {
		font-family: var(--x-sys-typescale-display-medium-font) !important;
		font-size: var(--x-sys-typescale-display-medium-size) !important;
		font-weight: var(--x-sys-typescale-display-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-display-medium-tracking) !important;
		line-height: var(--x-sys-typescale-display-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-display-medium-transform) !important;
	}

	.md\:text-display-small {
		font-family: var(--x-sys-typescale-display-small-font) !important;
		font-size: var(--x-sys-typescale-display-small-size) !important;
		font-weight: var(--x-sys-typescale-display-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-display-small-tracking) !important;
		line-height: var(--x-sys-typescale-display-small-line-height) !important;
		text-transform: var(--x-sys-typescale-display-small-transform) !important;
	}

	.md\:text-headline-large {
		font-family: var(--x-sys-typescale-headline-large-font) !important;
		font-size: var(--x-sys-typescale-headline-large-size) !important;
		font-weight: var(--x-sys-typescale-headline-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-headline-large-tracking) !important;
		line-height: var(--x-sys-typescale-headline-large-line-height) !important;
		text-transform: var(--x-sys-typescale-headline-large-transform) !important;
	}

	.md\:text-headline-medium {
		font-family: var(--x-sys-typescale-headline-medium-font) !important;
		font-size: var(--x-sys-typescale-headline-medium-size) !important;
		font-weight: var(--x-sys-typescale-headline-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-headline-medium-tracking) !important;
		line-height: var(--x-sys-typescale-headline-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-headline-medium-transform) !important;
	}

	.md\:text-headline-small {
		font-family: var(--x-sys-typescale-headline-small-font) !important;
		font-size: var(--x-sys-typescale-headline-small-size) !important;
		font-weight: var(--x-sys-typescale-headline-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-headline-small-tracking) !important;
		line-height: var(--x-sys-typescale-headline-small-line-height) !important;
		text-transform: var(--x-sys-typescale-headline-small-transform) !important;
	}

	.md\:text-title-large {
		font-family: var(--x-sys-typescale-title-large-font) !important;
		font-size: var(--x-sys-typescale-title-large-size) !important;
		font-weight: var(--x-sys-typescale-title-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-title-large-tracking) !important;
		line-height: var(--x-sys-typescale-title-large-line-height) !important;
		text-transform: var(--x-sys-typescale-title-large-transform) !important;
	}

	.md\:text-title-medium {
		font-family: var(--x-sys-typescale-title-medium-font) !important;
		font-size: var(--x-sys-typescale-title-medium-size) !important;
		font-weight: var(--x-sys-typescale-title-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-title-medium-tracking) !important;
		line-height: var(--x-sys-typescale-title-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-title-medium-transform) !important;
	}

	.md\:text-title-small {
		font-family: var(--x-sys-typescale-title-small-font) !important;
		font-size: var(--x-sys-typescale-title-small-size) !important;
		font-weight: var(--x-sys-typescale-title-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-title-small-tracking) !important;
		line-height: var(--x-sys-typescale-title-small-line-height) !important;
		text-transform: var(--x-sys-typescale-title-small-transform) !important;
	}

	.md\:text-label-large {
		font-family: var(--x-sys-typescale-label-large-font) !important;
		font-size: var(--x-sys-typescale-label-large-size) !important;
		font-weight: var(--x-sys-typescale-label-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-label-large-tracking) !important;
		line-height: var(--x-sys-typescale-label-large-line-height) !important;
		text-transform: var(--x-sys-typescale-label-large-transform) !important;
	}

	.md\:text-label-medium {
		font-family: var(--x-sys-typescale-label-medium-font) !important;
		font-size: var(--x-sys-typescale-label-medium-size) !important;
		font-weight: var(--x-sys-typescale-label-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-label-medium-tracking) !important;
		line-height: var(--x-sys-typescale-label-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-label-medium-transform) !important;
	}

	.md\:text-label-small {
		font-family: var(--x-sys-typescale-label-small-font) !important;
		font-size: var(--x-sys-typescale-label-small-size) !important;
		font-weight: var(--x-sys-typescale-label-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-label-small-tracking) !important;
		line-height: var(--x-sys-typescale-label-small-line-height) !important;
		text-transform: var(--x-sys-typescale-label-small-transform) !important;
	}

	.md\:text-body-large {
		font-family: var(--x-sys-typescale-body-large-font) !important;
		font-size: var(--x-sys-typescale-body-large-size) !important;
		font-weight: var(--x-sys-typescale-body-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-body-large-tracking) !important;
		line-height: var(--x-sys-typescale-body-large-line-height) !important;
		text-transform: var(--x-sys-typescale-body-large-transform) !important;
	}

	.md\:text-body-medium {
		font-family: var(--x-sys-typescale-body-medium-font) !important;
		font-size: var(--x-sys-typescale-body-medium-size) !important;
		font-weight: var(--x-sys-typescale-body-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-body-medium-tracking) !important;
		line-height: var(--x-sys-typescale-body-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-body-medium-transform) !important;
	}

	.md\:text-body-small {
		font-family: var(--x-sys-typescale-body-small-font) !important;
		font-size: var(--x-sys-typescale-body-small-size) !important;
		font-weight: var(--x-sys-typescale-body-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-body-small-tracking) !important;
		line-height: var(--x-sys-typescale-body-small-line-height) !important;
		text-transform: var(--x-sys-typescale-body-small-transform) !important;
	}
}

@media (min-width: 80em) {
	.lg\:text-display-large {
		font-family: var(--x-sys-typescale-display-large-font) !important;
		font-size: var(--x-sys-typescale-display-large-size) !important;
		font-weight: var(--x-sys-typescale-display-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-display-large-tracking) !important;
		line-height: var(--x-sys-typescale-display-large-line-height) !important;
		text-transform: var(--x-sys-typescale-display-large-transform) !important;
	}

	.lg\:text-display-medium {
		font-family: var(--x-sys-typescale-display-medium-font) !important;
		font-size: var(--x-sys-typescale-display-medium-size) !important;
		font-weight: var(--x-sys-typescale-display-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-display-medium-tracking) !important;
		line-height: var(--x-sys-typescale-display-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-display-medium-transform) !important;
	}

	.lg\:text-display-small {
		font-family: var(--x-sys-typescale-display-small-font) !important;
		font-size: var(--x-sys-typescale-display-small-size) !important;
		font-weight: var(--x-sys-typescale-display-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-display-small-tracking) !important;
		line-height: var(--x-sys-typescale-display-small-line-height) !important;
		text-transform: var(--x-sys-typescale-display-small-transform) !important;
	}

	.lg\:text-headline-large {
		font-family: var(--x-sys-typescale-headline-large-font) !important;
		font-size: var(--x-sys-typescale-headline-large-size) !important;
		font-weight: var(--x-sys-typescale-headline-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-headline-large-tracking) !important;
		line-height: var(--x-sys-typescale-headline-large-line-height) !important;
		text-transform: var(--x-sys-typescale-headline-large-transform) !important;
	}

	.lg\:text-headline-medium {
		font-family: var(--x-sys-typescale-headline-medium-font) !important;
		font-size: var(--x-sys-typescale-headline-medium-size) !important;
		font-weight: var(--x-sys-typescale-headline-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-headline-medium-tracking) !important;
		line-height: var(--x-sys-typescale-headline-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-headline-medium-transform) !important;
	}

	.lg\:text-headline-small {
		font-family: var(--x-sys-typescale-headline-small-font) !important;
		font-size: var(--x-sys-typescale-headline-small-size) !important;
		font-weight: var(--x-sys-typescale-headline-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-headline-small-tracking) !important;
		line-height: var(--x-sys-typescale-headline-small-line-height) !important;
		text-transform: var(--x-sys-typescale-headline-small-transform) !important;
	}

	.lg\:text-title-large {
		font-family: var(--x-sys-typescale-title-large-font) !important;
		font-size: var(--x-sys-typescale-title-large-size) !important;
		font-weight: var(--x-sys-typescale-title-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-title-large-tracking) !important;
		line-height: var(--x-sys-typescale-title-large-line-height) !important;
		text-transform: var(--x-sys-typescale-title-large-transform) !important;
	}

	.lg\:text-title-medium {
		font-family: var(--x-sys-typescale-title-medium-font) !important;
		font-size: var(--x-sys-typescale-title-medium-size) !important;
		font-weight: var(--x-sys-typescale-title-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-title-medium-tracking) !important;
		line-height: var(--x-sys-typescale-title-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-title-medium-transform) !important;
	}

	.lg\:text-title-small {
		font-family: var(--x-sys-typescale-title-small-font) !important;
		font-size: var(--x-sys-typescale-title-small-size) !important;
		font-weight: var(--x-sys-typescale-title-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-title-small-tracking) !important;
		line-height: var(--x-sys-typescale-title-small-line-height) !important;
		text-transform: var(--x-sys-typescale-title-small-transform) !important;
	}

	.lg\:text-label-large {
		font-family: var(--x-sys-typescale-label-large-font) !important;
		font-size: var(--x-sys-typescale-label-large-size) !important;
		font-weight: var(--x-sys-typescale-label-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-label-large-tracking) !important;
		line-height: var(--x-sys-typescale-label-large-line-height) !important;
		text-transform: var(--x-sys-typescale-label-large-transform) !important;
	}

	.lg\:text-label-medium {
		font-family: var(--x-sys-typescale-label-medium-font) !important;
		font-size: var(--x-sys-typescale-label-medium-size) !important;
		font-weight: var(--x-sys-typescale-label-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-label-medium-tracking) !important;
		line-height: var(--x-sys-typescale-label-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-label-medium-transform) !important;
	}

	.lg\:text-label-small {
		font-family: var(--x-sys-typescale-label-small-font) !important;
		font-size: var(--x-sys-typescale-label-small-size) !important;
		font-weight: var(--x-sys-typescale-label-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-label-small-tracking) !important;
		line-height: var(--x-sys-typescale-label-small-line-height) !important;
		text-transform: var(--x-sys-typescale-label-small-transform) !important;
	}

	.lg\:text-body-large {
		font-family: var(--x-sys-typescale-body-large-font) !important;
		font-size: var(--x-sys-typescale-body-large-size) !important;
		font-weight: var(--x-sys-typescale-body-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-body-large-tracking) !important;
		line-height: var(--x-sys-typescale-body-large-line-height) !important;
		text-transform: var(--x-sys-typescale-body-large-transform) !important;
	}

	.lg\:text-body-medium {
		font-family: var(--x-sys-typescale-body-medium-font) !important;
		font-size: var(--x-sys-typescale-body-medium-size) !important;
		font-weight: var(--x-sys-typescale-body-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-body-medium-tracking) !important;
		line-height: var(--x-sys-typescale-body-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-body-medium-transform) !important;
	}

	.lg\:text-body-small {
		font-family: var(--x-sys-typescale-body-small-font) !important;
		font-size: var(--x-sys-typescale-body-small-size) !important;
		font-weight: var(--x-sys-typescale-body-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-body-small-tracking) !important;
		line-height: var(--x-sys-typescale-body-small-line-height) !important;
		text-transform: var(--x-sys-typescale-body-small-transform) !important;
	}
}

@media (min-width: 100em) {
	.xl\:text-display-large {
		font-family: var(--x-sys-typescale-display-large-font) !important;
		font-size: var(--x-sys-typescale-display-large-size) !important;
		font-weight: var(--x-sys-typescale-display-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-display-large-tracking) !important;
		line-height: var(--x-sys-typescale-display-large-line-height) !important;
		text-transform: var(--x-sys-typescale-display-large-transform) !important;
	}

	.xl\:text-display-medium {
		font-family: var(--x-sys-typescale-display-medium-font) !important;
		font-size: var(--x-sys-typescale-display-medium-size) !important;
		font-weight: var(--x-sys-typescale-display-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-display-medium-tracking) !important;
		line-height: var(--x-sys-typescale-display-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-display-medium-transform) !important;
	}

	.xl\:text-display-small {
		font-family: var(--x-sys-typescale-display-small-font) !important;
		font-size: var(--x-sys-typescale-display-small-size) !important;
		font-weight: var(--x-sys-typescale-display-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-display-small-tracking) !important;
		line-height: var(--x-sys-typescale-display-small-line-height) !important;
		text-transform: var(--x-sys-typescale-display-small-transform) !important;
	}

	.xl\:text-headline-large {
		font-family: var(--x-sys-typescale-headline-large-font) !important;
		font-size: var(--x-sys-typescale-headline-large-size) !important;
		font-weight: var(--x-sys-typescale-headline-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-headline-large-tracking) !important;
		line-height: var(--x-sys-typescale-headline-large-line-height) !important;
		text-transform: var(--x-sys-typescale-headline-large-transform) !important;
	}

	.xl\:text-headline-medium {
		font-family: var(--x-sys-typescale-headline-medium-font) !important;
		font-size: var(--x-sys-typescale-headline-medium-size) !important;
		font-weight: var(--x-sys-typescale-headline-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-headline-medium-tracking) !important;
		line-height: var(--x-sys-typescale-headline-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-headline-medium-transform) !important;
	}

	.xl\:text-headline-small {
		font-family: var(--x-sys-typescale-headline-small-font) !important;
		font-size: var(--x-sys-typescale-headline-small-size) !important;
		font-weight: var(--x-sys-typescale-headline-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-headline-small-tracking) !important;
		line-height: var(--x-sys-typescale-headline-small-line-height) !important;
		text-transform: var(--x-sys-typescale-headline-small-transform) !important;
	}

	.xl\:text-title-large {
		font-family: var(--x-sys-typescale-title-large-font) !important;
		font-size: var(--x-sys-typescale-title-large-size) !important;
		font-weight: var(--x-sys-typescale-title-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-title-large-tracking) !important;
		line-height: var(--x-sys-typescale-title-large-line-height) !important;
		text-transform: var(--x-sys-typescale-title-large-transform) !important;
	}

	.xl\:text-title-medium {
		font-family: var(--x-sys-typescale-title-medium-font) !important;
		font-size: var(--x-sys-typescale-title-medium-size) !important;
		font-weight: var(--x-sys-typescale-title-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-title-medium-tracking) !important;
		line-height: var(--x-sys-typescale-title-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-title-medium-transform) !important;
	}

	.xl\:text-title-small {
		font-family: var(--x-sys-typescale-title-small-font) !important;
		font-size: var(--x-sys-typescale-title-small-size) !important;
		font-weight: var(--x-sys-typescale-title-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-title-small-tracking) !important;
		line-height: var(--x-sys-typescale-title-small-line-height) !important;
		text-transform: var(--x-sys-typescale-title-small-transform) !important;
	}

	.xl\:text-label-large {
		font-family: var(--x-sys-typescale-label-large-font) !important;
		font-size: var(--x-sys-typescale-label-large-size) !important;
		font-weight: var(--x-sys-typescale-label-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-label-large-tracking) !important;
		line-height: var(--x-sys-typescale-label-large-line-height) !important;
		text-transform: var(--x-sys-typescale-label-large-transform) !important;
	}

	.xl\:text-label-medium {
		font-family: var(--x-sys-typescale-label-medium-font) !important;
		font-size: var(--x-sys-typescale-label-medium-size) !important;
		font-weight: var(--x-sys-typescale-label-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-label-medium-tracking) !important;
		line-height: var(--x-sys-typescale-label-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-label-medium-transform) !important;
	}

	.xl\:text-label-small {
		font-family: var(--x-sys-typescale-label-small-font) !important;
		font-size: var(--x-sys-typescale-label-small-size) !important;
		font-weight: var(--x-sys-typescale-label-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-label-small-tracking) !important;
		line-height: var(--x-sys-typescale-label-small-line-height) !important;
		text-transform: var(--x-sys-typescale-label-small-transform) !important;
	}

	.xl\:text-body-large {
		font-family: var(--x-sys-typescale-body-large-font) !important;
		font-size: var(--x-sys-typescale-body-large-size) !important;
		font-weight: var(--x-sys-typescale-body-large-weight) !important;
		letter-spacing: var(--x-sys-typescale-body-large-tracking) !important;
		line-height: var(--x-sys-typescale-body-large-line-height) !important;
		text-transform: var(--x-sys-typescale-body-large-transform) !important;
	}

	.xl\:text-body-medium {
		font-family: var(--x-sys-typescale-body-medium-font) !important;
		font-size: var(--x-sys-typescale-body-medium-size) !important;
		font-weight: var(--x-sys-typescale-body-medium-weight) !important;
		letter-spacing: var(--x-sys-typescale-body-medium-tracking) !important;
		line-height: var(--x-sys-typescale-body-medium-line-height) !important;
		text-transform: var(--x-sys-typescale-body-medium-transform) !important;
	}

	.xl\:text-body-small {
		font-family: var(--x-sys-typescale-body-small-font) !important;
		font-size: var(--x-sys-typescale-body-small-size) !important;
		font-weight: var(--x-sys-typescale-body-small-weight) !important;
		letter-spacing: var(--x-sys-typescale-body-small-tracking) !important;
		line-height: var(--x-sys-typescale-body-small-line-height) !important;
		text-transform: var(--x-sys-typescale-body-small-transform) !important;
	}
}