/* Only the account login password field uses these styles. */
.login-password-field{position:relative;isolation:isolate}
.login-password-field .login-password-input{display:block;width:100%;min-width:0;direction:ltr;text-align:left;padding-right:52px;padding-left:13px}
.login-password-toggle{position:absolute;z-index:3;right:5px;top:50%;transform:translateY(-50%);width:43px;height:43px;display:grid;place-items:center;border:0;border-radius:9px;color:#476477;background:transparent;cursor:pointer}
.login-password-toggle:hover,.login-password-toggle:focus-visible{background:#E7F4F6;color:#087A8D}
.login-password-toggle svg{width:21px;height:21px}
.login-password-toggle .eye-hide{display:none}
.login-password-toggle[aria-pressed="true"] .eye-show{display:none}
.login-password-toggle[aria-pressed="true"] .eye-hide{display:block}
/* Preview sits over a still-native type=password input; the actual value is never substituted. */
.login-password-preview{pointer-events:none;position:absolute;z-index:1;left:1px;right:49px;top:1px;bottom:1px;overflow:hidden;display:flex;align-items:center;direction:ltr;text-align:left;padding:0 12px;white-space:nowrap;color:var(--text,#12304A);font:inherit;font-size:inherit;letter-spacing:normal}
.login-password-preview[hidden]{display:none!important}
.login-password-preview span{display:inline-block;white-space:pre;flex-shrink:0}
.login-password-input.password-preview-active{color:transparent!important;caret-color:var(--text,#12304A)}