ionic-login-form {
  width: 100%;

  #login-form {
    margin-top: 12px;
    margin-bottom: 48px;
    display: grid;
    grid-gap: 12px;

    ui-floating-input {
      margin-bottom: 0;
    }
  }

  #login-form.hide-password #field-password {
    display: none;
  }

  .form-errors {
    margin-bottom: 40px;
    text-align: center;
    font-weight: bold;
    color: var(--c-red-800);
    background-color: var(--c-red-0);
    padding: 8px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
  }

  .forgot-password {
    display: flex;
    justify-content: flex-end;
    padding-top: 2px;
    font-size: 12px;
  }

  .signup-prompt {
    text-align: center;
    color: #414D5C;
  }

  .btn {
    border-radius: 8px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
  }
}

ionic-login-form {
  width: 100%;

  #login-form {
    margin-top: 12px;
    margin-bottom: 48px;
    display: grid;
    grid-gap: 12px;

    ui-floating-input {
      margin-bottom: 0;
    }
  }

  #login-form.hide-password #field-password {
    // hide the password form but make it visible to password managers
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
  }

  .form-errors {
    margin-bottom: 40px;
    text-align: center;
    font-weight: bold;
    color: var(--c-red-800);
    background-color: var(--c-red-0);
    padding: 8px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
  }

  .forgot-password {
    display: flex;
    justify-content: flex-end;
    padding-top: 2px;
    font-size: 12px;
  }

  .signup-prompt {
    text-align: center;
    color: #414D5C;
  }

  .btn {
    border-radius: 8px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
  }
}

Fix hidden password field with password managers
Fix hidden password field with password managers
