/* Password visibility toggle (see js/password-toggle.js) */
.pw-toggle-wrap {
    position: relative;
    display: block;
    width: 100%;
}
.pw-toggle-wrap > input {
    padding-right: 44px !important;
    width: 100%;
}
.pw-toggle-btn {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ink-3, #7a7a7a);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 0;
    box-shadow: none;
}
.pw-toggle-btn:hover { color: var(--ink, #222); background: rgba(0, 0, 0, .05); }
.pw-toggle-btn:focus { outline: none; }
.pw-toggle-btn:focus-visible { outline: 2px solid var(--primary, #1a73e8); outline-offset: 1px; }
.pw-toggle-btn svg { display: block; pointer-events: none; }

/* Hide Edge/IE's built-in reveal button so there aren't two eyes */
.pw-toggle-wrap > input::-ms-reveal,
.pw-toggle-wrap > input::-ms-clear { display: none; }