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

.password-visibility-wrapper .password-visibility-input {
    width: 100%;
    padding-right: 4.75rem !important;
}

.password-visibility-toggle {
    position: absolute;
    top: 50%;
    right: 0.65rem;
    z-index: 2;
    transform: translateY(-50%);
    min-width: 3.4rem;
    padding: 0.2rem 0.45rem;
    border: 0;
    border-radius: 0.25rem;
    background: transparent;
    color: #315efb;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}

.password-visibility-toggle:hover {
    background: rgba(49, 94, 251, 0.08);
}

.password-visibility-toggle:focus-visible {
    outline: 2px solid #315efb;
    outline-offset: 2px;
}

.password-visibility-toggle[aria-pressed="true"] {
    color: #b83a3a;
}

@media (forced-colors: active) {
    .password-visibility-toggle {
        border: 1px solid ButtonText;
    }
}