opt-cc/static/src/app/style/load-indicator.css

.load-indicator {
  position: absolute;
  top: 50%;
  z-index: 10000;
  left: 46%;
  width: 100px;
  height: 100px;
  filter: drop-shadow(3px 1px 2px #666666);
}

.opt-loader {
  border: 3px solid #666666;
  border-top: 3px solid #dadada;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  animation: spin 2s linear infinite, fade 2s linear infinite;
}

.opt-logo-core {
  width: 85px;
  height: 85px;
  margin: 6px 8px;
  stroke: #666666;
  color: #dadada;
}


@media only screen and (min-width: 1200px) {
  .load-indicator {
    left: 46.1%;
  }
}
@media only screen and (min-width: 1376px) {
  .load-indicator {
    left: 46.55%;
  }
}
@media only screen and (min-width: 1600px) {
  .load-indicator {
    left: 47.45%;
  }
}
@media only screen and (min-width: 1925px) {
  .load-indicator {
    left: 48.1%;
  }
}

@keyframes fade {
  0%, 100% { opacity: 0.5; }
  50%  { opacity: 1; }
}

@keyframes spin {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}