/* #app-loading,
#app-loading:before,
#app-loading:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: loadingAnimation 1.8s infinite ease-in-out;
	animation: loadingAnimation 1.8s infinite ease-in-out;
}

#app-loading {
	color: #409eff;
	font-size: 10px;
	margin: 80px auto;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
	top: 0;
	transform: translate(-50%, 0);
}

#app-loading:before,
#app-loading:after {
	content: "";
	position: absolute;
	top: 0;
}

#app-loading:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

#app-loading:after {
	left: 3.5em;
}

@-webkit-keyframes loadingAnimation {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}

@keyframes loadingAnimation {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
} */
/* 1 */
/* 2 */
#loader {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: display 1s ease 0.5s;
}

/* .loader-logo {
        width: 60px;
        height: 91px;
        position: fixed;
        left: 20%;
        top: 43%;
      } */
.spinner {
	position: relative;
	line-height: 0;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	color: #3963bc;
}

.spinner:before {
	content: "";
	width: 100%;
	height: 20%;
	min-width: 5px;
	background: #000;
	opacity: 0.1;
	position: absolute;
	bottom: 0%;
	left: 0;
	border-radius: 50%;
	animation: rotate-square-2-shadow 0.5s linear infinite;
}

.spinner:after {
	content: "";
	width: 100%;
	height: 100%;
	background: #3963bc;
	animation: rotate-square-2-animate 0.5s linear infinite;
	position: absolute;
	bottom: 40%;
	left: 0;
	border-radius: 3px;
}

@keyframes rotate-square-2-animate {
	17% {
		border-bottom-right-radius: 3px;
	}

	25% {
		transform: translateY(20%) rotate(22.5deg);
	}

	50% {
		transform: translateY(40%) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 50%;
	}

	75% {
		transform: translateY(20%) rotate(67.5deg);
	}

	100% {
		transform: translateY(0) rotate(90deg);
	}
}

@keyframes rotate-square-2-shadow {
	0%,
	100% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.2, 1);
	}
}