@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 - 50px) !important; left: calc(100% / 2 - 50px) !important; }

.svgAnimPanel { width: 100px; }

.svgAnimPanel .icon-nosql .water,
.svgAnimPanel .icon-nosql #disk_border_top {
	opacity: 1;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.svgAnimPanel .icon-nosql #fill_wall_top {
	-webkit-animation: preloader-empty-water-top 2s linear alternate infinite;
	animation: preloader-empty-water-top 2s linear alternate infinite;
}
.svgAnimPanel .icon-nosql #fill_ceiling_top {
	-webkit-animation: preloader-empty-water-top-ceiling 2s linear alternate infinite;
	animation: preloader-empty-water-top-ceiling 2s linear alternate infinite;
}
.svgAnimPanel .icon-nosql #fill_wall_middle {
	-webkit-animation: preloader-empty-water-middle 2s linear alternate infinite;
	animation: preloader-empty-water-middle 2s linear alternate infinite;
}
.svgAnimPanel .icon-nosql #fill_ceiling_middle {
	-webkit-animation: preloader-empty-water-middle-ceiling 2s linear alternate infinite;
	animation: preloader-empty-water-middle-ceiling 2s linear alternate infinite;
}
.svgAnimPanel .icon-nosql #fill_wall_bottom {
	-webkit-animation: preloader-empty-water-bottom 2s linear alternate infinite;
	animation: preloader-empty-water-bottom 2s linear alternate infinite;
}
.svgAnimPanel .icon-nosql #fill_ceiling_bottom {
	-webkit-animation: preloader-empty-water-bottom-ceiling 2s linear alternate infinite;
	animation: preloader-empty-water-bottom-ceiling 2s linear alternate infinite;
}
.svgAnimPanel .icon-nosql #disk_border_top {
	-webkit-animation: preloader-wall-fall 2s linear alternate infinite;
	animation: preloader-wall-fall 2s linear alternate infinite;
}
.svgAnimPanel .icon-nosql #disk_border_middle {
	-webkit-animation: preloader-disk_border_middle 2s linear alternate infinite;
	animation: preloader-disk_border_middle 2s linear alternate infinite;
}

.pl-tx { display: flex; justify-content: center; position: absolute; top: calc(100% / 2 + 60px) !important; left: 0; right: 0; width: 100vw; max-width: 1920px; font-size: 16px; color: rgba(0, 0, 0, .85); }

@-webkit-keyframes preloader-empty-water-top {
	0% { -webkit-transform: translate(0, 0); }
	35% { -webkit-transform: translate(0, 14px); opacity: 1; }
	36% { opacity: 0; }
	100% { -webkit-transform: translate(0, 14px); opacity: 0; }
}
@-webkit-keyframes preloader-empty-water-top-ceiling {
	0% { -webkit-transform: translate(0, 0); }
	1% { -webkit-transform: translate(0, 3px); }
	35% { -webkit-transform: translate(0, 17px); opacity: 1; }
	36% { opacity: 0; }
	100% { -webkit-transform: translate(0, 16px); opacity: 0; }
}
@-webkit-keyframes preloader-empty-water-middle {
	0%, 40% { -webkit-transform: translate(0, 0); }
	75% { -webkit-transform: translate(0, 14px); opacity: 1; }
	76% { opacity: 0; }
	100% { -webkit-transform: translate(0, 14px); opacity: 0; }
}
@-webkit-keyframes preloader-empty-water-middle-ceiling {
	0%, 40% { -webkit-transform: translate(0, 0); }
	41% { -webkit-transform: translate(0, 3px); }
	75% { -webkit-transform: translate(0, 16px); opacity: 1; }
	76% { opacity: 0; }
	100% { -webkit-transform: translate(0, 16px); opacity: 0; }
}
@-webkit-keyframes preloader-empty-water-bottom {
	0%, 80% { -webkit-transform: translate(0, 0); }
	90% { -webkit-transform: translate(0, 3px); }
	100% { -webkit-transform: translate(0, 6px); }
}
@-webkit-keyframes preloader-empty-water-bottom-ceiling {
	0%, 80% { -webkit-transform: translate(0, 0); }
	80.1% { -webkit-transform: translate(0, 4px); }
	90% { -webkit-transform: translate(0, 7px); }
	100% { -webkit-transform: translate(0, 10px); }
}
@-webkit-keyframes preloader-wall-fall {
	0%, 30% { -webkit-transform: translate(0, 0); }
	36% { -webkit-transform: translate(0, 16px); }
	38% { -webkit-transform: translate(0, 12px); }
	40%, 70% { -webkit-transform: translate(0, 16px); }
	76% { -webkit-transform: translate(0, 32px); }
	78% { -webkit-transform: translate(0, 28px); }
	80%, 100% { -webkit-transform: translate(0, 32px); }
}
@-webkit-keyframes preloader-disk_border_middle {
	0%, 40% { opacity: 1; }
	45%, 100% { opacity: 0; }
}
@keyframes preloader-empty-water-top {
	0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	35% { -webkit-transform: translate(0, 14px); transform: translate(0, 14px); opacity: 1; }
	36% { opacity: 0; }
	100% { -webkit-transform: translate(0, 14px); transform: translate(0, 14px); opacity: 0; }
}
@keyframes preloader-empty-water-top-ceiling {
	0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	1% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); }
	35% { -webkit-transform: translate(0, 17px); transform: translate(0, 17px); opacity: 1; }
	36% { opacity: 0; }
	100% { -webkit-transform: translate(0, 16px); transform: translate(0, 16px); opacity: 0; }
}
@keyframes preloader-empty-water-middle {
	0%, 40% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	75% { -webkit-transform: translate(0, 14px); transform: translate(0, 14px); opacity: 1; }
	76% { opacity: 0; }
	100% { -webkit-transform: translate(0, 14px); transform: translate(0, 14px); opacity: 0; }
}
@keyframes preloader-empty-water-middle-ceiling {
	0%, 40% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	41% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); }
	75% { -webkit-transform: translate(0, 16px); transform: translate(0, 16px); opacity: 1; }
	76% { opacity: 0; }
	100% { -webkit-transform: translate(0, 16px); transform: translate(0, 16px); opacity: 0; }
}
@keyframes preloader-empty-water-bottom {
	0%, 80% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	90% { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); }
	100% { -webkit-transform: translate(0, 6px); transform: translate(0, 6px); }
}
@keyframes preloader-empty-water-bottom-ceiling {
	0%, 80% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	80.1% { -webkit-transform: translate(0, 4px); transform: translate(0, 4px); }
	90% { -webkit-transform: translate(0, 7px); transform: translate(0, 7px); }
	100% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); }
}
@keyframes preloader-wall-fall {
	0%, 30% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	36% { -webkit-transform: translate(0, 16px); transform: translate(0, 16px); }
	38% { -webkit-transform: translate(0, 12px); transform: translate(0, 12px); }
	40%, 70% { -webkit-transform: translate(0, 16px); transform: translate(0, 16px); }
	76% { -webkit-transform: translate(0, 32px); transform: translate(0, 32px); }
	78% { -webkit-transform: translate(0, 28px); transform: translate(0, 28px); }
	80%, 100% { -webkit-transform: translate(0, 32px); transform: translate(0, 32px); }
}
@keyframes preloader-disk_border_middle {
	0%, 40% { opacity: 1; }
	45%, 100% { opacity: 0; }
}

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