.form-input {
  height: 56px;
  padding: 0 1rem;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--bg-input);
  color: var(--text-main);
  font-size: 1rem;
  transition: border .2s, box-shadow .2s;
}

.form-input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 4px var(--primary-soft);
}

.form-field {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.field-input-stepper {
  position: relative;
}

.field-input-stepper .icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-muted);
}

.field-input-stepper input,
.field-input-stepper textarea {
  padding-left: 3rem;
}