.password-control { display: block; position: relative; min-width: 0; }
.password-control input { width: 100%; padding-right: 94px; }
.password-toggle { position: absolute; right: 2px; top: 2px; bottom: 2px; min-width: 86px; min-height: 40px; padding: 0 10px; border: 0; border-radius: 6px; background: transparent; color: #525c58; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.password-toggle:hover { color: #23272B; background: #F4F5F6; }
.password-toggle:focus-visible { outline: 2px solid #F5921E; outline-offset: -2px; }
.auth .auth-lead { color: #525c58; line-height: 1.5; margin: 0 0 20px; }
.auth .auth-help { color: #525c58; font-size: 13px; line-height: 1.5; }
.auth .field-help { display: block; font-size: 12px; color: #525c58; line-height: 1.4; }
.auth .field-help ul { padding-left: 18px; margin: 4px 0; }
.auth .form-error { margin: 6px 0; }
.auth .form-error ul { list-style: none; padding: 0; margin: 0; }
@media (max-width: 480px) { .auth { margin-top: 8vh; padding-bottom: 24px; } }
.auth div.field { margin-bottom: 14px; }
.auth .field > label { display: block; margin-bottom: 6px; color: #525c58; }
label.field > .password-control { margin-bottom: 0; color: inherit; font-size: inherit; }
.password-control input { min-height: 46px; }
.password-toggle { min-height: 44px; top: 1px; bottom: 1px; }