@keyframes msb-flash {
	0%, 10%, 20%, to {
		opacity: 1;
	}
	
	15%, 5% {
		opacity: 0;
	}
}

@keyframes msb-shake {
	0%, 27%, to {
		transform: translateZ(0);
	}
	
	15%, 21%, 3%, 9% {
		transform: translate3d(-10px, 0, 0);
	}
	
	12%, 18%, 24%, 6% {
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes msb-swing {
	5% {
		transform: rotate(15deg);
	}
	
	10% {
		transform: rotate(-10deg);
	}
	
	15% {
		transform: rotate(5deg);
	}
	
	20% {
		transform: rotate(-5deg);
	}
	
	25%, to {
		transform: rotate(0deg);
	}
}

@keyframes msb-tada {
	0% {
		transform: scaleX(1);
	}
	
	2%, 4% {
		transform: scale3d(.9, .9, .9) rotate(-3deg);
	}
	
	10%, 14%, 18%, 6% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
	}
	
	12%, 16%, 8% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
	}
	
	20%, to {
		transform: scaleX(1);
	}
}

@keyframes msb-heartbeat {
	0% {
		transform: scale(1);
	}
	
	4% {
		transform: scale(1.3);
	}
	
	8% {
		transform: scale(1);
	}
	
	12% {
		transform: scale(1.3);
	}
	
	18%, to {
		transform: scale(1);
	}
}

@keyframes msb-wobble {
	0% {
		transform: translateZ(0);
	}
	
	3% {
		transform: translate3d(-25%, 0, 0) rotate(-5deg);
	}
	
	6% {
		transform: translate3d(20%, 0, 0) rotate(3deg);
	}
	
	9% {
		transform: translate3d(-15%, 0, 0) rotate(-3deg);
	}
	
	12% {
		transform: translate3d(10%, 0, 0) rotate(2deg);
	}
	
	15% {
		transform: translate3d(-5%, 0, 0) rotate(-1deg);
	}
	
	18%, to {
		transform: translateZ(0);
	}
}