.input {
  @include text-padding;

  color: var(--font-color);
  background-color: var(--background-color-secondary);
  border: 1px var(--border-color) solid;

  &[type="file"] {
    width: 40%;
  }

  &[type="checkbox"] {
    align-self: flex-start;
  }
}

input {
  @extend .input;
}
