/* Show/hide password button, added by js/password_toggle.js */
.pw-toggle-wrap {
    position: relative;
}

/* Leave room so typed text never runs under the button. */
.pw-toggle-wrap input {
    padding-right: 2.75rem;
}

/* Hide Edge's built-in reveal icon so there is only one eye. */
.pw-toggle-wrap input::-ms-reveal {
    display: none;
}

/* Bootstrap's invalid icon would sit under the button, so drop it here. */
.pw-toggle-wrap .form-control.is-invalid {
    background-image: none;
}

.pw-toggle {
    position: absolute;
    top: 50%;
    right: 0.4rem;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #8e99ac;
    cursor: pointer;
}

.pw-toggle:hover,
.pw-toggle:focus-visible {
    color: #495057;
}

.pw-toggle svg {
    width: 18px;
    height: 18px;
}