.login-form {
  $block: #{&};

  @include flex(column, nowrap, null, center);

  &--new-admin {
    inline-size: 100%;
    padding: $whitespace-10;
    background-color: $color-neutral-2;
  }

  &__wrapper {
    @include flex(column, nowrap, $whitespace-9);

    inline-size: 100%;
    max-inline-size: 50rem;
  }

  &__header {
    @include flex(column, nowrap, $whitespace-6);
  }

  &__heading {
    font-size: $font-size-8;
    font-weight: $font-weight-bold;
  }

  &__caption-link {
    @include remove-link-styles;

    display: inline;
    font-weight: $font-weight-bold;
  }

  &__form {
    @include flex(column, nowrap, $whitespace-8);
  }

  &__form-body {
    @include flex(column, nowrap, $whitespace-7);
  }

  &__input-container {
    @include flex(column, nowrap, $whitespace-4);
  }

  &__input-wrapper {
    @include flex(row, nowrap, $whitespace-3);
  }

  &__input {
    @include remove-input-styles;

    flex: 1;
    padding-block: $whitespace-4;
    border-block-end: 0.1rem solid $color-neutral-4;
  }

  &__input-error {
    font-size: $font-size-3;
    color: $color-status-error;
  }
}