@keyframes expanded {
	0% {
		opacity: 0;
		height: 0;
	}

	100% {
		opacity: 1;
		height: "auto";
	}

}

@keyframes logItem {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}

}

@keyframes filteredRequests {
	0% {
		opacity: 0;
		transform: translateX(-10px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}

}

@keyframes modal {
	0% {
		opacity: 0;
		scale: 0.9;
	}

	100% {
		opacity: 1;
		scale: 1;
	}

}

@keyframes branding {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}

}

@keyframes logingForm {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes logingError {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes routes {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

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