.password-field {
    position: relative;
    width: 100%;
    min-width: 0;
}

.password-field > input {
    width: 100%;
    /* The input can be LTR while its surrounding Arabic form is RTL. */
    padding-right: 48px !important;
}

.password-field:dir(rtl) > input {
    padding-right: 14px !important;
    padding-left: 48px !important;
}

.affiliate-payout-form .password-field { max-width: 260px; }

.password-field > .password-toggle {
    position: absolute;
    inset-block: 1px;
    inset-inline-end: 1px;
    display: grid;
    place-items: center;
    width: 44px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #555;
    cursor: pointer;
}

.password-field > .password-toggle:hover { color: #c62828; }
.password-field > .password-toggle:focus-visible { outline: 2px solid #c62828; outline-offset: -3px; }
.password-field > .password-toggle:disabled { opacity: .5; cursor: default; }
.password-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.password-toggle .password-eye-slash { display: none; }
.password-toggle[data-password-visible="true"] .password-eye-slash { display: block; }