.control {
  inline-size: 100%;
  min-block-size: 2.875rem;
  padding-block: var(--space-3);
  padding-inline: var(--space-4);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  background: var(--surface-primary);
  color: var(--text-primary);
}
.control::placeholder {
  color: var(--text-subdued);
  opacity: 1;
}
.control:hover:not(:disabled) {
  border-color: var(--interactive-primary);
}
.control[aria-invalid='true'] {
  border-color: var(--status-error-text);
  box-shadow: 0 0 0 1px var(--status-error-text);
}
.control:disabled {
  background: var(--control-disabled-surface);
  color: var(--control-disabled-text);
  cursor: not-allowed;
}
.textarea {
  min-block-size: 8rem;
  resize: vertical;
}
.textareaGroup {
  display: grid;
  gap: var(--space-1);
}
.count {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--type-caption-size);
  text-align: end;
}
.select {
  appearance: auto;
}
