.start-form {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing-unit) * 5);
}

.field {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing-unit) * 2);
}

.field-label {
  font-size: var(--text-sm);
  font-weight: var(--font-weight-medium);
}

.field-input {
  width: 100%;
  padding: calc(var(--spacing-unit) * 3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-input);
  color: var(--color-foreground);
  font: inherit;
}

.field-input[aria-invalid='true'] {
  border-color: var(--color-destructive);
}

.checkbox-field {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--spacing-unit) * 3);
}

.checkbox-input {
  flex: none;
  width: calc(var(--spacing-unit) * 5);
  height: calc(var(--spacing-unit) * 5);
  margin: calc(var(--spacing-unit) * 0.5) 0 0;
  accent-color: var(--color-brand);
}