@charset "UTF-8";

/**************************/
/**************************/
/********** VARS **********/
/**************************/
/**************************/

/* https://easings.net/fr */
/* https://easingwizard.com/ */

:root {
	/* duration */
	--duration-fast: .125s;
	--duration-normal: .25s;
	--duration-slow: 1s;

	/* easing */
	--ease: ease;

	--ease-fast: cubic-bezier(0, .5, .5, 1);
	--elastic: cubic-bezier(1, 0.01, 0, 1.22);
	
	--easeInQuint: cubic-bezier(0.64, 0, 0.78, 0);
	--easeOutQuint: cubic-bezier(0.22, 1, 0.36, 1);

	--easeInOutQuint: cubic-bezier(0.75, 0, 0.25, 1);
	--easeInOutQuint-fast: cubic-bezier(0.95, 0, 0.15, 1);
	/*
	--easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1);
	--easeInOutQuart: cubic-bezier(0.76, 0, 0.24, 1);
	--easeInOutQuint: cubic-bezier(0.8, 0, 0.15, 1);
	--easeInOutQuint: cubic-bezier(0.83, 0, 0.17, 1);
	--easeInOutExpo: cubic-bezier(0.87, 0, 0.13, 1);
	--easeInOutExpo: cubic-bezier(0.9, 0, 0.1, 1);
	--easeInOutJump: cubic-bezier(1, 0, 0, 1);
	*/

	
}

/*****************************/
/*****************************/
/********** LOADING **********/
/*****************************/
/*****************************/

.is-loading:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: calc(var(--stroke-width) * 10);
	width: calc(var(--stroke-width) * 10);
	border-radius: 50%;
	box-shadow: inset 0 0 0 calc(var(--stroke-width) * 10);
	color: var(--yellow-color);
	animation: pulse .5s infinite linear;
}

@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(4); }
	100% { transform: scale(1); }
}

/*****************************/
/********** REFRESH **********/
/*****************************/

body.is-loading:before {
	content: "";
	position: fixed;
	z-index: 100;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
body.is-loading #wrapper {
	/*filter: blur(.125em) grayscale(.66);*/
	opacity: .33;
}



/********************************/
/********************************/
/********** ANIMATIONS **********/
/********************************/
/********************************/


/* animations */

.instant-transition {
	-webkit-transition:none;
	-o-transition:none;
	-moz-transition:none;
	transition:none;
}

/********** SPINNER **********/

@-webkit-keyframes spinner {
	0%, 50%, 100% { -webkit-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
	0% { -webkit-transform: rotate(0); }
	50% { -webkit-transform: rotate(180deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinner {
	0%, 50%, 100% { -moz-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
	0% { -moz-transform: rotate(0); }
	50% { -moz-transform: rotate(180deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-o-keyframes spinner {
	0%, 50%, 100% { -o-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
	0% { -o-transform: rotate(0); transform: rotate(0); }
	50% { -o-transform: rotate(180deg); transform: rotate(180deg); }
	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spinner {
	0%, 50%, 100% { -webkit-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); -moz-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); -o-animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
	0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
	50% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

/****************************/
/****************************/
/********** LOADER **********/
/****************************/
/****************************/

/* icon only */

.loader:before {
	content:"" !important;
	display:inline-block;
	height:1rem;
	width:1rem;
	margin:-.25rem;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border-style:solid;
	border-width:0.125rem;
	border-color: rgb(65,65,65) rgb(65,65,65) rgb(65,65,65) transparent;
	-webkit-animation: spinner 1s infinite linear;
	-moz-animation: spinner 1s infinite linear;
	-o-animation: spinner 1s infinite linear;
	   animation: spinner 1s infinite linear;
}

/* loading txt */

.loading:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:.75em;
	width:.75em;
	margin:-.375em .375em -.375em -.375em;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border-style:solid;
	border-width:0.125em;
	border-color: rgb(65,65,65) rgb(65,65,65) rgb(65,65,65) transparent;
	-webkit-animation: spinner .5s infinite linear;
	-moz-animation: spinner .5s infinite linear;
	-o-animation: spinner .5s infinite linear;
	   animation: spinner .5s infinite linear;
}