/* Variants */
@keyframes nv-progressbar-indeterminate {
  0% {
    left: -40%;
  }
  100% {
    left: 100%;
  }
}
nv-progressbar {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  width: 100%;
}
nv-progressbar > .track {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  height: var(--spacing-1);
  overflow: hidden;
  border-radius: var(--radius-rounded-full);
  background: var(--color-level-15-background);
}
nv-progressbar > .track > .fill {
  height: 100%;
  border-radius: inherit;
  transition: width 0.2s ease-out;
}
nv-progressbar > .value {
  flex: none;
  font-family: var(--font-family-mono), var(--font-family-fallback), monospace;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium-emphasis);
  line-height: var(--leading-px-4);
  font-variant-numeric: tabular-nums;
  color: var(--color-content-lower-text);
}
nv-progressbar.feedback-neutral > .track > .fill {
  background: var(--color-accent-500);
}
nv-progressbar.feedback-success > .track > .fill {
  background: var(--color-feedback-success-low-icon);
}
nv-progressbar.feedback-error > .track > .fill {
  background: var(--color-feedback-error-low-icon);
}
nv-progressbar.indeterminate > .track > .fill {
  position: absolute;
  top: 0;
  width: 40%;
  animation: nv-progressbar-indeterminate 1.2s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  nv-progressbar.indeterminate > .track > .fill {
    left: 0;
    width: 100%;
    opacity: 0.5;
    animation: none;
  }
}