#showPassword {
    cursor: pointer;
    float: inline-end;
    z-index: 20;
    position: relative;
    margin-top: -1.5em;
    margin-inline-end: 0.4em;
}

/* Password fields should always be LTR regardless of page direction */
.pwd-box,
input[type="password"] {
    direction: ltr !important;
    text-align: left;
}

/* Align password to the right when in RTL context (e.g., Arabic) */
[dir="rtl"] .pwd-box,
[dir="rtl"] input[type="password"],
html[dir="rtl"] .pwd-box,
html[dir="rtl"] input[type="password"] {
    text-align: right !important;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    ul li .far {
        font-size: large;
    }

#pswd_info {
    margin-top: 0.5em;
}

.pswd_invalid {
    color: #c3b3b3;
}

.pswd_valid {
    color: var(--success);
}