.hayha-password-field { position: relative; width: 100%; }
.hayha-password-field > input[data-hayha-password] { width: 100%; padding-right: 48px !important; }
.hayha-password-field > .hayha-password-field__toggle { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 40px; height: 40px; min-height: 40px; padding: 8px; margin: 0 !important; border: 0; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; line-height: 1; box-shadow: none; }
.hayha-password-field__toggle:hover { background: #66708512; }
.hayha-password-field__toggle:focus-visible { outline: 2px solid var(--hayha-theme-accent); outline-offset: -2px; }
.hayha-password-field__eye, .hayha-password-field__eye-off { display: block; width: 20px; height: 20px; background: currentColor; -webkit-mask: url('../account/icons/eye.svg') center / contain no-repeat; mask: url('../account/icons/eye.svg') center / contain no-repeat; }
.hayha-password-field__eye-off { display: none; -webkit-mask-image: url('../account/icons/eye-off.svg'); mask-image: url('../account/icons/eye-off.svg'); }
.hayha-password-field__toggle[aria-pressed="true"] .hayha-password-field__eye { display: none; }
.hayha-password-field__toggle[aria-pressed="true"] .hayha-password-field__eye-off { display: block; }