.password-control { display: block; position: relative; width: 100%; min-width: 0; }
.field .password-control > input { padding-inline-end: 55px; width: 100%; min-width: 0; }
.password-control > .password-visibility-toggle { position: absolute; inset-inline-end: 1px; top: 1px; bottom: 1px; width: 46px; min-height: 43px; padding: 8px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-inline-start: 1px solid var(--line, #cbd6cd); border-radius: 0 7px 7px 0; background: transparent; color: var(--green, #173f35); cursor: pointer; }
.password-control > .password-visibility-toggle:hover { background: #173f350a; }
.password-visibility-toggle:focus-visible { outline: 3px solid #658c3e; outline-offset: 2px; z-index: 1; }
.password-visibility-toggle svg { width: 22px; height: 22px; pointer-events: none; }
.password-eye-slash { display: none; }
.password-visibility-toggle[aria-pressed="true"] .password-eye-slash { display: inline; }
.password-control > input::-ms-reveal { display: none; }