/* Copyright © 2025 Progress Software and/or its subsidiaries or affiliates. All Rights Reserved. */
@keyframes progress-logo1 {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0.3;
  }

  15% {
    opacity: 0.6;
  }

  20% {
    opacity: 1;
  }

  35% {
    opacity: 1;
  }

  40% {
    opacity: 0.6;
  }

  45% {
    opacity: 0.3;
  }

  50% {
    opacity: 0;
  }

  70% {
    opacity: 0;
  }

  90% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes progress-logo2 {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
  }

  20% {
    opacity: 0.3;
  }

  25% {
    opacity: 0.6;
  }

  30% {
    opacity: 1;
  }

  49% {
    opacity: 1;
  }

  50% {
    opacity: 0.6;
  }

  55% {
    opacity: 0.3;
  }

  60% {
    opacity: 0;
  }

  85% {
    opacity: 0;
  }

  90% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes progress-logo3 {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  30% {
    opacity: 0.3;
  }

  35% {
    opacity: 0.6;
  }

  40% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  65% {
    opacity: 1;
  }

  70% {
    opacity: 0.6;
  }

  75% {
    opacity: 0.3;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

body {
  margin: 0;
}

.progress-app-body {
  overflow: visible !important;
  height: 100vh;
}

.progress-loader {
  position: relative;
  z-index: 1030;
}

.progress-loader svg {
  vertical-align: top;
}

.progress-loader.progress-loader-center {
  top: 50%;
  left: 50%;
}

.progress-loader.progress-loader-logo-small {
  width: 32px;
  height: 32px;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
}

.progress-loader.progress-loader-logo-normal {
  width: 48px;
  height: 48px;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
}

.progress-loader.progress-loader-logo-large {
  width: 72px;
  height: 72px;
  top: calc(50% - 36px);
  left: calc(50% - 36px);
}

.progress-loader.progress-loader-logo > div {
  position: absolute;
  opacity: 1;
}

.progress-loader.progress-loader-logo > div:nth-child(1) {
  width: 23.3%;
  left: 0;
  top: 62.5%;
  animation: progress-logo1 1.5s 0s infinite linear;
}

.progress-loader.progress-loader-logo > div:nth-child(2) {
  width: 57%;
  left: 0;
  top: 24.1%;
  animation: progress-logo2 1.5s 0s infinite linear;
}

.progress-loader.progress-loader-logo > div:nth-child(3) {
  width: 73%;
  left: 20.7%;
  top: -4.5%;
  animation: progress-logo3 1.5s 0s infinite linear;
}