.anm-password-wrap{
    position:relative;
    width:100%;
}
.anm-password-wrap > input{
    width:100%;
    padding-right:50px !important;
}
.anm-password-eye{
    position:absolute;
    top:50%;
    right:8px;
    transform:translateY(-50%);
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    padding:0;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#15966d;
    cursor:pointer;
    z-index:4;
    -webkit-tap-highlight-color:transparent;
}
.anm-password-eye:hover,
.anm-password-eye:focus-visible{
    background:rgba(21,150,109,.10);
    outline:2px solid rgba(21,150,109,.22);
    outline-offset:1px;
}
.anm-password-eye svg{
    width:21px;
    height:21px;
    display:block;
}
@media (prefers-color-scheme:dark){
    .anm-password-eye{color:#6ee7b7}
}
/* Stable eye button: state changes must never move the control. */
.anm-password-eye,
.anm-password-eye:hover,
.anm-password-eye:focus,
.anm-password-eye:focus-visible,
.anm-password-eye:active {
    top:50% !important;
    right:8px !important;
    width:38px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 !important;
    transform:translateY(-50%) !important;
    translate:none !important;
    line-height:1 !important;
    box-shadow:none !important;
    transition:background-color .15s ease,color .15s ease,border-color .15s ease !important;
}
.anm-password-wrap > input,
.anm-password-wrap > input:focus,
.anm-password-wrap > input:active {
    padding-right:52px !important;
    transform:none !important;
    translate:none !important;
}