
.mysticky-welcomebar-btn a {
	animation-duration: 1s;
}

@keyframes flash {
	0%, 50%, to {
		opacity: 1;
	}
	
	25%, 75% {
		opacity: 0;
	}
}

.mysticky-welcomebar-attention-flash.animation-start .mysticky-welcomebar-btn a {
	animation-name: flash;
}

@keyframes shake {
	0%, to {
		transform: translateZ(0);
	}
	
	10%, 30%, 50%, 70%, 90% {
		transform: translate3d(-10px, 0, 0);
	}
	
	20%, 40%, 60%, 80% {
		transform: translate3d(10px, 0, 0);
	}
}

.mysticky-welcomebar-attention-shake.animation-start .mysticky-welcomebar-btn a {
	animation-name: shake;
}

@keyframes swing {
	20% {
		transform: rotate(15deg);
	}
	
	40% {
		transform: rotate(-10deg);
	}
	
	60% {
		transform: rotate(5deg);
	}
	
	80% {
		transform: rotate(-5deg);
	}
	
	to {
		transform: rotate(0deg);
	}
}

.mysticky-welcomebar-attention-swing.animation-start .mysticky-welcomebar-btn a {
	animation-name: swing;
	transform-origin: top center;
}

@keyframes tada {
	0% {
		transform: scaleX(1);
	}
	
	10%, 20% {
		transform: scale3d(.9, .9, .9) rotate(-3deg);
	}
	
	30%, 50%, 70%, 90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
	}
	
	40%, 60%, 80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
	}
	
	to {
		transform: scaleX(1);
	}
}

.mysticky-welcomebar-attention-tada.animation-start .mysticky-welcomebar-btn a {
	animation-name: tada;
}

@keyframes heartBeat {
	0% {
		transform: scale(1);
	}
	
	14% {
		transform: scale(1.3);
	}
	
	28% {
		transform: scale(1);
	}
	
	42% {
		transform: scale(1.3);
	}
	
	70% {
		transform: scale(1);
	}
}

.mysticky-welcomebar-attention-heartbeat.animation-start .mysticky-welcomebar-btn a {
	animation-name: heartBeat;
	animation-timing-function: ease-in-out;
}

@keyframes wobble {
	0% {
		transform: translateZ(0);
	}
	
	15% {
		transform: translate3d(-25%, 0, 0) rotate(-5deg);
	}
	
	30% {
		transform: translate3d(20%, 0, 0) rotate(3deg);
	}
	
	45% {
		transform: translate3d(-15%, 0, 0) rotate(-3deg);
	}
	
	60% {
		transform: translate3d(10%, 0, 0) rotate(2deg);
	}
	
	75% {
		transform: translate3d(-5%, 0, 0) rotate(-1deg);
	}
	
	to {
		transform: translateZ(0);
	}
}

.mysticky-welcomebar-attention-wobble.animation-start .mysticky-welcomebar-btn a {
	animation-name: wobble;
}

.morphext > .morphext__animated {
	display: inline-block;
}
