@-webkit-keyframes mst-loading-spinner {
  from {
    -webkit-transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(-360deg);
  }
}

/* all other browsers */
@keyframes mst-loading-spinner {
  from {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -moz-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}

.loading-spinner-container {
  background-color: white;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  cursor: progress;
  transition: opacity 0.25s linear;
}

.loading-spinner-container-fade {
  background-color: white;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  cursor: progress;
  transition: opacity 0.25s linear;
  opacity: 0;
}

.loading-spinner-content {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200px;
  transform: translate(-50%, -50%);
  text-align: center;
  perspective: 1200px;
}

.loading-spinner {
  -webkit-animation-name: mst-loading-spinner;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -webkit-transform-style: preserve-3d;
  animation-name: mst-loading-spinner;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 1s;
  transform-style: preserve-3d;
  width: 60px;
  height: 60px;
}

.loading-spinner-paused {
  width: 60px;
  height: 60px;
}

#mst-loader-loading-text {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
  padding-top: 20px;
}