$input-animation-duration-short: .15s;
$input-animation-duration: .3s;
$input-animation-transition: background-color $input-animation-duration-short $curve-standard,
  color $input-animation-duration-short $curve-standard,
  padding $input-animation-duration-short $curve-standard,
  border-color $input-animation-duration-short $curve-standard,
  border-radius $input-animation-duration $curve-standard,
  box-shadow $input-animation-duration $curve-standard;

$input-no-state-background-color: var(--color-light-bg);
$input-no-state-background-color-checked: var(--color-text-main);
$input-no-state-border-color-checked: var(--color-text-main);

$input-disabled-background-color: var(--color-utility-help-light);
$input-disabled-background-color-checked: var(--color-secondary-hover);
$input-disabled-border-color: var(--color-special-divider);
$input-disabled-border-radius: 2px;
$input-disabled-box-shadow: none;
$input-disabled-cursor: not-allowed;
$input-disabled-label-color: var(--color-special-divider);

$input-hover-background-color-checked: var(--color-secondary);
$input-hover-border-color: var(--color-secondary);
$input-hover-border-radius: 4px;

$input-pressed-background-color-checked: $input-no-state-background-color-checked;
$input-pressed-border-color: var(--color-text-main);
$input-pressed-border-radius: 8px;