@-webkit-keyframes loading {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	}
	25% {
	  -webkit-transform: rotate(90deg);
			  transform: rotate(90deg);
	}
	50% {
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
	}
	75% {
	  -webkit-transform: rotate(270deg);
			  transform: rotate(270deg);
	}
  }
  @keyframes loading {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	}
	25% {
	  -webkit-transform: rotate(90deg);
			  transform: rotate(90deg);
	}
	50% {
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
	}
	75% {
	  -webkit-transform: rotate(270deg);
			  transform: rotate(270deg);
	}
  }
  .loading-in-progress {
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	background-color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
		flex-direction: column;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
  }
  .loading-spinner {
	background-position: center center;
	background-image: url("./spinner.svg");
	background-repeat: no-repeat;
	-webkit-animation: loading 0.7s infinite steps(1);
			animation: loading 0.7s infinite steps(1);
	background-size: 24px;
	height: 24px;
	width: 24px;
  }