.password-strength__meter
{
    margin-top: .5em;

    background-color: #e4e4ed;
}

.password-strength__indicator
{
    transition: width .5s ease-out;

    background-color: #27a846;
}

.password-strength__indicator.is-weak
{
    background-color: #bc2130;
}

.password-strength__indicator.is-fair
{
    background-color: #e6ab2e;
}

.password-strength__indicator.is-good
{
    background-color: #3393d1;
}

.password-strength__indicator.is-strong
{
    background-color: #27a846;
}

.password-confirm,
.password-field,
.password-strength,
.password-confirm-match
{
    width: 55%;
}

.password-suggestions
{
    max-width: 34.7em;
    margin: .7em 0;
    padding: .2em .5em;

    border: 1px solid #ceced8;
}

.password-suggestions ul
{
    margin-bottom: 0;
}

.confirm-parent,
.password-parent
{
    clear: left;
    overflow: hidden;

    max-width: 33em;
    /* LTR */
    margin: 0;
}

[dir='rtl'] .confirm-parent,
[dir='rtl'] .password-parent
{
    clear: right;
}

.password-confirm .ok
{
    font-weight: bold;

    color: #27a846;
}

.password-confirm .error
{
    font-weight: bold;

    color: #bc2130;
}

.page-user-login main .region-content,
.page-user-password main .region-content
{
    max-width: 400px;
    margin: 0 auto;
    padding: 1rem 1rem;

    border-radius: .3rem;
    background: white;
}

.page-user-password #auth-box h2.title
{
    display: none;
}