.value {
  align-items: center;
  background: var(--gray);
  border-radius: 8px;
  border-right: 3px solid var(--gray-600);
  display: flex;
  flex-shrink: 0;
  height: 35px;
  padding: 0 8px;
  width: 100%;
}

.value > div,
.value input {
  align-items: center;
  background: var(--white);
  border-radius: 3px;
  border: none;
  box-shadow: none;
  color: var(--gray-600);
  display: flex;
  font-weight: normal;
  height: 25px;
  outline: none;
  padding-right: 7px;
  width: 100%;
}

.value-blue {
  border-color: var(--blue);
}

.value-blue,
.value-blue input {
  color: var(--blue);
}

.value-orange-200 {
  border-color: var(--orange-200);
}

.value-orange-200,
.value-orange-200 input {
  color: var(--orange-200);
}