@charset "utf-8";

/*¬õ red rgba(244, 67, 54, .85)*/ /*¯» pink rgba(255, 150, 220, .85)*/

/*µµ purple rgba(156, 39, 176, .85)*/ /*²`µµ deeppurple rgba(103, 58, 183, .85)*/

/*ÀQ«C indigo rgba(63, 81, 181, .85)*/ /*ÂÅ blue rgba(33, 150, 243, .85)*/ /*²LÂÅ lightblue rgba(3, 169, 244, .85)*/

/*«C¦â cyan rgba(0, 188, 212, .85)*/ /*ÂÅºñ¦â teal rgba(0, 150, 136, .85)*/

/*ºñ green rgba(76, 175, 80, .85)*/ /*²Lºñ lightgreen rgba(139, 195, 74, .85)*/ /*ÂfÂcºñ lime rgba(205, 220, 57, .85)*/

/*¶À¦â yellow rgba(255, 235, 59, .85)*/ /*µ[¬Ä¦â amber rgba(255, 193, 7, .85)*/ /*¾í¦â orange rgba(255, 152, 0, .85)*/ /*²`¾í deeporange rgba(255, 87, 34, .85)*/

/*´Ä¦â brown rgba(121, 85, 72, .85)*/ /*¦Ç¦â grey rgba(158, 158, 158, .85)*/ /*¦ÇÂÅ bluegrey rgba(96, 125, 139, .85)*/

/*============================================================================*/

.pl-antcss { position: fixed; top: calc(100% / 2 - 25px); left: calc(100% / 2 - 25px); width: 50px; height: 50px; border-radius: 50%; perspective: 800px; }

.pl-antcss .inner { box-sizing: border-box; position: absolute; width: 100%; height: 100%; border-radius: 50%; }

.pl-antcss .inner.one {
	border-bottom: 3px solid rgba(255, 193, 7, .8);
	top: 0%; left: 0%;
	animation: preloader-rotate-one 1s linear infinite;
	
}
.pl-antcss .inner.two {
	top: 0%; right: 0%;
	border-right: 3px solid rgba(139, 195, 74, .8);
	animation: preloader-rotate-two 1s linear infinite;
}
.pl-antcss .inner.three {
	right: 0%; bottom: 0%;
	border-top: 3px solid rgba(85, 195, 235, .8);
	animation: preloader-rotate-three 1s linear infinite;
}



@keyframes preloader-rotate-one {
	0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); }
	100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); }
}

@keyframes preloader-rotate-two {
	0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); }
	100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); }
}

@keyframes preloader-rotate-three {
	0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); }
	100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); }
}

/*============================================================================*/
