button,
input,
select {
  font: inherit;
}

.modal-card > select {
  width: 100%;
  height: 47px;
  margin-bottom: 19px;
  padding: 0 13px;
  border: 1px solid #cfd3de;
  border-radius: 10px;
  outline: 0;
  background: #fff;
}

.modal-card > select:focus {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px rgba(103, 84, 217, .13);
}

.level-badge {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 20px;
  color: #5646b9;
  background: var(--purple-soft);
  font-size: .77rem;
  font-weight: 750;
}