.input {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.input__label {
  font-size: 13px;
  color: var(--color-muted);
}

.input__control {
  font: inherit;
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-surface);
}

.input__control:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: -1px;
}