/* Show / hide password button (public/js/password-toggle.js). Loaded after auth-style.css / app-new.css. */
.password-field { position: relative; }
.form-inputs .password-field { width: 100%; max-width: 380px; }
.password-field input { padding-right: 46px; }
/* Keep the red error border, drop Bootstrap's right-side icon that would sit under the eye. */
.password-field .form-control.is-invalid { background-image: none; padding-right: 46px; }
.password-toggle {
    position: absolute; top: 0; right: 0; bottom: 0; width: 44px;
    display: flex; align-items: center; justify-content: center;
    margin: 0; padding: 0; border: 0; background: transparent;
    color: #9B9B9B; cursor: pointer;
}
.password-toggle:hover, .password-toggle:focus-visible { color: #fff; }
.password-toggle:focus { outline: none; }
.password-toggle:focus-visible { outline: 2px solid #6290FF; outline-offset: -2px; border-radius: 4px; }
.password-toggle svg { display: block; }
.password-toggle svg[hidden] { display: none; }