@keyframes rotate-left{
	from { transform: rotate(0); }
	to { transform: rotate(-10deg); }
}
.rotate-left,
.rotate-left-hover:hover,
.rotate-left-active:active,
.rotate-left-focus:focus{
	animation-name: rotate-left;
}

@keyframes rotate-right{
	from { transform: rotate(0); }
	to { transform: rotate(10deg); }
}
.rotate-right,
.rotate-right-hover:hover,
.rotate-right-active:active,
.rotate-right-focus:focus{
	animation-name: rotate-right;
}

@keyframes rotate{
	from { transform: rotate(-10deg); }
	to { transform: rotate(10deg); }
}
.rotate,
.rotate-hover:hover,
.rotate-active:active,
.rotate-focus:focus{
	animation-name: rotate;
}

@keyframes scale-x{
	from { transform: scale(1, 1); }
	to { transform: scale(1.2, 1); }
}
.scale-x,
.scale-x-hover:hover,
.scale-x-active:active,
.scale-x-focus:focus{
	animation-name: scale-x;
}

@keyframes scale-y{
	from { transform: scale(1, 1); }
	to { transform: scale(1, 1.2); }
}
.scale-y,
.scale-y-hover:hover,
.scale-y-active:active,
.scale-y-focus:focus{
	animation-name: scale-y;
}

@keyframes scale{
	from { transform: scale(1, 1); }
	to { transform: scale(1.2, 1.2); }
}
.scale,
.scale-hover:hover,
.scale-active:active,
.scale-focus:focus{
	animation-name: scale;
}

@keyframes translate-x{
	from { transform: translate(-1em, 0); }
	to { transform: translate(1em, 0); }
}
.translate-x,
.translate-x-hover:hover,
.translate-x-active:active,
.translate-x-focus:focus{
	animation-name: translate-x;
}

@keyframes translate-y{
	from { transform: translate(0, -1em); }
	to { transform: translate(0, 1em); }
}
.translate-y,
.translate-y-hover:hover,
.translate-y-active:active,
.translate-y-focus:focus{
	animation-name: translate-y;
}

@keyframes translate-xy{
	from { transform: translate(-1em, -1em); }
	to { transform: translate(1em, 1em); }
}
.translate-xy,
.translate-xy-hover:hover,
.translate-xy-active:active,
.translate-xy-focus:focus{
	animation-name: translate-xy;
}

@keyframes translate-yx{
	from { transform: translate(1em, -1em); }
	to { transform: translate(-1em, 1em); }
}
.translate-yx,
.translate-yx-hover:hover,
.translate-yx-active:active,
.translate-yx-focus:focus{
	animation-name: translate-yx;
}

@keyframes glowup{
	from { opacity: 0.5; }
	to { opacity: 1; }
}
.glowup,
.glowup-hover:hover,
.glowup-active:active,
.glowup-focus:focus{
	animation-name: glowup;
}

@keyframes glowdown{
	from { opacity: 1; }
	to { opacity: 0.5; }
}
.glowdown,
.glowdown-hover:hover,
.glowdown-active:active,
.glowdown-focus:focus{
	animation-name: glowdown;
}

.speed-weaky,
.speed-weaky-hover:hover,
.speed-weaky-active:active,
.speed-weaky-focus:focus{
	animation-duration: 120s;
}
.speed-slower,
.speed-slower-hover:hover,
.speed-slower-active:active,
.speed-slower-focus:focus{
	animation-duration: 8s;
}
.speed-slow,
.speed-slow-hover:hover,
.speed-slow-active:active,
.speed-slow-focus:focus{
	animation-duration: 4s;
}
.speed-fast,
.speed-fast-hover:hover,
.speed-fast-active:active,
.speed-fast-focus:focus{
	animation-duration: 2s;
}
.speed-faster,
.speed-faster-hover:hover,
.speed-faster-active:active,
.speed-faster-focus:focus{
	animation-duration: 1s;
}
.speed-rocket,
.speed-rocket-hover:hover,
.speed-rocket-active:active,
.speed-rocket-focus:focus{
	animation-duration: 0.3s;
}

.state-running,
.state-running-hover:hover,
.state-running-active:active,
.state-running-focus:focus{
	animation-play-state: running;
}
.state-paused,
.state-paused-hover:hover,
.state-paused-active:active,
.state-paused-focus:focus{
	animation-play-state: paused;
}

.direction-alternate,
.direction-alternate-hover:hover,
.direction-alternate-active:active,
.direction-alternate-focus:focus{
	animation-direction: alternate;
}
.direction-reverse,
.direction-reverse-hover:hover,
.direction-reverse-active:active,
.direction-reverse-focus:focus{
	animation-direction: reverse;
}
.direction-alternate-reverse,
.direction-alternate-reverse-hover:hover,
.direction-alternate-reverse-active:active,
.direction-alternate-reverse-focus:focus{
	animation-direction: alternate-reverse;
}

.timing-ease,
.timing-ease-hover:hover,
.timing-ease-active:active,
.timing-ease-focus:focus{
	animation-timing-function: ease;
}
.timing-linear,
.timing-linear-hover:hover,
.timing-linear-active:active,
.timing-linear-focus:focus{
	animation-timing-function: linear;
}

.delay-1,
.delay-1-hover:hover,
.delay-1-active:active,
.delay-1-focus:focus{
	animation-delay: 0.1s;
}
.delay-2,
.delay-2-hover:hover,
.delay-2-active:active,
.delay-2-focus:focus{
	animation-delay: 0.2s;
}
.delay-3,
.delay-3-hover:hover,
.delay-3-active:active,
.delay-3-focus:focus{
	animation-delay: 0.3s;
}
.delay-4,
.delay-4-hover:hover,
.delay-4-active:active,
.delay-4-focus:focus{
	animation-delay: 0.4s;
}
.delay-5,
.delay-5-hover:hover,
.delay-5-active:active,
.delay-5-focus:focus{
	animation-delay: 0.5s;
}

.loop-1,
.loop-1-hover:hover,
.loop-1-active:active,
.loop-1-focus:focus{
	animation-iteration-count: 1;
}
.loop-2,
.loop-2-hover:hover,
.loop-2-active:active,
.loop-2-focus:focus{
	animation-iteration-count: 2;
}
.loop-3,
.loop-3-hover:hover,
.loop-3-active:active,
.loop-3-focus:focus{
	animation-iteration-count: 3;
}
.loop-4,
.loop-4-hover:hover,
.loop-4-active:active,
.loop-4-focus:focus{
	animation-iteration-count: 4;
}
.loop-5,
.loop-5-hover:hover,
.loop-5-active:active,
.loop-5-focus:focus{
	animation-iteration-count: 5;
}
.loop-infinite,
.loop-infinite-hover:hover,
.loop-infinite-active:active,
.loop-infinite-focus:focus{
	animation-iteration-count: infinite;
}

.ends-forwards,
.ends-forwards-hover:hover,
.ends-forwards-active:active,
.ends-forwards-focus:focus{
	animation-fill-mode: forwards;
}
.ends-backwards,
.ends-backwards-hover:hover,
.ends-backwards-active:active,
.ends-backwards-focus:focus{
	animation-fill-mode: backwards;
}
.ends-both,
.ends-both-hover:hover,
.ends-both-active:active,
.ends-both-focus:focus{
	animation-fill-mode: both;
}