.x-login {
  @extend .d-flex,
          .h-100,
          .py-5,
          .px-4,
          .align-items-md-center,
          .justify-content-md-center;
}

.x-login-form {
  @extend .d-flex,
          .flex-column,
          .w-100;

  @include media-breakpoint-up(lg) {
    max-width: 30em;
  }

  h1 {
    font-size: $font-size-xl;
  }

  p {
    @extend .text-grey;
  }

  .form-control {
    border-radius: $border-radius;
  }

  .x-label-info {
    @extend .w-100;

    span {
      @extend .ml-auto;
      font-size: $font-size-xs;
    }
  }
}