.role-chip {
padding: 8px 14px;
font-size: 13px;
border-radius: 999px;
border: 1px solid #2a2a2a;
color: #9ca3af;
cursor: pointer;
transition: all 0.2s;
}

.role-chip.active {
background: white;
color: black;
border-color: white;
}

.custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}

.custom-select option {
  background: #0f0f0f;
  color: white;
}

/* Remove autofill weirdness */
select:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #0f0f0f inset;
  -webkit-text-fill-color: white;
}