*{transition:all .3s ease-in-out}.wrapper{height:160px;width:46px;position:relative}.ball,.wrapper{display:flex;justify-content:center}.ball{position:absolute;top:0;width:48px;height:48px;border-radius:50%;box-shadow:inset 0 -4.6px 9.2px gray;animation:none;align-items:center}.ball.animate{animation:bounce .7s cubic-bezier(.49,0,.89,.74) infinite alternate}.shadow{position:absolute;top:180px;height:8px;width:48px;border-radius:50%;z-index:-1;animation:none}.shadow.animate{animation:shadow .7s cubic-bezier(.49,0,.89,.74) infinite alternate}@keyframes bounce{0%{transform:translateY(0);height:48px;width:48px}75%{height:48px;width:48px}90%{height:42px;width:48px}to{transform:translateY(148px);height:42x;width:52px}}@keyframes shadow{0%{opacity:.1;width:52px;height:8px}80%{opacity:.4;width:42px;height:6px}to{opacity:.5;width:36px;height:4px}}.emoji{width:120px;height:120px;background:#ffda6a;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.emoji:after{content:"";position:absolute;bottom:-40px;font-size:18px;width:60px;left:calc(50% - 30px);color:#8a8a8a}.emoji-wrapper{position:relative;width:120px;height:120px}.emoji__eyebrows,.emoji__eyes,.emoji__face,.emoji__hand,.emoji__heart,.emoji__mouth,.emoji__thumb,.emoji__tongue{position:absolute}.emoji__eyebrows:after,.emoji__eyebrows:before,.emoji__eyes:after,.emoji__eyes:before,.emoji__face:after,.emoji__face:before,.emoji__hand:after,.emoji__hand:before,.emoji__heart:after,.emoji__heart:before,.emoji__mouth:after,.emoji__mouth:before,.emoji__thumb:after,.emoji__thumb:before,.emoji__tongue:after,.emoji__tongue:before{position:absolute;content:""}.emoji__face{width:inherit;height:inherit}.emoji--like{background:#548dff}.emoji--like .emoji__hand{left:25px;bottom:30px;width:20px;height:40px;background:#fff;border-radius:5px;z-index:0;animation:hands-up 2s linear infinite}.emoji--like .emoji__hand:before{left:25px;bottom:5px;width:40px;background:inherit;height:10px;border-radius:2px 10px 10px 2px;box-shadow:1px -9px 0 1px #fff,2px -19px 0 2px #fff,3px -29px 0 3px #fff}.emoji--like .emoji__thumb{border-bottom:20px solid #fff;border-left:20px solid transparent;top:-25px;right:-25px;z-index:2;transform:rotate(5deg);transform-origin:0 100%;animation:thumbs-up 2s linear infinite}.emoji--like .emoji__thumb:before{border-radius:50% 50% 0 0;background:#fff;width:10px;height:12px;left:-10px;top:-8px;transform:rotate(-15deg);transform-origin:100% 100%;box-shadow:-1px 4px 0 -1px #fff}.emoji--love{background:#f55064}.emoji--love .emoji__heart{left:calc(50% - 40px);top:calc(50% - 40px);width:80px;height:80px;animation:heart-beat 1s linear infinite alternate}.emoji--love .emoji__heart:after,.emoji--love .emoji__heart:before{left:calc(50% - 20px);top:calc(50% - 32px);width:40px;height:64px;background:#fff;border-radius:20px 20px 0 0}.emoji--love .emoji__heart:before{transform:translate(20px) rotate(-45deg);transform-origin:0 100%}.emoji--love .emoji__heart:after{transform:translate(-20px) rotate(45deg);transform-origin:100% 100%}.emoji--haha .emoji__face{animation:haha-face 2s linear infinite}.emoji--haha .emoji__eyes{left:calc(50% - 13px);top:35px;transform:rotate(20deg);box-shadow:-25px 5px 0 0 #000,25px -5px 0 0 #000}.emoji--haha .emoji__eyes,.emoji--haha .emoji__eyes:after{width:26px;height:6px;border-radius:2px;background:transparent}.emoji--haha .emoji__eyes:after{left:0;top:0;transform:rotate(-40deg);box-shadow:-25px -5px 0 0 #000,25px 5px 0 0 #000}.emoji--haha .emoji__mouth{width:80px;height:40px;left:calc(50% - 40px);top:50%;background:#000;border-radius:0 0 40px 40px;overflow:hidden;z-index:1;animation:haha-mouth 2s linear infinite}.emoji--haha .emoji__tongue{width:70px;height:30px;background:#f55064;left:calc(50% - 35px);bottom:-10px;border-radius:50%}.emoji--yay:after{animation:yay-reverse 1s linear infinite}.emoji--yay .emoji__face{animation:yay 1s linear infinite alternate}.emoji--yay .emoji__eyebrows{left:calc(50% - 3px);top:30px;height:6px;width:6px;border-radius:50%;background:transparent;box-shadow:-6px 0 0 0 #000,-36px 0 0 0 #000,6px 0 0 0 #000,36px 0 0 0 #000}.emoji--yay .emoji__eyebrows:after,.emoji--yay .emoji__eyebrows:before{width:36px;height:18px;border-radius:60px 60px 0 0;background:transparent;border:6px solid #000;box-sizing:border-box;border-bottom:0;bottom:3px;left:calc(50% - 18px)}.emoji--yay .emoji__eyebrows:before{margin-left:-21px}.emoji--yay .emoji__eyebrows:after{margin-left:21px}.emoji--yay .emoji__mouth{top:60px;background:transparent;left:50%}.emoji--yay .emoji__mouth:after{width:80px;height:80px;left:calc(50% - 40px);top:-75px;border-radius:50%;background:transparent;box-sizing:border-box;border:6px solid transparent;border-bottom-color:#000;z-index:1}.emoji--yay .emoji__mouth:before{width:6px;height:6px;background:transparent;border-radius:50%;bottom:5px;left:calc(50% - 3px);box-shadow:-25px 0 0 0 #000,25px 0 0 0 #000,-35px -2px 30px 10px #d5234c,35px -2px 30px 10px #d5234c}.emoji--wow .emoji__face{animation:wow-face 3s linear infinite}.emoji--wow .emoji__eyebrows{left:calc(50% - 3px);height:6px;width:6px;border-radius:50%;background:transparent;box-shadow:-18px 0 0 0 #000,-33px 0 0 0 #000,18px 0 0 0 #000,33px 0 0 0 #000;animation:wow-brow 3s linear infinite}.emoji--wow .emoji__eyebrows:after,.emoji--wow .emoji__eyebrows:before{width:24px;height:20px;box-sizing:border-box;border-radius:50%;border:6px solid transparent;border-top-color:#000;top:-3px;left:calc(50% - 12px)}.emoji--wow .emoji__eyebrows:before{margin-left:-25px}.emoji--wow .emoji__eyebrows:after{margin-left:25px}.emoji--wow .emoji__eyes{width:16px;height:24px;left:calc(50% - 8px);top:35px;border-radius:50%;background:transparent;box-shadow:25px 0 0 0 #000,-25px 0 0 0 #000}.emoji--wow .emoji__mouth{width:30px;height:45px;left:calc(50% - 15px);top:50%;border-radius:50%;background:#000;animation:wow-mouth 3s linear infinite}.emoji--sad .emoji__face{animation:sad-face 2s ease-in infinite}.emoji--sad .emoji__eyebrows{left:calc(50% - 3px);top:35px;height:6px;width:6px;border-radius:50%;background:transparent;box-shadow:-40px 9px 0 0 #000,-25px 0 0 0 #000,25px 0 0 0 #000,40px 9px 0 0 #000}.emoji--sad .emoji__eyebrows:after,.emoji--sad .emoji__eyebrows:before{width:30px;height:20px;box-sizing:border-box;border-radius:50%;border:6px solid transparent;border-top-color:#000;top:2px;left:calc(50% - 15px)}.emoji--sad .emoji__eyebrows:before{margin-left:-30px;transform:rotate(-30deg)}.emoji--sad .emoji__eyebrows:after{margin-left:30px;transform:rotate(30deg)}.emoji--sad .emoji__eyes{width:14px;height:16px;left:calc(50% - 7px);top:50px;border-radius:50%;background:transparent;box-shadow:25px 0 0 0 #000,-25px 0 0 0 #000}.emoji--sad .emoji__eyes:after{background:#548dff;width:12px;height:12px;margin-left:6px;border-radius:0 100% 40% 50%/0 50% 40% 100%;transform-origin:0 0;animation:tear-drop 2s ease-in infinite}.emoji--sad .emoji__mouth{width:60px;height:80px;left:calc(50% - 30px);top:80px;box-sizing:border-box;border-radius:50%;border:6px solid transparent;border-top-color:#000;background:transparent;animation:sad-mouth 2s ease-in infinite}.emoji--sad .emoji__mouth:after{width:6px;height:6px;background:transparent;border-radius:50%;top:4px;left:calc(50% - 3px);box-shadow:-18px 0 0 0 #000,18px 0 0 0 #000}.emoji--angry{background:linear-gradient(#d5234c -10%,#ffda6a);background-size:100%;animation:angry-color 2s ease-in infinite}.emoji--angry .emoji__face{animation:angry-face 2s ease-in infinite}.emoji--angry .emoji__eyebrows{left:calc(50% - 3px);top:55px;height:6px;width:6px;border-radius:50%;background:transparent;box-shadow:-44px 5px 0 0 #000,-7px 16px 0 0 #000,7px 16px 0 0 #000,44px 5px 0 0 #000}.emoji--angry .emoji__eyebrows:after,.emoji--angry .emoji__eyebrows:before{width:50px;height:20px;box-sizing:border-box;border-radius:50%;border:6px solid transparent;border-bottom-color:#000;top:0;left:calc(50% - 25px)}.emoji--angry .emoji__eyebrows:before{margin-left:-25px;transform:rotate(15deg)}.emoji--angry .emoji__eyebrows:after{margin-left:25px;transform:rotate(-15deg)}.emoji--angry .emoji__eyes{width:12px;height:12px;left:calc(50% - 6px);top:70px;border-radius:50%;background:transparent;box-shadow:25px 0 0 0 #000,-25px 0 0 0 #000}.emoji--angry .emoji__mouth{width:36px;height:18px;left:calc(50% - 18px);bottom:15px;background:#000;border-radius:50%;animation:angry-mouth 2s ease-in infinite}@keyframes heart-beat{25%{transform:scale(1.1)}75%{transform:scale(.6)}}@keyframes haha-face{10%{transform:translateY(25px)}20%{transform:translateY(15px)}30%{transform:translateY(25px)}40%{transform:translateY(15px)}50%{transform:translateY(25px)}60%{transform:translateY(0)}70%{transform:translateY(-10px)}80%{transform:translateY(0)}90%{transform:translateY(-10px)}}@keyframes haha-mouth{10%{transform:scale(.6);top:45%}20%{transform:scale(.8);top:45%}30%{transform:scale(.6);top:45%}40%{transform:scale(.8);top:45%}50%{transform:scale(.6);top:45%}60%{transform:scale(1);top:50%}70%{transform:scale(1.2);top:50%}80%{transform:scale(1);top:50%}90%{transform:scale(1.1);top:50%}}@keyframes yay{25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}@keyframes wow-face{15%,25%{transform:rotate(20deg) translateX(-25px)}45%,65%{transform:rotate(-20deg) translateX(25px)}75%,to{transform:rotate(0deg) translateX(0)}}@keyframes wow-brow{15%,65%{top:25px}0%,75%,to{top:15px}}@keyframes wow-mouth{10%,30%{width:20px;height:20px;left:calc(50% - 10px)}50%,70%{width:30px;height:40px;left:calc(50% - 15px)}75%,to{height:50px}}@keyframes sad-face{25%,35%{top:-15px}55%,95%{top:10px}0%,to{top:0}}@keyframes sad-mouth{25%,35%{transform:scale(.85);top:70px}0%,55%,to{transform:scale(1);top:80px}}@keyframes tear-drop{0%,to{display:block;left:35px;top:15px;transform:rotate(45deg) scale(0)}25%{display:block;left:35px;transform:rotate(45deg) scale(2)}49.9%{display:block;left:35px;top:65px;transform:rotate(45deg) scale(0)}50%{display:block;left:-35px;top:15px;transform:rotate(45deg) scale(0)}75%{display:block;left:-35px;transform:rotate(45deg) scale(2)}99.9%{display:block;left:-35px;top:65px;transform:rotate(45deg) scale(0)}}@keyframes hands-up{25%{transform:rotate(15deg)}50%{transform:rotate(-15deg) translateY(-10px)}75%,to{transform:rotate(0deg)}}@keyframes thumbs-up{25%{transform:rotate(20deg)}50%,to{transform:rotate(5deg)}}@keyframes angry-color{45%,60%{background-size:250%}0%,85%,to{background-size:100%}}@keyframes angry-face{35%,60%{transform:translateX(0) translateY(10px) scale(.9)}40%{transform:translateX(-5px) translateY(10px) scale(.9)}45%{transform:translateX(5px) translateY(10px) scale(.9)}50%{transform:translateX(-5px) translateY(10px) scale(.9)}55%{transform:translateX(5px) translateY(10px) scale(.9)}}@keyframes angry-mouth{25%,50%{height:6px;bottom:25px}}