/* This file must contain only utility classes for $.fn.animate_css */
:root {
	--animate-duration: 1s;
}
.worksection__animated {
	animation-duration: var(--animate-duration);
	animation-fill-mode: both;
}
.worksection__animated.worksection__infinite {
	animation-iteration-count: infinite;
}
.worksection__animated.worksection__fastest {
	animation-duration: calc(var(--animate-duration) / 3);
}
.worksection__animated.worksection__fast {
	animation-duration: calc(var(--animate-duration) / 2);
}
.worksection__animated.worksection__slow {
	animation-duration: calc(var(--animate-duration) * 2);
}
.worksection__animated.worksection__slowest {
	animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
	.worksection__animated {
		animation-duration: 1ms !important;
	}
}
@keyframes ws-head-shake {
	0% {
		transform: translateX(0);
	}

	6.5% {
		transform: translateX(-6px);
	}

	18.5% {
		transform: translateX(5px);
	}

	31.5% {
		transform: translateX(-3px);
	}

	43.5% {
		transform: translateX(2px);
	}

	50% {
		transform: translateX(0);
	}
}
.worksection__head-shake {
	--animate-duration: .5s;
	animation-timing-function: ease-in-out;
	animation-name: ws-head-shake;
}

@keyframes ws-pulse {
	from {
		transform: scale3d(1, 1, 1);
	}

	50% {
		transform: scale3d(1.05, 1.05, 1.05);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}
.worksection__pulse {
	animation-name: ws-pulse;
	animation-timing-function: ease-in-out;
}

@keyframes ws-blink {
	from {
		opacity: 1;
	}

	50% {
		opacity: 0.1;
	}

	to {
		opacity: 1;
	}
}
.worksection__blink {
	animation-name: ws-blink;
	animation-timing-function: ease-in-out;
}

@keyframes ws-slide-in-down {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

.worksection__slide-in-down {
	animation-name: ws-slide-in-down;
}