.container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 8px;
}

.label {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}

.select {
  width: 100%;
  padding: 12px 16px;
  border-radius: 24px;
  border: solid 1px #e5e7eb;
  font-size: 16px;
  background-color: #f1f1f1;
  outline: none;
  appearance: none;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;

  &:focus {
    border-color: #000;
    transition-delay: 0.1s;
  }
}

.selectError {
  border-color: #ef4444;
  &:focus {
    box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
  }
}

.errorText {
  font-size: 12px;
  color: #ef4444;
  margin: 0;
}
