/* Password toggle button styling */
.input-group #toggle-password {
    border-left: none;
    padding: 0.375rem 0.75rem;
    background-color: white;
    transition: all 0.2s ease-in-out;
}

.input-group #toggle-password:hover {
    background-color: #f8f9fa;
}

.input-group #toggle-password:focus {
    box-shadow: none;
    border-color: #ced4da;
    outline: none;
}

.input-group #toggle-password:active {
    background-color: #e9ecef;
}

.input-group #password-input {
    border-right: none;
}

/* When password input is focused, style the toggle button accordingly */
.input-group #password-input:focus + #toggle-password {
    border-color: #86b7fe;
    border-left: none;
}

/* Bootstrap Icons specific styling */
.input-group #toggle-password .bi {
    font-size: 1rem;
    line-height: 1;
    color: #6c757d;
}