.password-helper { margin-top: 12px; font-size: .875rem; }
.password-helper[hidden] { display: none; }
.password-helper__heading, .password-helper__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.password-helper__heading { justify-content: space-between; }
.password-helper meter { display: block; width: 100%; height: 14px; margin: 4px 0; }
.password-helper p { font-size: inherit; line-height: 1.5; margin: 6px 0 10px; }
.password-helper__actions button { border: 1px solid #5751e1; border-radius: 6px; background: #fff; color: #3832a0; padding: 7px 12px; font: inherit; cursor: pointer; }
.password-helper__actions button:hover { background: #f0efff; }
.password-helper__actions button:focus-visible { outline: 3px solid #5751e1; outline-offset: 3px; }
.password-helper__actions button:disabled { opacity: .65; cursor: not-allowed; }
.password-helper[data-strength="1"] strong { color: #b42318; }
.password-helper[data-strength="2"] strong { color: #865400; }
.password-helper[data-strength="3"] strong, .password-helper[data-strength="4"] strong { color: #167044; }
.password-helper [data-password-notice]:empty { display: none; }