.roger-face *{transform-box:fill-box;transform-origin:50%;transition:transform .25s,opacity .25s}.roger-face [data-mouth],.roger-face [data-brow]{opacity:0;transform:scale(.6)}.roger-face-neutral [data-mouth=chevron],.roger-face-reading [data-mouth=chevron],.roger-face-happy [data-mouth=smile],.roger-face-talking [data-mouth=smile]{opacity:1;transform:none}.roger-face-happy [data-mouth=chevron],.roger-face-talking [data-mouth=chevron]{transform:translateY(-14px)scale(.6)}.roger-face-surprised [data-mouth=o]{opacity:1;transform:none}.roger-face-surprised [data-eye]{transform:scaleY(1.35)}.roger-face-thinking [data-mouth=small]{opacity:1;transform:none}.roger-face-thinking [data-brow]{opacity:1;transform:rotate(-12deg)}.roger-face-thinking [data-eye=left]{transform:scaleY(.85)}.roger-face-animated [data-blink]{animation:5s ease-in-out infinite roger-blink}.roger-face-animated.roger-face-thinking [data-blink]{animation:4s ease-in-out infinite roger-squint}.roger-face-animated.roger-face-reading [data-look]{animation:1.8s ease-in-out infinite roger-look}.roger-face-animated.roger-face-talking [data-mouth=smile]{animation:.42s ease-in-out infinite alternate roger-talk}.roger-face-animated.roger-face-surprised [data-mouth=o]{animation:.35s ease-out roger-pop}@keyframes roger-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.12)}}@keyframes roger-squint{0%,60%,to{transform:scaleY(1)}70%,82%{transform:scaleY(.3)}}@keyframes roger-look{0%,to{transform:translate(-5px)}50%{transform:translate(5px)}}@keyframes roger-talk{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes roger-pop{0%{transform:scale(.4)}70%{transform:scale(1.2)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.roger-face *{transition:none;animation:none!important}}