/* [project]/src/components/ui/organisms/ProgressTopBar/ProgressTopBar.css [app-client] (css) */
.transition-progressbar {
  background-color: var(--ant-color-primary);
  z-index: 999;
  transform-origin: 0 0;
  width: 100%;
  height: 4px;
  animation: 15s steps(20, end) .1s forwards transition-progressbar-animation;
  position: fixed;
  top: 0;
  transform: scaleX(.15);
}

.transition-progressbar--disabled {
  opacity: 0 !important;
  transition: none !important;
  animation: none !important;
}

@keyframes transition-progressbar-animation {
  0% {
    transform: scaleX(.15);
  }

  6.25% {
    transform: scaleX(.2);
  }

  12.5% {
    transform: scaleX(.3);
  }

  18.75% {
    transform: scaleX(.4);
  }

  25% {
    transform: scaleX(.5);
  }

  100% {
    transform: scaleX(.99);
  }
}