.password-field-group{
    display:grid;
    gap:7px;
    margin:13px 0;
}
.password-field-group>label{
    margin:0!important;
}
.password-input-wrap{
    position:relative;
    display:block;
}
.password-input-wrap>input{
    width:100%;
    padding-right:48px!important;
}
.password-toggle{
    position:absolute;
    top:50%;
    right:8px;
    width:36px;
    height:36px;
    min-width:36px;
    min-height:36px;
    padding:0;
    margin:0;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    border:0;
    border-radius:8px;
    background:transparent;
    color:#667085;
    cursor:pointer;
}
.password-toggle:hover{
    background:#f2f4f7;
    color:#111827;
}
.password-toggle:focus-visible{
    outline:3px solid rgba(var(--brand-accent-rgb,97,125,123),.22);
    outline-offset:1px;
}
.password-toggle svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    pointer-events:none;
}
/* Password masked: eye with a slash. Password visible: open eye. */
.password-eye-show{display:none}
.password-eye-hide{display:block}
.password-toggle[aria-pressed="true"] .password-eye-show{display:block}
.password-toggle[aria-pressed="true"] .password-eye-hide{display:none}
.sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}