.password-control { position: relative; }
.password-control input { padding-right: 50px; }
.password-control .password-toggle { position: absolute; top: 2px; right: 3px; display: grid; width: 40px; height: 40px; place-items: center; padding: 0; border: 0; border-radius: var(--radius-control); background: transparent; color: var(--color-text-secondary); cursor: pointer; font-size: inherit; font-weight: inherit; }
.password-control .password-toggle:hover { background: var(--color-background); color: var(--color-text-primary); }
.password-control .password-toggle svg { width: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.password-control .eye-closed,
.password-control .password-toggle[aria-pressed="true"] .eye-open { display: none; }
.password-control .password-toggle[aria-pressed="true"] .eye-closed { display: block; }