/*
 * Shared password visibility control.
 * Used by login, Vendor Change Password, Admin Create Vendor
 * and Admin Edit Vendor.
 */

.password-toggle-wrap{
    position:relative;
    width:100%;
}

.password-toggle-wrap > input{
    padding-right:46px !important;
}

.password-toggle-button{
    position:absolute;
    z-index:2;
    top:50%;
    right:7px;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    min-height:34px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:6px !important;
    background:transparent !important;
    color:#716861 !important;
    box-shadow:none !important;
    cursor:pointer;
}

.password-toggle-button:hover{
    background:#f4eee7 !important;
    color:#4c111b !important;
}

.password-toggle-button:focus-visible{
    outline:2px solid #ab8552 !important;
    outline-offset:1px;
}

.password-toggle-button svg{
    display:block;
    width:19px;
    height:19px;
    pointer-events:none;
}

.password-toggle-button .password-eye-off{
    display:none;
}

.password-toggle-button[aria-pressed="true"] .password-eye-on{
    display:none;
}

.password-toggle-button[aria-pressed="true"] .password-eye-off{
    display:block;
}