.password-input-wrap{
  position:relative;
  display:block;
  width:100%;
}
.field .password-input-wrap input,
.password-input-wrap input{
  width:100%;
  padding-right:78px!important;
}
.password-visibility-toggle{
  position:absolute;
  top:50%;
  right:7px;
  z-index:2;
  min-width:58px;
  min-height:32px;
  padding:5px 9px;
  transform:translateY(-50%);
  border:1px solid #b9c9c1;
  border-radius:8px;
  background:#eef4f1;
  color:#17483b;
  font-size:11px;
  font-weight:850;
  line-height:1;
}
.password-visibility-toggle:hover{background:#e1ece7}
.password-visibility-toggle:focus-visible{
  outline:3px solid #83aa46;
  outline-offset:2px;
}
html[data-theme="malam"] .password-visibility-toggle{
  border-color:#58756a;
  background:#1b3a30;
  color:#f2f8f5;
}
html[data-theme="malam"] .password-visibility-toggle:hover{background:#254b3f}