.ui-input,
.ui-select,
.ui-textarea {
  width: 100%;
  border: var(--border-width-default) solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-default);
  color: var(--color-text-primary);
  font-family: var(--ui-font-sans);
  font-size: var(--text-body-md-size);
  line-height: var(--text-body-md-line);
  transition:
    border-color var(--motion-fast) var(--easing-standard),
    box-shadow var(--motion-fast) var(--easing-standard),
    background-color var(--motion-fast) var(--easing-standard);
}

.ui-input,
.ui-select {
  min-height: 2.75rem;
  padding: 0.75rem 0.875rem;
}