.eye-toggle{cursor:pointer;transition:all .2s ease-in}.eye-toggle:hover{opacity:.7}.input-transition{transition:padding-top .2s ease-out,opacity .2s ease-out;padding-top:.5rem;opacity:1}.input-blur{padding-top:1rem!important;opacity:0}#eye{--duration-blink:0.2s;--duration-lashes:0.2s;--delay-lashes:var(--duration-blink);--duration-pupil:0.1s;--delay-pupil:calc(var(--duration-blink) * 2 / 3)}#eye-bottom,#eye-top{stroke-linecap:round}#eye-lashes,#eye-top{transition:var(--duration-blink) ease-in}#eye-pupil{opacity:0;transition:opacity var(--duration-pupil) var(--delay-pupil) ease}.eye-open #eye-lashes,.eye-open #eye-top{transform:rotateX(.5turn);animation:scaleUp var(--duration-lashes) var(--delay-lashes) ease-in-out}.eye-open #eye-pupil{opacity:1}.eye-close #eye-lashes{animation:scaleDown var(--duration-lashes) var(--duration-blink) ease-in-out}.eye-close #eye-pupil{opacity:0}@keyframes scaleUp{50%{transform:rotateX(.5turn) scaleY(1.15)}to{transform:rotateX(.5turn) scaleY(1)}}@keyframes scaleDown{50%{transform:scaleY(1.15)}to{transform:scaleY(1)}}