.progress-bar {
  background-color: var(--observatory-bg);
  height: 4px;
  overflow: hidden;
  width: 100%;
}

.progress-bar-value {
  animation: indeterminateAnimation 2.5s infinite linear;
  background-color: var(--observatory-accent);
  height: 100%;
  transform-origin: 0% 50%;
  width: 100%;
}

@keyframes indeterminateAnimation {
  0% {
    transform: translateX(0) scaleX(0);
  }

  40% {
    transform: translateX(0) scaleX(0.4);
  }

  100% {
    transform: translateX(100%) scaleX(0.5);
  }
}

@media (prefers-reduced-motion) {
  .progress-bar-value {
    animation-duration: 60s;
  }
}