button,
input,
textarea,
select {
  font-weight: inherit;
  font-size: inherit;
  line-height: var(--line-height);
  font-family: inherit;
  border-width: var(--border-width);
  border-style: solid;
  border-radius: var(--border-radius);
  padding: var(--padding-input);
  box-sizing: border-box;

  &:hover,
  &:focus {
    border-color: var(--primary-color-active);
  }
}
input,
textarea,
select {
  background: var(--color-input);
  color: var(--color-input-text);
  border-color: var(--color-input-border);
}

input[type=date] {
  line-height: calc(var(--line-height) - .125);
}

*:disabled {
  opacity: 0.5;
  cursor: default;
  background: #8888;
  border-color: #8888;
  color: var(--color-text);
}

hr {
  border: 0;
  border-top: var(--border-width) solid #8884;
  margin: 0;
}