.password-tips-container {
    margin-top: 10px;
    gap: 16px;
    display: block;
}

.password-tips-detail {
    gap: 4px;
}

.password-condition {
    color: rgba(14, 12, 54, 1);
}

.password-condition.valid {
    color: rgba(0, 0, 0, 1);
}

.condition-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
    background: rgba(172, 172, 172, 1);
}

.condition-dot.valid {
    background: url("../images/check_green.png");
}


.needs-meet-tip {
    font-family: FoxitOpenSans;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(14, 12, 54, 1);
}

.character-length-tip {
    font-size: 14px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(0, 0, 0, 1);
}

.at-least-2-types-tip {
    font-size: 14px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(0, 0, 0, 1);
}

.tip-text-style {
    font-family: FoxitOpenSans;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}

.hidden {
    display: none;
}

.rqmc {
    width: 650px;
}

.plpr {
    padding-left: 0;
    padding-right: 0;
}

.multi-condition {
    padding-left: 20px
}

.password-right-bg {
    width: 34%;
    margin-left: 30px
}

/***** HTML dir="rtl" *****/
[dir="rtl"] .condition-dot {
    margin-right: unset;
    margin-left: 10px;
}
[dir="rtl"] .multi-condition {
    padding-left: unset;
    padding-right: 20px;
}
[dir="rtl"] .password-right-bg {
    margin-left: unset;
    margin-right: 30px;
}