/* =========================================================================
   NRI FinTech — Page Loader
   YouTube-style top progress bar for page loads / navigations
   ========================================================================= */

/* ---------- Top progress bar ---------- */
#nrift-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  width: 0%;
  background: linear-gradient(90deg, #0080FF, #38b6ff);
  z-index: 2147483000;
  box-shadow: 0 0 8px rgba(0, 128, 255, 0.65);
  transition: width .2s ease-out, opacity .35s ease-in;
  animation: nrift-progress-grow 3.2s cubic-bezier(.1, .6, .4, 1) forwards;
  pointer-events: none;
}

@keyframes nrift-progress-grow {
  0%   { width: 0%; }
  10%  { width: 20%; }
  30%  { width: 45%; }
  60%  { width: 65%; }
  100% { width: 82%; }
}

#nrift-progress-bar.nrift-done {
  animation: none;
  width: 100%;
  transition: width .25s ease-out, opacity .35s ease-in .2s;
}

#nrift-progress-bar.nrift-hide {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  #nrift-progress-bar {
    animation: none !important;
  }
}