/***********************
    Show / hide password
**********************/

.password-field {
    position: relative;
}

    /* leave room for the eye button so the value never runs under it */
    .password-field input[type=password],
    .password-field input[type=text] {
        padding-right: 42px;
    }

.password-toggle-btn {
    position: absolute;
    top: 50%;
    /* the identity inputs are 85% wide and centred, so 7.5% lands on the
       input's right edge - the extra 12px pushes the eye just inside it */
    right: calc(7.5% + 12px);
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    padding: 0;
    border: none;
    background: none;
    color: #888;
    cursor: pointer;
}