/* Show/hide-password toggle button used on password fields site-wide.
   Positioning is intentionally NOT included here - each page/control
   scopes its own layout override, since the surrounding markup differs
   per page (see Login.aspx, administration/default.aspx, EditUser.ascx). */
.password-toggle {
    all: unset;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #6b6b6b;
}

.password-toggle:hover {
    color: #333333;
}

.password-toggle:focus-visible {
    outline: 2px solid #1E2346;
    outline-offset: 2px;
}

.password-toggle__icon {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* IE10/11 don't ship the default "[hidden] { display: none; }" UA rule,
   so the inactive eye/eye-slash icon (or a guarded, not-yet-changed toggle
   button, see password-toggle.js) stays visible without this. */
.password-toggle__icon[hidden],
.password-toggle[hidden] {
    display: none;
}

.password-field-wrap .password-toggle {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}