.loadingscreen-animation-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
}

.loadingscreen-waiting-indicator {
  position: relative;
  width: 96px;
  height: 96px;
}
.loadingscreen-waiting-indicator .loadingscreen-circle,
.loadingscreen-waiting-indicator .loadingscreen-waiting-circle-1,
.loadingscreen-waiting-indicator .loadingscreen-waiting-circle-2,
.loadingscreen-waiting-indicator .loadingscreen-waiting-circle-3 {
  position: absolute;
  border-radius: 50%;
  animation: 1s scaleAnimation 0s ease-in-out alternate infinite;
  background: #0091dc;
}
.loadingscreen-waiting-indicator .loadingscreen-waiting-circle-1 {
  opacity: 0.15;
  animation-delay: 0s;
  width: 96px;
  height: 96px;
}
.loadingscreen-waiting-indicator .loadingscreen-waiting-circle-2 {
  opacity: 0.3;
  animation-delay: 0.25s;
  width: 64px;
  height: 64px;
  left: 16px;
  top: 16px;
}
.loadingscreen-waiting-indicator .loadingscreen-waiting-circle-3 {
  opacity: 1;
  animation-delay: 0.1s;
  width: 32px;
  height: 32px;
  left: 32px;
  top: 32px;
}
.loadingscreen-waiting-indicator.loadingscreen-waiting-indicator-md {
  height: 64px;
  width: 64px;
}
.loadingscreen-waiting-indicator.loadingscreen-waiting-indicator-md
  .loadingscreen-waiting-circle-1 {
  width: 64px;
  height: 64px;
}
.loadingscreen-waiting-indicator.loadingscreen-waiting-indicator-md
  .loadingscreen-waiting-circle-2 {
  width: 42px;
  height: 42px;
  left: 11px;
  top: 11px;
}
.loadingscreen-waiting-indicator.loadingscreen-waiting-indicator-md
  .loadingscreen-waiting-circle-3 {
  width: 22px;
  height: 22px;
  left: 21px;
  top: 21px;
}
.loadingscreen-waiting-indicator.loadingscreen-waiting-indicator-sm {
  height: 32px;
  width: 32px;
}
.loadingscreen-waiting-indicator.loadingscreen-waiting-indicator-sm
  .loadingscreen-waiting-circle-1 {
  width: 32px;
  height: 32px;
}
.loadingscreen-waiting-indicator.loadingscreen-waiting-indicator-sm
  .loadingscreen-waiting-circle-2 {
  width: 22px;
  height: 22px;
  left: 5px;
  top: 5px;
}
.loadingscreen-waiting-indicator.loadingscreen-waiting-indicator-sm
  .loadingscreen-waiting-circle-3 {
  width: 10px;
  height: 10px;
  left: 11px;
  top: 11px;
}
@keyframes scaleAnimation {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.5);
  }
}