/* ----------------------------------------------
 * Generated by Animista on 2025-10-2 11:46:34
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@keyframes slide-r {
	from{
		translate:-20px 0;
		opacity: 0;
	}
	to{
		translate:0 0;
		opacity: 1;
	}
}

@keyframes slide-up {
	from{
		translate:0 20px;
		opacity: 0;
	}
	to{
		translate:0 0;
		opacity: 1;
	}
}

@keyframes slide-down {
	from{
		translate:0 -20px;
		opacity: 0;
	}
	to{
		translate:0 0;
		opacity: 1;
	}
}

@keyframes slide-l{
	from{
		translate:20px 0;
		opacity: 0;
	}
	to{
		translate:0 0;
		opacity: 1;
	}
}

@keyframes slide-in-left {
	0% {
		transform: translateX(-1000px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes shake {
	0%, 100% { transform: translateX(0); opacity: 1;}
	25% { transform: translateX(-10px); opacity: 1;}
	75% { transform: translateX(10px); opacity: 1;}
}

@keyframes zoomin {
	from { transform: scale(0); opacity: 0; }
	to { transform: scale(1); opacity: 1; }
}

/* ----------------------------------------------
 * Generated by Animista on 2026-2-24 14:36:1
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tilt-in-left-1
 * ----------------------------------------
 */
@keyframes tilt-in-left-1 {
	0% {
		transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
		opacity: 0;
	}
	100% {
		transform: rotateX(0deg) translateX(0) skewX(0deg);
		opacity: 1;
	}
}


.slide-l,.slide-left,.anim-slide-l{animation: slide-l 0.4s ease-out;}
.slide-up,.anim-slide-up{animation: slide-up 0.4s ease-out;}
.slide-down,.anim-slide-down{animation: slide-down 0.4s ease-out;}
.anim-slide-in-left{animation: slide-in-left 0.3s ease-out both;}
.slide-r,.slide-right,.anim-slide-r{animation: slide-r 0.4s ease-out;}

.tilt-in-left-1,.tilt_in_left {animation: tilt-in-left-1 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.shake{animation: shake 0.4s ease-out;}

.zoom-in{animation: zoomin 0.4s ease-out;}