@keyframes expanded {
	from {
		opacity: 0;
		max-height: 0;
		animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
	}

	to {
		opacity: 1;
		max-height: 9999px;
		animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
	}

}

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

	to  {
		opacity: 1;
		transform: translateX(0);
	}

}

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

	to  {
		opacity: 1;
		transform: translateX(0);
	}

}

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

	to  {
		opacity: 1;
		scale: 1;
	}

}

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

	to  {
		opacity: 1;
		transform: translateX(0);
	}

}

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

	to  {
		opacity: 1;
		transform: translateX(0);
	}
}

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

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

	to  {
		opacity: 1;
		transform: translateY(0);
	}
}