.pw-meter { margin-top: 8px; text-align: start; }
.pw-meter__bars { display: flex; gap: 4px; direction: ltr; }
.pw-meter__bars span { flex: 1; height: 5px; border-radius: 3px; background: #e3e8e6; transition: background .2s; }
.pw-meter__label { display: block; margin-top: 5px; font-size: 12px; line-height: 1.4; color: #5b6b66; }
.pw-meter__rules { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 0; padding: 0; list-style: none; }
.pw-meter__rules li { font-size: 11px; padding: 1px 8px; border-radius: 10px; background: #eef1f0; color: #6b7a75; direction: ltr; }
.pw-meter__rules li.ok { background: #dff3e8; color: #17653f; }
.pw-meter[data-level="1"] .pw-meter__bars span:nth-child(1) { background: #d64545; }
.pw-meter[data-level="1"] .pw-meter__label { color: #d64545; }
.pw-meter[data-level="2"] .pw-meter__bars span:nth-child(-n+2) { background: #e0a100; }
.pw-meter[data-level="2"] .pw-meter__label { color: #b07d00; }
.pw-meter[data-level="3"] .pw-meter__bars span { background: #1f9d62; }
.pw-meter[data-level="3"] .pw-meter__label { color: #1f9d62; }
.pw-meter__notice { margin-top: 6px; font-size: 12px; color: #d64545; }
.pw-meter__notice[hidden] { display: none; }