.container{margin:auto;width:20px;height:20px;position:relative;transform-origin:center bottom;animation-name:flicker;animation-duration:3ms;animation-delay:.2s;animation-timing-function:ease-in;animation-iteration-count:infinite;animation-direction:alternate}.flame{border-bottom-right-radius:50%;border-bottom-left-radius:50%;border-top-left-radius:50%;transform:rotate(-45deg) scale(1.5)}.yellow{left:5px;width:10px;height:10px;background:#fb6467;box-shadow:0 0 3px 1.3px #fb6467}.orange{left:3.3px;width:13.3px;height:13.3px;background:#f53a76;box-shadow:0 0 3px 1.3px #f53a76}.red{left:1.7px;width:16.7px;height:16.7px;background:#ee1086;box-shadow:0 0 1.7px 1.3px #ee1086}.white{left:5px;bottom:-1.3px;width:10px;height:10px;background:#fb6467;box-shadow:0 0 3px 1.3px #fb6467}.blue{width:3.3px;height:3.3px;left:8.3px;bottom:-8.3px;background:white;box-shadow:0 0 5px 3.3px white}.flame-container{position:relative;width:18px;height:18px}.flame{position:absolute;bottom:0;width:4px;height:8px;border-radius:2px 2px 0 0;animation:flicker 1s ease-in-out infinite}.flame.red{background:#f00;left:2px;animation-delay:0s}.flame.orange{background:#f60;left:4px;animation-delay:.1s}.flame.yellow{background:#ff0;left:6px;animation-delay:.2s}.flame.white{background:#fff;left:8px;animation-delay:.3s}.circle{position:absolute;width:6px;height:6px;border-radius:50%;bottom:2px;animation:rise 2s ease-in-out infinite}.circle.blue{background:#00f;left:5px;animation-delay:0s}.circle.black{background:#000;left:9px;animation-delay:.5s}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-10px) scale(.5);opacity:0}}@keyframes flicker{0%{transform:rotate(-4deg)}20%{transform:rotate(4deg)}40%{transform:rotate(-4deg)}60%{transform:rotate(4deg) scaleY(1.04)}80%{transform:rotate(-8deg) scaleY(.92)}to{transform:rotate(4deg)}}.hand-rotate{animation:hand-tilt .5s ease-in-out}@keyframes hand-tilt{0%{transform:rotate(0deg)}25%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}to{transform:rotate(0deg)}}