#password-form
{
	margin-bottom: 40px;
}

@media (max-width: 767px)
{

    .three-columns
    {
        columns: 1;
    }

}

.three-columns .checkbox-label
{
    break-inside: avoid;
}

#password
{
    box-shadow: var(--box-shadow-dark);
    cursor: text;
	font-size: 1.6em;
    line-height: 1.3;
	margin: 0 0 20px;
	word-break: break-word;
}

.word:nth-child(even)
{
	font-weight: 700;
}

#strength
{
	margin-bottom: 1rem;
}

#progress-wrapper
{
    background: var(--background-secondary);
    border-radius: 3px;
    height: 10px;
    position: relative;
    width: 100%;
}

#progress-bar
{
    border-radius: 3px;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 200ms ease-in-out;
}

#progress-bar[data-progress-value="0"],
#progress-bar[data-progress-value="1"]
{
    background: var(--colour-error);
}

#progress-bar[data-progress-value="2"]
{
    background: var(--colour-warning);
}

#progress-bar[data-progress-value="3"],
#progress-bar[data-progress-value="4"]
{
    background: var(--colour-success);
}