.ahf-top-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 9999998;
  pointer-events: none;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.06);
}

.ahf-top-progress[hidden] {
  display: none !important;
}

.ahf-top-progress > span {
  display: block;
  height: 100%;
  width: 100%;
  background-color: #009493;
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

.ahf-top-progress.is-active > span {
  animation: ahf-top-progress-run 10s cubic-bezier(0.08, 0.45, 0.15, 1) forwards;
}

.ahf-top-progress.is-complete > span {
  animation: none;
  transform: scaleX(1);
  transition: transform 0.18s ease-out;
}

@keyframes ahf-top-progress-run {
  0% {
    transform: scaleX(0.06);
  }
  100% {
    transform: scaleX(0.9);
  }
}