/* Top loading bar for in-portal route changes */
.mc-nav-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 10000;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.mc-nav-progress.is-active {
  opacity: 1;
}

.mc-nav-progress__bar {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(90deg, var(--est-blue-mid, #0062f5), var(--est-blue, #0030de));
  box-shadow: 0 0 10px rgba(0, 48, 222, 0.35);
  transition: width 0.28s ease;
}

.mc-nav-progress.is-complete .mc-nav-progress__bar {
  width: 100% !important;
  transition: width 0.16s ease;
}

.mc-nav-progress.is-fading {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .mc-nav-progress,
  .mc-nav-progress__bar {
    transition: none;
  }
}