/* Font Sizes */
.text-xs {
	font-size: var(--text-xs);
	line-height: var(--text-xs--line-height);
}
.text-sm {
	font-size: var(--text-sm);
	line-height: var(--text-sm--line-height);
}
.text-base {
	font-size: var(--text-base);
	line-height: var(--text-base--line-height);
}
.text-lg {
	font-size: var(--text-lg);
	line-height: var(--text-lg--line-height);
}
.text-xl {
	font-size: var(--text-xl);
	line-height: var(--text-xl--line-height);
}
.text-2xl {
	font-size: var(--text-2xl);
	line-height: var(--text-2xl--line-height);
}
.text-3xl {
	font-size: var(--text-3xl);
	line-height: var(--text-3xl--line-height);
}
.text-4xl {
	font-size: var(--text-4xl);
	line-height: var(--text-4xl--line-height);
}
.text-5xl {
	font-size: var(--text-5xl);
	line-height: var(--text-5xl--line-height);
}
.text-6xl {
	font-size: var(--text-6xl);
	line-height: var(--text-6xl--line-height);
}
.text-7xl {
	font-size: var(--text-7xl);
	line-height: var(--text-7xl--line-height);
}
.text-8xl {
	font-size: var(--text-8xl);
	line-height: var(--text-8xl--line-height);
}
.text-9xl {
	font-size: var(--text-9xl);
	line-height: var(--text-9xl--line-height);
}

@media (width >= 24rem) {
	/* 384px */
	.text-xs-sm {
		font-size: var(--text-sm);
		line-height: var(--text-sm--line-height);
	}
	.text-xs-base {
		font-size: var(--text-base);
		line-height: var(--text-base--line-height);
	}
	.text-xs-lg {
		font-size: var(--text-lg);
		line-height: var(--text-lg--line-height);
	}
	.text-xs-xl {
		font-size: var(--text-xl);
		line-height: var(--text-xl--line-height);
	}
	.text-xs-2xl {
		font-size: var(--text-2xl);
		line-height: var(--text-2xl--line-height);
	}
	.text-xs-3xl {
		font-size: var(--text-3xl);
		line-height: var(--text-3xl--line-height);
	}
	.text-xs-4xl {
		font-size: var(--text-4xl);
		line-height: var(--text-4xl--line-height);
	}
	.text-xs-5xl {
		font-size: var(--text-5xl);
		line-height: var(--text-5xl--line-height);
	}
	.text-xs-6xl {
		font-size: var(--text-6xl);
		line-height: var(--text-6xl--line-height);
	}
	.text-xs-7xl {
		font-size: var(--text-7xl);
		line-height: var(--text-7xl--line-height);
	}
	.text-xs-8xl {
		font-size: var(--text-8xl);
		line-height: var(--text-8xl--line-height);
	}
	.text-xs-9xl {
		font-size: var(--text-9xl);
		line-height: var(--text-9xl--line-height);
	}
}

@media (width >= 48rem) {
	/* 768px */
	.text-sm-xs {
		font-size: var(--text-xs);
		line-height: var(--text-xs--line-height);
	}
	.text-sm-base {
		font-size: var(--text-base);
		line-height: var(--text-base--line-height);
	}
	.text-sm-lg {
		font-size: var(--text-lg);
		line-height: var(--text-lg--line-height);
	}
	.text-sm-xl {
		font-size: var(--text-xl);
		line-height: var(--text-xl--line-height);
	}
	.text-sm-2xl {
		font-size: var(--text-2xl);
		line-height: var(--text-2xl--line-height);
	}
	.text-sm-3xl {
		font-size: var(--text-3xl);
		line-height: var(--text-3xl--line-height);
	}
	.text-sm-4xl {
		font-size: var(--text-4xl);
		line-height: var(--text-4xl--line-height);
	}
	.text-sm-5xl {
		font-size: var(--text-5xl);
		line-height: var(--text-5xl--line-height);
	}
	.text-sm-6xl {
		font-size: var(--text-6xl);
		line-height: var(--text-6xl--line-height);
	}
	.text-sm-7xl {
		font-size: var(--text-7xl);
		line-height: var(--text-7xl--line-height);
	}
	.text-sm-8xl {
		font-size: var(--text-8xl);
		line-height: var(--text-8xl--line-height);
	}
	.text-sm-9xl {
		font-size: var(--text-9xl);
		line-height: var(--text-9xl--line-height);
	}
}

@media (width >= 62rem) {
	/* 992px */
	.text-md-xs {
		font-size: var(--text-xs);
		line-height: var(--text-xs--line-height);
	}
	.text-md-sm {
		font-size: var(--text-sm);
		line-height: var(--text-sm--line-height);
	}
	.text-md-lg {
		font-size: var(--text-lg);
		line-height: var(--text-lg--line-height);
	}
	.text-md-xl {
		font-size: var(--text-xl);
		line-height: var(--text-xl--line-height);
	}
	.text-md-2xl {
		font-size: var(--text-2xl);
		line-height: var(--text-2xl--line-height);
	}
	.text-md-3xl {
		font-size: var(--text-3xl);
		line-height: var(--text-3xl--line-height);
	}
	.text-md-4xl {
		font-size: var(--text-4xl);
		line-height: var(--text-4xl--line-height);
	}
	.text-md-5xl {
		font-size: var(--text-5xl);
		line-height: var(--text-5xl--line-height);
	}
	.text-md-6xl {
		font-size: var(--text-6xl);
		line-height: var(--text-6xl--line-height);
	}
	.text-md-7xl {
		font-size: var(--text-7xl);
		line-height: var(--text-7xl--line-height);
	}
	.text-md-8xl {
		font-size: var(--text-8xl);
		line-height: var(--text-8xl--line-height);
	}
	.text-md-9xl {
		font-size: var(--text-9xl);
		line-height: var(--text-9xl--line-height);
	}
}