.login-anim { animation: fadeSlide .6s ease; }
  @keyframes fadeSlide {
    0% { opacity:0; transform: translateY(14px) scale(.985); }
    100% { opacity:1; transform: translateY(0) scale(1); }
  }
  .input-wrap { position:relative; }
  .input-wrap .input-icon {
    position:absolute; left:0.75rem; top:50%; transform:translateY(-50%);
    display:inline-block; line-height:1; opacity:.65; transition:.25s; pointer-events:none;
  }
  .input-wrap:focus-within .input-icon { opacity:1; }
  .input-wrap input { padding-left:2.75rem; }
  
  /* garante que o "olhinho" fique DENTRO do input (mesmo se houver regras antigas) */
.input-wrap { position: relative; width: 100%; }

.di-eye-btn{
  position: absolute !important;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: transparent;
  border: 0;
  padding: 0;
  line-height: 0;
  cursor: pointer;
}