/* vAvtobyse — password visibility control */
.vav-password-wrap{
  position:relative;
  display:block;
  width:100%;
}
.vav-password-wrap > .qip-input,
.vav-password-wrap > input{
  width:100%;
  box-sizing:border-box;
  padding-right:46px!important;
}
.vav-password-toggle{
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,195,77,.42);
  border-radius:8px;
  background:rgba(35,38,39,.90);
  color:#f0c34d;
  cursor:pointer;
  z-index:2;
  box-shadow:none;
  -webkit-tap-highlight-color:transparent;
}
.vav-password-toggle:hover,
.vav-password-toggle:focus-visible{
  background:rgba(54,57,58,.98);
  border-color:#f0c34d;
  outline:none;
}
.vav-password-toggle[aria-pressed="true"]{
  color:#f6df92;
  background:rgba(63,58,40,.96);
}
.vav-password-toggle svg{
  width:19px;
  height:19px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
html[data-theme="qip-light"] .vav-password-toggle,
html[data-theme="neutral-light"] .vav-password-toggle,
html[data-theme="windows-retro"] .vav-password-toggle{
  background:rgba(255,255,255,.94);
  color:#775a00;
  border-color:rgba(119,90,0,.35);
}
@media (max-width:720px){
  .vav-password-toggle{
    width:38px;
    height:38px;
    min-width:38px;
    min-height:38px;
    right:5px;
  }
  .vav-password-wrap > .qip-input,
  .vav-password-wrap > input{
    padding-right:50px!important;
  }
}