.pwd-meter{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;margin-top:6px}.pwd-meter-seg{height:4px;background:var(--c-line);border-radius:2px;transition:background .15s}.pwd-meter-seg[data-on=true][data-tier=weak]{background:var(--c-warn)}.pwd-meter-seg[data-on=true][data-tier=ok]{background:var(--c-mini)}.pwd-meter-seg[data-on=true][data-tier=good]{background:var(--c-surrogate)}.pwd-meter-seg[data-on=true][data-tier=strong]{background:var(--c-good)}.pwd-rules{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 12px;gap:4px 12px;font-size:12px;color:var(--c-ink-soft);font-family:var(--font-mono);letter-spacing:.02em}.pwd-rules li{display:flex;align-items:center;gap:6px}.pwd-rules li[data-passed=true]{color:var(--c-good)}.pwd-rule-mark{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--c-line-soft);color:var(--c-ink-soft);font-size:10px;font-weight:700}.pwd-rules li[data-passed=true] .pwd-rule-mark{background:#dcfce7;color:#14532d}