@use '../../../../theme/v2Styles' as *;

.progressBar {
  // layout
  height: 100%;
  width: 0;
  border-radius: 1px 0 0 1px;

  // animations
  transition: 1s linear;
  transition-property: width;

  &.play {
    background-color: $playback-start;
  }

  &.pause {
    background-color: $ontime-paused;
  }

  &.roll {
    background-color: $ontime-roll;
  }

  &.overtime {
    background-color: $playback-negative;
  }
}