.flip-2-ver-right-fwd {
	-webkit-animation: flip-2-ver-right-fwd 0.5s
		cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
	animation: flip-2-ver-right-fwd 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955)
		both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-5-20 9:35:26
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-2-ver-right-fwd
 * ----------------------------------------
 */
@-webkit-keyframes flip-2-ver-right-fwd {
	0% {
		transform: translateX(0) translateZ(0) rotateY(0) scale(1);
		transform-origin: 100% 50%;
		-moz-transform: translateX(0) translateZ(0) rotateY(0) scale(1);
		-ms-transform: translateX(0) translateZ(0) rotateY(0) scale(1);
		-o-transform: translateX(0) translateZ(0) rotateY(0) scale(1);
	}
	100% {
		transform: translateX(100%) translateZ(160px) rotateY(-180deg) scale(1.2);
		transform-origin: 5% 50%;
		-moz-transform: translateX(100%) translateZ(160px) rotateY(-180deg)
			scale(1.2);
		-ms-transform: translateX(100%) translateZ(160px) rotateY(-180deg)
			scale(1.2);
		-o-transform: translateX(100%) translateZ(160px) rotateY(-180deg) scale(1.2);
	}
}
@keyframes flip-2-ver-right-fwd {
	0% {
		transform: translateX(0) translateZ(0) rotateY(0) scale(1);
		transform-origin: 100% 50%;
		-moz-transform: translateX(0) translateZ(0) rotateY(0) scale(1);
		-ms-transform: translateX(0) translateZ(0) rotateY(0) scale(1);
		-o-transform: translateX(0) translateZ(0) rotateY(0) scale(1);
	}
	100% {
		transform: translateX(100%) translateZ(160px) rotateY(-180deg) scale(1.2);
		transform-origin: 5% 50%;
		-moz-transform: translateX(100%) translateZ(160px) rotateY(-180deg)
			scale(1.2);
		-ms-transform: translateX(100%) translateZ(160px) rotateY(-180deg)
			scale(1.2);
		-o-transform: translateX(100%) translateZ(160px) rotateY(-180deg) scale(1.2);
	}
}

.roll-out-right {
	-webkit-animation: roll-out-right 0.6s ease-in both;
	animation: roll-out-right 0.6s ease-in both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-7-6 11:16:15
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation roll-out-right
 * ----------------------------------------
 */
@-webkit-keyframes roll-out-right {
	0% {
		transform: translateX(0) rotate(0deg);
		opacity: 1;
	}
	100% {
		transform: translateX(1000px) rotate(540deg);
		opacity: 0;
	}
}
@keyframes roll-out-right {
	0% {
		transform: translateX(0) rotate(0deg);
		opacity: 1;
	}
	100% {
		transform: translateX(1000px) rotate(540deg);
		opacity: 0;
	}
}

.slide-out-blurred-right {
	-webkit-animation: slide-out-blurred-right 0.45s
		cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
	animation: slide-out-blurred-right 0.45s
		cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-7-7 10:27:9
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-blurred-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-blurred-right {
	0% {
		transform: translateX(0) scaleY(1) scaleX(1);
		transform-origin: 50% 50%;
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
	100% {
		transform: translateX(1000px) scaleX(2) scaleY(0.2);
		transform-origin: 0% 50%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		opacity: 0;
	}
}
@keyframes slide-out-blurred-right {
	0% {
		transform: translateX(0) scaleY(1) scaleX(1);
		transform-origin: 50% 50%;
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
	}
	100% {
		transform: translateX(1000px) scaleX(2) scaleY(0.2);
		transform-origin: 0% 50%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		opacity: 0;
	}
}

.slide-out-bottom {
	-webkit-animation: slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53)
		both;
	animation: slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-7-7 13:40:40
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-bottom {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(1000px);
		opacity: 0;
	}
}
@keyframes slide-out-bottom {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(1000px);
		opacity: 0;
	}
}