/* General */
.load {
	opacity: 0 !important;
}

/* Loading panel */
#loading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

.load-icon {
	background: url(../../app/resources/icons/loading.svg) center / contain no-repeat;
	width: 3rem;
	height: 3rem;
}

.load-icon.big {
	width: 5rem;
	height: 5rem;
}

/* Slide-fade in */
.load.ld-lef,
.loadA.ld-lef {transform: translateX(-1rem);}
.ld-lef {transform: translateX(0); transition: opacity .6s ease-in, transform .6s;}

.load.ld-rig,
.loadA.ld-rig {transform: translateX(1rem);}
.ld-rig {transform: translateX(0); transition: opacity .6s ease-in, transform .6s;}

.load.ld-top,
.loadA.ld-top {transform: translateY(-1rem);}
.ld-top {transform: translateY(0); transition: opacity .6s ease-in, transform .6s;}

.load.ld-bot,
.loadA.ld-bot {transform: translateY(1rem);}
.ld-bot {transform: translateY(0); transition: opacity .6s ease-in, transform .6s;}

/* Zoom */
.load.ld-bgr,
.loadA.ld-bgr-out {transform: scale(1);}
.ld-bgr-out {transform: scale(1.1); transition: transform .6s ease-out;}

.load.ld-bgr,
.loadA.ld-bgr-in {transform: scale(1.1);}
.ld-bgr-in {transform: scale(1); transition: transform .6s ease-out;}

/* Delay */
.ld-del1 {transition-delay: .1s;}
.ld-del2 {transition-delay: .2s;}
.ld-del3 {transition-delay: .3s;}
.ld-del4 {transition-delay: .4s;}
.ld-del5 {transition-delay: .5s;}
.ld-del6 {transition-delay: .6s;}
.ld-del7 {transition-delay: .7s;}
.ld-del8 {transition-delay: .8s;}
.ld-del9 {transition-delay: .9s;}
.ld-del10 {transition-delay: 1s;}
.ld-del11 {transition-delay: 1.1s;}
.ld-del12 {transition-delay: 1.2s;}
.ld-del13 {transition-delay: 1.3s;}
.ld-del14 {transition-delay: 1.4s;}
.ld-del15 {transition-delay: 1.5s;}
.ld-del16 {transition-delay: 1.6s;}
.ld-del17 {transition-delay: 1.7s;}
.ld-del18 {transition-delay: 1.8s;}
.ld-del19 {transition-delay: 1.9s;}
.ld-del20 {transition-delay: 2s;}