/* Scoped to the account password component; native forms still work without JavaScript. */
.password-field-control { position: relative; min-width: 0; }
.password-field [hidden] { display: none; }
.password-field.is-enhanced input { padding-inline-end: 56px; }
.password-visibility { position: absolute; inset-inline-end: 2px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 40px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--muted); cursor: pointer; }
.password-visibility:hover { background: var(--surface-soft); color: var(--ink); }
.password-visibility:focus-visible { outline: 2px solid var(--green); outline-offset: -3px; }
.password-visibility span { display: inline-flex; }
.password-field.is-enhanced input::-ms-reveal { display: none; }