.loadingindicator{
    position: absolute;
	top:0;
    width: 100%;
    height: 100%;
    z-index: 99;
    /* left: calc(50% - 80px); */
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.3);
}

.lds-percentage {
	font-size: 30px;
    font-weight: 700;
    color: #fff;
	background: linear-gradient(to right, var(--text-color-primary), var(--text-color-primary) 50%, white 50%);
	background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  background-position: 0% 100%;
}

.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 104px;
	height: 80px;
  }
  .lds-ellipsis div {
	display: inline-block;
	position: absolute;
	border-radius: 20%;
	left: 8px;
	width: 16px;
	height: 16px;
	background: var(--color-secondary);
	animation: lds-ellipsis 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  }
  .lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation-delay: -0.24s;
  }
  .lds-ellipsis div:nth-child(2) {
	left: 32px;
	animation-delay: -0.12s;
  }
  .lds-ellipsis div:nth-child(3) {
	left: 56px;
	animation-delay: 0;
  }
  .lds-ellipsis div:nth-child(4) {
	left: 80px;
	animation-delay: 0.12s;
  }
  @keyframes lds-ellipsis {
	0% {
	  top: 24px;
	  height: 32px;
	}
	50%, 100% {
	  top: 40px;
	  height: 16px;
	}
  }
  

/* .lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 60px;
  }
  .lds-ellipsis div {
	position: absolute;
	top: 33px;
	width: 23px;
	height: 23px;
	border-radius: 20%;
	background: var(--color-secondary);
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
	0% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(1);
	}
  }
  @keyframes lds-ellipsis3 {
	0% {
	  transform: scale(1);
	}
	100% {
	  transform: scale(0);
	}
  }
  @keyframes lds-ellipsis2 {
	0% {
	  transform: translate(0, 0);
	}
	100% {
	  transform: translate(24px, 0);
	}
  } */