.wrapper {
  form {
    display: flex;
    flex-direction: column;
  }
}

.control {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;

  &.inline {
    flex-direction: row;

    input[type='checkbox'] {
      margin-left: 1rem;
    }
  }

  label {
    font-weight: 600;
  }

  input[type='text'],
  input[type='password'],
  input:not([type]),
  textarea {
    padding: 8px;
    border-radius: 4px;
    font-size: 14px;
    font-family: inherit;
    font-weight: 400;
    border: 1px solid #a4a4a4;
    box-shadow: inset 0 0 4px #0000001f;
  }

  &:last-child {
    margin-bottom: 0;
  }
}