.foxy.foxy-slide
{
	overflow: hidden;
}

.foxy.foxy-slide .foxy-departed,
.foxy.foxy-slide .foxy-current
{
	visibility: visible;
}

@keyframes foxy-slide-departed-forward
{
	0%
	{
		transform: none;
	}
	
	100%
	{
		transform: translateX(calc(var(--full-width) * -1 - var(--slide-gap)));
	}
}

.foxy.foxy-slide.foxy-direction-forward .foxy-departed
{
	animation-name: foxy-slide-departed-forward;
	transform: translateX(calc(var(--full-width) * -1 - var(--slide-gap)));
}

@keyframes foxy-slide-departed-backward
{
	0%
	{
		transform: none;
	}
	
	100%
	{
		transform: translateX(calc(var(--full-width) + var(--slide-gap)));
	}
}

.foxy.foxy-slide.foxy-direction-backward .foxy-departed
{
	animation-name: foxy-slide-departed-backward;
	transform: translateX(calc(var(--full-width) + var(--slide-gap)));
}

@keyframes foxy-slide-current-forward
{
	0%
	{
		transform: translateX(calc(var(--full-width) + var(--slide-gap)));
	}
	
	100%
	{
		transform: none;
	}
}

.foxy.foxy-slide.foxy-direction-forward .foxy-current
{
	animation-name: foxy-slide-current-forward;
}

@keyframes foxy-slide-current-backward
{
	0%
	{
		transform: translateX(calc(var(--full-width) * -1 - var(--slide-gap)));
	}
	
	100%
	{
		transform: none;
	}
}

.foxy.foxy-slide.foxy-direction-backward .foxy-current
{
	animation-name: foxy-slide-current-backward;
}

.foxy.foxy-slide .foxy-arrows,
.foxy.foxy-slide .foxy-bullets
{
	position: static;
}

.foxy.foxy-slide:where(.foxy-vertical) .foxy-bullets
{
	right: 0;
	position: absolute;
	left: auto;
}