#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-color:#3742fa;border-radius:50%;animation:scaleout 0.6s infinite ease-in-out forwards;text-indent:-99999px;z-index:999991;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0;}}

@-webkit-keyframes rotate-animation {	0% {		-webkit-transform: rotate(0deg);		transform: rotate(0deg);	} 	100% {		-webkit-transform: rotate(360deg);		transform: rotate(360deg);	}} @keyframes rotate-animation {	0% {		-webkit-transform: rotate(0deg);		transform: rotate(0deg);	} 	100% {		-webkit-transform: rotate(360deg);		transform: rotate(360deg);	}} @-webkit-keyframes move-animation {	0% {		-webkit-transform: translate(0, 0);		transform: translate(0, 0);	} 	25% {		-webkit-transform: translate(-64px, 0);		transform: translate(-64px, 0);	} 	75% {		-webkit-transform: translate(32px, 0);		transform: translate(32px, 0);	} 	100% {		-webkit-transform: translate(0, 0);		transform: translate(0, 0);	}} @-webkit-keyframes move-animation {	0% {		-webkit-transform: translate(0,0);		transform: translate(0,0);	}} @keyframes move-animation {	0% {		-webkit-transform: translate(0, 0);		transform: translate(0, 0);	} 	25% {		-webkit-transform: translate(-64px, 0);		transform: translate(-64px, 0);	} 	75% {		-webkit-transform: translate(32px, 0);		transform: translate(32px, 0);	} 	100% {		-webkit-transform: translate(0, 0);		transform: translate(0, 0);	}} .circle-loader-bg {	position: fixed;	top: 0;	right: 0;	bottom: 0;	left: 0;	z-index: 9999;	background: #F5F5F5;} .circle-loader {	position: fixed;	top: 50%;	left: 50%;	z-index: 10009;	display: block;	margin-top: -16px;	margin-left: -16px;	width: 64px;	height: 64px;	-webkit-transform-origin: 16px 16px;	transform-origin: 16px 16px;	-webkit-animation: rotate-animation 5s infinite;	animation: rotate-animation 5s infinite;	-webkit-animation-timing-function: linear;	animation-timing-function: linear;} .circle-loader .circle {	position: absolute;	top: 50%;	left: 50%;	-webkit-animation: move-animation 2.5s infinite;	animation: move-animation 2.5s infinite;	-webkit-animation-timing-function: linear;	animation-timing-function: linear;} .circle-loader .circle-line {	position: absolute;	top: 4px;	left: 0;	width: 64px;	height: 24px;	-webkit-transform-origin: 4px 4px;	transform-origin: 4px 4px;} .circle-loader .circle-line:nth-child(0) {	-webkit-transform: rotate(0deg);	transform: rotate(0deg);} .circle-loader .circle-line:nth-child(1) {	-webkit-transform: rotate(90deg);	transform: rotate(90deg);} .circle-loader .circle-line:nth-child(2) {	-webkit-transform: rotate(180deg);	transform: rotate(180deg);} .circle-loader .circle-line:nth-child(3) {	-webkit-transform: rotate(270deg);	transform: rotate(270deg);} .circle-loader .circle-line .circle:nth-child(1) {	top: 50%;	left: 50%;	margin-top: -4px;	margin-left: -4px;	width: 8px;	height: 8px;	border-radius: 4px;	-webkit-animation-delay: -0.3s;	animation-delay: -0.3s;} .circle-loader .circle-line .circle:nth-child(2) {	top: 50%;	left: 50%;	margin-top: -8px;	margin-left: -8px;	width: 16px;	height: 16px;	border-radius: 8px;	-webkit-animation-delay: -0.6s;	animation-delay: -0.6s;} .circle-loader .circle-line .circle:nth-child(3) {	top: 50%;	left: 50%;	margin-top: -12px;	margin-left: -12px;	width: 24px;	height: 24px;	border-radius: 12px;	-webkit-animation-delay: -0.9s;	animation-delay: -0.9s;} .circle-loader .circle-blue {	background-color: #1f4e5a;} .circle-loader .circle-red {	background-color: #ff5955;} .circle-loader .circle-yellow {	background-color: #ffb265;} .circle-loader .circle-green {	background-color: #00a691;} </style>