@keyframes foxy-fade-departed
{
	0%
	{
		opacity: 1;
		visibility: visible;
	}
	
	100%
	{
		opacity: 0;
		visibility: hidden;
	}
}
	
.foxy.foxy-fade .foxy-departed
{
	animation-name: foxy-fade-departed;
	visibility: hidden;
	z-index: 0;
}

@keyframes foxy-fade-current
{
	0%
	{
		opacity: 0;
		visibility: hidden;
	}
	
	100%
	{
		opacity: 1;
		visibility: visible;
	}
}

.foxy.foxy-fade .foxy-current
{
	animation-name: foxy-fade-current;
	visibility: visible;
	z-index: 1;
}

.foxy.foxy-fade .foxy-arrows,
.foxy.foxy-fade .foxy-bullets
{
	opacity: 1;
	z-index: 2;
}