.navigation-progress {
  position: fixed;
  z-index: 2000;
  inset: 0 0 auto;
  height: 2px;
  overflow: hidden;
  pointer-events: none;
  background: transparent;
}

.navigation-progress[hidden] {
  display: none;
}

.navigation-progress__bar {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--accent);
  transform: scaleX(0.08);
  transform-origin: left;
  transition: transform 180ms ease-out;
}

.navigation-progress.is-pending .navigation-progress__bar {
  transform: scaleX(0.82);
  transition-duration: 8s;
  transition-timing-function: cubic-bezier(0.1, 0.05, 0, 1);
}

.navigation-progress.is-complete .navigation-progress__bar {
  transform: scaleX(1);
  transition-duration: 140ms;
}