:root{
	--opacity1: opacity1 1s;	
}
@keyframes opacity1 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes position1 {
	0% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes position2 {
	0% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes scale1 {
	0% {
		transform: scale(0.9);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes scale2 {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.1);
	}
}

@keyframes scale3 {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes borderColor1 {
	100% {
		border-color: "#10b981";
	}
}

@keyframes borderColor2 {

	100% {
		border-color: "#3b82f6";
	}
}

@keyframes borderColor3 {

	100% {
		border-color: "#e5e7eb";
	}
}

@keyframes width1 {
	100% {
		transform: scaleX(1);
	}
}

@keyframes width0 {
	100% {
		transform: scaleX(0);
	}
}