/* Action1 */
.shake-actions-vertical {
	animation: shake-actions-vertical 3s infinite;
}
@keyframes shake-actions-vertical {
	0% {
		transform: translate(0px, 2px);
	}
	5% {
		transform: translate(0px, -2px);
	}
	10% {
		transform: translate(0px, 2px);
	}
	15% {
		transform: translate(0px, -2px);
	}
	20% {
		transform: translate(0px, 2px);
	}
	25% {
		transform: translate(0px, -2px);
	}
	30% {
		transform: translate(0px, 2px);
	}
	35% {
		transform: translate(0px, 0px);
	}
}

/* Action2 */
.shake-actions-beside {
    animation: shake-actions-beside 3s infinite;
}
@keyframes shake-actions-beside {
	0% {
		transform: translate(3px, 0px);
	}
	6% {
		transform: translate(-3px, 0px);
	}
	11% {
		transform: translate(3px, 0px);
	}
	16% {
		transform: translate(-3px, 0px);
	}
	25% {
		transform: translate(3px, 0px);
	}
	31% {
		transform: translate(-3px, 0px);
	}
	37% {
		transform: translate(0px, 0px);
	}
}

/* Action3 */
.shake-actions-rapid {
    animation: shake-actions-rapid 3s infinite;
}
@keyframes shake-actions-rapid {
    1% {
        transform: rotateZ(0deg);
    }
    3% {
        transform: rotateZ(0deg);
    }
    5% {
        transform: translate(-3px, -11px) rotateZ(-17deg) scale(0.6, 1.5);
    }
    11% {
        transform: rotateZ(0deg) scale(1, 1.1);
    }
    15% {
        transform: translate(0px, -3px) rotateZ(-3deg);
    }
    16% {
        transform: rotateZ(0deg);
    }
    17% {
        transform: translate(0px, -3px) rotateZ(-3deg);
    }
    23% {
        transform: rotateZ(0deg);
    }
    25% {
        transform: translate(0px, -3px) rotateZ(-3deg);
    }
    31% {
        transform: rotateZ(0deg);
    }
    32% {
        transform: translate(0px, -3px) rotateZ(-3deg);
    }
    33% {
        transform: rotateZ(0deg);
    }
    37% {
        transform: translate(0px, -3px) rotateZ(-3deg);
    }
    41% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(0deg);
    }
}