.chosen-value {
  color: #000;
}

.chosen-value::-webkit-input-placeholder {
  color: #333;
}
  
.chosen-value:hover {
  cursor: pointer;
}

.chosen-value:hover::-webkit-input-placeholder {
  color: #333;
}

.chosen-value:focus::-webkit-input-placeholder, .chosen-value.open:focus::-webkit-input-placeholder {
  color: #000;
}

.value-list {
  list-style: none;
  overflow: hidden;
  max-height: 0;
  margin: 0;
}

.value-list.open {
  max-height: 320px;
  overflow: auto;
}
 
.value-list li {
  position: relative;
  display: flex;
  cursor: pointer;
  padding: 6px 16px;
}
    
.value-list li.closed {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
}