.registration-password-field { position: relative; }
.registration-password-field input { padding-right: 6rem; }
.registration-password-toggle { position: absolute; top: 2.45rem; right: .85rem; padding: .25rem .4rem; border-radius: .35rem; color: #176aab; background: #fff; font-size: .8rem; font-weight: 800; }
.registration-password-toggle:focus-visible { outline: 3px solid #13885a; outline-offset: 2px; }
.registration-strength { margin-top: .6rem; }
.registration-strength__track { height: .4rem; overflow: hidden; border-radius: 999px; background: #e2e8f0; }
.registration-strength__track span { display: block; width: 0; height: 100%; border-radius: inherit; background: #d97706; transition: width .2s ease, background-color .2s ease; }
.registration-strength[data-level="low"] .registration-strength__track span { width: 33%; background: #dc2626; }
.registration-strength[data-level="medium"] .registration-strength__track span { width: 66%; background: #d97706; }
.registration-strength[data-level="high"] .registration-strength__track span { width: 100%; background: #13885a; }
.registration-strength p { margin-top: .35rem; color: #526b81; font-size: .78rem; font-weight: 800; }