.form-item {
  margin-block-end: var(--zoguy-space-5);
}

.form-item label {
  display: block;

  margin-block-end: var(--zoguy-space-2);

  font-weight: 600;
}

.form-item input,
.form-item select,
.form-item textarea {
  width: 100%;
  max-width: 100%;

  padding: 0.7rem 0.8rem;

  border:
    1px solid var(--zoguy-color-border);

  border-radius: var(--zoguy-radius-md);

  background: #fff;

  color: var(--zoguy-color-text);
}

.form-item input:focus,
.form-item select:focus,
.form-item textarea:focus {
  border-color: var(--zoguy-teal);
}