/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
/* Do not use this */
/* Use this */
go-progress {
  --go-progress-color: var(--go-color-primary-600);
  --go-progress-bar-height: 0.25rem;
  --go-progress-padding: var(--go-progress-bar-height) 0;
  --go-progress-radius: var(--radius-round);
  --go-progress-track-color: var(--go-color-neutral-200);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: var(--go-progress-padding);
}
go-progress .track {
  flex: 1;
  position: relative;
  height: var(--go-progress-bar-height);
  background-color: var(--go-progress-track-color);
  border-radius: var(--go-progress-radius);
  overflow: hidden;
}
go-progress .track .bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--go-progress-color);
  border-radius: var(--go-progress-radius);
  transform: translateX(-100%);
  transition: transform var(--go-duration-normal) var(--go-timing-function);
}
@media (prefers-reduced-motion: reduce) {
  go-progress .track .bar {
    transition-duration: 0s;
  }
}
go-progress .track.indeterminate .bar {
  border-radius: var(--go-progress-radius);
  transform-origin: left center;
  animation: indeterminate-progress 1.5s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  go-progress .track.indeterminate .bar {
    transform: translateX(0%) scaleX(30%);
    animation: indeterminate-progress-rm 3s steps(6, jump-none) infinite alternate;
  }
}

@keyframes indeterminate-progress {
  0% {
    transform: translateX(-10%) scaleX(0);
  }
  50% {
    transform: translateX(0%) scaleX(70%);
  }
  100% {
    transform: translateX(110%) scaleX(0);
  }
}
@keyframes indeterminate-progress-rm {
  0% {
    transform-origin: left;
  }
  100% {
    transform-origin: right;
  }
}