.vector {
  display: block;
  @media (min-width: 1024px) {
    display: inline-block;
  }

  .control {
    float: left;

    > label {
      font-size: 0.8em;
    }

    .control label {
      border: none;
    }
  }
}

.controls {
  float: right;
  position: relative;

  @media (min-width: 1024px) {
    float: none;
  }

  &:after {
    display: table;
    content: ' ';
    clear: both;
  }
}

.separator {
  float: left;
  font-size: 0.8em;
  position: relative;
  top: 0.4em;
}