/**
 * zeroera Stylesheet Navigator
 *
 * @package zeroera Framework
 * @subpackage zeroera
 * @since zeroera
 */

/** selecter **/
.navigator.navigator-actions{
	animation-name: navigator-invisible;
	animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-duration: 0.5s;
}
.navigator.navigator-actions.navigator-actions-active{
	animation-name: navigator-visible;
	animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-duration: 0.5s;
}

/** animation **/
@keyframes navigator-visible{
	0%{
		width: 0;
		overflow: hidden;
		opacity: 0;
	}
	1%{
		width: auto;
		overflow: visible;
		opacity: 0;
	}
	100%{
		width: auto;
		overflow: visible;
		opacity: 1;
	}
}
@keyframes navigator-invisible{
	0%{
		width: auto;
		overflow: visible;
		opacity: 1;
	}
	99%{
		width: auto;
		overflow: visible;
		opacity: 0;
	}
	100%{
		width: 0;
		overflow: hidden;
		opacity: 0;
	}
}