/* Fade-out */
.nep-fade-out {
	animation: nep-fade-out var(--nep-animation-duration) var(--nep-animation-delay) var(--nep-animation-direction) var(--nep-animation-fillmode);
}

@keyframes nep-fade-out {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* Fade-out-up */
.nep-fade-out-up {
	animation: nep-fade-out-up var(--nep-animation-duration) var(--nep-animation-delay) var(--nep-animation-direction) var(--nep-animation-fillmode);
}

@keyframes nep-fade-out-up {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-5rem);
	}
}

/* Fade-out-left */
.nep-fade-out-left {
	animation: nep-fade-out-left var(--nep-animation-duration) var(--nep-animation-delay) var(--nep-animation-direction) var(--nep-animation-fillmode);
}

@keyframes nep-fade-out-left {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(-5rem);
	}
}

/* Fade-out-down */
.nep-fade-out-down {
	animation: nep-fade-out-down var(--nep-animation-duration) var(--nep-animation-delay) var(--nep-animation-direction) var(--nep-animation-fillmode);
}

@keyframes nep-fade-out-down {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

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

/* Fade-out-right */
.nep-fade-out-right {
	animation: nep-fade-out-right var(--nep-animation-duration) var(--nep-animation-delay) var(--nep-animation-direction) var(--nep-animation-fillmode);
}

@keyframes nep-fade-out-right {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

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