select {
  min-width: 200px;
  display: inline-block;
  justify-content: center;

  &:open {
    box-shadow: 0 0 20px lightgray;
  }
}

select,
::picker(select) {
  appearance: base-select;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
}

.option-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0.7rem 0.5rem;
  cursor: pointer;
}

option {
  border-radius: 5px;
  padding: 4px 10px;

  &::checkmark {
    display: none;
  }

  &:hover {
    background-color: rgb(196, 196, 196);
  }

  &:checked {
    background-color: grey;
  }
}

::picker(select) {
  margin-top: 10px;
  border-radius: 6px;
}

::picker-icon {
  display: none;
}

.label {
  font-weight: bold;

  &::after {
    content: ": ";
  }
}