:root{--color: #d3d3d3}.eye *{box-sizing:border-box!important}.eye{position:absolute;right:10px;top:5px;cursor:pointer;perspective:1000px;display:inline-block;width:25px;height:25px}.lids{position:relative;overflow:hidden;height:13px;width:25px}.lids:after{content:"";position:absolute;left:0;width:100%;height:200%;border-radius:50%}.lid_bottom:after{top:-20px;border-bottom:3px solid var(--color)}.lid_top:after{bottom:-20px;border-top:3px solid var(--color)}.lid_top{transform-origin:center bottom;transition:transform .4s ease-in-out;display:flex;justify-content:space-between;align-items:flex-start;padding:0 4px;will-change:transform;transform-style:preserve-3d;transform:rotateX(0)}.lid_bottom{height:13px}.eye_pupil{position:absolute;aspect-ratio:1 / 1;width:6px;border:2px solid var(--color);border-radius:50%;top:10px;left:10px;opacity:1;transition:opacity .3s ease-in-out}.lash{position:relative;width:2px;height:5px;background:var(--color);border-radius:2px 2px 0 0}.lash:nth-child(1){transform:translateY(3px) rotate(-30deg)}.lash:nth-child(2){transform:translateY(1px)}.lash:nth-child(3){transform:translateY(3px) rotate(30deg)}.passHide .lid_top{transform:rotateX(180deg)}.passHide .eye_pupil{opacity:0}@keyframes blink{0%,to{transform:rotateX(0)}45%,55%{transform:rotateX(180deg)}}@keyframes pupilMute{0%,to{opacity:1}25%,75%{opacity:0}}.is-blinking:not(.passHide) .lid_top{transition:none!important;animation:blink .8s ease-in-out}.is-blinking:not(.passHide) .eye_pupil{animation:pupilMute .8s ease-in-out}
