diff --git a/assets/sending.gif b/assets/sending.gif
deleted file mode 100644
index ebb16613..00000000
Binary files a/assets/sending.gif and /dev/null differ
diff --git a/assets/sending.json b/assets/sending.json
new file mode 100644
index 00000000..bbd1fcae
--- /dev/null
+++ b/assets/sending.json
@@ -0,0 +1 @@
+{"v":"5.6.9","fr":60,"ip":0,"op":360,"w":800,"h":800,"nm":"Comp 1","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":62,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":119,"s":[32]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":170,"s":[-8]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":203,"s":[4]},{"t":233,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[400,400,0],"to":[0,0,0],"ti":[0,4.667,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":39.889,"s":[400,421,0],"to":[0,-4.667,0],"ti":[0,-11.833,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":79.777,"s":[400,372,0],"to":[0,11.833,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.365,"y":0},"t":131,"s":[400,492,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":173,"s":[400,325,0],"to":[0,0,0],"ti":[0,-3.333,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":210,"s":[400,361,0],"to":[0,3.333,0],"ti":[0,-1.467,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":239.334,"s":[400,345,0],"to":[0,1.467,0],"ti":[0,-2.1,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":279.223,"s":[400,369.8,0],"to":[0,2.1,0],"ti":[0,-5.033,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":317.941,"s":[400,357.6,0],"to":[0,5.033,0],"ti":[0,-7.067,0]},{"t":360,"s":[400,400,0]}],"ix":2},"a":{"a":0,"k":[-9.25,-61.25,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[37,-151.5],[-58.125,-122.5],[89.5,-81.5],[-111.5,-97],[-177,-31.5],[158.5,-66]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[37,-125],[-58.125,-109.25],[95.125,-81],[-107.875,-97.75],[-177,-57.625],[158.5,-66]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":120,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[33,-156.5],[-63.125,-112.5],[89.5,-83],[-111.5,-97],[-177,-1.5],[158.5,-66]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":180,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[37,-125],[-58.125,-109.25],[95.125,-81],[-107.875,-97.75],[-177,-57.625],[158.5,-66]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":240,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[37,-151.5],[-58.125,-122.5],[89.5,-81.5],[-111.5,-97],[-177,-31.5],[158.5,-66]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":300,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[37,-125],[-58.125,-109.25],[95.125,-81],[-107.875,-97.75],[-177,-57.625],[158.5,-66]],"c":true}]},{"t":360,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[37,-151.5],[-58.125,-122.5],[89.5,-81.5],[-111.5,-97],[-177,-31.5],[158.5,-66]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.84,0.89,0.99,1],"ix":4},"o":{"a":0,"k":80,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 2","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-122.5],[-76.75,-51],[-103,-49.375],[-83.5,16.5],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-109.25],[-76.75,-63.5],[-103,-61.875],[-85.5,7],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":120,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-63.25,-112.5],[-76.75,-51],[-103,-49.375],[-83.5,16.5],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":180,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-109.25],[-76.75,-63.5],[-103,-61.875],[-85.5,7],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":240,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-122.5],[-76.75,-51],[-103,-49.375],[-83.5,16.5],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":300,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-109.25],[-76.75,-63.5],[-103,-61.875],[-85.5,7],[157,-66.5]],"c":true}]},{"t":360,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-122.5],[-76.75,-51],[-103,-49.375],[-83.5,16.5],[157,-66.5]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-122.5],[-76.75,-51],[-103,-49.375],[-90.75,-8.5],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-109.25],[-76.75,-63.5],[-103,-61.875],[-96.75,-37.75],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":120,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-63.25,-112.5],[-76.75,-51],[-103,-49.375],[-90.75,-8.5],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":180,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-109.25],[-76.75,-63.5],[-103,-61.875],[-96.75,-37.75],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":240,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-122.5],[-76.75,-51],[-103,-49.375],[-90.75,-8.5],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":300,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-109.25],[-76.75,-63.5],[-103,-61.875],[-96.75,-37.75],[157,-66.5]],"c":true}]},{"t":360,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-122.5],[-76.75,-51],[-103,-49.375],[-90.75,-8.5],[157,-66.5]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.84,0.89,0.99,1],"ix":4},"o":{"a":0,"k":60,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-122.5],[-76.75,-51],[-103,-49.375],[-83.5,16.5],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-109.25],[-76.75,-63.5],[-103,-61.875],[-85.5,7],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":120,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-63.25,-112.5],[-76.75,-51],[-103,-49.375],[-83.5,16.5],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":180,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-109.25],[-76.75,-63.5],[-103,-61.875],[-85.5,7],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":240,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-122.5],[-76.75,-51],[-103,-49.375],[-83.5,16.5],[157,-66.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":300,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-109.25],[-76.75,-63.5],[-103,-61.875],[-85.5,7],[157,-66.5]],"c":true}]},{"t":360,"s":[{"i":[[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-58.25,-122.5],[-76.75,-51],[-103,-49.375],[-83.5,16.5],[157,-66.5]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.84,0.89,0.99,1],"ix":4},"o":{"a":0,"k":60,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 4","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":480,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"line 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[212,414,0],"to":[0,0,0],"ti":[0,4,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":39.889,"s":[212,439,0],"to":[0,-4,0],"ti":[0,-11.833,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":79.777,"s":[212,390,0],"to":[0,11.833,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.365,"y":0},"t":131,"s":[212,510,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":173,"s":[212,343,0],"to":[0,0,0],"ti":[0,-3.333,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":210,"s":[212,379,0],"to":[0,3.333,0],"ti":[0,-1.467,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":239.334,"s":[212,363,0],"to":[0,1.467,0],"ti":[0,-2.1,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":279.223,"s":[212,387.8,0],"to":[0,2.1,0],"ti":[0,-4.367,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":317.941,"s":[212,375.6,0],"to":[0,4.367,0],"ti":[0,0,0]},{"t":360,"s":[212,414,0]}],"ix":2},"a":{"a":0,"k":[-157,-41,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":98,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":115,"s":[{"i":[[0,0],[34,-29.891]],"o":[[-63,35.109],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":136,"s":[{"i":[[0,0],[47,27.267]],"o":[[-68,-11.733],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":158,"s":[{"i":[[0,0],[51,7.729]],"o":[[-68,-11.733],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":175,"s":[{"i":[[0,0],[51,-19.308]],"o":[[-61,35.692],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":208,"s":[{"i":[[0,0],[57,-5.829]],"o":[[-58,0.171],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]},{"t":230,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.84,0.89,0.99,1],"ix":3},"o":{"a":0,"k":60,"ix":4},"w":{"a":0,"k":6,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"d":[{"n":"d","nm":"dash","v":{"a":0,"k":57.6,"ix":1}},{"n":"g","nm":"gap","v":{"a":0,"k":20.2,"ix":2}},{"n":"d","nm":"dash2","v":{"a":0,"k":71,"ix":3}},{"n":"o","nm":"offset","v":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":360,"s":[-2975.7]}],"ix":7}}],"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":480,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"line","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[247,354,0],"to":[0,0,0],"ti":[0,4,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":39.889,"s":[247,379,0],"to":[0,-4,0],"ti":[0,-11.833,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":79.777,"s":[247,330,0],"to":[0,11.833,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.365,"y":0},"t":131,"s":[247,450,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":173,"s":[247,283,0],"to":[0,0,0],"ti":[0,-3.333,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":210,"s":[247,319,0],"to":[0,3.333,0],"ti":[0,-1.467,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":239.334,"s":[247,303,0],"to":[0,1.467,0],"ti":[0,-2.1,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":279.223,"s":[247,327.8,0],"to":[0,2.1,0],"ti":[0,-4.367,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":317.941,"s":[247,315.6,0],"to":[0,4.367,0],"ti":[0,0,0]},{"t":360,"s":[247,354,0]}],"ix":2},"a":{"a":0,"k":[-157,-41,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":80,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":97,"s":[{"i":[[0,0],[34,-29.891]],"o":[[-63,35.109],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":118,"s":[{"i":[[0,0],[47,27.267]],"o":[[-68,-11.733],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":140,"s":[{"i":[[0,0],[51,7.729]],"o":[[-68,-11.733],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":157,"s":[{"i":[[0,0],[51,-19.308]],"o":[[-61,35.692],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":190,"s":[{"i":[[0,0],[57,-5.829]],"o":[[-58,0.171],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]},{"t":212,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-49,-41],[-265,-41]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.84,0.89,0.99,1],"ix":3},"o":{"a":0,"k":60,"ix":4},"w":{"a":0,"k":6,"ix":5},"lc":2,"lj":1,"ml":4,"bm":0,"d":[{"n":"d","nm":"dash","v":{"a":0,"k":34.6,"ix":1}},{"n":"g","nm":"gap","v":{"a":0,"k":22.9,"ix":2}},{"n":"d","nm":"dash2","v":{"a":0,"k":23,"ix":3}},{"n":"o","nm":"offset","v":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":360,"s":[-2254.3]}],"ix":7}}],"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":480,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
diff --git a/lib/screens/home_page/editor_pane/details_card/response_pane/response_pane.dart b/lib/screens/home_page/editor_pane/details_card/response_pane/response_pane.dart
index d01f3356..8f611883 100644
--- a/lib/screens/home_page/editor_pane/details_card/response_pane/response_pane.dart
+++ b/lib/screens/home_page/editor_pane/details_card/response_pane/response_pane.dart
@@ -69,30 +69,3 @@ class NotSentWidget extends StatelessWidget {
     );
   }
 }
-
-class SendingWidget extends StatelessWidget {
-  const SendingWidget({super.key});
-
-  @override
-  Widget build(BuildContext context) {
-    final color = Theme.of(context).colorScheme.secondary;
-    return Center(
-      child: Column(
-        mainAxisAlignment: MainAxisAlignment.center,
-        children: [
-          ColorFiltered(
-            colorFilter: ColorFilter.mode(
-              //Color.fromARGB(123, 71, 84, 179),
-              color.withOpacity(0.7),
-              BlendMode.dstIn,
-            ),
-            child: const Image(
-              image: sendingIndicator,
-              width: 300,
-            ),
-          ),
-        ],
-      ),
-    );
-  }
-}
diff --git a/lib/widgets/sending_widget.dart b/lib/widgets/sending_widget.dart
new file mode 100644
index 00000000..47d5f19c
--- /dev/null
+++ b/lib/widgets/sending_widget.dart
@@ -0,0 +1,18 @@
+import 'package:flutter/material.dart';
+import 'package:lottie/lottie.dart';
+
+class SendingWidget extends StatelessWidget {
+  const SendingWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Lottie.asset("assets/sending.json"),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/widgets/widgets.dart b/lib/widgets/widgets.dart
index 0d621a21..8ad2e55b 100644
--- a/lib/widgets/widgets.dart
+++ b/lib/widgets/widgets.dart
@@ -5,3 +5,4 @@ export 'previewer.dart';
 export 'code_previewer.dart';
 export 'codegen_previewer.dart';
 export 'error_message.dart';
+export 'sending_widget.dart';
diff --git a/pubspec.lock b/pubspec.lock
index 99f95ab8..f8aea6cd 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -328,6 +328,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.1.1"
+  lottie:
+    dependency: "direct main"
+    description:
+      name: lottie
+      sha256: "23522951540d20a57a60202ed7022e6376bed206a4eee1c347a91f58bd57eb9f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.2"
   matcher:
     dependency: transitive
     description:
diff --git a/pubspec.yaml b/pubspec.yaml
index 55552f8a..f28dc2dc 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -26,6 +26,7 @@ dependencies:
       url: https://github.com/google/flutter-desktop-embedding.git
       path: plugins/window_size
   hive_flutter: ^1.1.0
+  lottie: ^2.3.2
 
 dev_dependencies:
   flutter_test:
@@ -38,4 +39,4 @@ flutter:
   uses-material-design: true
   assets:
     - google_fonts/
-    - assets/sending.gif
\ No newline at end of file
+    - assets/