/* HOTSPOT */
@keyframes hotspotOuter {
	0% {
		width: 60%;
		height: 60%;
	}
	15% {
		width: 100%;
		height: 100%;
	}
	55% {
		width: 0;
		height: 0;
	}
	55% {
		width: 0;
		height: 0;
	}
	100% {
		width: 60%;
		height: 60%;
	}
}

@keyframes hotspotInner {
	0% {
		width: 60%;
		height: 60%;
		opacity: 1;
	}
	45% {
		width: 0;
		height: 0;
		opacity: 0;
	}
	55% {
		width: 0;
		height: 0;
		opacity: 0;
	}
	100% {
		width: 60%;
		height: 60%;
		opacity: 1;
	}
}

/* FAIR CUSTOM */
@keyframes fairCustomZeppelin {
	0% {
		left: -90%;
	}
	100% {
		left: 70%;
	}
}