@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 - 16px) !important; left: calc(100% / 2 - 16px) !important; width: 32px; height: 32px; }

.pl-antcss .cube1, .pl-antcss .cube2 {
	position: absolute; top: 0; left: 0; 	width: 10px; height: 10px; 
	
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .5), 0 0 5px 0 rgba(0, 0, 0, .85);
	background-color: rgba(0, 0, 0, .85);
	
	-webkit-animation: preloader-cubemove 1.8s infinite ease-in-out;
	animation: preloader-cubemove 1.8s infinite ease-in-out;
}

/*----------------------------------------------------------------------------*/

/*¬õ red rgba(244, 67, 54, .85)*/
.pl-antcss.red .cube1, .pl-antcss.red .cube2 { box-shadow: 0 0 2px 2px rgba(244, 67, 54, .15), 0 0 5px 0 rgba(244, 67, 54, .85); background-color: rgba(244, 67, 54, .85); }

/*¯» pink rgba(255, 150, 220, .85)*/
.pl-antcss.pink .cube1, .pl-antcss.pink .cube2 { box-shadow: 0 0 2px 2px rgba(255, 150, 220, .15), 0 0 5px 0 rgba(255, 150, 220, .85); background-color: rgba(255, 150, 220, .85); }

/*µµ purple rgba(156, 39, 176, .85)*/
.pl-antcss.purple .cube1, .pl-antcss.purple .cube2 { box-shadow: 0 0 2px 2px rgba(156, 39, 176, .15), 0 0 5px 0 rgba(156, 39, 176, .85); background-color: rgba(156, 39, 176, .85); }

/*²`µµ deeppurple rgba(103, 58, 183, .85)*/
.pl-antcss.deeppurple .cube1, .pl-antcss.deeppurple .cube2 { box-shadow: 0 0 2px 2px rgba(103, 58, 183, .15), 0 0 5px 0 rgba(103, 58, 183, .85); background-color: rgba(103, 58, 183, .85); }

/*ÀQ«C indigo rgba(63, 81, 181, .85)*/
.pl-antcss.indigo .cube1, .pl-antcss.indigo .cube2 { box-shadow: 0 0 2px 2px rgba(63, 81, 181, .15), 0 0 5px 0 rgba(63, 81, 181, .85); background-color: rgba(63, 81, 181, .85); }

/*ÂÅ blue rgba(33, 150, 243, .85)*/
.pl-antcss.blue .cube1, .pl-antcss.blue .cube2 { box-shadow: 0 0 2px 2px rgba(33, 150, 243, .15), 0 0 5px 0 rgba(33, 150, 243, .85); background-color: rgba(33, 150, 243, .85); }

/*²LÂÅ lightblue rgba(3, 169, 244, .85)*/
.pl-antcss.lightblue .cube1, .pl-antcss.lightblue .cube2 { box-shadow: 0 0 2px 2px rgba(3, 169, 244, .15), 0 0 5px 0 rgba(3, 169, 244, .85); background-color: rgba(3, 169, 244, .85); }

/*«C¦â cyan rgba(0, 188, 212, .85)*/
.pl-antcss.cyan .cube1, .pl-antcss.cyan .cube2 { box-shadow: 0 0 2px 2px rgba(0, 188, 212, .15), 0 0 5px 0 rgba(0, 188, 212, .85); background-color: rgba(0, 188, 212, .85); }

/*ÂÅºñ¦â teal rgba(0, 150, 136, .85)*/
.pl-antcss.teal .cube1, .pl-antcss.teal .cube2 { box-shadow: 0 0 2px 2px rgba(0, 150, 136, .15), 0 0 5px 0 rgba(0, 150, 136, .85); background-color: rgba(0, 150, 136, .85); }

/*ºñ green rgba(76, 175, 80, .85)*/
.pl-antcss.green .cube1, .pl-antcss.green .cube2 { box-shadow: 0 0 2px 2px rgba(76, 175, 80, .15), 0 0 5px 0 rgba(76, 175, 80, .85); background-color: rgba(76, 175, 80, .85); }

/*²Lºñ lightgreen rgba(139, 195, 74, .85)*/
.pl-antcss.lightgreen .cube1, .pl-antcss.lightgreen .cube2 { box-shadow: 0 0 2px 2px rgba(139, 195, 74, .15), 0 0 5px 0 rgba(139, 195, 74, .85); background-color: rgba(139, 195, 74, .85); }

/*ÂfÂcºñ lime rgba(205, 220, 57, .85)*/
.pl-antcss.lime .cube1, .pl-antcss.lime .cube2 { box-shadow: 0 0 2px 2px rgba(205, 220, 57, .15), 0 0 5px 0 rgba(205, 220, 57, .85); background-color: rgba(205, 220, 57, .85); }

/*¶À¦â yellow rgba(255, 235, 59, .85)*/
.pl-antcss.yellow .cube1, .pl-antcss.yellow .cube2 { box-shadow: 0 0 2px 2px rgba(255, 235, 59, .15), 0 0 5px 0 rgba(255, 235, 59, .85); background-color: rgba(255, 235, 59, .85); }

/*µ[¬Ä¦â amber rgba(255, 193, 7, .85)*/
.pl-antcss.amber .cube1, .pl-antcss.amber .cube2 { box-shadow: 0 0 2px 2px rgba(255, 193, 7, .15), 0 0 5px 0 rgba(255, 193, 7, .85); background-color: rgba(255, 193, 7, .85); }

/*¾í¦â orange rgba(255, 152, 0, .85)*/
.pl-antcss.orange .cube1, .pl-antcss.orange .cube2 { box-shadow: 0 0 2px 2px rgba(255, 152, 0, .15), 0 0 5px 0 rgba(255, 152, 0, .85); background-color: rgba(255, 152, 0, .85); }

/*²`¾í deeporange rgba(255, 87, 34, .85)*/
.pl-antcss.deeporange .cube1, .pl-antcss.deeporange .cube2 { box-shadow: 0 0 2px 2px rgba(255, 87, 34, .15), 0 0 5px 0 rgba(255, 87, 34, .85); background-color: rgba(255, 87, 34, .85); }

/*´Ä¦â brown rgba(121, 85, 72, .85)*/
.pl-antcss.brown .cube1, .pl-antcss.brown .cube2 { box-shadow: 0 0 2px 2px rgba(121, 85, 72, .15), 0 0 5px 0 rgba(121, 85, 72, .85); background-color: rgba(121, 85, 72, .85); }

/*¦Ç¦â grey rgba(158, 158, 158, .85)*/
.pl-antcss.grey .cube1, .pl-antcss.grey .cube2 { box-shadow: 0 0 2px 2px rgba(158, 158, 158, .15), 0 0 5px 0 rgba(158, 158, 158, .85); background-color: rgba(158, 158, 158, .85); }

/*¦ÇÂÅ bluegrey rgba(96, 125, 139, .85)*/
.pl-antcss.bluegrey .cube1, .pl-antcss.bluegrey .cube2 { box-shadow: 0 0 2px 2px rgba(96, 125, 139, .15), 0 0 5px 0 rgba(96, 125, 139, .85); background-color: rgba(96, 125, 139, .85); }


.pl-antcss.white .cube1, .pl-antcss.white .cube2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .15), 0 0 5px 0 rgba(255, 255, 255, .85); background-color: rgba(255, 255, 255, .85); }


.pl-antcss.black .cube1, .pl-antcss.black .cube2 { box-shadow: 0 0 2px 2px rgba(0, 0, 0, .15), 0 0 5px 0 rgba(0, 0, 0, .85); background-color: rgba(0, 0, 0, .85); }


/*----------------------------------------------------------------------------*/

.pl-antcss .cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

@-webkit-keyframes preloader-cubemove {
	25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
	50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
	75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
	100% { -webkit-transform: rotate(-360deg) }
}
@keyframes preloader-cubemove {
	25% {
		transform: translateX(42px) rotate(-90deg) scale(0.5);
		-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
	} 50% {
		transform: translateX(42px) translateY(42px) rotate(-179deg);
		-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
	} 50.1% {
		transform: translateX(42px) translateY(42px) rotate(-180deg);
		-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
	} 75% {
		transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
		-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
	} 100% {
		transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
	}
}

/*============================================================================*/
