.control {
  --control-corner: var(--control-radius, var(--radius-lg));

  min-block-size: var(--control-block-size);
  padding-block: 0;
  padding-inline: var(--control-padding-inline);
  border: var(--border-width) solid var(--color-control-border);
  border-radius: var(--control-corner);
  background-color: var(--color-surface);
  color: var(--color-text);
  line-height: var(--line-height-ui);
  transition:
    border-color var(--duration-state) var(--easing-state),
    color var(--duration-state) var(--easing-state),
    box-shadow var(--duration-state) var(--easing-state),
    opacity var(--duration-state) var(--easing-state),
    translate var(--duration-state) var(--easing-state);
}