.container{--color:#a5a5b0;--size:30px;cursor:pointer;font-size:var(--size);-webkit-user-select:none;user-select:none;fill:var(--color);justify-content:center;align-items:center;display:flex;position:relative}.container .eye{animation:.5s keyframes-fill;position:absolute}.container .eye-slash{animation:.5s keyframes-fill;display:none;position:absolute}.container input:checked~.eye{display:none}.container input:checked~.eye-slash{display:block}.container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}@keyframes keyframes-fill{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}}