Welcome Back!
Sign In to Your Account to Continue
Need an Account? Sign up
<script>
document.addEventListener('DOMContentLoaded', function() {
var passwordField = document.querySelector('input[name="spw-login__form-password-field"]'); // Targeting the attribute selector of your forms password field
// Function to check if the mouse is over the icon area
function isMouseOverIcon(event) {
var fieldRect = passwordField.getBoundingClientRect();
// Adjust the pixel value to match the size of your icon
return event.clientX > fieldRect.right - 35;
}
passwordField.addEventListener('mousemove', function(event) {
// Change cursor to pointer if over icon area, else default
this.style.cursor = isMouseOverIcon(event) ? 'pointer' : '';
});
passwordField.addEventListener('click', function(event) {
// Toggle password visibility only when clicking on the icon area
if (isMouseOverIcon(event)) {
if (this.type === 'password') {
this.type = 'text';
this.classList.add('show-password');
} else {
this.type = 'password';
this.classList.remove('show-password');
}
}
});
});
</script><style>
/* -- The root styles must go in the element of the structure with the name "Login form". --*/
.spw-login__form {
/* Styles applied to all checkboxes */
& .options-wrapper {
& li {
display: flex;
align-items: center;
justify-items: center;
flex-wrap: nowrap;
}
/* Unique styles for text remember me */
& label[for="form-field-fizjyp-0"] {
font-size: var(--text-s);
line-height: 100%;
}
}
/* Style link forgot your password */
& .spw-login__form-forgot-password{
margin-top: auto;
margin-bottom: auto;
text-align: end;
font-size: var(--text-xs);
font-weight: 600;
color: var(--primary);
line-height:100%;
}
}
/* Password Field Code */
& .spw-login__form-password-field {
width: 100%;
}
</style>