@import "../properties.css";

.progressBarRectangle {
  display: block;
  border-radius: 2px;
  height: 32px;
  /* width: 23px; */

  cursor: pointer;
  background-color: var(--color-grey-300);
}

.readonly .progressBarRectangle {
  cursor: not-allowed;
}

.readonly.containValue .progressBarRectangle {
  background-color: var(--color-secondary-200);
}

.containValue .progressBarRectangle {
  background-color: var(--color-primary);
}


.readonly .selected ~ .progressBarRectangle {
  background-color: var(--color-grey-300);
}

.selected ~ .progressBarRectangle {
  background-color: var(--color-grey-300);
}