.pw-rules {
    list-style: none;
    padding: 0;
    margin: 6px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
}

.pw-rules[hidden] { display: none; }

.pw-rule {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11.5px;
    color: var(--qo-text-3);
    transition: color .12s;
}

.pw-rule i { font-size: 11px; }

.pw-rule.is-met { color: var(--qo-green); }