/*!
 * Utilities/Transforms
 */

.rotate-90 {
	transform: rotate(90deg) !important;
}

.rotate-180 {
	transform: rotate(180deg) !important;
}

.translate-x-0 {
	transform: translateX(0) !important;
}

.translate-y-\[calc\(50\%\*var\(--progress\)\)\] {
	transform: translateY(calc(50% * var(--progress))) !important;
}

.-translate-1\/2 {
	transform: translate(-50%, -50%) !important;
}

.-translate-x-1\/2 {
	transform: translateX(-50%) !important;
}

.-translate-y-1\/2 {
	transform: translateY(-50%) !important;
}

@media (min-width: 80em) {
	.lg\:translate-x-\[calc\(25\%\*var\(--progress\)\)\] {
		transform: translateX(calc(25% * var(--progress))) !important;
	}

	.lg\:translate-x-\[calc\(-25\%\*var\(--progress\)\)\] {
		transform: translateX(calc(-25% * var(--progress))) !important;
	}

	.lg\:translate-y-\[calc\(25\%\*var\(--progress\)\)\] {
		transform: translateY(calc(25% * var(--progress))) !important;
	}

	.lg\:-translate-y-1\/2 {
		transform: translateY(-50%) !important;
	}
}