// Input/Output styles
// ------------------------------------------------------------------------------

// Common
fieldset {
  margin: $basic_space 0;
  border: $basic_border;
}
legend {
  @extend %basic;
  padding: 0 $half_space;
}

label {
  @extend %basic;
  display: table;
  margin: $half_space 0;
  input {
    display: table-cell;
    margin-left: $basic_space;
    padding: $half_space ($half_space + 1);
    border-style: solid;
    border-color: transparent;
    background-color: $basic_io_background_color;
    color: $basic_io_font_color;
    &:hover {
      background-color: $black;
      color: $white;
    }
  }
}