.np-progress {
  border-radius: 10px;
  border-radius: var(--radius-small);
  width: 100%;
  height: 8px;
  height: var(--size-8);
}
.np-progress::-webkit-progress-bar {
  background-color: rgba(134,167,189,0.10196);
  background-color: var(--color-background-neutral);
  border-radius: 10px;
  border-radius: var(--radius-small);
}
.np-progress::-webkit-progress-value {
  background-color: #0097c7;
  background-color: var(--color-content-accent);
  border-radius: 10px;
  border-radius: var(--radius-small);
}
.np-theme-personal .np-progress::-webkit-progress-value {
  background-color: var(--color-interactive-primary);
}
.np-progress::-moz-progress-bar {
  background-color: #0097c7;
  background-color: var(--color-content-accent);
  border-radius: 10px;
  border-radius: var(--radius-small);
}
.np-theme-personal .np-progress::-moz-progress-bar {
  background-color: var(--color-interactive-primary);
}
@media (prefers-reduced-motion: no-preference) {
  .np-progress::-webkit-progress-value {
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;
    transition-delay: 0.2s;
  }
  .np-progress::-moz-progress-bar {
    -moz-transition: width 0.5s ease;
    transition: width 0.5s ease;
    transition-delay: 0.2s;
  }
}
