/* HTML: <div class="loader-bar"></div> */
:root {
  --loader-active: #6100ee;
  --loader-inactive: #d7b8fc;
  --loader-dark-inactive: #383838; /* Dark theme */
}

.loader-bar {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 6px;
  background:
    linear-gradient(var(--loader-active) 0 0) 0/0% no-repeat var(--loader-inactive);
  animation: barframes var(--feed-duration) forwards linear;
}

@keyframes barframes {
  100% { background-size: 100% }
}