.password-toggle-wrap {
    position: relative;
    width: 100%;
}

.password-toggle-wrap .mp-input,
.password-toggle-wrap .al-input,
.password-toggle-wrap .prk-input {
    padding-right: 46px !important;
}

.password-toggle-btn {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--text2, #94a3b8);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: color .2s ease, background .2s ease;
}

[data-theme="dark"] .password-toggle-btn,
html:not([data-theme]) .password-toggle-btn {
    color: #d7e3f2;
}

.password-toggle-btn:hover,
.password-toggle-btn:focus-visible {
    color: var(--accent, #2563eb);
    background: var(--accent-bg, rgba(37,99,235,.12));
    outline: none;
}

.password-toggle-btn::before {
    content: "";
    width: 19px;
    height: 19px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.password-toggle-btn.is-visible::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.9 10.9 0 0 1 12 19C5.5 19 2 12 2 12a20.3 20.3 0 0 1 5.06-5.94'/%3E%3Cpath d='M9.9 4.24A10.8 10.8 0 0 1 12 5c6.5 0 10 7 10 7a20.1 20.1 0 0 1-2.16 3.19'/%3E%3Cpath d='M14.12 14.12a3 3 0 0 1-4.24-4.24'/%3E%3Cpath d='m2 2 20 20'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.9 10.9 0 0 1 12 19C5.5 19 2 12 2 12a20.3 20.3 0 0 1 5.06-5.94'/%3E%3Cpath d='M9.9 4.24A10.8 10.8 0 0 1 12 5c6.5 0 10 7 10 7a20.1 20.1 0 0 1-2.16 3.19'/%3E%3Cpath d='M14.12 14.12a3 3 0 0 1-4.24-4.24'/%3E%3Cpath d='m2 2 20 20'/%3E%3C/svg%3E") center / contain no-repeat;
}