/* See static/src/js/password_toggle.js */
input.uvtab-pwd-has-toggle {
    padding-right: 40px !important;
}

.uvtab-pwd-toggle {
    position: absolute;
    /* top/right set by the script from the input's own box */
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 4px;
    border: 0;
    background: transparent;
    color: #6b778c;
    line-height: 0;
    cursor: pointer;
}

.uvtab-pwd-toggle:hover {
    color: #0052CC;
}

.uvtab-pwd-toggle:focus-visible {
    outline: 2px solid rgba(0, 82, 204, 0.4);
    border-radius: 3px;
}

/* ubteb_candidate_form's login.css has a global `img, svg { margin-bottom: 16px }`
   that would push the icon up off-centre. */
.uvtab-pwd-toggle svg {
    display: block;
    margin: 0;
    vertical-align: middle;
}