.input-label {
  color: var(--gc-primary-blue);
  font-weight: bold;
  margin-bottom: var(--spacing-xs);
}

.input-field {
  color: var(--gc-primary-blue);
  background: white;
  border: 1px solid var(--gc-primary-low);
  border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  transition: all 0.2s ease-in-out;
  font-weight: normal;
  outline: none;
  border-radius: 25px;
  padding: 14px 29px;
  line-height: normal;
}

.input-field::placeholder {
  color: var(--gc-primary-mid);
}

.input-field:focus {
  border-color: var(--gc-secondary-blue);;
}

.input-field[aria-invalid="true"] {
  border: 1px solid var(--gc-contrast-pink);
}

.input-error-message {
  color: var(--gc-contrast-pink);
  margin-top: var(--spacing-xs);
  margin-left: var(--spacing-md);
}