/* ==========================================================================
   Show Password
   ========================================================================== */

.show-password__button {
    position: absolute;
    border: unset;
    background-color: unset;
    padding: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 2px;
}

.show-password__button svg {
    stroke: #999;
    width: 18px;
    height: 18px;
}

.is-desktop .show-password__button:hover svg {
    stroke: #414141;
}

.show-password__button.keyboard-focus svg {
    stroke: #0780ff;
}

.show-password__button[aria-pressed="false"] svg:first-child {
    display: inline-block;
}

.show-password__button[aria-pressed="false"] svg:last-child {
    display: none;
}

.show-password__button[aria-pressed="true"] svg:last-child {
    display: inline-block;
}

.show-password__button[aria-pressed="true"] svg:first-child {
    display: none;
}