/* ----------------------------------------------
 * Generated by Animista on 2021-2-27 0:25:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */

@keyframes deleteSlide{
	0%{
		opacity: 1;
	}
	50%{
		overflow: hidden;

		max-width: 100%;

		opacity: 0;
	}
	100%{
		max-width: 0;

		opacity: 0;
	}
}

@keyframes addSlide{
	100%{
		opacity: 1;
	}
	50%{
		overflow: hidden;

		max-width: 100%;

		opacity: 0;
	}
	0%{
		max-width: 0;

		opacity: 0;
	}
}

.anim-delete-slide{
	animation-name: deleteSlide;
	animation-duration: 600ms;
	animation-iteration-count: 1;

	animation-fill-mode: forwards;
	:local{
		animation-name: deleteSlide;
	}
}

.anim-add-slide{
	animation-name: addSlide;
	animation-duration: 600ms;
	animation-iteration-count: 1;

	animation-fill-mode: forwards;
	:local{
		animation-name: addSlide;
	}
}
$transition-timing: .267s;
$transition: cubic-bezier(.1, .25, .75, .9);