.login-register-or-text-container {
  padding: var(--spacing-08) 0 var(--spacing-05) 0;
  margin: 0;
  line-height: 1;
  position: relative;
  font-size: var(--font-size-02);

  &::before {
    content: '';
    position: absolute;
    height: 1px;
    background-color: var(--neutral-20);
    left: 0;
    right: 0;
    top: calc(var(--spacing-08) + var(--spacing-08) / 4);
  }

  .login-register-or-text {
    position: relative;
    background-color: #fff;
    padding: 0 var(--spacing-05);
  }
}

.login-register-error-container {
  padding-bottom: var(--spacing-05);
  text-align: left;
}

.form-group-password {
  display: flex;
  position: relative;
  flex-direction: column;

  .form-group-password-input {
    input.form-control {
      padding-right: 35px;
    }
  }

  .visibility-toggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px; // TODO: Should this be calculated ?
    height: 35px; // TODO: Should this be calculated ?
    display: flex;
    align-items: center;
    justify-content: center;
    border: unset;
    background-color: unset;

    #visibility-icon-off {
      margin-top: 2px; // workaround for the icon not having the same center as the non-slashed one
    }
  }
}
