diff --git a/html/src/animated-emoji.scss b/html/src/animated-emoji.scss new file mode 100644 index 00000000..cd276ca9 --- /dev/null +++ b/html/src/animated-emoji.scss @@ -0,0 +1,6431 @@ +@keyframes animated-emoji-1 { + 0% { + background-position: -0px -0px; + } +} + +@keyframes animated-emoji-2 { + 0% { + background-position: -0px -0px; + } + 50% { + background-position: -512px -0px; + } +} + +@keyframes animated-emoji-3 { + 0% { + background-position: -0px -0px; + } + 33.333333333333336% { + background-position: -512px -0px; + } + 66.66666666666667% { + background-position: -0px -512px; + } +} + +@keyframes animated-emoji-4 { + 0% { + background-position: -0px -0px; + } + 25% { + background-position: -512px -0px; + } + 50% { + background-position: -0px -512px; + } + 75% { + background-position: -512px -512px; + } +} + +@keyframes animated-emoji-5 { + 0% { + background-position: -0px -0px; + } + 20% { + background-position: -256px -0px; + } + 40% { + background-position: -512px -0px; + } + 60% { + background-position: -768px -0px; + } + 80% { + background-position: -0px -256px; + } +} + +@keyframes animated-emoji-6 { + 0% { + background-position: -0px -0px; + } + 16.666666666666668% { + background-position: -256px -0px; + } + 33.333333333333336% { + background-position: -512px -0px; + } + 50% { + background-position: -768px -0px; + } + 66.66666666666667% { + background-position: -0px -256px; + } + 83.33333333333334% { + background-position: -256px -256px; + } +} + +@keyframes animated-emoji-7 { + 0% { + background-position: -0px -0px; + } + 14.285714285714286% { + background-position: -256px -0px; + } + 28.571428571428573% { + background-position: -512px -0px; + } + 42.85714285714286% { + background-position: -768px -0px; + } + 57.142857142857146% { + background-position: -0px -256px; + } + 71.42857142857143% { + background-position: -256px -256px; + } + 85.71428571428572% { + background-position: -512px -256px; + } +} + +@keyframes animated-emoji-8 { + 0% { + background-position: -0px -0px; + } + 12.5% { + background-position: -256px -0px; + } + 25% { + background-position: -512px -0px; + } + 37.5% { + background-position: -768px -0px; + } + 50% { + background-position: -0px -256px; + } + 62.5% { + background-position: -256px -256px; + } + 75% { + background-position: -512px -256px; + } + 87.5% { + background-position: -768px -256px; + } +} + +@keyframes animated-emoji-9 { + 0% { + background-position: -0px -0px; + } + 11.11111111111111% { + background-position: -256px -0px; + } + 22.22222222222222% { + background-position: -512px -0px; + } + 33.33333333333333% { + background-position: -768px -0px; + } + 44.44444444444444% { + background-position: -0px -256px; + } + 55.55555555555556% { + background-position: -256px -256px; + } + 66.66666666666666% { + background-position: -512px -256px; + } + 77.77777777777777% { + background-position: -768px -256px; + } + 88.88888888888889% { + background-position: -0px -512px; + } +} + +@keyframes animated-emoji-10 { + 0% { + background-position: -0px -0px; + } + 10% { + background-position: -256px -0px; + } + 20% { + background-position: -512px -0px; + } + 30% { + background-position: -768px -0px; + } + 40% { + background-position: -0px -256px; + } + 50% { + background-position: -256px -256px; + } + 60% { + background-position: -512px -256px; + } + 70% { + background-position: -768px -256px; + } + 80% { + background-position: -0px -512px; + } + 90% { + background-position: -256px -512px; + } +} + +@keyframes animated-emoji-11 { + 0% { + background-position: -0px -0px; + } + 9.090909090909092% { + background-position: -256px -0px; + } + 18.181818181818183% { + background-position: -512px -0px; + } + 27.272727272727273% { + background-position: -768px -0px; + } + 36.36363636363637% { + background-position: -0px -256px; + } + 45.45454545454546% { + background-position: -256px -256px; + } + 54.54545454545455% { + background-position: -512px -256px; + } + 63.63636363636364% { + background-position: -768px -256px; + } + 72.72727272727273% { + background-position: -0px -512px; + } + 81.81818181818183% { + background-position: -256px -512px; + } + 90.90909090909092% { + background-position: -512px -512px; + } +} + +@keyframes animated-emoji-12 { + 0% { + background-position: -0px -0px; + } + 8.333333333333334% { + background-position: -256px -0px; + } + 16.666666666666668% { + background-position: -512px -0px; + } + 25% { + background-position: -768px -0px; + } + 33.333333333333336% { + background-position: -0px -256px; + } + 41.66666666666667% { + background-position: -256px -256px; + } + 50% { + background-position: -512px -256px; + } + 58.333333333333336% { + background-position: -768px -256px; + } + 66.66666666666667% { + background-position: -0px -512px; + } + 75% { + background-position: -256px -512px; + } + 83.33333333333334% { + background-position: -512px -512px; + } + 91.66666666666667% { + background-position: -768px -512px; + } +} + +@keyframes animated-emoji-13 { + 0% { + background-position: -0px -0px; + } + 7.6923076923076925% { + background-position: -256px -0px; + } + 15.384615384615385% { + background-position: -512px -0px; + } + 23.076923076923077% { + background-position: -768px -0px; + } + 30.76923076923077% { + background-position: -0px -256px; + } + 38.46153846153846% { + background-position: -256px -256px; + } + 46.15384615384615% { + background-position: -512px -256px; + } + 53.84615384615385% { + background-position: -768px -256px; + } + 61.53846153846154% { + background-position: -0px -512px; + } + 69.23076923076923% { + background-position: -256px -512px; + } + 76.92307692307692% { + background-position: -512px -512px; + } + 84.61538461538461% { + background-position: -768px -512px; + } + 92.3076923076923% { + background-position: -0px -768px; + } +} + +@keyframes animated-emoji-14 { + 0% { + background-position: -0px -0px; + } + 7.142857142857143% { + background-position: -256px -0px; + } + 14.285714285714286% { + background-position: -512px -0px; + } + 21.42857142857143% { + background-position: -768px -0px; + } + 28.571428571428573% { + background-position: -0px -256px; + } + 35.714285714285715% { + background-position: -256px -256px; + } + 42.85714285714286% { + background-position: -512px -256px; + } + 50% { + background-position: -768px -256px; + } + 57.142857142857146% { + background-position: -0px -512px; + } + 64.28571428571429% { + background-position: -256px -512px; + } + 71.42857142857143% { + background-position: -512px -512px; + } + 78.57142857142857% { + background-position: -768px -512px; + } + 85.71428571428572% { + background-position: -0px -768px; + } + 92.85714285714286% { + background-position: -256px -768px; + } +} + +@keyframes animated-emoji-15 { + 0% { + background-position: -0px -0px; + } + 6.666666666666667% { + background-position: -256px -0px; + } + 13.333333333333334% { + background-position: -512px -0px; + } + 20% { + background-position: -768px -0px; + } + 26.666666666666668% { + background-position: -0px -256px; + } + 33.333333333333336% { + background-position: -256px -256px; + } + 40% { + background-position: -512px -256px; + } + 46.66666666666667% { + background-position: -768px -256px; + } + 53.333333333333336% { + background-position: -0px -512px; + } + 60% { + background-position: -256px -512px; + } + 66.66666666666667% { + background-position: -512px -512px; + } + 73.33333333333334% { + background-position: -768px -512px; + } + 80% { + background-position: -0px -768px; + } + 86.66666666666667% { + background-position: -256px -768px; + } + 93.33333333333334% { + background-position: -512px -768px; + } +} + +@keyframes animated-emoji-16 { + 0% { + background-position: -0px -0px; + } + 6.25% { + background-position: -256px -0px; + } + 12.5% { + background-position: -512px -0px; + } + 18.75% { + background-position: -768px -0px; + } + 25% { + background-position: -0px -256px; + } + 31.25% { + background-position: -256px -256px; + } + 37.5% { + background-position: -512px -256px; + } + 43.75% { + background-position: -768px -256px; + } + 50% { + background-position: -0px -512px; + } + 56.25% { + background-position: -256px -512px; + } + 62.5% { + background-position: -512px -512px; + } + 68.75% { + background-position: -768px -512px; + } + 75% { + background-position: -0px -768px; + } + 81.25% { + background-position: -256px -768px; + } + 87.5% { + background-position: -512px -768px; + } + 93.75% { + background-position: -768px -768px; + } +} + +@keyframes animated-emoji-17 { + 0% { + background-position: -0px -0px; + } + 5.882352941176471% { + background-position: -128px -0px; + } + 11.764705882352942% { + background-position: -256px -0px; + } + 17.647058823529413% { + background-position: -384px -0px; + } + 23.529411764705884% { + background-position: -512px -0px; + } + 29.411764705882355% { + background-position: -640px -0px; + } + 35.294117647058826% { + background-position: -768px -0px; + } + 41.1764705882353% { + background-position: -896px -0px; + } + 47.05882352941177% { + background-position: -0px -128px; + } + 52.94117647058824% { + background-position: -128px -128px; + } + 58.82352941176471% { + background-position: -256px -128px; + } + 64.70588235294119% { + background-position: -384px -128px; + } + 70.58823529411765% { + background-position: -512px -128px; + } + 76.47058823529412% { + background-position: -640px -128px; + } + 82.3529411764706% { + background-position: -768px -128px; + } + 88.23529411764707% { + background-position: -896px -128px; + } + 94.11764705882354% { + background-position: -0px -256px; + } +} + +@keyframes animated-emoji-18 { + 0% { + background-position: -0px -0px; + } + 5.555555555555555% { + background-position: -128px -0px; + } + 11.11111111111111% { + background-position: -256px -0px; + } + 16.666666666666664% { + background-position: -384px -0px; + } + 22.22222222222222% { + background-position: -512px -0px; + } + 27.77777777777778% { + background-position: -640px -0px; + } + 33.33333333333333% { + background-position: -768px -0px; + } + 38.888888888888886% { + background-position: -896px -0px; + } + 44.44444444444444% { + background-position: -0px -128px; + } + 50% { + background-position: -128px -128px; + } + 55.55555555555556% { + background-position: -256px -128px; + } + 61.11111111111111% { + background-position: -384px -128px; + } + 66.66666666666666% { + background-position: -512px -128px; + } + 72.22222222222221% { + background-position: -640px -128px; + } + 77.77777777777777% { + background-position: -768px -128px; + } + 83.33333333333333% { + background-position: -896px -128px; + } + 88.88888888888889% { + background-position: -0px -256px; + } + 94.44444444444444% { + background-position: -128px -256px; + } +} + +@keyframes animated-emoji-19 { + 0% { + background-position: -0px -0px; + } + 5.2631578947368425% { + background-position: -128px -0px; + } + 10.526315789473685% { + background-position: -256px -0px; + } + 15.789473684210527% { + background-position: -384px -0px; + } + 21.05263157894737% { + background-position: -512px -0px; + } + 26.315789473684212% { + background-position: -640px -0px; + } + 31.578947368421055% { + background-position: -768px -0px; + } + 36.8421052631579% { + background-position: -896px -0px; + } + 42.10526315789474% { + background-position: -0px -128px; + } + 47.36842105263158% { + background-position: -128px -128px; + } + 52.631578947368425% { + background-position: -256px -128px; + } + 57.89473684210527% { + background-position: -384px -128px; + } + 63.15789473684211% { + background-position: -512px -128px; + } + 68.42105263157896% { + background-position: -640px -128px; + } + 73.6842105263158% { + background-position: -768px -128px; + } + 78.94736842105263% { + background-position: -896px -128px; + } + 84.21052631578948% { + background-position: -0px -256px; + } + 89.47368421052633% { + background-position: -128px -256px; + } + 94.73684210526316% { + background-position: -256px -256px; + } +} + +@keyframes animated-emoji-20 { + 0% { + background-position: -0px -0px; + } + 5% { + background-position: -128px -0px; + } + 10% { + background-position: -256px -0px; + } + 15% { + background-position: -384px -0px; + } + 20% { + background-position: -512px -0px; + } + 25% { + background-position: -640px -0px; + } + 30% { + background-position: -768px -0px; + } + 35% { + background-position: -896px -0px; + } + 40% { + background-position: -0px -128px; + } + 45% { + background-position: -128px -128px; + } + 50% { + background-position: -256px -128px; + } + 55% { + background-position: -384px -128px; + } + 60% { + background-position: -512px -128px; + } + 65% { + background-position: -640px -128px; + } + 70% { + background-position: -768px -128px; + } + 75% { + background-position: -896px -128px; + } + 80% { + background-position: -0px -256px; + } + 85% { + background-position: -128px -256px; + } + 90% { + background-position: -256px -256px; + } + 95% { + background-position: -384px -256px; + } +} + +@keyframes animated-emoji-21 { + 0% { + background-position: -0px -0px; + } + 4.761904761904762% { + background-position: -128px -0px; + } + 9.523809523809524% { + background-position: -256px -0px; + } + 14.285714285714285% { + background-position: -384px -0px; + } + 19.047619047619047% { + background-position: -512px -0px; + } + 23.80952380952381% { + background-position: -640px -0px; + } + 28.57142857142857% { + background-position: -768px -0px; + } + 33.333333333333336% { + background-position: -896px -0px; + } + 38.095238095238095% { + background-position: -0px -128px; + } + 42.857142857142854% { + background-position: -128px -128px; + } + 47.61904761904762% { + background-position: -256px -128px; + } + 52.38095238095238% { + background-position: -384px -128px; + } + 57.14285714285714% { + background-position: -512px -128px; + } + 61.904761904761905% { + background-position: -640px -128px; + } + 66.66666666666667% { + background-position: -768px -128px; + } + 71.42857142857143% { + background-position: -896px -128px; + } + 76.19047619047619% { + background-position: -0px -256px; + } + 80.95238095238095% { + background-position: -128px -256px; + } + 85.71428571428571% { + background-position: -256px -256px; + } + 90.47619047619048% { + background-position: -384px -256px; + } + 95.23809523809524% { + background-position: -512px -256px; + } +} + +@keyframes animated-emoji-22 { + 0% { + background-position: -0px -0px; + } + 4.545454545454546% { + background-position: -128px -0px; + } + 9.090909090909092% { + background-position: -256px -0px; + } + 13.636363636363637% { + background-position: -384px -0px; + } + 18.181818181818183% { + background-position: -512px -0px; + } + 22.72727272727273% { + background-position: -640px -0px; + } + 27.272727272727273% { + background-position: -768px -0px; + } + 31.81818181818182% { + background-position: -896px -0px; + } + 36.36363636363637% { + background-position: -0px -128px; + } + 40.909090909090914% { + background-position: -128px -128px; + } + 45.45454545454546% { + background-position: -256px -128px; + } + 50.00000000000001% { + background-position: -384px -128px; + } + 54.54545454545455% { + background-position: -512px -128px; + } + 59.09090909090909% { + background-position: -640px -128px; + } + 63.63636363636364% { + background-position: -768px -128px; + } + 68.18181818181819% { + background-position: -896px -128px; + } + 72.72727272727273% { + background-position: -0px -256px; + } + 77.27272727272728% { + background-position: -128px -256px; + } + 81.81818181818183% { + background-position: -256px -256px; + } + 86.36363636363637% { + background-position: -384px -256px; + } + 90.90909090909092% { + background-position: -512px -256px; + } + 95.45454545454547% { + background-position: -640px -256px; + } +} + +@keyframes animated-emoji-23 { + 0% { + background-position: -0px -0px; + } + 4.3478260869565215% { + background-position: -128px -0px; + } + 8.695652173913043% { + background-position: -256px -0px; + } + 13.043478260869565% { + background-position: -384px -0px; + } + 17.391304347826086% { + background-position: -512px -0px; + } + 21.73913043478261% { + background-position: -640px -0px; + } + 26.08695652173913% { + background-position: -768px -0px; + } + 30.43478260869565% { + background-position: -896px -0px; + } + 34.78260869565217% { + background-position: -0px -128px; + } + 39.130434782608695% { + background-position: -128px -128px; + } + 43.47826086956522% { + background-position: -256px -128px; + } + 47.826086956521735% { + background-position: -384px -128px; + } + 52.17391304347826% { + background-position: -512px -128px; + } + 56.52173913043478% { + background-position: -640px -128px; + } + 60.8695652173913% { + background-position: -768px -128px; + } + 65.21739130434783% { + background-position: -896px -128px; + } + 69.56521739130434% { + background-position: -0px -256px; + } + 73.91304347826086% { + background-position: -128px -256px; + } + 78.26086956521739% { + background-position: -256px -256px; + } + 82.6086956521739% { + background-position: -384px -256px; + } + 86.95652173913044% { + background-position: -512px -256px; + } + 91.30434782608695% { + background-position: -640px -256px; + } + 95.65217391304347% { + background-position: -768px -256px; + } +} + +@keyframes animated-emoji-24 { + 0% { + background-position: -0px -0px; + } + 4.166666666666667% { + background-position: -128px -0px; + } + 8.333333333333334% { + background-position: -256px -0px; + } + 12.5% { + background-position: -384px -0px; + } + 16.666666666666668% { + background-position: -512px -0px; + } + 20.833333333333336% { + background-position: -640px -0px; + } + 25% { + background-position: -768px -0px; + } + 29.166666666666668% { + background-position: -896px -0px; + } + 33.333333333333336% { + background-position: -0px -128px; + } + 37.5% { + background-position: -128px -128px; + } + 41.66666666666667% { + background-position: -256px -128px; + } + 45.833333333333336% { + background-position: -384px -128px; + } + 50% { + background-position: -512px -128px; + } + 54.16666666666667% { + background-position: -640px -128px; + } + 58.333333333333336% { + background-position: -768px -128px; + } + 62.50000000000001% { + background-position: -896px -128px; + } + 66.66666666666667% { + background-position: -0px -256px; + } + 70.83333333333334% { + background-position: -128px -256px; + } + 75% { + background-position: -256px -256px; + } + 79.16666666666667% { + background-position: -384px -256px; + } + 83.33333333333334% { + background-position: -512px -256px; + } + 87.5% { + background-position: -640px -256px; + } + 91.66666666666667% { + background-position: -768px -256px; + } + 95.83333333333334% { + background-position: -896px -256px; + } +} + +@keyframes animated-emoji-25 { + 0% { + background-position: -0px -0px; + } + 4% { + background-position: -128px -0px; + } + 8% { + background-position: -256px -0px; + } + 12% { + background-position: -384px -0px; + } + 16% { + background-position: -512px -0px; + } + 20% { + background-position: -640px -0px; + } + 24% { + background-position: -768px -0px; + } + 28% { + background-position: -896px -0px; + } + 32% { + background-position: -0px -128px; + } + 36% { + background-position: -128px -128px; + } + 40% { + background-position: -256px -128px; + } + 44% { + background-position: -384px -128px; + } + 48% { + background-position: -512px -128px; + } + 52% { + background-position: -640px -128px; + } + 56% { + background-position: -768px -128px; + } + 60% { + background-position: -896px -128px; + } + 64% { + background-position: -0px -256px; + } + 68% { + background-position: -128px -256px; + } + 72% { + background-position: -256px -256px; + } + 76% { + background-position: -384px -256px; + } + 80% { + background-position: -512px -256px; + } + 84% { + background-position: -640px -256px; + } + 88% { + background-position: -768px -256px; + } + 92% { + background-position: -896px -256px; + } + 96% { + background-position: -0px -384px; + } +} + +@keyframes animated-emoji-26 { + 0% { + background-position: -0px -0px; + } + 3.8461538461538463% { + background-position: -128px -0px; + } + 7.6923076923076925% { + background-position: -256px -0px; + } + 11.538461538461538% { + background-position: -384px -0px; + } + 15.384615384615385% { + background-position: -512px -0px; + } + 19.23076923076923% { + background-position: -640px -0px; + } + 23.076923076923077% { + background-position: -768px -0px; + } + 26.923076923076923% { + background-position: -896px -0px; + } + 30.76923076923077% { + background-position: -0px -128px; + } + 34.61538461538461% { + background-position: -128px -128px; + } + 38.46153846153846% { + background-position: -256px -128px; + } + 42.30769230769231% { + background-position: -384px -128px; + } + 46.15384615384615% { + background-position: -512px -128px; + } + 50% { + background-position: -640px -128px; + } + 53.84615384615385% { + background-position: -768px -128px; + } + 57.69230769230769% { + background-position: -896px -128px; + } + 61.53846153846154% { + background-position: -0px -256px; + } + 65.38461538461539% { + background-position: -128px -256px; + } + 69.23076923076923% { + background-position: -256px -256px; + } + 73.07692307692308% { + background-position: -384px -256px; + } + 76.92307692307692% { + background-position: -512px -256px; + } + 80.76923076923077% { + background-position: -640px -256px; + } + 84.61538461538461% { + background-position: -768px -256px; + } + 88.46153846153847% { + background-position: -896px -256px; + } + 92.3076923076923% { + background-position: -0px -384px; + } + 96.15384615384616% { + background-position: -128px -384px; + } +} + +@keyframes animated-emoji-27 { + 0% { + background-position: -0px -0px; + } + 3.7037037037037037% { + background-position: -128px -0px; + } + 7.407407407407407% { + background-position: -256px -0px; + } + 11.11111111111111% { + background-position: -384px -0px; + } + 14.814814814814815% { + background-position: -512px -0px; + } + 18.51851851851852% { + background-position: -640px -0px; + } + 22.22222222222222% { + background-position: -768px -0px; + } + 25.925925925925927% { + background-position: -896px -0px; + } + 29.62962962962963% { + background-position: -0px -128px; + } + 33.333333333333336% { + background-position: -128px -128px; + } + 37.03703703703704% { + background-position: -256px -128px; + } + 40.74074074074074% { + background-position: -384px -128px; + } + 44.44444444444444% { + background-position: -512px -128px; + } + 48.148148148148145% { + background-position: -640px -128px; + } + 51.851851851851855% { + background-position: -768px -128px; + } + 55.55555555555556% { + background-position: -896px -128px; + } + 59.25925925925926% { + background-position: -0px -256px; + } + 62.96296296296296% { + background-position: -128px -256px; + } + 66.66666666666667% { + background-position: -256px -256px; + } + 70.37037037037037% { + background-position: -384px -256px; + } + 74.07407407407408% { + background-position: -512px -256px; + } + 77.77777777777777% { + background-position: -640px -256px; + } + 81.48148148148148% { + background-position: -768px -256px; + } + 85.18518518518519% { + background-position: -896px -256px; + } + 88.88888888888889% { + background-position: -0px -384px; + } + 92.5925925925926% { + background-position: -128px -384px; + } + 96.29629629629629% { + background-position: -256px -384px; + } +} + +@keyframes animated-emoji-28 { + 0% { + background-position: -0px -0px; + } + 3.5714285714285716% { + background-position: -128px -0px; + } + 7.142857142857143% { + background-position: -256px -0px; + } + 10.714285714285715% { + background-position: -384px -0px; + } + 14.285714285714286% { + background-position: -512px -0px; + } + 17.857142857142858% { + background-position: -640px -0px; + } + 21.42857142857143% { + background-position: -768px -0px; + } + 25% { + background-position: -896px -0px; + } + 28.571428571428573% { + background-position: -0px -128px; + } + 32.142857142857146% { + background-position: -128px -128px; + } + 35.714285714285715% { + background-position: -256px -128px; + } + 39.285714285714285% { + background-position: -384px -128px; + } + 42.85714285714286% { + background-position: -512px -128px; + } + 46.42857142857143% { + background-position: -640px -128px; + } + 50% { + background-position: -768px -128px; + } + 53.57142857142858% { + background-position: -896px -128px; + } + 57.142857142857146% { + background-position: -0px -256px; + } + 60.714285714285715% { + background-position: -128px -256px; + } + 64.28571428571429% { + background-position: -256px -256px; + } + 67.85714285714286% { + background-position: -384px -256px; + } + 71.42857142857143% { + background-position: -512px -256px; + } + 75% { + background-position: -640px -256px; + } + 78.57142857142857% { + background-position: -768px -256px; + } + 82.14285714285715% { + background-position: -896px -256px; + } + 85.71428571428572% { + background-position: -0px -384px; + } + 89.28571428571429% { + background-position: -128px -384px; + } + 92.85714285714286% { + background-position: -256px -384px; + } + 96.42857142857143% { + background-position: -384px -384px; + } +} + +@keyframes animated-emoji-29 { + 0% { + background-position: -0px -0px; + } + 3.4482758620689653% { + background-position: -128px -0px; + } + 6.896551724137931% { + background-position: -256px -0px; + } + 10.344827586206897% { + background-position: -384px -0px; + } + 13.793103448275861% { + background-position: -512px -0px; + } + 17.241379310344826% { + background-position: -640px -0px; + } + 20.689655172413794% { + background-position: -768px -0px; + } + 24.137931034482758% { + background-position: -896px -0px; + } + 27.586206896551722% { + background-position: -0px -128px; + } + 31.034482758620687% { + background-position: -128px -128px; + } + 34.48275862068965% { + background-position: -256px -128px; + } + 37.93103448275862% { + background-position: -384px -128px; + } + 41.37931034482759% { + background-position: -512px -128px; + } + 44.82758620689655% { + background-position: -640px -128px; + } + 48.275862068965516% { + background-position: -768px -128px; + } + 51.72413793103448% { + background-position: -896px -128px; + } + 55.172413793103445% { + background-position: -0px -256px; + } + 58.62068965517241% { + background-position: -128px -256px; + } + 62.068965517241374% { + background-position: -256px -256px; + } + 65.51724137931033% { + background-position: -384px -256px; + } + 68.9655172413793% { + background-position: -512px -256px; + } + 72.41379310344827% { + background-position: -640px -256px; + } + 75.86206896551724% { + background-position: -768px -256px; + } + 79.3103448275862% { + background-position: -896px -256px; + } + 82.75862068965517% { + background-position: -0px -384px; + } + 86.20689655172413% { + background-position: -128px -384px; + } + 89.6551724137931% { + background-position: -256px -384px; + } + 93.10344827586206% { + background-position: -384px -384px; + } + 96.55172413793103% { + background-position: -512px -384px; + } +} + +@keyframes animated-emoji-30 { + 0% { + background-position: -0px -0px; + } + 3.3333333333333335% { + background-position: -128px -0px; + } + 6.666666666666667% { + background-position: -256px -0px; + } + 10% { + background-position: -384px -0px; + } + 13.333333333333334% { + background-position: -512px -0px; + } + 16.666666666666668% { + background-position: -640px -0px; + } + 20% { + background-position: -768px -0px; + } + 23.333333333333336% { + background-position: -896px -0px; + } + 26.666666666666668% { + background-position: -0px -128px; + } + 30% { + background-position: -128px -128px; + } + 33.333333333333336% { + background-position: -256px -128px; + } + 36.66666666666667% { + background-position: -384px -128px; + } + 40% { + background-position: -512px -128px; + } + 43.333333333333336% { + background-position: -640px -128px; + } + 46.66666666666667% { + background-position: -768px -128px; + } + 50% { + background-position: -896px -128px; + } + 53.333333333333336% { + background-position: -0px -256px; + } + 56.66666666666667% { + background-position: -128px -256px; + } + 60% { + background-position: -256px -256px; + } + 63.333333333333336% { + background-position: -384px -256px; + } + 66.66666666666667% { + background-position: -512px -256px; + } + 70% { + background-position: -640px -256px; + } + 73.33333333333334% { + background-position: -768px -256px; + } + 76.66666666666667% { + background-position: -896px -256px; + } + 80% { + background-position: -0px -384px; + } + 83.33333333333334% { + background-position: -128px -384px; + } + 86.66666666666667% { + background-position: -256px -384px; + } + 90% { + background-position: -384px -384px; + } + 93.33333333333334% { + background-position: -512px -384px; + } + 96.66666666666667% { + background-position: -640px -384px; + } +} + +@keyframes animated-emoji-31 { + 0% { + background-position: -0px -0px; + } + 3.225806451612903% { + background-position: -128px -0px; + } + 6.451612903225806% { + background-position: -256px -0px; + } + 9.677419354838708% { + background-position: -384px -0px; + } + 12.903225806451612% { + background-position: -512px -0px; + } + 16.129032258064516% { + background-position: -640px -0px; + } + 19.354838709677416% { + background-position: -768px -0px; + } + 22.58064516129032% { + background-position: -896px -0px; + } + 25.806451612903224% { + background-position: -0px -128px; + } + 29.032258064516128% { + background-position: -128px -128px; + } + 32.25806451612903% { + background-position: -256px -128px; + } + 35.483870967741936% { + background-position: -384px -128px; + } + 38.70967741935483% { + background-position: -512px -128px; + } + 41.93548387096774% { + background-position: -640px -128px; + } + 45.16129032258064% { + background-position: -768px -128px; + } + 48.387096774193544% { + background-position: -896px -128px; + } + 51.61290322580645% { + background-position: -0px -256px; + } + 54.83870967741935% { + background-position: -128px -256px; + } + 58.064516129032256% { + background-position: -256px -256px; + } + 61.29032258064516% { + background-position: -384px -256px; + } + 64.51612903225806% { + background-position: -512px -256px; + } + 67.74193548387096% { + background-position: -640px -256px; + } + 70.96774193548387% { + background-position: -768px -256px; + } + 74.19354838709677% { + background-position: -896px -256px; + } + 77.41935483870967% { + background-position: -0px -384px; + } + 80.64516129032258% { + background-position: -128px -384px; + } + 83.87096774193547% { + background-position: -256px -384px; + } + 87.09677419354838% { + background-position: -384px -384px; + } + 90.32258064516128% { + background-position: -512px -384px; + } + 93.54838709677419% { + background-position: -640px -384px; + } + 96.77419354838709% { + background-position: -768px -384px; + } +} + +@keyframes animated-emoji-32 { + 0% { + background-position: -0px -0px; + } + 3.125% { + background-position: -128px -0px; + } + 6.25% { + background-position: -256px -0px; + } + 9.375% { + background-position: -384px -0px; + } + 12.5% { + background-position: -512px -0px; + } + 15.625% { + background-position: -640px -0px; + } + 18.75% { + background-position: -768px -0px; + } + 21.875% { + background-position: -896px -0px; + } + 25% { + background-position: -0px -128px; + } + 28.125% { + background-position: -128px -128px; + } + 31.25% { + background-position: -256px -128px; + } + 34.375% { + background-position: -384px -128px; + } + 37.5% { + background-position: -512px -128px; + } + 40.625% { + background-position: -640px -128px; + } + 43.75% { + background-position: -768px -128px; + } + 46.875% { + background-position: -896px -128px; + } + 50% { + background-position: -0px -256px; + } + 53.125% { + background-position: -128px -256px; + } + 56.25% { + background-position: -256px -256px; + } + 59.375% { + background-position: -384px -256px; + } + 62.5% { + background-position: -512px -256px; + } + 65.625% { + background-position: -640px -256px; + } + 68.75% { + background-position: -768px -256px; + } + 71.875% { + background-position: -896px -256px; + } + 75% { + background-position: -0px -384px; + } + 78.125% { + background-position: -128px -384px; + } + 81.25% { + background-position: -256px -384px; + } + 84.375% { + background-position: -384px -384px; + } + 87.5% { + background-position: -512px -384px; + } + 90.625% { + background-position: -640px -384px; + } + 93.75% { + background-position: -768px -384px; + } + 96.875% { + background-position: -896px -384px; + } +} + +@keyframes animated-emoji-33 { + 0% { + background-position: -0px -0px; + } + 3.0303030303030303% { + background-position: -128px -0px; + } + 6.0606060606060606% { + background-position: -256px -0px; + } + 9.09090909090909% { + background-position: -384px -0px; + } + 12.121212121212121% { + background-position: -512px -0px; + } + 15.151515151515152% { + background-position: -640px -0px; + } + 18.18181818181818% { + background-position: -768px -0px; + } + 21.21212121212121% { + background-position: -896px -0px; + } + 24.242424242424242% { + background-position: -0px -128px; + } + 27.272727272727273% { + background-position: -128px -128px; + } + 30.303030303030305% { + background-position: -256px -128px; + } + 33.333333333333336% { + background-position: -384px -128px; + } + 36.36363636363636% { + background-position: -512px -128px; + } + 39.39393939393939% { + background-position: -640px -128px; + } + 42.42424242424242% { + background-position: -768px -128px; + } + 45.45454545454545% { + background-position: -896px -128px; + } + 48.484848484848484% { + background-position: -0px -256px; + } + 51.515151515151516% { + background-position: -128px -256px; + } + 54.54545454545455% { + background-position: -256px -256px; + } + 57.57575757575758% { + background-position: -384px -256px; + } + 60.60606060606061% { + background-position: -512px -256px; + } + 63.63636363636363% { + background-position: -640px -256px; + } + 66.66666666666667% { + background-position: -768px -256px; + } + 69.6969696969697% { + background-position: -896px -256px; + } + 72.72727272727272% { + background-position: -0px -384px; + } + 75.75757575757575% { + background-position: -128px -384px; + } + 78.78787878787878% { + background-position: -256px -384px; + } + 81.81818181818181% { + background-position: -384px -384px; + } + 84.84848484848484% { + background-position: -512px -384px; + } + 87.87878787878788% { + background-position: -640px -384px; + } + 90.9090909090909% { + background-position: -768px -384px; + } + 93.93939393939394% { + background-position: -896px -384px; + } + 96.96969696969697% { + background-position: -0px -512px; + } +} + +@keyframes animated-emoji-34 { + 0% { + background-position: -0px -0px; + } + 2.9411764705882355% { + background-position: -128px -0px; + } + 5.882352941176471% { + background-position: -256px -0px; + } + 8.823529411764707% { + background-position: -384px -0px; + } + 11.764705882352942% { + background-position: -512px -0px; + } + 14.705882352941178% { + background-position: -640px -0px; + } + 17.647058823529413% { + background-position: -768px -0px; + } + 20.58823529411765% { + background-position: -896px -0px; + } + 23.529411764705884% { + background-position: -0px -128px; + } + 26.47058823529412% { + background-position: -128px -128px; + } + 29.411764705882355% { + background-position: -256px -128px; + } + 32.352941176470594% { + background-position: -384px -128px; + } + 35.294117647058826% { + background-position: -512px -128px; + } + 38.23529411764706% { + background-position: -640px -128px; + } + 41.1764705882353% { + background-position: -768px -128px; + } + 44.117647058823536% { + background-position: -896px -128px; + } + 47.05882352941177% { + background-position: -0px -256px; + } + 50% { + background-position: -128px -256px; + } + 52.94117647058824% { + background-position: -256px -256px; + } + 55.88235294117648% { + background-position: -384px -256px; + } + 58.82352941176471% { + background-position: -512px -256px; + } + 61.76470588235294% { + background-position: -640px -256px; + } + 64.70588235294119% { + background-position: -768px -256px; + } + 67.64705882352942% { + background-position: -896px -256px; + } + 70.58823529411765% { + background-position: -0px -384px; + } + 73.52941176470588% { + background-position: -128px -384px; + } + 76.47058823529412% { + background-position: -256px -384px; + } + 79.41176470588236% { + background-position: -384px -384px; + } + 82.3529411764706% { + background-position: -512px -384px; + } + 85.29411764705883% { + background-position: -640px -384px; + } + 88.23529411764707% { + background-position: -768px -384px; + } + 91.1764705882353% { + background-position: -896px -384px; + } + 94.11764705882354% { + background-position: -0px -512px; + } + 97.05882352941177% { + background-position: -128px -512px; + } +} + +@keyframes animated-emoji-35 { + 0% { + background-position: -0px -0px; + } + 2.857142857142857% { + background-position: -128px -0px; + } + 5.714285714285714% { + background-position: -256px -0px; + } + 8.571428571428571% { + background-position: -384px -0px; + } + 11.428571428571429% { + background-position: -512px -0px; + } + 14.285714285714286% { + background-position: -640px -0px; + } + 17.142857142857142% { + background-position: -768px -0px; + } + 20% { + background-position: -896px -0px; + } + 22.857142857142858% { + background-position: -0px -128px; + } + 25.714285714285715% { + background-position: -128px -128px; + } + 28.571428571428573% { + background-position: -256px -128px; + } + 31.42857142857143% { + background-position: -384px -128px; + } + 34.285714285714285% { + background-position: -512px -128px; + } + 37.142857142857146% { + background-position: -640px -128px; + } + 40% { + background-position: -768px -128px; + } + 42.85714285714286% { + background-position: -896px -128px; + } + 45.714285714285715% { + background-position: -0px -256px; + } + 48.57142857142857% { + background-position: -128px -256px; + } + 51.42857142857143% { + background-position: -256px -256px; + } + 54.285714285714285% { + background-position: -384px -256px; + } + 57.142857142857146% { + background-position: -512px -256px; + } + 60% { + background-position: -640px -256px; + } + 62.85714285714286% { + background-position: -768px -256px; + } + 65.71428571428572% { + background-position: -896px -256px; + } + 68.57142857142857% { + background-position: -0px -384px; + } + 71.42857142857143% { + background-position: -128px -384px; + } + 74.28571428571429% { + background-position: -256px -384px; + } + 77.14285714285714% { + background-position: -384px -384px; + } + 80% { + background-position: -512px -384px; + } + 82.85714285714286% { + background-position: -640px -384px; + } + 85.71428571428572% { + background-position: -768px -384px; + } + 88.57142857142857% { + background-position: -896px -384px; + } + 91.42857142857143% { + background-position: -0px -512px; + } + 94.28571428571429% { + background-position: -128px -512px; + } + 97.14285714285714% { + background-position: -256px -512px; + } +} + +@keyframes animated-emoji-36 { + 0% { + background-position: -0px -0px; + } + 2.7777777777777777% { + background-position: -128px -0px; + } + 5.555555555555555% { + background-position: -256px -0px; + } + 8.333333333333332% { + background-position: -384px -0px; + } + 11.11111111111111% { + background-position: -512px -0px; + } + 13.88888888888889% { + background-position: -640px -0px; + } + 16.666666666666664% { + background-position: -768px -0px; + } + 19.444444444444443% { + background-position: -896px -0px; + } + 22.22222222222222% { + background-position: -0px -128px; + } + 25% { + background-position: -128px -128px; + } + 27.77777777777778% { + background-position: -256px -128px; + } + 30.555555555555554% { + background-position: -384px -128px; + } + 33.33333333333333% { + background-position: -512px -128px; + } + 36.11111111111111% { + background-position: -640px -128px; + } + 38.888888888888886% { + background-position: -768px -128px; + } + 41.666666666666664% { + background-position: -896px -128px; + } + 44.44444444444444% { + background-position: -0px -256px; + } + 47.22222222222222% { + background-position: -128px -256px; + } + 50% { + background-position: -256px -256px; + } + 52.77777777777778% { + background-position: -384px -256px; + } + 55.55555555555556% { + background-position: -512px -256px; + } + 58.33333333333333% { + background-position: -640px -256px; + } + 61.11111111111111% { + background-position: -768px -256px; + } + 63.888888888888886% { + background-position: -896px -256px; + } + 66.66666666666666% { + background-position: -0px -384px; + } + 69.44444444444444% { + background-position: -128px -384px; + } + 72.22222222222221% { + background-position: -256px -384px; + } + 75% { + background-position: -384px -384px; + } + 77.77777777777777% { + background-position: -512px -384px; + } + 80.55555555555556% { + background-position: -640px -384px; + } + 83.33333333333333% { + background-position: -768px -384px; + } + 86.11111111111111% { + background-position: -896px -384px; + } + 88.88888888888889% { + background-position: -0px -512px; + } + 91.66666666666666% { + background-position: -128px -512px; + } + 94.44444444444444% { + background-position: -256px -512px; + } + 97.22222222222221% { + background-position: -384px -512px; + } +} + +@keyframes animated-emoji-37 { + 0% { + background-position: -0px -0px; + } + 2.7027027027027026% { + background-position: -128px -0px; + } + 5.405405405405405% { + background-position: -256px -0px; + } + 8.108108108108109% { + background-position: -384px -0px; + } + 10.81081081081081% { + background-position: -512px -0px; + } + 13.513513513513512% { + background-position: -640px -0px; + } + 16.216216216216218% { + background-position: -768px -0px; + } + 18.91891891891892% { + background-position: -896px -0px; + } + 21.62162162162162% { + background-position: -0px -128px; + } + 24.324324324324323% { + background-position: -128px -128px; + } + 27.027027027027025% { + background-position: -256px -128px; + } + 29.72972972972973% { + background-position: -384px -128px; + } + 32.432432432432435% { + background-position: -512px -128px; + } + 35.13513513513514% { + background-position: -640px -128px; + } + 37.83783783783784% { + background-position: -768px -128px; + } + 40.54054054054054% { + background-position: -896px -128px; + } + 43.24324324324324% { + background-position: -0px -256px; + } + 45.945945945945944% { + background-position: -128px -256px; + } + 48.648648648648646% { + background-position: -256px -256px; + } + 51.35135135135135% { + background-position: -384px -256px; + } + 54.05405405405405% { + background-position: -512px -256px; + } + 56.75675675675676% { + background-position: -640px -256px; + } + 59.45945945945946% { + background-position: -768px -256px; + } + 62.16216216216216% { + background-position: -896px -256px; + } + 64.86486486486487% { + background-position: -0px -384px; + } + 67.56756756756756% { + background-position: -128px -384px; + } + 70.27027027027027% { + background-position: -256px -384px; + } + 72.97297297297297% { + background-position: -384px -384px; + } + 75.67567567567568% { + background-position: -512px -384px; + } + 78.37837837837837% { + background-position: -640px -384px; + } + 81.08108108108108% { + background-position: -768px -384px; + } + 83.78378378378378% { + background-position: -896px -384px; + } + 86.48648648648648% { + background-position: -0px -512px; + } + 89.1891891891892% { + background-position: -128px -512px; + } + 91.89189189189189% { + background-position: -256px -512px; + } + 94.5945945945946% { + background-position: -384px -512px; + } + 97.29729729729729% { + background-position: -512px -512px; + } +} + +@keyframes animated-emoji-38 { + 0% { + background-position: -0px -0px; + } + 2.6315789473684212% { + background-position: -128px -0px; + } + 5.2631578947368425% { + background-position: -256px -0px; + } + 7.894736842105264% { + background-position: -384px -0px; + } + 10.526315789473685% { + background-position: -512px -0px; + } + 13.157894736842106% { + background-position: -640px -0px; + } + 15.789473684210527% { + background-position: -768px -0px; + } + 18.42105263157895% { + background-position: -896px -0px; + } + 21.05263157894737% { + background-position: -0px -128px; + } + 23.68421052631579% { + background-position: -128px -128px; + } + 26.315789473684212% { + background-position: -256px -128px; + } + 28.947368421052634% { + background-position: -384px -128px; + } + 31.578947368421055% { + background-position: -512px -128px; + } + 34.21052631578948% { + background-position: -640px -128px; + } + 36.8421052631579% { + background-position: -768px -128px; + } + 39.473684210526315% { + background-position: -896px -128px; + } + 42.10526315789474% { + background-position: -0px -256px; + } + 44.736842105263165% { + background-position: -128px -256px; + } + 47.36842105263158% { + background-position: -256px -256px; + } + 50% { + background-position: -384px -256px; + } + 52.631578947368425% { + background-position: -512px -256px; + } + 55.26315789473685% { + background-position: -640px -256px; + } + 57.89473684210527% { + background-position: -768px -256px; + } + 60.526315789473685% { + background-position: -896px -256px; + } + 63.15789473684211% { + background-position: -0px -384px; + } + 65.78947368421053% { + background-position: -128px -384px; + } + 68.42105263157896% { + background-position: -256px -384px; + } + 71.05263157894737% { + background-position: -384px -384px; + } + 73.6842105263158% { + background-position: -512px -384px; + } + 76.31578947368422% { + background-position: -640px -384px; + } + 78.94736842105263% { + background-position: -768px -384px; + } + 81.57894736842105% { + background-position: -896px -384px; + } + 84.21052631578948% { + background-position: -0px -512px; + } + 86.8421052631579% { + background-position: -128px -512px; + } + 89.47368421052633% { + background-position: -256px -512px; + } + 92.10526315789474% { + background-position: -384px -512px; + } + 94.73684210526316% { + background-position: -512px -512px; + } + 97.36842105263159% { + background-position: -640px -512px; + } +} + +@keyframes animated-emoji-39 { + 0% { + background-position: -0px -0px; + } + 2.5641025641025643% { + background-position: -128px -0px; + } + 5.128205128205129% { + background-position: -256px -0px; + } + 7.692307692307693% { + background-position: -384px -0px; + } + 10.256410256410257% { + background-position: -512px -0px; + } + 12.820512820512821% { + background-position: -640px -0px; + } + 15.384615384615387% { + background-position: -768px -0px; + } + 17.94871794871795% { + background-position: -896px -0px; + } + 20.512820512820515% { + background-position: -0px -128px; + } + 23.07692307692308% { + background-position: -128px -128px; + } + 25.641025641025642% { + background-position: -256px -128px; + } + 28.205128205128208% { + background-position: -384px -128px; + } + 30.769230769230774% { + background-position: -512px -128px; + } + 33.333333333333336% { + background-position: -640px -128px; + } + 35.8974358974359% { + background-position: -768px -128px; + } + 38.46153846153847% { + background-position: -896px -128px; + } + 41.02564102564103% { + background-position: -0px -256px; + } + 43.58974358974359% { + background-position: -128px -256px; + } + 46.15384615384616% { + background-position: -256px -256px; + } + 48.71794871794872% { + background-position: -384px -256px; + } + 51.282051282051285% { + background-position: -512px -256px; + } + 53.846153846153854% { + background-position: -640px -256px; + } + 56.410256410256416% { + background-position: -768px -256px; + } + 58.97435897435898% { + background-position: -896px -256px; + } + 61.53846153846155% { + background-position: -0px -384px; + } + 64.1025641025641% { + background-position: -128px -384px; + } + 66.66666666666667% { + background-position: -256px -384px; + } + 69.23076923076924% { + background-position: -384px -384px; + } + 71.7948717948718% { + background-position: -512px -384px; + } + 74.35897435897436% { + background-position: -640px -384px; + } + 76.92307692307693% { + background-position: -768px -384px; + } + 79.48717948717949% { + background-position: -896px -384px; + } + 82.05128205128206% { + background-position: -0px -512px; + } + 84.61538461538463% { + background-position: -128px -512px; + } + 87.17948717948718% { + background-position: -256px -512px; + } + 89.74358974358975% { + background-position: -384px -512px; + } + 92.30769230769232% { + background-position: -512px -512px; + } + 94.87179487179488% { + background-position: -640px -512px; + } + 97.43589743589745% { + background-position: -768px -512px; + } +} + +@keyframes animated-emoji-40 { + 0% { + background-position: -0px -0px; + } + 2.5% { + background-position: -128px -0px; + } + 5% { + background-position: -256px -0px; + } + 7.5% { + background-position: -384px -0px; + } + 10% { + background-position: -512px -0px; + } + 12.5% { + background-position: -640px -0px; + } + 15% { + background-position: -768px -0px; + } + 17.5% { + background-position: -896px -0px; + } + 20% { + background-position: -0px -128px; + } + 22.5% { + background-position: -128px -128px; + } + 25% { + background-position: -256px -128px; + } + 27.5% { + background-position: -384px -128px; + } + 30% { + background-position: -512px -128px; + } + 32.5% { + background-position: -640px -128px; + } + 35% { + background-position: -768px -128px; + } + 37.5% { + background-position: -896px -128px; + } + 40% { + background-position: -0px -256px; + } + 42.5% { + background-position: -128px -256px; + } + 45% { + background-position: -256px -256px; + } + 47.5% { + background-position: -384px -256px; + } + 50% { + background-position: -512px -256px; + } + 52.5% { + background-position: -640px -256px; + } + 55% { + background-position: -768px -256px; + } + 57.5% { + background-position: -896px -256px; + } + 60% { + background-position: -0px -384px; + } + 62.5% { + background-position: -128px -384px; + } + 65% { + background-position: -256px -384px; + } + 67.5% { + background-position: -384px -384px; + } + 70% { + background-position: -512px -384px; + } + 72.5% { + background-position: -640px -384px; + } + 75% { + background-position: -768px -384px; + } + 77.5% { + background-position: -896px -384px; + } + 80% { + background-position: -0px -512px; + } + 82.5% { + background-position: -128px -512px; + } + 85% { + background-position: -256px -512px; + } + 87.5% { + background-position: -384px -512px; + } + 90% { + background-position: -512px -512px; + } + 92.5% { + background-position: -640px -512px; + } + 95% { + background-position: -768px -512px; + } + 97.5% { + background-position: -896px -512px; + } +} + +@keyframes animated-emoji-41 { + 0% { + background-position: -0px -0px; + } + 2.4390243902439024% { + background-position: -128px -0px; + } + 4.878048780487805% { + background-position: -256px -0px; + } + 7.317073170731707% { + background-position: -384px -0px; + } + 9.75609756097561% { + background-position: -512px -0px; + } + 12.195121951219512% { + background-position: -640px -0px; + } + 14.634146341463413% { + background-position: -768px -0px; + } + 17.073170731707318% { + background-position: -896px -0px; + } + 19.51219512195122% { + background-position: -0px -128px; + } + 21.95121951219512% { + background-position: -128px -128px; + } + 24.390243902439025% { + background-position: -256px -128px; + } + 26.829268292682926% { + background-position: -384px -128px; + } + 29.268292682926827% { + background-position: -512px -128px; + } + 31.70731707317073% { + background-position: -640px -128px; + } + 34.146341463414636% { + background-position: -768px -128px; + } + 36.58536585365854% { + background-position: -896px -128px; + } + 39.02439024390244% { + background-position: -0px -256px; + } + 41.46341463414634% { + background-position: -128px -256px; + } + 43.90243902439024% { + background-position: -256px -256px; + } + 46.34146341463415% { + background-position: -384px -256px; + } + 48.78048780487805% { + background-position: -512px -256px; + } + 51.21951219512195% { + background-position: -640px -256px; + } + 53.65853658536585% { + background-position: -768px -256px; + } + 56.09756097560975% { + background-position: -896px -256px; + } + 58.536585365853654% { + background-position: -0px -384px; + } + 60.97560975609756% { + background-position: -128px -384px; + } + 63.41463414634146% { + background-position: -256px -384px; + } + 65.85365853658537% { + background-position: -384px -384px; + } + 68.29268292682927% { + background-position: -512px -384px; + } + 70.73170731707317% { + background-position: -640px -384px; + } + 73.17073170731707% { + background-position: -768px -384px; + } + 75.60975609756098% { + background-position: -896px -384px; + } + 78.04878048780488% { + background-position: -0px -512px; + } + 80.48780487804878% { + background-position: -128px -512px; + } + 82.92682926829268% { + background-position: -256px -512px; + } + 85.36585365853658% { + background-position: -384px -512px; + } + 87.80487804878048% { + background-position: -512px -512px; + } + 90.24390243902438% { + background-position: -640px -512px; + } + 92.6829268292683% { + background-position: -768px -512px; + } + 95.1219512195122% { + background-position: -896px -512px; + } + 97.5609756097561% { + background-position: -0px -640px; + } +} + +@keyframes animated-emoji-42 { + 0% { + background-position: -0px -0px; + } + 2.380952380952381% { + background-position: -128px -0px; + } + 4.761904761904762% { + background-position: -256px -0px; + } + 7.142857142857142% { + background-position: -384px -0px; + } + 9.523809523809524% { + background-position: -512px -0px; + } + 11.904761904761905% { + background-position: -640px -0px; + } + 14.285714285714285% { + background-position: -768px -0px; + } + 16.666666666666668% { + background-position: -896px -0px; + } + 19.047619047619047% { + background-position: -0px -128px; + } + 21.428571428571427% { + background-position: -128px -128px; + } + 23.80952380952381% { + background-position: -256px -128px; + } + 26.19047619047619% { + background-position: -384px -128px; + } + 28.57142857142857% { + background-position: -512px -128px; + } + 30.952380952380953% { + background-position: -640px -128px; + } + 33.333333333333336% { + background-position: -768px -128px; + } + 35.714285714285715% { + background-position: -896px -128px; + } + 38.095238095238095% { + background-position: -0px -256px; + } + 40.476190476190474% { + background-position: -128px -256px; + } + 42.857142857142854% { + background-position: -256px -256px; + } + 45.23809523809524% { + background-position: -384px -256px; + } + 47.61904761904762% { + background-position: -512px -256px; + } + 50% { + background-position: -640px -256px; + } + 52.38095238095238% { + background-position: -768px -256px; + } + 54.76190476190476% { + background-position: -896px -256px; + } + 57.14285714285714% { + background-position: -0px -384px; + } + 59.523809523809526% { + background-position: -128px -384px; + } + 61.904761904761905% { + background-position: -256px -384px; + } + 64.28571428571429% { + background-position: -384px -384px; + } + 66.66666666666667% { + background-position: -512px -384px; + } + 69.04761904761905% { + background-position: -640px -384px; + } + 71.42857142857143% { + background-position: -768px -384px; + } + 73.80952380952381% { + background-position: -896px -384px; + } + 76.19047619047619% { + background-position: -0px -512px; + } + 78.57142857142857% { + background-position: -128px -512px; + } + 80.95238095238095% { + background-position: -256px -512px; + } + 83.33333333333333% { + background-position: -384px -512px; + } + 85.71428571428571% { + background-position: -512px -512px; + } + 88.09523809523809% { + background-position: -640px -512px; + } + 90.47619047619048% { + background-position: -768px -512px; + } + 92.85714285714286% { + background-position: -896px -512px; + } + 95.23809523809524% { + background-position: -0px -640px; + } + 97.61904761904762% { + background-position: -128px -640px; + } +} + +@keyframes animated-emoji-43 { + 0% { + background-position: -0px -0px; + } + 2.3255813953488373% { + background-position: -128px -0px; + } + 4.651162790697675% { + background-position: -256px -0px; + } + 6.976744186046512% { + background-position: -384px -0px; + } + 9.30232558139535% { + background-position: -512px -0px; + } + 11.627906976744187% { + background-position: -640px -0px; + } + 13.953488372093023% { + background-position: -768px -0px; + } + 16.27906976744186% { + background-position: -896px -0px; + } + 18.6046511627907% { + background-position: -0px -128px; + } + 20.930232558139537% { + background-position: -128px -128px; + } + 23.255813953488374% { + background-position: -256px -128px; + } + 25.581395348837212% { + background-position: -384px -128px; + } + 27.906976744186046% { + background-position: -512px -128px; + } + 30.232558139534884% { + background-position: -640px -128px; + } + 32.55813953488372% { + background-position: -768px -128px; + } + 34.88372093023256% { + background-position: -896px -128px; + } + 37.2093023255814% { + background-position: -0px -256px; + } + 39.53488372093023% { + background-position: -128px -256px; + } + 41.86046511627907% { + background-position: -256px -256px; + } + 44.18604651162791% { + background-position: -384px -256px; + } + 46.51162790697675% { + background-position: -512px -256px; + } + 48.83720930232558% { + background-position: -640px -256px; + } + 51.162790697674424% { + background-position: -768px -256px; + } + 53.48837209302326% { + background-position: -896px -256px; + } + 55.81395348837209% { + background-position: -0px -384px; + } + 58.139534883720934% { + background-position: -128px -384px; + } + 60.46511627906977% { + background-position: -256px -384px; + } + 62.79069767441861% { + background-position: -384px -384px; + } + 65.11627906976744% { + background-position: -512px -384px; + } + 67.44186046511628% { + background-position: -640px -384px; + } + 69.76744186046513% { + background-position: -768px -384px; + } + 72.09302325581396% { + background-position: -896px -384px; + } + 74.4186046511628% { + background-position: -0px -512px; + } + 76.74418604651163% { + background-position: -128px -512px; + } + 79.06976744186046% { + background-position: -256px -512px; + } + 81.39534883720931% { + background-position: -384px -512px; + } + 83.72093023255815% { + background-position: -512px -512px; + } + 86.04651162790698% { + background-position: -640px -512px; + } + 88.37209302325581% { + background-position: -768px -512px; + } + 90.69767441860466% { + background-position: -896px -512px; + } + 93.0232558139535% { + background-position: -0px -640px; + } + 95.34883720930233% { + background-position: -128px -640px; + } + 97.67441860465117% { + background-position: -256px -640px; + } +} + +@keyframes animated-emoji-44 { + 0% { + background-position: -0px -0px; + } + 2.272727272727273% { + background-position: -128px -0px; + } + 4.545454545454546% { + background-position: -256px -0px; + } + 6.818181818181818% { + background-position: -384px -0px; + } + 9.090909090909092% { + background-position: -512px -0px; + } + 11.363636363636365% { + background-position: -640px -0px; + } + 13.636363636363637% { + background-position: -768px -0px; + } + 15.90909090909091% { + background-position: -896px -0px; + } + 18.181818181818183% { + background-position: -0px -128px; + } + 20.454545454545457% { + background-position: -128px -128px; + } + 22.72727272727273% { + background-position: -256px -128px; + } + 25.000000000000004% { + background-position: -384px -128px; + } + 27.272727272727273% { + background-position: -512px -128px; + } + 29.545454545454547% { + background-position: -640px -128px; + } + 31.81818181818182% { + background-position: -768px -128px; + } + 34.09090909090909% { + background-position: -896px -128px; + } + 36.36363636363637% { + background-position: -0px -256px; + } + 38.63636363636364% { + background-position: -128px -256px; + } + 40.909090909090914% { + background-position: -256px -256px; + } + 43.18181818181819% { + background-position: -384px -256px; + } + 45.45454545454546% { + background-position: -512px -256px; + } + 47.727272727272734% { + background-position: -640px -256px; + } + 50.00000000000001% { + background-position: -768px -256px; + } + 52.27272727272728% { + background-position: -896px -256px; + } + 54.54545454545455% { + background-position: -0px -384px; + } + 56.81818181818182% { + background-position: -128px -384px; + } + 59.09090909090909% { + background-position: -256px -384px; + } + 61.36363636363637% { + background-position: -384px -384px; + } + 63.63636363636364% { + background-position: -512px -384px; + } + 65.90909090909092% { + background-position: -640px -384px; + } + 68.18181818181819% { + background-position: -768px -384px; + } + 70.45454545454547% { + background-position: -896px -384px; + } + 72.72727272727273% { + background-position: -0px -512px; + } + 75% { + background-position: -128px -512px; + } + 77.27272727272728% { + background-position: -256px -512px; + } + 79.54545454545455% { + background-position: -384px -512px; + } + 81.81818181818183% { + background-position: -512px -512px; + } + 84.0909090909091% { + background-position: -640px -512px; + } + 86.36363636363637% { + background-position: -768px -512px; + } + 88.63636363636364% { + background-position: -896px -512px; + } + 90.90909090909092% { + background-position: -0px -640px; + } + 93.18181818181819% { + background-position: -128px -640px; + } + 95.45454545454547% { + background-position: -256px -640px; + } + 97.72727272727273% { + background-position: -384px -640px; + } +} + +@keyframes animated-emoji-45 { + 0% { + background-position: -0px -0px; + } + 2.2222222222222223% { + background-position: -128px -0px; + } + 4.444444444444445% { + background-position: -256px -0px; + } + 6.666666666666667% { + background-position: -384px -0px; + } + 8.88888888888889% { + background-position: -512px -0px; + } + 11.11111111111111% { + background-position: -640px -0px; + } + 13.333333333333334% { + background-position: -768px -0px; + } + 15.555555555555557% { + background-position: -896px -0px; + } + 17.77777777777778% { + background-position: -0px -128px; + } + 20% { + background-position: -128px -128px; + } + 22.22222222222222% { + background-position: -256px -128px; + } + 24.444444444444446% { + background-position: -384px -128px; + } + 26.666666666666668% { + background-position: -512px -128px; + } + 28.88888888888889% { + background-position: -640px -128px; + } + 31.111111111111114% { + background-position: -768px -128px; + } + 33.333333333333336% { + background-position: -896px -128px; + } + 35.55555555555556% { + background-position: -0px -256px; + } + 37.77777777777778% { + background-position: -128px -256px; + } + 40% { + background-position: -256px -256px; + } + 42.22222222222222% { + background-position: -384px -256px; + } + 44.44444444444444% { + background-position: -512px -256px; + } + 46.66666666666667% { + background-position: -640px -256px; + } + 48.88888888888889% { + background-position: -768px -256px; + } + 51.111111111111114% { + background-position: -896px -256px; + } + 53.333333333333336% { + background-position: -0px -384px; + } + 55.55555555555556% { + background-position: -128px -384px; + } + 57.77777777777778% { + background-position: -256px -384px; + } + 60% { + background-position: -384px -384px; + } + 62.22222222222223% { + background-position: -512px -384px; + } + 64.44444444444444% { + background-position: -640px -384px; + } + 66.66666666666667% { + background-position: -768px -384px; + } + 68.88888888888889% { + background-position: -896px -384px; + } + 71.11111111111111% { + background-position: -0px -512px; + } + 73.33333333333334% { + background-position: -128px -512px; + } + 75.55555555555556% { + background-position: -256px -512px; + } + 77.77777777777779% { + background-position: -384px -512px; + } + 80% { + background-position: -512px -512px; + } + 82.22222222222223% { + background-position: -640px -512px; + } + 84.44444444444444% { + background-position: -768px -512px; + } + 86.66666666666667% { + background-position: -896px -512px; + } + 88.88888888888889% { + background-position: -0px -640px; + } + 91.11111111111111% { + background-position: -128px -640px; + } + 93.33333333333334% { + background-position: -256px -640px; + } + 95.55555555555556% { + background-position: -384px -640px; + } + 97.77777777777779% { + background-position: -512px -640px; + } +} + +@keyframes animated-emoji-46 { + 0% { + background-position: -0px -0px; + } + 2.1739130434782608% { + background-position: -128px -0px; + } + 4.3478260869565215% { + background-position: -256px -0px; + } + 6.521739130434782% { + background-position: -384px -0px; + } + 8.695652173913043% { + background-position: -512px -0px; + } + 10.869565217391305% { + background-position: -640px -0px; + } + 13.043478260869565% { + background-position: -768px -0px; + } + 15.217391304347824% { + background-position: -896px -0px; + } + 17.391304347826086% { + background-position: -0px -128px; + } + 19.565217391304348% { + background-position: -128px -128px; + } + 21.73913043478261% { + background-position: -256px -128px; + } + 23.913043478260867% { + background-position: -384px -128px; + } + 26.08695652173913% { + background-position: -512px -128px; + } + 28.26086956521739% { + background-position: -640px -128px; + } + 30.43478260869565% { + background-position: -768px -128px; + } + 32.608695652173914% { + background-position: -896px -128px; + } + 34.78260869565217% { + background-position: -0px -256px; + } + 36.95652173913043% { + background-position: -128px -256px; + } + 39.130434782608695% { + background-position: -256px -256px; + } + 41.30434782608695% { + background-position: -384px -256px; + } + 43.47826086956522% { + background-position: -512px -256px; + } + 45.65217391304348% { + background-position: -640px -256px; + } + 47.826086956521735% { + background-position: -768px -256px; + } + 50% { + background-position: -896px -256px; + } + 52.17391304347826% { + background-position: -0px -384px; + } + 54.347826086956516% { + background-position: -128px -384px; + } + 56.52173913043478% { + background-position: -256px -384px; + } + 58.69565217391304% { + background-position: -384px -384px; + } + 60.8695652173913% { + background-position: -512px -384px; + } + 63.04347826086956% { + background-position: -640px -384px; + } + 65.21739130434783% { + background-position: -768px -384px; + } + 67.39130434782608% { + background-position: -896px -384px; + } + 69.56521739130434% { + background-position: -0px -512px; + } + 71.73913043478261% { + background-position: -128px -512px; + } + 73.91304347826086% { + background-position: -256px -512px; + } + 76.08695652173913% { + background-position: -384px -512px; + } + 78.26086956521739% { + background-position: -512px -512px; + } + 80.43478260869564% { + background-position: -640px -512px; + } + 82.6086956521739% { + background-position: -768px -512px; + } + 84.78260869565217% { + background-position: -896px -512px; + } + 86.95652173913044% { + background-position: -0px -640px; + } + 89.13043478260869% { + background-position: -128px -640px; + } + 91.30434782608695% { + background-position: -256px -640px; + } + 93.47826086956522% { + background-position: -384px -640px; + } + 95.65217391304347% { + background-position: -512px -640px; + } + 97.82608695652173% { + background-position: -640px -640px; + } +} + +@keyframes animated-emoji-47 { + 0% { + background-position: -0px -0px; + } + 2.127659574468085% { + background-position: -128px -0px; + } + 4.25531914893617% { + background-position: -256px -0px; + } + 6.382978723404255% { + background-position: -384px -0px; + } + 8.51063829787234% { + background-position: -512px -0px; + } + 10.638297872340425% { + background-position: -640px -0px; + } + 12.76595744680851% { + background-position: -768px -0px; + } + 14.893617021276595% { + background-position: -896px -0px; + } + 17.02127659574468% { + background-position: -0px -128px; + } + 19.148936170212764% { + background-position: -128px -128px; + } + 21.27659574468085% { + background-position: -256px -128px; + } + 23.404255319148938% { + background-position: -384px -128px; + } + 25.53191489361702% { + background-position: -512px -128px; + } + 27.659574468085104% { + background-position: -640px -128px; + } + 29.78723404255319% { + background-position: -768px -128px; + } + 31.914893617021278% { + background-position: -896px -128px; + } + 34.04255319148936% { + background-position: -0px -256px; + } + 36.170212765957444% { + background-position: -128px -256px; + } + 38.29787234042553% { + background-position: -256px -256px; + } + 40.42553191489362% { + background-position: -384px -256px; + } + 42.5531914893617% { + background-position: -512px -256px; + } + 44.680851063829785% { + background-position: -640px -256px; + } + 46.808510638297875% { + background-position: -768px -256px; + } + 48.93617021276596% { + background-position: -896px -256px; + } + 51.06382978723404% { + background-position: -0px -384px; + } + 53.191489361702125% { + background-position: -128px -384px; + } + 55.31914893617021% { + background-position: -256px -384px; + } + 57.4468085106383% { + background-position: -384px -384px; + } + 59.57446808510638% { + background-position: -512px -384px; + } + 61.702127659574465% { + background-position: -640px -384px; + } + 63.829787234042556% { + background-position: -768px -384px; + } + 65.95744680851064% { + background-position: -896px -384px; + } + 68.08510638297872% { + background-position: -0px -512px; + } + 70.2127659574468% { + background-position: -128px -512px; + } + 72.34042553191489% { + background-position: -256px -512px; + } + 74.46808510638297% { + background-position: -384px -512px; + } + 76.59574468085106% { + background-position: -512px -512px; + } + 78.72340425531915% { + background-position: -640px -512px; + } + 80.85106382978724% { + background-position: -768px -512px; + } + 82.97872340425532% { + background-position: -896px -512px; + } + 85.1063829787234% { + background-position: -0px -640px; + } + 87.23404255319149% { + background-position: -128px -640px; + } + 89.36170212765957% { + background-position: -256px -640px; + } + 91.48936170212765% { + background-position: -384px -640px; + } + 93.61702127659575% { + background-position: -512px -640px; + } + 95.74468085106383% { + background-position: -640px -640px; + } + 97.87234042553192% { + background-position: -768px -640px; + } +} + +@keyframes animated-emoji-48 { + 0% { + background-position: -0px -0px; + } + 2.0833333333333335% { + background-position: -128px -0px; + } + 4.166666666666667% { + background-position: -256px -0px; + } + 6.25% { + background-position: -384px -0px; + } + 8.333333333333334% { + background-position: -512px -0px; + } + 10.416666666666668% { + background-position: -640px -0px; + } + 12.5% { + background-position: -768px -0px; + } + 14.583333333333334% { + background-position: -896px -0px; + } + 16.666666666666668% { + background-position: -0px -128px; + } + 18.75% { + background-position: -128px -128px; + } + 20.833333333333336% { + background-position: -256px -128px; + } + 22.916666666666668% { + background-position: -384px -128px; + } + 25% { + background-position: -512px -128px; + } + 27.083333333333336% { + background-position: -640px -128px; + } + 29.166666666666668% { + background-position: -768px -128px; + } + 31.250000000000004% { + background-position: -896px -128px; + } + 33.333333333333336% { + background-position: -0px -256px; + } + 35.41666666666667% { + background-position: -128px -256px; + } + 37.5% { + background-position: -256px -256px; + } + 39.583333333333336% { + background-position: -384px -256px; + } + 41.66666666666667% { + background-position: -512px -256px; + } + 43.75% { + background-position: -640px -256px; + } + 45.833333333333336% { + background-position: -768px -256px; + } + 47.91666666666667% { + background-position: -896px -256px; + } + 50% { + background-position: -0px -384px; + } + 52.083333333333336% { + background-position: -128px -384px; + } + 54.16666666666667% { + background-position: -256px -384px; + } + 56.25000000000001% { + background-position: -384px -384px; + } + 58.333333333333336% { + background-position: -512px -384px; + } + 60.41666666666667% { + background-position: -640px -384px; + } + 62.50000000000001% { + background-position: -768px -384px; + } + 64.58333333333334% { + background-position: -896px -384px; + } + 66.66666666666667% { + background-position: -0px -512px; + } + 68.75% { + background-position: -128px -512px; + } + 70.83333333333334% { + background-position: -256px -512px; + } + 72.91666666666667% { + background-position: -384px -512px; + } + 75% { + background-position: -512px -512px; + } + 77.08333333333334% { + background-position: -640px -512px; + } + 79.16666666666667% { + background-position: -768px -512px; + } + 81.25% { + background-position: -896px -512px; + } + 83.33333333333334% { + background-position: -0px -640px; + } + 85.41666666666667% { + background-position: -128px -640px; + } + 87.5% { + background-position: -256px -640px; + } + 89.58333333333334% { + background-position: -384px -640px; + } + 91.66666666666667% { + background-position: -512px -640px; + } + 93.75% { + background-position: -640px -640px; + } + 95.83333333333334% { + background-position: -768px -640px; + } + 97.91666666666667% { + background-position: -896px -640px; + } +} + +@keyframes animated-emoji-49 { + 0% { + background-position: -0px -0px; + } + 2.0408163265306123% { + background-position: -128px -0px; + } + 4.081632653061225% { + background-position: -256px -0px; + } + 6.122448979591837% { + background-position: -384px -0px; + } + 8.16326530612245% { + background-position: -512px -0px; + } + 10.204081632653061% { + background-position: -640px -0px; + } + 12.244897959183675% { + background-position: -768px -0px; + } + 14.285714285714286% { + background-position: -896px -0px; + } + 16.3265306122449% { + background-position: -0px -128px; + } + 18.367346938775512% { + background-position: -128px -128px; + } + 20.408163265306122% { + background-position: -256px -128px; + } + 22.448979591836736% { + background-position: -384px -128px; + } + 24.48979591836735% { + background-position: -512px -128px; + } + 26.53061224489796% { + background-position: -640px -128px; + } + 28.571428571428573% { + background-position: -768px -128px; + } + 30.612244897959183% { + background-position: -896px -128px; + } + 32.6530612244898% { + background-position: -0px -256px; + } + 34.69387755102041% { + background-position: -128px -256px; + } + 36.734693877551024% { + background-position: -256px -256px; + } + 38.775510204081634% { + background-position: -384px -256px; + } + 40.816326530612244% { + background-position: -512px -256px; + } + 42.85714285714286% { + background-position: -640px -256px; + } + 44.89795918367347% { + background-position: -768px -256px; + } + 46.93877551020408% { + background-position: -896px -256px; + } + 48.9795918367347% { + background-position: -0px -384px; + } + 51.02040816326531% { + background-position: -128px -384px; + } + 53.06122448979592% { + background-position: -256px -384px; + } + 55.10204081632653% { + background-position: -384px -384px; + } + 57.142857142857146% { + background-position: -512px -384px; + } + 59.183673469387756% { + background-position: -640px -384px; + } + 61.224489795918366% { + background-position: -768px -384px; + } + 63.26530612244898% { + background-position: -896px -384px; + } + 65.3061224489796% { + background-position: -0px -512px; + } + 67.34693877551021% { + background-position: -128px -512px; + } + 69.38775510204081% { + background-position: -256px -512px; + } + 71.42857142857143% { + background-position: -384px -512px; + } + 73.46938775510205% { + background-position: -512px -512px; + } + 75.51020408163265% { + background-position: -640px -512px; + } + 77.55102040816327% { + background-position: -768px -512px; + } + 79.59183673469389% { + background-position: -896px -512px; + } + 81.63265306122449% { + background-position: -0px -640px; + } + 83.6734693877551% { + background-position: -128px -640px; + } + 85.71428571428572% { + background-position: -256px -640px; + } + 87.75510204081633% { + background-position: -384px -640px; + } + 89.79591836734694% { + background-position: -512px -640px; + } + 91.83673469387756% { + background-position: -640px -640px; + } + 93.87755102040816% { + background-position: -768px -640px; + } + 95.91836734693878% { + background-position: -896px -640px; + } + 97.9591836734694% { + background-position: -0px -768px; + } +} + +@keyframes animated-emoji-50 { + 0% { + background-position: -0px -0px; + } + 2% { + background-position: -128px -0px; + } + 4% { + background-position: -256px -0px; + } + 6% { + background-position: -384px -0px; + } + 8% { + background-position: -512px -0px; + } + 10% { + background-position: -640px -0px; + } + 12% { + background-position: -768px -0px; + } + 14% { + background-position: -896px -0px; + } + 16% { + background-position: -0px -128px; + } + 18% { + background-position: -128px -128px; + } + 20% { + background-position: -256px -128px; + } + 22% { + background-position: -384px -128px; + } + 24% { + background-position: -512px -128px; + } + 26% { + background-position: -640px -128px; + } + 28% { + background-position: -768px -128px; + } + 30% { + background-position: -896px -128px; + } + 32% { + background-position: -0px -256px; + } + 34% { + background-position: -128px -256px; + } + 36% { + background-position: -256px -256px; + } + 38% { + background-position: -384px -256px; + } + 40% { + background-position: -512px -256px; + } + 42% { + background-position: -640px -256px; + } + 44% { + background-position: -768px -256px; + } + 46% { + background-position: -896px -256px; + } + 48% { + background-position: -0px -384px; + } + 50% { + background-position: -128px -384px; + } + 52% { + background-position: -256px -384px; + } + 54% { + background-position: -384px -384px; + } + 56% { + background-position: -512px -384px; + } + 58% { + background-position: -640px -384px; + } + 60% { + background-position: -768px -384px; + } + 62% { + background-position: -896px -384px; + } + 64% { + background-position: -0px -512px; + } + 66% { + background-position: -128px -512px; + } + 68% { + background-position: -256px -512px; + } + 70% { + background-position: -384px -512px; + } + 72% { + background-position: -512px -512px; + } + 74% { + background-position: -640px -512px; + } + 76% { + background-position: -768px -512px; + } + 78% { + background-position: -896px -512px; + } + 80% { + background-position: -0px -640px; + } + 82% { + background-position: -128px -640px; + } + 84% { + background-position: -256px -640px; + } + 86% { + background-position: -384px -640px; + } + 88% { + background-position: -512px -640px; + } + 90% { + background-position: -640px -640px; + } + 92% { + background-position: -768px -640px; + } + 94% { + background-position: -896px -640px; + } + 96% { + background-position: -0px -768px; + } + 98% { + background-position: -128px -768px; + } +} + +@keyframes animated-emoji-51 { + 0% { + background-position: -0px -0px; + } + 1.9607843137254901% { + background-position: -128px -0px; + } + 3.9215686274509802% { + background-position: -256px -0px; + } + 5.88235294117647% { + background-position: -384px -0px; + } + 7.8431372549019605% { + background-position: -512px -0px; + } + 9.80392156862745% { + background-position: -640px -0px; + } + 11.76470588235294% { + background-position: -768px -0px; + } + 13.72549019607843% { + background-position: -896px -0px; + } + 15.686274509803921% { + background-position: -0px -128px; + } + 17.64705882352941% { + background-position: -128px -128px; + } + 19.6078431372549% { + background-position: -256px -128px; + } + 21.56862745098039% { + background-position: -384px -128px; + } + 23.52941176470588% { + background-position: -512px -128px; + } + 25.49019607843137% { + background-position: -640px -128px; + } + 27.45098039215686% { + background-position: -768px -128px; + } + 29.41176470588235% { + background-position: -896px -128px; + } + 31.372549019607842% { + background-position: -0px -256px; + } + 33.33333333333333% { + background-position: -128px -256px; + } + 35.29411764705882% { + background-position: -256px -256px; + } + 37.25490196078431% { + background-position: -384px -256px; + } + 39.2156862745098% { + background-position: -512px -256px; + } + 41.17647058823529% { + background-position: -640px -256px; + } + 43.13725490196078% { + background-position: -768px -256px; + } + 45.09803921568627% { + background-position: -896px -256px; + } + 47.05882352941176% { + background-position: -0px -384px; + } + 49.01960784313725% { + background-position: -128px -384px; + } + 50.98039215686274% { + background-position: -256px -384px; + } + 52.94117647058823% { + background-position: -384px -384px; + } + 54.90196078431372% { + background-position: -512px -384px; + } + 56.86274509803921% { + background-position: -640px -384px; + } + 58.8235294117647% { + background-position: -768px -384px; + } + 60.78431372549019% { + background-position: -896px -384px; + } + 62.745098039215684% { + background-position: -0px -512px; + } + 64.70588235294117% { + background-position: -128px -512px; + } + 66.66666666666666% { + background-position: -256px -512px; + } + 68.62745098039215% { + background-position: -384px -512px; + } + 70.58823529411764% { + background-position: -512px -512px; + } + 72.54901960784314% { + background-position: -640px -512px; + } + 74.50980392156862% { + background-position: -768px -512px; + } + 76.47058823529412% { + background-position: -896px -512px; + } + 78.4313725490196% { + background-position: -0px -640px; + } + 80.3921568627451% { + background-position: -128px -640px; + } + 82.35294117647058% { + background-position: -256px -640px; + } + 84.31372549019608% { + background-position: -384px -640px; + } + 86.27450980392156% { + background-position: -512px -640px; + } + 88.23529411764706% { + background-position: -640px -640px; + } + 90.19607843137254% { + background-position: -768px -640px; + } + 92.15686274509804% { + background-position: -896px -640px; + } + 94.11764705882352% { + background-position: -0px -768px; + } + 96.07843137254902% { + background-position: -128px -768px; + } + 98.0392156862745% { + background-position: -256px -768px; + } +} + +@keyframes animated-emoji-52 { + 0% { + background-position: -0px -0px; + } + 1.9230769230769231% { + background-position: -128px -0px; + } + 3.8461538461538463% { + background-position: -256px -0px; + } + 5.769230769230769% { + background-position: -384px -0px; + } + 7.6923076923076925% { + background-position: -512px -0px; + } + 9.615384615384615% { + background-position: -640px -0px; + } + 11.538461538461538% { + background-position: -768px -0px; + } + 13.461538461538462% { + background-position: -896px -0px; + } + 15.384615384615385% { + background-position: -0px -128px; + } + 17.307692307692307% { + background-position: -128px -128px; + } + 19.23076923076923% { + background-position: -256px -128px; + } + 21.153846153846153% { + background-position: -384px -128px; + } + 23.076923076923077% { + background-position: -512px -128px; + } + 25% { + background-position: -640px -128px; + } + 26.923076923076923% { + background-position: -768px -128px; + } + 28.846153846153847% { + background-position: -896px -128px; + } + 30.76923076923077% { + background-position: -0px -256px; + } + 32.69230769230769% { + background-position: -128px -256px; + } + 34.61538461538461% { + background-position: -256px -256px; + } + 36.53846153846154% { + background-position: -384px -256px; + } + 38.46153846153846% { + background-position: -512px -256px; + } + 40.38461538461539% { + background-position: -640px -256px; + } + 42.30769230769231% { + background-position: -768px -256px; + } + 44.23076923076923% { + background-position: -896px -256px; + } + 46.15384615384615% { + background-position: -0px -384px; + } + 48.07692307692308% { + background-position: -128px -384px; + } + 50% { + background-position: -256px -384px; + } + 51.92307692307693% { + background-position: -384px -384px; + } + 53.84615384615385% { + background-position: -512px -384px; + } + 55.769230769230774% { + background-position: -640px -384px; + } + 57.69230769230769% { + background-position: -768px -384px; + } + 59.61538461538462% { + background-position: -896px -384px; + } + 61.53846153846154% { + background-position: -0px -512px; + } + 63.46153846153846% { + background-position: -128px -512px; + } + 65.38461538461539% { + background-position: -256px -512px; + } + 67.3076923076923% { + background-position: -384px -512px; + } + 69.23076923076923% { + background-position: -512px -512px; + } + 71.15384615384616% { + background-position: -640px -512px; + } + 73.07692307692308% { + background-position: -768px -512px; + } + 75% { + background-position: -896px -512px; + } + 76.92307692307692% { + background-position: -0px -640px; + } + 78.84615384615385% { + background-position: -128px -640px; + } + 80.76923076923077% { + background-position: -256px -640px; + } + 82.6923076923077% { + background-position: -384px -640px; + } + 84.61538461538461% { + background-position: -512px -640px; + } + 86.53846153846155% { + background-position: -640px -640px; + } + 88.46153846153847% { + background-position: -768px -640px; + } + 90.38461538461539% { + background-position: -896px -640px; + } + 92.3076923076923% { + background-position: -0px -768px; + } + 94.23076923076923% { + background-position: -128px -768px; + } + 96.15384615384616% { + background-position: -256px -768px; + } + 98.07692307692308% { + background-position: -384px -768px; + } +} + +@keyframes animated-emoji-53 { + 0% { + background-position: -0px -0px; + } + 1.8867924528301887% { + background-position: -128px -0px; + } + 3.7735849056603774% { + background-position: -256px -0px; + } + 5.660377358490566% { + background-position: -384px -0px; + } + 7.547169811320755% { + background-position: -512px -0px; + } + 9.433962264150944% { + background-position: -640px -0px; + } + 11.320754716981131% { + background-position: -768px -0px; + } + 13.20754716981132% { + background-position: -896px -0px; + } + 15.09433962264151% { + background-position: -0px -128px; + } + 16.9811320754717% { + background-position: -128px -128px; + } + 18.867924528301888% { + background-position: -256px -128px; + } + 20.754716981132077% { + background-position: -384px -128px; + } + 22.641509433962263% { + background-position: -512px -128px; + } + 24.528301886792452% { + background-position: -640px -128px; + } + 26.41509433962264% { + background-position: -768px -128px; + } + 28.30188679245283% { + background-position: -896px -128px; + } + 30.18867924528302% { + background-position: -0px -256px; + } + 32.075471698113205% { + background-position: -128px -256px; + } + 33.9622641509434% { + background-position: -256px -256px; + } + 35.84905660377358% { + background-position: -384px -256px; + } + 37.735849056603776% { + background-position: -512px -256px; + } + 39.62264150943396% { + background-position: -640px -256px; + } + 41.509433962264154% { + background-position: -768px -256px; + } + 43.39622641509434% { + background-position: -896px -256px; + } + 45.283018867924525% { + background-position: -0px -384px; + } + 47.16981132075472% { + background-position: -128px -384px; + } + 49.056603773584904% { + background-position: -256px -384px; + } + 50.943396226415096% { + background-position: -384px -384px; + } + 52.83018867924528% { + background-position: -512px -384px; + } + 54.716981132075475% { + background-position: -640px -384px; + } + 56.60377358490566% { + background-position: -768px -384px; + } + 58.49056603773585% { + background-position: -896px -384px; + } + 60.37735849056604% { + background-position: -0px -512px; + } + 62.264150943396224% { + background-position: -128px -512px; + } + 64.15094339622641% { + background-position: -256px -512px; + } + 66.0377358490566% { + background-position: -384px -512px; + } + 67.9245283018868% { + background-position: -512px -512px; + } + 69.81132075471699% { + background-position: -640px -512px; + } + 71.69811320754717% { + background-position: -768px -512px; + } + 73.58490566037736% { + background-position: -896px -512px; + } + 75.47169811320755% { + background-position: -0px -640px; + } + 77.35849056603773% { + background-position: -128px -640px; + } + 79.24528301886792% { + background-position: -256px -640px; + } + 81.13207547169812% { + background-position: -384px -640px; + } + 83.01886792452831% { + background-position: -512px -640px; + } + 84.90566037735849% { + background-position: -640px -640px; + } + 86.79245283018868% { + background-position: -768px -640px; + } + 88.67924528301887% { + background-position: -896px -640px; + } + 90.56603773584905% { + background-position: -0px -768px; + } + 92.45283018867924% { + background-position: -128px -768px; + } + 94.33962264150944% { + background-position: -256px -768px; + } + 96.22641509433963% { + background-position: -384px -768px; + } + 98.11320754716981% { + background-position: -512px -768px; + } +} + +@keyframes animated-emoji-54 { + 0% { + background-position: -0px -0px; + } + 1.8518518518518519% { + background-position: -128px -0px; + } + 3.7037037037037037% { + background-position: -256px -0px; + } + 5.555555555555555% { + background-position: -384px -0px; + } + 7.407407407407407% { + background-position: -512px -0px; + } + 9.25925925925926% { + background-position: -640px -0px; + } + 11.11111111111111% { + background-position: -768px -0px; + } + 12.962962962962964% { + background-position: -896px -0px; + } + 14.814814814814815% { + background-position: -0px -128px; + } + 16.666666666666668% { + background-position: -128px -128px; + } + 18.51851851851852% { + background-position: -256px -128px; + } + 20.37037037037037% { + background-position: -384px -128px; + } + 22.22222222222222% { + background-position: -512px -128px; + } + 24.074074074074073% { + background-position: -640px -128px; + } + 25.925925925925927% { + background-position: -768px -128px; + } + 27.77777777777778% { + background-position: -896px -128px; + } + 29.62962962962963% { + background-position: -0px -256px; + } + 31.48148148148148% { + background-position: -128px -256px; + } + 33.333333333333336% { + background-position: -256px -256px; + } + 35.18518518518518% { + background-position: -384px -256px; + } + 37.03703703703704% { + background-position: -512px -256px; + } + 38.888888888888886% { + background-position: -640px -256px; + } + 40.74074074074074% { + background-position: -768px -256px; + } + 42.592592592592595% { + background-position: -896px -256px; + } + 44.44444444444444% { + background-position: -0px -384px; + } + 46.2962962962963% { + background-position: -128px -384px; + } + 48.148148148148145% { + background-position: -256px -384px; + } + 50% { + background-position: -384px -384px; + } + 51.851851851851855% { + background-position: -512px -384px; + } + 53.7037037037037% { + background-position: -640px -384px; + } + 55.55555555555556% { + background-position: -768px -384px; + } + 57.407407407407405% { + background-position: -896px -384px; + } + 59.25925925925926% { + background-position: -0px -512px; + } + 61.111111111111114% { + background-position: -128px -512px; + } + 62.96296296296296% { + background-position: -256px -512px; + } + 64.81481481481481% { + background-position: -384px -512px; + } + 66.66666666666667% { + background-position: -512px -512px; + } + 68.51851851851852% { + background-position: -640px -512px; + } + 70.37037037037037% { + background-position: -768px -512px; + } + 72.22222222222223% { + background-position: -896px -512px; + } + 74.07407407407408% { + background-position: -0px -640px; + } + 75.92592592592592% { + background-position: -128px -640px; + } + 77.77777777777777% { + background-position: -256px -640px; + } + 79.62962962962963% { + background-position: -384px -640px; + } + 81.48148148148148% { + background-position: -512px -640px; + } + 83.33333333333333% { + background-position: -640px -640px; + } + 85.18518518518519% { + background-position: -768px -640px; + } + 87.03703703703704% { + background-position: -896px -640px; + } + 88.88888888888889% { + background-position: -0px -768px; + } + 90.74074074074075% { + background-position: -128px -768px; + } + 92.5925925925926% { + background-position: -256px -768px; + } + 94.44444444444444% { + background-position: -384px -768px; + } + 96.29629629629629% { + background-position: -512px -768px; + } + 98.14814814814815% { + background-position: -640px -768px; + } +} + +@keyframes animated-emoji-55 { + 0% { + background-position: -0px -0px; + } + 1.8181818181818181% { + background-position: -128px -0px; + } + 3.6363636363636362% { + background-position: -256px -0px; + } + 5.454545454545454% { + background-position: -384px -0px; + } + 7.2727272727272725% { + background-position: -512px -0px; + } + 9.09090909090909% { + background-position: -640px -0px; + } + 10.909090909090908% { + background-position: -768px -0px; + } + 12.727272727272727% { + background-position: -896px -0px; + } + 14.545454545454545% { + background-position: -0px -128px; + } + 16.363636363636363% { + background-position: -128px -128px; + } + 18.18181818181818% { + background-position: -256px -128px; + } + 20% { + background-position: -384px -128px; + } + 21.818181818181817% { + background-position: -512px -128px; + } + 23.636363636363637% { + background-position: -640px -128px; + } + 25.454545454545453% { + background-position: -768px -128px; + } + 27.272727272727273% { + background-position: -896px -128px; + } + 29.09090909090909% { + background-position: -0px -256px; + } + 30.909090909090907% { + background-position: -128px -256px; + } + 32.72727272727273% { + background-position: -256px -256px; + } + 34.54545454545455% { + background-position: -384px -256px; + } + 36.36363636363636% { + background-position: -512px -256px; + } + 38.18181818181818% { + background-position: -640px -256px; + } + 40% { + background-position: -768px -256px; + } + 41.81818181818182% { + background-position: -896px -256px; + } + 43.63636363636363% { + background-position: -0px -384px; + } + 45.45454545454545% { + background-position: -128px -384px; + } + 47.27272727272727% { + background-position: -256px -384px; + } + 49.090909090909086% { + background-position: -384px -384px; + } + 50.90909090909091% { + background-position: -512px -384px; + } + 52.72727272727273% { + background-position: -640px -384px; + } + 54.54545454545455% { + background-position: -768px -384px; + } + 56.36363636363636% { + background-position: -896px -384px; + } + 58.18181818181818% { + background-position: -0px -512px; + } + 60% { + background-position: -128px -512px; + } + 61.81818181818181% { + background-position: -256px -512px; + } + 63.63636363636363% { + background-position: -384px -512px; + } + 65.45454545454545% { + background-position: -512px -512px; + } + 67.27272727272727% { + background-position: -640px -512px; + } + 69.0909090909091% { + background-position: -768px -512px; + } + 70.9090909090909% { + background-position: -896px -512px; + } + 72.72727272727272% { + background-position: -0px -640px; + } + 74.54545454545455% { + background-position: -128px -640px; + } + 76.36363636363636% { + background-position: -256px -640px; + } + 78.18181818181817% { + background-position: -384px -640px; + } + 80% { + background-position: -512px -640px; + } + 81.81818181818181% { + background-position: -640px -640px; + } + 83.63636363636364% { + background-position: -768px -640px; + } + 85.45454545454545% { + background-position: -896px -640px; + } + 87.27272727272727% { + background-position: -0px -768px; + } + 89.0909090909091% { + background-position: -128px -768px; + } + 90.9090909090909% { + background-position: -256px -768px; + } + 92.72727272727272% { + background-position: -384px -768px; + } + 94.54545454545455% { + background-position: -512px -768px; + } + 96.36363636363636% { + background-position: -640px -768px; + } + 98.18181818181817% { + background-position: -768px -768px; + } +} + +@keyframes animated-emoji-56 { + 0% { + background-position: -0px -0px; + } + 1.7857142857142858% { + background-position: -128px -0px; + } + 3.5714285714285716% { + background-position: -256px -0px; + } + 5.357142857142858% { + background-position: -384px -0px; + } + 7.142857142857143% { + background-position: -512px -0px; + } + 8.928571428571429% { + background-position: -640px -0px; + } + 10.714285714285715% { + background-position: -768px -0px; + } + 12.5% { + background-position: -896px -0px; + } + 14.285714285714286% { + background-position: -0px -128px; + } + 16.071428571428573% { + background-position: -128px -128px; + } + 17.857142857142858% { + background-position: -256px -128px; + } + 19.642857142857142% { + background-position: -384px -128px; + } + 21.42857142857143% { + background-position: -512px -128px; + } + 23.214285714285715% { + background-position: -640px -128px; + } + 25% { + background-position: -768px -128px; + } + 26.78571428571429% { + background-position: -896px -128px; + } + 28.571428571428573% { + background-position: -0px -256px; + } + 30.357142857142858% { + background-position: -128px -256px; + } + 32.142857142857146% { + background-position: -256px -256px; + } + 33.92857142857143% { + background-position: -384px -256px; + } + 35.714285714285715% { + background-position: -512px -256px; + } + 37.5% { + background-position: -640px -256px; + } + 39.285714285714285% { + background-position: -768px -256px; + } + 41.07142857142858% { + background-position: -896px -256px; + } + 42.85714285714286% { + background-position: -0px -384px; + } + 44.642857142857146% { + background-position: -128px -384px; + } + 46.42857142857143% { + background-position: -256px -384px; + } + 48.214285714285715% { + background-position: -384px -384px; + } + 50% { + background-position: -512px -384px; + } + 51.78571428571429% { + background-position: -640px -384px; + } + 53.57142857142858% { + background-position: -768px -384px; + } + 55.35714285714286% { + background-position: -896px -384px; + } + 57.142857142857146% { + background-position: -0px -512px; + } + 58.92857142857143% { + background-position: -128px -512px; + } + 60.714285714285715% { + background-position: -256px -512px; + } + 62.5% { + background-position: -384px -512px; + } + 64.28571428571429% { + background-position: -512px -512px; + } + 66.07142857142857% { + background-position: -640px -512px; + } + 67.85714285714286% { + background-position: -768px -512px; + } + 69.64285714285715% { + background-position: -896px -512px; + } + 71.42857142857143% { + background-position: -0px -640px; + } + 73.21428571428572% { + background-position: -128px -640px; + } + 75% { + background-position: -256px -640px; + } + 76.78571428571429% { + background-position: -384px -640px; + } + 78.57142857142857% { + background-position: -512px -640px; + } + 80.35714285714286% { + background-position: -640px -640px; + } + 82.14285714285715% { + background-position: -768px -640px; + } + 83.92857142857143% { + background-position: -896px -640px; + } + 85.71428571428572% { + background-position: -0px -768px; + } + 87.5% { + background-position: -128px -768px; + } + 89.28571428571429% { + background-position: -256px -768px; + } + 91.07142857142857% { + background-position: -384px -768px; + } + 92.85714285714286% { + background-position: -512px -768px; + } + 94.64285714285715% { + background-position: -640px -768px; + } + 96.42857142857143% { + background-position: -768px -768px; + } + 98.21428571428572% { + background-position: -896px -768px; + } +} + +@keyframes animated-emoji-57 { + 0% { + background-position: -0px -0px; + } + 1.7543859649122806% { + background-position: -128px -0px; + } + 3.508771929824561% { + background-position: -256px -0px; + } + 5.263157894736842% { + background-position: -384px -0px; + } + 7.017543859649122% { + background-position: -512px -0px; + } + 8.771929824561402% { + background-position: -640px -0px; + } + 10.526315789473683% { + background-position: -768px -0px; + } + 12.280701754385964% { + background-position: -896px -0px; + } + 14.035087719298245% { + background-position: -0px -128px; + } + 15.789473684210526% { + background-position: -128px -128px; + } + 17.543859649122805% { + background-position: -256px -128px; + } + 19.298245614035086% { + background-position: -384px -128px; + } + 21.052631578947366% { + background-position: -512px -128px; + } + 22.807017543859647% { + background-position: -640px -128px; + } + 24.561403508771928% { + background-position: -768px -128px; + } + 26.31578947368421% { + background-position: -896px -128px; + } + 28.07017543859649% { + background-position: -0px -256px; + } + 29.82456140350877% { + background-position: -128px -256px; + } + 31.57894736842105% { + background-position: -256px -256px; + } + 33.33333333333333% { + background-position: -384px -256px; + } + 35.08771929824561% { + background-position: -512px -256px; + } + 36.84210526315789% { + background-position: -640px -256px; + } + 38.59649122807017% { + background-position: -768px -256px; + } + 40.35087719298245% { + background-position: -896px -256px; + } + 42.10526315789473% { + background-position: -0px -384px; + } + 43.859649122807014% { + background-position: -128px -384px; + } + 45.614035087719294% { + background-position: -256px -384px; + } + 47.368421052631575% { + background-position: -384px -384px; + } + 49.122807017543856% { + background-position: -512px -384px; + } + 50.87719298245614% { + background-position: -640px -384px; + } + 52.63157894736842% { + background-position: -768px -384px; + } + 54.3859649122807% { + background-position: -896px -384px; + } + 56.14035087719298% { + background-position: -0px -512px; + } + 57.89473684210526% { + background-position: -128px -512px; + } + 59.64912280701754% { + background-position: -256px -512px; + } + 61.40350877192982% { + background-position: -384px -512px; + } + 63.1578947368421% { + background-position: -512px -512px; + } + 64.91228070175438% { + background-position: -640px -512px; + } + 66.66666666666666% { + background-position: -768px -512px; + } + 68.42105263157895% { + background-position: -896px -512px; + } + 70.17543859649122% { + background-position: -0px -640px; + } + 71.9298245614035% { + background-position: -128px -640px; + } + 73.68421052631578% { + background-position: -256px -640px; + } + 75.43859649122807% { + background-position: -384px -640px; + } + 77.19298245614034% { + background-position: -512px -640px; + } + 78.94736842105263% { + background-position: -640px -640px; + } + 80.7017543859649% { + background-position: -768px -640px; + } + 82.45614035087719% { + background-position: -896px -640px; + } + 84.21052631578947% { + background-position: -0px -768px; + } + 85.96491228070175% { + background-position: -128px -768px; + } + 87.71929824561403% { + background-position: -256px -768px; + } + 89.47368421052632% { + background-position: -384px -768px; + } + 91.22807017543859% { + background-position: -512px -768px; + } + 92.98245614035088% { + background-position: -640px -768px; + } + 94.73684210526315% { + background-position: -768px -768px; + } + 96.49122807017544% { + background-position: -896px -768px; + } + 98.24561403508771% { + background-position: -0px -896px; + } +} + +@keyframes animated-emoji-58 { + 0% { + background-position: -0px -0px; + } + 1.7241379310344827% { + background-position: -128px -0px; + } + 3.4482758620689653% { + background-position: -256px -0px; + } + 5.172413793103448% { + background-position: -384px -0px; + } + 6.896551724137931% { + background-position: -512px -0px; + } + 8.620689655172413% { + background-position: -640px -0px; + } + 10.344827586206897% { + background-position: -768px -0px; + } + 12.068965517241379% { + background-position: -896px -0px; + } + 13.793103448275861% { + background-position: -0px -128px; + } + 15.517241379310343% { + background-position: -128px -128px; + } + 17.241379310344826% { + background-position: -256px -128px; + } + 18.96551724137931% { + background-position: -384px -128px; + } + 20.689655172413794% { + background-position: -512px -128px; + } + 22.413793103448274% { + background-position: -640px -128px; + } + 24.137931034482758% { + background-position: -768px -128px; + } + 25.86206896551724% { + background-position: -896px -128px; + } + 27.586206896551722% { + background-position: -0px -256px; + } + 29.310344827586206% { + background-position: -128px -256px; + } + 31.034482758620687% { + background-position: -256px -256px; + } + 32.75862068965517% { + background-position: -384px -256px; + } + 34.48275862068965% { + background-position: -512px -256px; + } + 36.206896551724135% { + background-position: -640px -256px; + } + 37.93103448275862% { + background-position: -768px -256px; + } + 39.6551724137931% { + background-position: -896px -256px; + } + 41.37931034482759% { + background-position: -0px -384px; + } + 43.103448275862064% { + background-position: -128px -384px; + } + 44.82758620689655% { + background-position: -256px -384px; + } + 46.55172413793103% { + background-position: -384px -384px; + } + 48.275862068965516% { + background-position: -512px -384px; + } + 50% { + background-position: -640px -384px; + } + 51.72413793103448% { + background-position: -768px -384px; + } + 53.44827586206896% { + background-position: -896px -384px; + } + 55.172413793103445% { + background-position: -0px -512px; + } + 56.89655172413793% { + background-position: -128px -512px; + } + 58.62068965517241% { + background-position: -256px -512px; + } + 60.34482758620689% { + background-position: -384px -512px; + } + 62.068965517241374% { + background-position: -512px -512px; + } + 63.79310344827586% { + background-position: -640px -512px; + } + 65.51724137931033% { + background-position: -768px -512px; + } + 67.24137931034483% { + background-position: -896px -512px; + } + 68.9655172413793% { + background-position: -0px -640px; + } + 70.6896551724138% { + background-position: -128px -640px; + } + 72.41379310344827% { + background-position: -256px -640px; + } + 74.13793103448275% { + background-position: -384px -640px; + } + 75.86206896551724% { + background-position: -512px -640px; + } + 77.58620689655172% { + background-position: -640px -640px; + } + 79.3103448275862% { + background-position: -768px -640px; + } + 81.03448275862068% { + background-position: -896px -640px; + } + 82.75862068965517% { + background-position: -0px -768px; + } + 84.48275862068965% { + background-position: -128px -768px; + } + 86.20689655172413% { + background-position: -256px -768px; + } + 87.93103448275862% { + background-position: -384px -768px; + } + 89.6551724137931% { + background-position: -512px -768px; + } + 91.37931034482759% { + background-position: -640px -768px; + } + 93.10344827586206% { + background-position: -768px -768px; + } + 94.82758620689654% { + background-position: -896px -768px; + } + 96.55172413793103% { + background-position: -0px -896px; + } + 98.27586206896551% { + background-position: -128px -896px; + } +} + +@keyframes animated-emoji-59 { + 0% { + background-position: -0px -0px; + } + 1.694915254237288% { + background-position: -128px -0px; + } + 3.389830508474576% { + background-position: -256px -0px; + } + 5.084745762711864% { + background-position: -384px -0px; + } + 6.779661016949152% { + background-position: -512px -0px; + } + 8.47457627118644% { + background-position: -640px -0px; + } + 10.169491525423728% { + background-position: -768px -0px; + } + 11.864406779661017% { + background-position: -896px -0px; + } + 13.559322033898304% { + background-position: -0px -128px; + } + 15.254237288135592% { + background-position: -128px -128px; + } + 16.94915254237288% { + background-position: -256px -128px; + } + 18.64406779661017% { + background-position: -384px -128px; + } + 20.338983050847457% { + background-position: -512px -128px; + } + 22.033898305084744% { + background-position: -640px -128px; + } + 23.728813559322035% { + background-position: -768px -128px; + } + 25.423728813559322% { + background-position: -896px -128px; + } + 27.11864406779661% { + background-position: -0px -256px; + } + 28.813559322033896% { + background-position: -128px -256px; + } + 30.508474576271183% { + background-position: -256px -256px; + } + 32.20338983050847% { + background-position: -384px -256px; + } + 33.89830508474576% { + background-position: -512px -256px; + } + 35.59322033898305% { + background-position: -640px -256px; + } + 37.28813559322034% { + background-position: -768px -256px; + } + 38.983050847457626% { + background-position: -896px -256px; + } + 40.67796610169491% { + background-position: -0px -384px; + } + 42.3728813559322% { + background-position: -128px -384px; + } + 44.06779661016949% { + background-position: -256px -384px; + } + 45.762711864406775% { + background-position: -384px -384px; + } + 47.45762711864407% { + background-position: -512px -384px; + } + 49.152542372881356% { + background-position: -640px -384px; + } + 50.847457627118644% { + background-position: -768px -384px; + } + 52.54237288135593% { + background-position: -896px -384px; + } + 54.23728813559322% { + background-position: -0px -512px; + } + 55.932203389830505% { + background-position: -128px -512px; + } + 57.62711864406779% { + background-position: -256px -512px; + } + 59.32203389830508% { + background-position: -384px -512px; + } + 61.01694915254237% { + background-position: -512px -512px; + } + 62.71186440677966% { + background-position: -640px -512px; + } + 64.40677966101694% { + background-position: -768px -512px; + } + 66.10169491525423% { + background-position: -896px -512px; + } + 67.79661016949152% { + background-position: -0px -640px; + } + 69.49152542372882% { + background-position: -128px -640px; + } + 71.1864406779661% { + background-position: -256px -640px; + } + 72.88135593220339% { + background-position: -384px -640px; + } + 74.57627118644068% { + background-position: -512px -640px; + } + 76.27118644067797% { + background-position: -640px -640px; + } + 77.96610169491525% { + background-position: -768px -640px; + } + 79.66101694915254% { + background-position: -896px -640px; + } + 81.35593220338983% { + background-position: -0px -768px; + } + 83.05084745762711% { + background-position: -128px -768px; + } + 84.7457627118644% { + background-position: -256px -768px; + } + 86.44067796610169% { + background-position: -384px -768px; + } + 88.13559322033898% { + background-position: -512px -768px; + } + 89.83050847457626% { + background-position: -640px -768px; + } + 91.52542372881355% { + background-position: -768px -768px; + } + 93.22033898305084% { + background-position: -896px -768px; + } + 94.91525423728814% { + background-position: -0px -896px; + } + 96.61016949152543% { + background-position: -128px -896px; + } + 98.30508474576271% { + background-position: -256px -896px; + } +} + +@keyframes animated-emoji-60 { + 0% { + background-position: -0px -0px; + } + 1.6666666666666667% { + background-position: -128px -0px; + } + 3.3333333333333335% { + background-position: -256px -0px; + } + 5% { + background-position: -384px -0px; + } + 6.666666666666667% { + background-position: -512px -0px; + } + 8.333333333333334% { + background-position: -640px -0px; + } + 10% { + background-position: -768px -0px; + } + 11.666666666666668% { + background-position: -896px -0px; + } + 13.333333333333334% { + background-position: -0px -128px; + } + 15% { + background-position: -128px -128px; + } + 16.666666666666668% { + background-position: -256px -128px; + } + 18.333333333333336% { + background-position: -384px -128px; + } + 20% { + background-position: -512px -128px; + } + 21.666666666666668% { + background-position: -640px -128px; + } + 23.333333333333336% { + background-position: -768px -128px; + } + 25% { + background-position: -896px -128px; + } + 26.666666666666668% { + background-position: -0px -256px; + } + 28.333333333333336% { + background-position: -128px -256px; + } + 30% { + background-position: -256px -256px; + } + 31.666666666666668% { + background-position: -384px -256px; + } + 33.333333333333336% { + background-position: -512px -256px; + } + 35% { + background-position: -640px -256px; + } + 36.66666666666667% { + background-position: -768px -256px; + } + 38.333333333333336% { + background-position: -896px -256px; + } + 40% { + background-position: -0px -384px; + } + 41.66666666666667% { + background-position: -128px -384px; + } + 43.333333333333336% { + background-position: -256px -384px; + } + 45% { + background-position: -384px -384px; + } + 46.66666666666667% { + background-position: -512px -384px; + } + 48.333333333333336% { + background-position: -640px -384px; + } + 50% { + background-position: -768px -384px; + } + 51.66666666666667% { + background-position: -896px -384px; + } + 53.333333333333336% { + background-position: -0px -512px; + } + 55% { + background-position: -128px -512px; + } + 56.66666666666667% { + background-position: -256px -512px; + } + 58.333333333333336% { + background-position: -384px -512px; + } + 60% { + background-position: -512px -512px; + } + 61.66666666666667% { + background-position: -640px -512px; + } + 63.333333333333336% { + background-position: -768px -512px; + } + 65% { + background-position: -896px -512px; + } + 66.66666666666667% { + background-position: -0px -640px; + } + 68.33333333333334% { + background-position: -128px -640px; + } + 70% { + background-position: -256px -640px; + } + 71.66666666666667% { + background-position: -384px -640px; + } + 73.33333333333334% { + background-position: -512px -640px; + } + 75% { + background-position: -640px -640px; + } + 76.66666666666667% { + background-position: -768px -640px; + } + 78.33333333333334% { + background-position: -896px -640px; + } + 80% { + background-position: -0px -768px; + } + 81.66666666666667% { + background-position: -128px -768px; + } + 83.33333333333334% { + background-position: -256px -768px; + } + 85% { + background-position: -384px -768px; + } + 86.66666666666667% { + background-position: -512px -768px; + } + 88.33333333333334% { + background-position: -640px -768px; + } + 90% { + background-position: -768px -768px; + } + 91.66666666666667% { + background-position: -896px -768px; + } + 93.33333333333334% { + background-position: -0px -896px; + } + 95% { + background-position: -128px -896px; + } + 96.66666666666667% { + background-position: -256px -896px; + } + 98.33333333333334% { + background-position: -384px -896px; + } +} + +@keyframes animated-emoji-61 { + 0% { + background-position: -0px -0px; + } + 1.639344262295082% { + background-position: -128px -0px; + } + 3.278688524590164% { + background-position: -256px -0px; + } + 4.918032786885246% { + background-position: -384px -0px; + } + 6.557377049180328% { + background-position: -512px -0px; + } + 8.196721311475411% { + background-position: -640px -0px; + } + 9.836065573770492% { + background-position: -768px -0px; + } + 11.475409836065573% { + background-position: -896px -0px; + } + 13.114754098360656% { + background-position: -0px -128px; + } + 14.754098360655739% { + background-position: -128px -128px; + } + 16.393442622950822% { + background-position: -256px -128px; + } + 18.0327868852459% { + background-position: -384px -128px; + } + 19.672131147540984% { + background-position: -512px -128px; + } + 21.311475409836067% { + background-position: -640px -128px; + } + 22.950819672131146% { + background-position: -768px -128px; + } + 24.59016393442623% { + background-position: -896px -128px; + } + 26.229508196721312% { + background-position: -0px -256px; + } + 27.868852459016395% { + background-position: -128px -256px; + } + 29.508196721311478% { + background-position: -256px -256px; + } + 31.147540983606557% { + background-position: -384px -256px; + } + 32.786885245901644% { + background-position: -512px -256px; + } + 34.42622950819672% { + background-position: -640px -256px; + } + 36.0655737704918% { + background-position: -768px -256px; + } + 37.704918032786885% { + background-position: -896px -256px; + } + 39.34426229508197% { + background-position: -0px -384px; + } + 40.98360655737705% { + background-position: -128px -384px; + } + 42.622950819672134% { + background-position: -256px -384px; + } + 44.26229508196722% { + background-position: -384px -384px; + } + 45.90163934426229% { + background-position: -512px -384px; + } + 47.540983606557376% { + background-position: -640px -384px; + } + 49.18032786885246% { + background-position: -768px -384px; + } + 50.81967213114754% { + background-position: -896px -384px; + } + 52.459016393442624% { + background-position: -0px -512px; + } + 54.09836065573771% { + background-position: -128px -512px; + } + 55.73770491803279% { + background-position: -256px -512px; + } + 57.37704918032787% { + background-position: -384px -512px; + } + 59.016393442622956% { + background-position: -512px -512px; + } + 60.65573770491803% { + background-position: -640px -512px; + } + 62.295081967213115% { + background-position: -768px -512px; + } + 63.9344262295082% { + background-position: -896px -512px; + } + 65.57377049180329% { + background-position: -0px -640px; + } + 67.21311475409836% { + background-position: -128px -640px; + } + 68.85245901639344% { + background-position: -256px -640px; + } + 70.49180327868852% { + background-position: -384px -640px; + } + 72.1311475409836% { + background-position: -512px -640px; + } + 73.77049180327869% { + background-position: -640px -640px; + } + 75.40983606557377% { + background-position: -768px -640px; + } + 77.04918032786885% { + background-position: -896px -640px; + } + 78.68852459016394% { + background-position: -0px -768px; + } + 80.32786885245902% { + background-position: -128px -768px; + } + 81.9672131147541% { + background-position: -256px -768px; + } + 83.60655737704919% { + background-position: -384px -768px; + } + 85.24590163934427% { + background-position: -512px -768px; + } + 86.88524590163935% { + background-position: -640px -768px; + } + 88.52459016393443% { + background-position: -768px -768px; + } + 90.16393442622952% { + background-position: -896px -768px; + } + 91.80327868852459% { + background-position: -0px -896px; + } + 93.44262295081967% { + background-position: -128px -896px; + } + 95.08196721311475% { + background-position: -256px -896px; + } + 96.72131147540983% { + background-position: -384px -896px; + } + 98.36065573770492% { + background-position: -512px -896px; + } +} + +@keyframes animated-emoji-62 { + 0% { + background-position: -0px -0px; + } + 1.6129032258064515% { + background-position: -128px -0px; + } + 3.225806451612903% { + background-position: -256px -0px; + } + 4.838709677419354% { + background-position: -384px -0px; + } + 6.451612903225806% { + background-position: -512px -0px; + } + 8.064516129032258% { + background-position: -640px -0px; + } + 9.677419354838708% { + background-position: -768px -0px; + } + 11.29032258064516% { + background-position: -896px -0px; + } + 12.903225806451612% { + background-position: -0px -128px; + } + 14.516129032258064% { + background-position: -128px -128px; + } + 16.129032258064516% { + background-position: -256px -128px; + } + 17.741935483870968% { + background-position: -384px -128px; + } + 19.354838709677416% { + background-position: -512px -128px; + } + 20.96774193548387% { + background-position: -640px -128px; + } + 22.58064516129032% { + background-position: -768px -128px; + } + 24.193548387096772% { + background-position: -896px -128px; + } + 25.806451612903224% { + background-position: -0px -256px; + } + 27.419354838709676% { + background-position: -128px -256px; + } + 29.032258064516128% { + background-position: -256px -256px; + } + 30.64516129032258% { + background-position: -384px -256px; + } + 32.25806451612903% { + background-position: -512px -256px; + } + 33.87096774193548% { + background-position: -640px -256px; + } + 35.483870967741936% { + background-position: -768px -256px; + } + 37.096774193548384% { + background-position: -896px -256px; + } + 38.70967741935483% { + background-position: -0px -384px; + } + 40.32258064516129% { + background-position: -128px -384px; + } + 41.93548387096774% { + background-position: -256px -384px; + } + 43.54838709677419% { + background-position: -384px -384px; + } + 45.16129032258064% { + background-position: -512px -384px; + } + 46.774193548387096% { + background-position: -640px -384px; + } + 48.387096774193544% { + background-position: -768px -384px; + } + 50% { + background-position: -896px -384px; + } + 51.61290322580645% { + background-position: -0px -512px; + } + 53.2258064516129% { + background-position: -128px -512px; + } + 54.83870967741935% { + background-position: -256px -512px; + } + 56.4516129032258% { + background-position: -384px -512px; + } + 58.064516129032256% { + background-position: -512px -512px; + } + 59.677419354838705% { + background-position: -640px -512px; + } + 61.29032258064516% { + background-position: -768px -512px; + } + 62.90322580645161% { + background-position: -896px -512px; + } + 64.51612903225806% { + background-position: -0px -640px; + } + 66.12903225806451% { + background-position: -128px -640px; + } + 67.74193548387096% { + background-position: -256px -640px; + } + 69.35483870967741% { + background-position: -384px -640px; + } + 70.96774193548387% { + background-position: -512px -640px; + } + 72.58064516129032% { + background-position: -640px -640px; + } + 74.19354838709677% { + background-position: -768px -640px; + } + 75.80645161290322% { + background-position: -896px -640px; + } + 77.41935483870967% { + background-position: -0px -768px; + } + 79.03225806451613% { + background-position: -128px -768px; + } + 80.64516129032258% { + background-position: -256px -768px; + } + 82.25806451612902% { + background-position: -384px -768px; + } + 83.87096774193547% { + background-position: -512px -768px; + } + 85.48387096774194% { + background-position: -640px -768px; + } + 87.09677419354838% { + background-position: -768px -768px; + } + 88.70967741935483% { + background-position: -896px -768px; + } + 90.32258064516128% { + background-position: -0px -896px; + } + 91.93548387096773% { + background-position: -128px -896px; + } + 93.54838709677419% { + background-position: -256px -896px; + } + 95.16129032258064% { + background-position: -384px -896px; + } + 96.77419354838709% { + background-position: -512px -896px; + } + 98.38709677419354% { + background-position: -640px -896px; + } +} + +@keyframes animated-emoji-63 { + 0% { + background-position: -0px -0px; + } + 1.5873015873015872% { + background-position: -128px -0px; + } + 3.1746031746031744% { + background-position: -256px -0px; + } + 4.761904761904762% { + background-position: -384px -0px; + } + 6.349206349206349% { + background-position: -512px -0px; + } + 7.936507936507936% { + background-position: -640px -0px; + } + 9.523809523809524% { + background-position: -768px -0px; + } + 11.11111111111111% { + background-position: -896px -0px; + } + 12.698412698412698% { + background-position: -0px -128px; + } + 14.285714285714285% { + background-position: -128px -128px; + } + 15.873015873015872% { + background-position: -256px -128px; + } + 17.46031746031746% { + background-position: -384px -128px; + } + 19.047619047619047% { + background-position: -512px -128px; + } + 20.634920634920633% { + background-position: -640px -128px; + } + 22.22222222222222% { + background-position: -768px -128px; + } + 23.809523809523807% { + background-position: -896px -128px; + } + 25.396825396825395% { + background-position: -0px -256px; + } + 26.984126984126984% { + background-position: -128px -256px; + } + 28.57142857142857% { + background-position: -256px -256px; + } + 30.158730158730158% { + background-position: -384px -256px; + } + 31.746031746031743% { + background-position: -512px -256px; + } + 33.33333333333333% { + background-position: -640px -256px; + } + 34.92063492063492% { + background-position: -768px -256px; + } + 36.507936507936506% { + background-position: -896px -256px; + } + 38.095238095238095% { + background-position: -0px -384px; + } + 39.682539682539684% { + background-position: -128px -384px; + } + 41.269841269841265% { + background-position: -256px -384px; + } + 42.857142857142854% { + background-position: -384px -384px; + } + 44.44444444444444% { + background-position: -512px -384px; + } + 46.03174603174603% { + background-position: -640px -384px; + } + 47.61904761904761% { + background-position: -768px -384px; + } + 49.2063492063492% { + background-position: -896px -384px; + } + 50.79365079365079% { + background-position: -0px -512px; + } + 52.38095238095238% { + background-position: -128px -512px; + } + 53.96825396825397% { + background-position: -256px -512px; + } + 55.55555555555555% { + background-position: -384px -512px; + } + 57.14285714285714% { + background-position: -512px -512px; + } + 58.73015873015873% { + background-position: -640px -512px; + } + 60.317460317460316% { + background-position: -768px -512px; + } + 61.9047619047619% { + background-position: -896px -512px; + } + 63.49206349206349% { + background-position: -0px -640px; + } + 65.07936507936508% { + background-position: -128px -640px; + } + 66.66666666666666% { + background-position: -256px -640px; + } + 68.25396825396825% { + background-position: -384px -640px; + } + 69.84126984126983% { + background-position: -512px -640px; + } + 71.42857142857143% { + background-position: -640px -640px; + } + 73.01587301587301% { + background-position: -768px -640px; + } + 74.6031746031746% { + background-position: -896px -640px; + } + 76.19047619047619% { + background-position: -0px -768px; + } + 77.77777777777777% { + background-position: -128px -768px; + } + 79.36507936507937% { + background-position: -256px -768px; + } + 80.95238095238095% { + background-position: -384px -768px; + } + 82.53968253968253% { + background-position: -512px -768px; + } + 84.12698412698413% { + background-position: -640px -768px; + } + 85.71428571428571% { + background-position: -768px -768px; + } + 87.30158730158729% { + background-position: -896px -768px; + } + 88.88888888888889% { + background-position: -0px -896px; + } + 90.47619047619047% { + background-position: -128px -896px; + } + 92.06349206349206% { + background-position: -256px -896px; + } + 93.65079365079364% { + background-position: -384px -896px; + } + 95.23809523809523% { + background-position: -512px -896px; + } + 96.82539682539682% { + background-position: -640px -896px; + } + 98.4126984126984% { + background-position: -768px -896px; + } +} + +@keyframes animated-emoji-64 { + 0% { + background-position: -0px -0px; + } + 1.5625% { + background-position: -128px -0px; + } + 3.125% { + background-position: -256px -0px; + } + 4.6875% { + background-position: -384px -0px; + } + 6.25% { + background-position: -512px -0px; + } + 7.8125% { + background-position: -640px -0px; + } + 9.375% { + background-position: -768px -0px; + } + 10.9375% { + background-position: -896px -0px; + } + 12.5% { + background-position: -0px -128px; + } + 14.0625% { + background-position: -128px -128px; + } + 15.625% { + background-position: -256px -128px; + } + 17.1875% { + background-position: -384px -128px; + } + 18.75% { + background-position: -512px -128px; + } + 20.3125% { + background-position: -640px -128px; + } + 21.875% { + background-position: -768px -128px; + } + 23.4375% { + background-position: -896px -128px; + } + 25% { + background-position: -0px -256px; + } + 26.5625% { + background-position: -128px -256px; + } + 28.125% { + background-position: -256px -256px; + } + 29.6875% { + background-position: -384px -256px; + } + 31.25% { + background-position: -512px -256px; + } + 32.8125% { + background-position: -640px -256px; + } + 34.375% { + background-position: -768px -256px; + } + 35.9375% { + background-position: -896px -256px; + } + 37.5% { + background-position: -0px -384px; + } + 39.0625% { + background-position: -128px -384px; + } + 40.625% { + background-position: -256px -384px; + } + 42.1875% { + background-position: -384px -384px; + } + 43.75% { + background-position: -512px -384px; + } + 45.3125% { + background-position: -640px -384px; + } + 46.875% { + background-position: -768px -384px; + } + 48.4375% { + background-position: -896px -384px; + } + 50% { + background-position: -0px -512px; + } + 51.5625% { + background-position: -128px -512px; + } + 53.125% { + background-position: -256px -512px; + } + 54.6875% { + background-position: -384px -512px; + } + 56.25% { + background-position: -512px -512px; + } + 57.8125% { + background-position: -640px -512px; + } + 59.375% { + background-position: -768px -512px; + } + 60.9375% { + background-position: -896px -512px; + } + 62.5% { + background-position: -0px -640px; + } + 64.0625% { + background-position: -128px -640px; + } + 65.625% { + background-position: -256px -640px; + } + 67.1875% { + background-position: -384px -640px; + } + 68.75% { + background-position: -512px -640px; + } + 70.3125% { + background-position: -640px -640px; + } + 71.875% { + background-position: -768px -640px; + } + 73.4375% { + background-position: -896px -640px; + } + 75% { + background-position: -0px -768px; + } + 76.5625% { + background-position: -128px -768px; + } + 78.125% { + background-position: -256px -768px; + } + 79.6875% { + background-position: -384px -768px; + } + 81.25% { + background-position: -512px -768px; + } + 82.8125% { + background-position: -640px -768px; + } + 84.375% { + background-position: -768px -768px; + } + 85.9375% { + background-position: -896px -768px; + } + 87.5% { + background-position: -0px -896px; + } + 89.0625% { + background-position: -128px -896px; + } + 90.625% { + background-position: -256px -896px; + } + 92.1875% { + background-position: -384px -896px; + } + 93.75% { + background-position: -512px -896px; + } + 95.3125% { + background-position: -640px -896px; + } + 96.875% { + background-position: -768px -896px; + } + 98.4375% { + background-position: -896px -896px; + } +} diff --git a/html/src/app.js b/html/src/app.js index f939d7f2..ccd46cf7 100644 --- a/html/src/app.js +++ b/html/src/app.js @@ -25173,6 +25173,31 @@ speechSynthesis.getVoices(); ZZZ: 'Preview_B2-ZZZ.gif' }; + $app.methods.generateEmojiStyle = function ( + url, + fps, + frameCount, + animationStyle + ) { + let framesPerLine = 2; + if (frameCount > 4) framesPerLine = 4; + if (frameCount > 16) framesPerLine = 8; + const animationDurationMs = (1000 / fps) * frameCount; + const frameSize = 1024 / framesPerLine; + const scale = 100 / (frameSize / 200); + const animStyle = + animationStyle === 'pingpong' ? 'alternate' : 'infinite'; + const style = ` + transform: scale(${scale / 100}); + transform-origin: top left; + width: ${frameSize}px; + height: ${frameSize}px; + background: url('${url}') 0 0; + animation: ${animationDurationMs}ms steps(1) 0s ${animStyle} normal none running animated-emoji-${frameCount}; + `; + return style; + }; + // #endregion // #region Misc diff --git a/html/src/index.pug b/html/src/index.pug index afd91b9c..b41bccb7 100644 --- a/html/src/index.pug +++ b/html/src/index.pug @@ -10,6 +10,7 @@ html link(rel="preconnect" href="https://d348imysud55la.cloudfront.net") link(rel="stylesheet" href="app.css") link(rel="stylesheet" href="flags.css") + link(rel="stylesheet" href="animated-emoji.css") body .x-app#x-app(style="display:none" @dragenter.prevent @dragover.prevent @drop.prevent) //- login @@ -2501,8 +2502,11 @@ html span {{ $t('dialog.gallery_icons.flipbook_info') }} br .x-friend-item(v-if="image.versions && image.versions.length > 0" v-for="image in emojiTable" :key="image.id" style="display:inline-block;margin-top:10px;width:unset;cursor:default") - .vrcplus-icon(v-if="image.versions[image.versions.length - 1].file.url" style="cursor:default") - img.avatar(v-lazy="image.versions[image.versions.length - 1].file.url") + .vrcplus-icon(v-if="image.versions[image.versions.length - 1].file.url" style="overflow:hidden" @click="showFullscreenImageDialog(image.versions[image.versions.length - 1].file.url)") + template(v-if="image.frames") + .avatar(:style="generateEmojiStyle(image.versions[image.versions.length - 1].file.url, image.framesOverTime, image.frames, image.animationStyle)") + template(v-else) + img.avatar(v-lazy="image.versions[image.versions.length - 1].file.url") div(style="display:inline-block;margin:5px") span(v-if="image.loopStyle === 'pingpong'") #[i.el-icon-refresh.el-icon--left] span(style="margin-right:5px") {{ image.animationStyle }} diff --git a/html/webpack.config.js b/html/webpack.config.js index d498cca0..0d56db57 100644 --- a/html/webpack.config.js +++ b/html/webpack.config.js @@ -22,6 +22,7 @@ module.exports = { 'theme.pink': './src/theme.pink.scss', 'theme.material3': './src/theme.material3.scss', flags: './src/flags.scss', + 'animated-emoji': './src/animated-emoji.scss', vr: { import: ['./src/vr.js', './src/vr.scss'], dependOn: 'vendor'