.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing-unit) * 2);
}

.form__field {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.form__field label {
  display: block;
  font-size: 0.875rem;
  font-weight: var(--font-weight-normal);
  color: var(--color-slate-text);
  margin-bottom: var(--spacing-unit);
  padding-left: calc(var(--spacing-unit) * 1.5);
}

.form__field input {
  display: block;
  width: 100%;
  border-radius: calc(var(--spacing-unit) * 0.5);
  border: 1px solid var(--color-slate-bg);
  background-color: var(--color-white);
  padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 1.5);
  color: rgb(100 116 139);
}

.form__field input:focus {
  border-color: var(--color-slate-text-hover);
  outline: none;
}