/* ================================================
* spin loading icon
* built at https://loading.io/spinner/custom/279283
* License under cc0
================================================ */
#loadingMask
{
	position:fixed;
	top: 0;
	width:100vw;
	height:100vh;
	background:rgba( 0 , 0 , 0 , 0.8 );
	z-index:5000;
	
	visibility:hidden;
}
.loadingFx
{
	position:absolute;
	width:50vw;
	height:fit-content;
	
	margin:auto;
	right:0;
	left:0;
	top:0;
	bottom:0;
	
	color: #FFF;
	letter-spacing:5px;
}


@keyframes lds-spin {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes lds-spin {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.lds-spin {
  position: relative;
}
.lds-spin div > div {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #9acdec;
  -webkit-animation: lds-spin 1.7s linear infinite;
  animation: lds-spin 1.7s linear infinite;
}
.lds-spin div:nth-child(1) > div {
  left: 160px;
  top: 88px;
  -webkit-animation-delay: -1.53s;
  animation-delay: -1.53s;
}
.lds-spin > div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 172px 100px;
  transform-origin: 172px 100px;
}
.lds-spin div:nth-child(2) > div {
  left: 146.249223568px;
  top: 130.320538144px;
  -webkit-animation-delay: -1.36s;
  animation-delay: -1.36s;
}
.lds-spin > div:nth-child(2) {
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
  -webkit-transform-origin: 158.249223568px 142.320538144px;
  transform-origin: 158.249223568px 142.320538144px;
}
.lds-spin div:nth-child(3) > div {
  left: 110.24922356799999px;
  top: 156.47606915199998px;
  -webkit-animation-delay: -1.19s;
  animation-delay: -1.19s;
}
.lds-spin > div:nth-child(3) {
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
  -webkit-transform-origin: 122.24922356799999px 168.47606915199998px;
  transform-origin: 122.24922356799999px 168.47606915199998px;
}
.lds-spin div:nth-child(4) > div {
  left: 65.75077643200001px;
  top: 156.47606915199998px;
  -webkit-animation-delay: -1.02s;
  animation-delay: -1.02s;
}
.lds-spin > div:nth-child(4) {
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
  -webkit-transform-origin: 77.75077643200001px 168.47606915199998px;
  transform-origin: 77.75077643200001px 168.47606915199998px;
}
.lds-spin div:nth-child(5) > div {
  left: 29.750776431999995px;
  top: 130.320538144px;
  -webkit-animation-delay: -0.85s;
  animation-delay: -0.85s;
}
.lds-spin > div:nth-child(5) {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
  -webkit-transform-origin: 41.750776431999995px 142.320538144px;
  transform-origin: 41.750776431999995px 142.320538144px;
}
.lds-spin div:nth-child(6) > div {
  left: 16px;
  top: 88px;
  -webkit-animation-delay: -0.68s;
  animation-delay: -0.68s;
}
.lds-spin > div:nth-child(6) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: 28px 100px;
  transform-origin: 28px 100px;
}
.lds-spin div:nth-child(7) > div {
  left: 29.750776431999995px;
  top: 45.679461856px;
  -webkit-animation-delay: -0.51s;
  animation-delay: -0.51s;
}
.lds-spin > div:nth-child(7) {
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
  -webkit-transform-origin: 41.750776431999995px 57.679461856px;
  transform-origin: 41.750776431999995px 57.679461856px;
}
.lds-spin div:nth-child(8) > div {
  left: 65.75077643200001px;
  top: 19.523930848000006px;
  -webkit-animation-delay: -0.34s;
  animation-delay: -0.34s;
}
.lds-spin > div:nth-child(8) {
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
  -webkit-transform-origin: 77.75077643200001px 31.523930848000006px;
  transform-origin: 77.75077643200001px 31.523930848000006px;
}
.lds-spin div:nth-child(9) > div {
  left: 110.24922356799999px;
  top: 19.523930848000006px;
  -webkit-animation-delay: -0.17s;
  animation-delay: -0.17s;
}
.lds-spin > div:nth-child(9) {
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
  -webkit-transform-origin: 122.24922356799999px 31.523930848000006px;
  transform-origin: 122.24922356799999px 31.523930848000006px;
}
.lds-spin div:nth-child(10) > div {
  left: 146.249223568px;
  top: 45.679461856px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.lds-spin > div:nth-child(10) {
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
  -webkit-transform-origin: 158.249223568px 57.679461856px;
  transform-origin: 158.249223568px 57.679461856px;
}
.lds-spin div:nth-child(11) > div {
  left: 160px;
  top: 88px;
  -webkit-animation-delay: 0.17s;
  animation-delay: 0.17s;
}
.lds-spin > div:nth-child(11) {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transform-origin: 172px 100px;
  transform-origin: 172px 100px;
}
.lds-spin {
  width: 111px !important;
  height: 111px !important;
  -webkit-transform: translate(-55.5px, -55.5px) scale(0.555) translate(55.5px, 55.5px);
  transform: translate(-55.5px, -55.5px) scale(0.555) translate(55.5px, 55.5px);
}