.password-visibility-wrapper {
    position: relative;
    display: block;
    width: 100%;
}

.password-visibility-wrapper > input.password-visibility-input[type] {
    padding-right: 3.25rem;
}

.password-visibility-wrapper > .password-visibility-toggle {
    position: absolute;
    top: 50%;
    right: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: #eef8ff;
    color: #1b4fa8;
    transform: translateY(-50%);
    cursor: pointer;
}

.password-visibility-toggle:hover { background: #dce9ff; }
.password-visibility-toggle:focus-visible { outline: 2px solid #1b4fa8; outline-offset: 2px; }
.password-visibility-toggle:disabled { opacity: .5; cursor: default; }
.password-visibility-toggle svg { width: 22px; height: 22px; }
.password-visibility-toggle.is-visible .password-toggle-slash { opacity: 0; }