/* ============================================================
   06 · COMPONENTS · Progress
   Reading-progress sliver fixed at the top of the viewport.
   ============================================================ */

.c-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 100;
  background: rgba(10, 10, 15, 0.06);
}

.c-progress__bar {
  height: 100%;
  width: 0%;
  background: var(--accent);
  box-shadow: 0 0 12px rgba(30, 94, 213, 0.7);
  transition: width 60ms linear;
}