.jw-password { margin-block: 12px 4px; color: var(--global-palette5); font-size: 13px; line-height: 1.5; }
.jw-password[hidden] { display: none; }
.jw-password__bar { display: flex; gap: 5px; }
.jw-password__bar span { flex: 1; height: 5px; border-radius: 4px; background: var(--global-palette7); }
.jw-password__bar .is-active { background: var(--global-palette2); }
.jw-password[data-state="invalid"] .is-active,
.jw-password[data-score="0"] .is-active { background: var(--global-palette13, var(--global-palette2)); }
.jw-password[data-score="1"] .is-active { background: var(--global-palette12, var(--global-palette2)); }
.jw-password[data-score="3"] .is-active { background: var(--global-palette11, var(--global-palette2)); }
.jw-password[data-score="4"] .is-active { background: var(--global-palette10, var(--global-palette2)); }
.jw-password .jw-password__status { margin: 7px 0; font-size: inherit; font-weight: 600; }
.jw-password .jw-password__rules { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.jw-password__rules li { display: flex; align-items: baseline; gap: 8px; margin: 0; }
.jw-password__mark { flex: 0 0 1em; text-align: center; }
.jw-password__rules .is-met { color: var(--global-palette3); }
.jw-password__rules .is-met .jw-password__mark { color: var(--global-palette10, var(--global-palette2)); font-weight: 700; }
@keyframes jw-password-autofill { from { opacity: .99; } to { opacity: 1; } }
input[data-jw-password]:-webkit-autofill { animation: jw-password-autofill .01s; }