@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 { zoom: 60%; position: fixed; top: calc(100% / 2 - 10px) !important; left: calc(100% / 2 - 43px) !important; }

.pl-antcss .loader { display: block; position: relative; height: 20px; width: 86px; }

.pl-antcss .loading-square { position: absolute; top: 0; width: 20px; height: 20px; }

.pl-antcss .loading-square:nth-child(1) { left: 0; animation: preloader-square1 1.5s linear forwards infinite; }
.pl-antcss .loading-square:nth-child(2) { left: 22px; animation: preloader-square2 1.5s linear forwards infinite; }
.pl-antcss .loading-square:nth-child(3) { left: 44px; animation: preloader-square3 1.5s linear forwards infinite; }
.pl-antcss .loading-square:nth-child(4) { left: 66px; animation: preloader-square4 1.5s linear forwards infinite; }

@keyframes preloader-square1 {
	0% { background-color: rgba(244, 67, 54, .85); transform: translate(0, 0); }
	9.09091% { transform: translate(0, calc(-100% - 2px)); background-color: rgba(255, 150, 220, .85); }
	18.18182% { transform: translate(calc(100% + 2px), calc(-100% - 2px)); background-color: lime rgba(205, 220, 57, .85); }
	27.27273% { transform: translate(calc(100% + 2px), 0); }
	100% { background-color: rgba(156, 39, 176, .85); transform: translate(calc(100% + 2px), 0); }
}
@keyframes preloader-square2 {
	0% { background-color: rgba(63, 81, 181, .85); transform: translate(0, 0); }
	18.18182% { transform: translate(0, 0); }
	27.27273% { transform: translate(0, calc(100% + 2px)); background-color: rgba(3, 169, 244, .85); }
	36.36364% { transform: translate(calc(100% + 2px), calc(100% + 2px)); background-color: rgba(0, 188, 212, .85); }
	45.45455% { transform: translate(calc(100% + 2px), 0); }
	100% { background-color: rgba(0, 150, 136, .85); transform: translate(calc(100% + 2px), 0); }
}
@keyframes preloader-square3 {
	0% { background-color: rgba(139, 195, 74, .85); transform: translate(0, 0); }
	36.36364% { transform: translate(0, 0); }
	45.45455% { transform: translate(0, calc(-100% - 2px)); background-color: rgba(255, 193, 7, .85); }
	54.54545% { transform: translate(calc(100% + 2px), calc(-100% - 2px)); background-color: rgba(255, 152, 0, .85); }
	63.63636% { transform: translate(calc(100% + 2px), 0); }
	100% { background-color: rgba(121, 85, 72, .85); transform: translate(calc(100% + 2px), 0); }
}
@keyframes preloader-square4 {
	0% { transform: translate(0, 0); background-color: rgba(0, 255, 255, .85); }
	54.54545% { transform: translate(0, 0); }
	63.63636% { transform: translate(0, calc(100% + 2px)); background-color: rgba(205, 220, 57, .85); }
	72.72727% { background-color: rgba(5, 105, 120, .85); }
	81.81818% { background-color: rgba(200, 110, 120, .85); }
	90.90909% { transform: translate(calc(-300% - 6px), calc(100% + 2px)); background-color: rgba(35, 180, 120, .85); }
	100% { transform: translate(calc(-300% - 6px), 0); background-color: rgba(170, 85, 140, .85); }
}

/*============================================================================*/