/* Animations */

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes slideUp {
	from {
		transform: translateY(100%);
		opacity: 0;
	}

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

@keyframes vanish {
	to {
		transform: scale(0.9);
		opacity: 0;
	}
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 0.9;
	}

	50% {
		transform: scale(1.02);
		opacity: 1;
	}

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

.pulse {
	animation: pulse 1.5s ease-in-out infinite;
}

.fade-in {
	animation: fadeIn 0.3s ease-in-out;
}

.slide-up {
	animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.vanish {
	animation: vanish 0.3s forwards;
}

.pulse {
	animation: pulse 0.2s ease-in-out;
}