From 1d8b108e6fea33897482679540de8ce43bedf0ff Mon Sep 17 00:00:00 2001 From: Sayyadd25794 Date: Mon, 12 Aug 2024 10:59:55 +0530 Subject: [PATCH] done with liquid solid and gas colors --- .firebase/hosting.YnVpbGQ.cache | 16 +- src/assets/lotties/solidFlask.json | 3740 +++++++++++++++++- src/components/Flask.jsx | 2 +- src/components/SelectedElementsContainer.jsx | 1 + src/constant/constants.js | 169 +- 5 files changed, 3853 insertions(+), 75 deletions(-) diff --git a/.firebase/hosting.YnVpbGQ.cache b/.firebase/hosting.YnVpbGQ.cache index afecb6a..37e86e5 100644 --- a/.firebase/hosting.YnVpbGQ.cache +++ b/.firebase/hosting.YnVpbGQ.cache @@ -1,11 +1,11 @@ robots.txt,1720316070612,bfe106a3fb878dc83461c86818bf74fc1bdc7f28538ba613cd3e775516ce8b49 manifest.json,1722873973842,aff3449bdc238776f5d6d967f19ec491b36aed5fb7f23ccff6500736fd58494a favicon.ico,1723356052771,6f4110889b7eced157c54d4b61ae9cb326fd1df4fb9ba5bf88e2cb29dd109641 -asset-manifest.json,1723401645670,9662bafd828c6359eaa3c8b07a2711fef0fa262c0ea31c4877611bb04d37b45e -index.html,1723401645670,473574e3edde1ce325c78344cf180c47fab886c934f11012c6f9d813ccb99bf4 -static/js/main.0859e70e.js.LICENSE.txt,1723401645686,7845450e5511ea9a69120078ca00599b846cf5e0ead7cad96d3c23a2c44a9a66 -static/css/main.d16f8633.css.map,1723401645686,f2d2c12d6c5ff71fe4710e795507d548ac3613ee8abaadef1893863780992264 -static/css/main.d16f8633.css,1723401645686,c27ab94a686123637e8756a946cd2551f9f99d7e835b443cf6c052710fba3432 -static/media/logo.dc46dce79ffc0b376e05.png,1723401645686,6f4110889b7eced157c54d4b61ae9cb326fd1df4fb9ba5bf88e2cb29dd109641 -static/js/main.0859e70e.js,1723401645701,67e077ee70043e114866ce925cafe92d3c79a0b47e0e695ebef4494bee9848f6 -static/js/main.0859e70e.js.map,1723401645701,c44ba8e7c8799f744ecacbe2c74533ba9e72d41933482f2eeb02d47695d4a82b +index.html,1723431323435,f56d7c76809a72e5546e6f6a0982da0ecd79a107e899f1d95dcd0f125063c76f +asset-manifest.json,1723431323440,1e7444d72d1a93a1c31b622e4d580043c64d35182c8c7702bd4b00eb6e9a21db +static/js/main.4049f374.js.LICENSE.txt,1723431323464,7845450e5511ea9a69120078ca00599b846cf5e0ead7cad96d3c23a2c44a9a66 +static/css/main.d16f8633.css,1723431323464,c27ab94a686123637e8756a946cd2551f9f99d7e835b443cf6c052710fba3432 +static/css/main.d16f8633.css.map,1723431323464,bd2ec4e83ba2af360252915af6f92940075aac9dd48ab1711071239fa13a614f +static/media/logo.dc46dce79ffc0b376e05.png,1723431323464,6f4110889b7eced157c54d4b61ae9cb326fd1df4fb9ba5bf88e2cb29dd109641 +static/js/main.4049f374.js,1723431323464,7f11345b2245807dfbfb3f13684f3c5fbbb26a97a8f7b55515cf0a5e3cba0c47 +static/js/main.4049f374.js.map,1723431323464,9aabe9bc305fab3c31cb2443b9a564e559c2a0e626c2c963c95bd4ced83fd000 diff --git a/src/assets/lotties/solidFlask.json b/src/assets/lotties/solidFlask.json index fc11982..75eed8a 100644 --- a/src/assets/lotties/solidFlask.json +++ b/src/assets/lotties/solidFlask.json @@ -1 +1,3739 @@ -{"nm":"Main Scene","ddd":0,"h":500,"w":500,"meta":{"g":"@lottiefiles/creator 1.22.0"},"layers":[{"ty":4,"nm":"Ellipse 14","sr":1,"st":0,"op":196.82,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[241.5445,440.3806]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse Path 14","d":1,"p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[37,37]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2275,0.5255,1]},"r":2,"o":{"a":0,"k":100}}],"ind":1},{"ty":4,"nm":"Ellipse 13","sr":1,"st":0,"op":196.82,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[320.9836,359.8293]},"r":{"a":0,"k":80},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse Path 13","d":1,"p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[40,38]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2275,0.5255,1]},"r":2,"o":{"a":0,"k":100}}],"ind":2},{"ty":4,"nm":"Ellipse 17","sr":1,"st":0,"op":196.82,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[311.0083,399.496]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse Path 17","d":1,"p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[28.000000000000004,31]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2275,0.5255,1]},"r":2,"o":{"a":0,"k":100}}],"ind":3},{"ty":4,"nm":"Ellipse 16","sr":1,"st":0,"op":196.82,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[70.3777,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[230.6461,403.5223]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse Path 16","d":1,"p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[55,35]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2275,0.5255,1]},"r":2,"o":{"a":0,"k":100}}],"ind":4},{"ty":4,"nm":"Ellipse 12","sr":1,"st":0,"op":196.82,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[133.3924,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[283.5313,436.3948]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse Path 12","d":1,"p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[31,43]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2275,0.5255,1]},"r":2,"o":{"a":0,"k":100}}],"ind":5},{"ty":4,"nm":"Ellipse 11","sr":1,"st":0,"op":196.82,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[83.0612,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[184.0182,406.0162]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse Path 11","d":1,"p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[48.00000000000001,30]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2275,0.5255,1]},"r":2,"o":{"a":0,"k":100}}],"ind":6},{"ty":4,"nm":"Ellipse 10","sr":1,"st":0,"op":196.82,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[322.4735,438.4352]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse Path 10","d":1,"p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[39,37]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2275,0.5255,1]},"r":2,"o":{"a":0,"k":100}}],"ind":7},{"ty":4,"nm":"Ellipse 9","sr":1,"st":0,"op":196.82,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[345,406.9878]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse Path 9","d":1,"p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[40,36]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2275,0.5255,1]},"r":2,"o":{"a":0,"k":100}}],"ind":8},{"ty":4,"nm":"Ellipse 8","sr":1,"st":0,"op":196.82,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[366.4835,440.998]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse Path 8","d":1,"p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[45,34]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2275,0.5255,1]},"r":2,"o":{"a":0,"k":100}}],"ind":9},{"ty":4,"nm":"Ellipse 7","sr":1,"st":0,"op":196.82,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[202.0463,441.0021]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse Path 7","d":1,"p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[40,34]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2275,0.5255,1]},"r":2,"o":{"a":0,"k":100}}],"ind":10},{"ty":4,"nm":"Ellipse 15","sr":1,"st":0,"op":196.82,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[205.509,377.5781]},"r":{"a":0,"k":4},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse Path 15","d":1,"p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[45,35]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2275,0.5255,1]},"r":2,"o":{"a":0,"k":100}}],"ind":11},{"ty":4,"nm":"Ellipse 6","sr":1,"st":0,"op":196.82,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[161.6798,441.9191]},"r":{"a":0,"k":1},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse Path 6","d":1,"p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[41.00000000000001,32]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2275,0.5255,1]},"r":2,"o":{"a":0,"k":100}}],"ind":12},{"ty":4,"nm":"Ellipse 5","sr":1,"st":4,"op":42,"ip":4,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[259.5,-100],"t":7},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[270.5,-100],"t":28},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[270.5,400],"t":29.69},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[270.5,381.8889],"t":31.09},{"s":[270.5,399.5],"t":31.51}]},"r":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[19],"t":6},{"o":{"x":0,"y":0},"i":{"x":0.68,"y":0.19},"s":[14],"t":10},{"s":[15],"t":13}]},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"el","bm":0,"hd":false,"nm":"Ellipse Path 5","d":1,"p":{"a":0,"k":[0,0]},"s":{"a":0,"k":[41.00000000000001,35]}},{"ty":"fl","bm":0,"hd":false,"nm":"Fill","c":{"a":0,"k":[0.2275,0.5255,1]},"r":2,"o":{"a":0,"k":100}}],"ind":13},{"ty":0,"nm":" пробирка","sr":1,"st":5.310000000000002,"op":42,"ip":5,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[785.2941176470588,879.4117647058823]},"s":{"a":0,"k":[34,34]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[267,299]},"r":{"a":0,"k":-3},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"w":1500,"h":1500,"refId":"precomp_пробирка_5403ef94-0461-491b-9c54-6e807b59f0ce","ind":14}],"v":"5.7.0","fr":14,"op":42.49,"ip":0,"assets":[{"nm":"","id":"comp_0_848eb622-9db9-4d34-8ea2-c807cfe0c3e7_4c331fc0-d767-4eba-9c35-5fab04b0a674","layers":[]},{"nm":"пробирка","id":"precomp_пробирка_5403ef94-0461-491b-9c54-6e807b59f0ce","layers":[{"ty":0,"nm":"бульбы","sr":1,"st":-0.49,"op":7.49,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[750,750,0]},"s":{"a":0,"k":[100,100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[750,750,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"w":1516,"h":2480,"refId":"comp_0_848eb622-9db9-4d34-8ea2-c807cfe0c3e7_4c331fc0-d767-4eba-9c35-5fab04b0a674","ind":1},{"ty":0,"nm":"бульбы","sr":1,"st":3.71,"op":11.69,"ip":4.2,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[750,750,0]},"s":{"a":0,"k":[100,100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[750,750,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"w":1516,"h":2480,"refId":"comp_0_848eb622-9db9-4d34-8ea2-c807cfe0c3e7_4c331fc0-d767-4eba-9c35-5fab04b0a674","ind":2},{"ty":0,"nm":"бульбы","sr":1,"st":8.89,"op":16.8,"ip":9.31,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[750,750,0]},"s":{"a":0,"k":[100,100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[750,750,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"w":1516,"h":2480,"refId":"comp_0_848eb622-9db9-4d34-8ea2-c807cfe0c3e7_4c331fc0-d767-4eba-9c35-5fab04b0a674","ind":3},{"ty":3,"nm":"Null 2","sr":1,"st":0,"op":196.82,"ip":0.49,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-31.852,-25.186,0]},"s":{"a":0,"k":[84,84,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[756,1063.146,0]},"r":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[5],"t":0.49},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[-5],"t":7.49},{"s":[5],"t":14}]},"sa":{"a":0,"k":0},"o":{"a":0,"k":0}},"ind":4},{"ty":4,"nm":"svg2_блик1","sr":1,"st":0,"op":196.82,"ip":0.49,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[59.68537989539294,97.69782570832399]},"s":{"a":0,"k":[228,228,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-182.08713383850412,-55.98371738502132]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":74}},"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":5,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[2.807,-18.206],[-59.585,97.792],[-27.631,97.792],[16.713,-17.233]]}}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[54.377,-97.792],[-21.024,97.792],[31.221,97.792],[59.585,-97.792]]}}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 3","ix":3,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[45.616,-97.792],[6.06,-24.251],[19.069,-23.342],[47.77,-97.792]]}}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[59.585,97.792]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":5,"parent":4},{"ty":4,"nm":"svg2_маска","sr":1,"st":0,"op":196.82,"ip":0.49,"hd":false,"ddd":0,"bm":0,"hasMask":false,"td":1,"ao":0,"ks":{"a":{"a":0,"k":[194.34332172318753,247.03581503392317]},"s":{"a":0,"k":[228,228,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-17.368026471132396,-247.59266172265518]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.001,-30.697],[0.549,-31.722],[46.395,-77.774],[-2.762,-8.551],[-10.684,0.023],[0,0],[-0.053,10.261],[3.515,5.877],[46.872,77.871],[0.233,28.926],[0,0]],"o":[[-0.001,30.697],[-0.158,31.776],[-46.438,77.839],[-4.57,7.66],[3.31,10.247],[0,0],[15.511,0],[0.949,-6.735],[-46.647,-77.991],[-0.815,-28.846],[0,0],[0,0]],"v":[[-46.571,-214.971],[-46.575,-122.88],[-46.813,-27.521],[-186.855,205.729],[-191.068,230.868],[-166.265,246.559],[166.261,246.559],[192.882,225.805],[188.076,206.867],[47.589,-26.831],[47.242,-113.656],[47.242,-214.971]]}}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[4.437,-0.099],[0.465,-0.094],[0,0],[0.412,-0.22],[-6.714,-4.122],[-3.658,-0.453],[-33.465,-0.047],[1.443,5.425]],"o":[[-0.459,0.011],[0,0],[-0.412,0.22],[-7.094,3.126],[3.208,2.277],[33.426,0.192],[5.351,-1.689],[-0.85,-4.351]],"v":[[52.628,-246.484],[51.242,-246.328],[-54.065,-246.328],[-55.3,-245.667],[-56.737,-227.222],[-45.599,-225.755],[54.818,-225.645],[61.963,-238.581]]}}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.9333,0.9529,0.9804]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[194.08,246.833]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":6,"parent":4},{"ty":4,"nm":"svg2_маска 2","sr":1,"st":0,"op":196.82,"ip":0.49,"hd":false,"ddd":0,"bm":0,"hasMask":false,"td":1,"ao":0,"ks":{"a":{"a":0,"k":[194.34332172318753,247.03581503392317]},"s":{"a":0,"k":[228,228,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-17.368026471132396,-247.59266172265518]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":4,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0.001,-30.697],[0.549,-31.722],[46.395,-77.774],[-2.762,-8.551],[-10.684,0.023],[0,0],[-0.053,10.261],[3.515,5.877],[46.872,77.871],[0.233,28.926],[0,0]],"o":[[-0.001,30.697],[-0.158,31.776],[-46.438,77.839],[-4.57,7.66],[3.31,10.247],[0,0],[15.511,0],[0.949,-6.735],[-46.647,-77.991],[-0.815,-28.846],[0,0],[0,0]],"v":[[-46.571,-214.971],[-46.575,-122.88],[-46.813,-27.521],[-186.855,205.729],[-191.068,230.868],[-166.265,246.559],[166.261,246.559],[192.882,225.805],[188.076,206.867],[47.589,-26.831],[47.242,-113.656],[47.242,-214.971]]}}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[4.437,-0.099],[0.465,-0.094],[0,0],[0.412,-0.22],[-6.714,-4.122],[-3.658,-0.453],[-33.465,-0.047],[1.443,5.425]],"o":[[-0.459,0.011],[0,0],[-0.412,0.22],[-7.094,3.126],[3.208,2.277],[33.426,0.192],[5.351,-1.689],[-0.85,-4.351]],"v":[[52.628,-246.484],[51.242,-246.328],[-54.065,-246.328],[-55.3,-245.667],[-56.737,-227.222],[-45.599,-225.755],[54.818,-225.645],[61.963,-238.581]]}}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.9333,0.9529,0.9804]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[194.08,246.833]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":7,"parent":4},{"ty":4,"nm":"svg2_блик2","sr":1,"st":0,"op":196.82,"ip":0.49,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0]},"s":{"a":0,"k":[228,228,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[22.938,-269.036,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":15}},"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":5,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-2.364,-15.33],[50.173,82.345],[23.266,82.345],[-14.074,-14.511]]}}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-45.789,-82.345],[17.702,82.345],[-26.29,82.345],[-50.174,-82.345]]}}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 3","ix":3,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-38.411,-82.345],[-5.103,-20.421],[-16.056,-19.655],[-40.225,-82.345]]}}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.7569,0.8627,0.9098]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[50.173,82.345]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":8,"parent":4},{"ty":4,"nm":"svg2_колба","sr":1,"st":0,"op":196.82,"ip":0.49,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[203.554,255.426,0]},"s":{"a":0,"k":[228,228,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-16.797,-245.904,0]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":5,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0],[3.857,-9.018],[18.537,0],[0,0],[3.868,8.981],[-3.684,7.012],[0,0]],"o":[[0,0],[0,0],[0,0],[4.049,6.7],[-3.856,9.02],[0,0],[-18.066,0],[-3.863,-8.968],[0,0],[0,0]],"v":[[-49.846,-218.34],[49.156,-218.34],[49.156,-29.583],[191.672,206.217],[193.473,233.113],[162.206,249.532],[-162.898,249.532],[-193.483,233.298],[-192.298,206.107],[-49.846,-29.583]]}}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 2","ix":2,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-7.386,0],[0,0],[0,-7.386],[5.955,-1.309],[0,0],[0,6.381]],"o":[[0,0],[7.386,0],[0,6.381],[0,0],[-5.955,-1.309],[0,-7.386]],"v":[[-51.307,-250.17],[51.182,-250.17],[64.435,-236.916],[54.099,-223.982],[-54.223,-223.982],[-64.56,-236.916]]}}},{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 3","ix":3,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,-10.072],[-8.06,-1.895],[0,0],[0,0],[0,0],[-4.7,-10.911],[-19.66,0],[0,0],[-4.704,11],[5.086,8.416],[0,0],[0,0],[0,8.835],[10.073,0]],"o":[[-10.072,0],[0,8.633],[0,0],[0,0],[0,0],[-4.542,8.614],[4.699,10.911],[0,0],[20.117,0],[4.704,-11],[0,0],[0,0],[8.344,-1.681],[0,-10.072],[0,0]],"v":[[-51.307,-255.175],[-69.565,-236.916],[-55.49,-219.148],[-55.49,-31.155],[-197.235,203.369],[-197.273,203.44],[-198.666,235.529],[-162.898,255.175],[162.206,255.175],[198.662,235.332],[196.501,203.297],[54.798,-31.155],[54.798,-219.019],[69.441,-236.916],[51.182,-255.175]]}}},{"ty":"mm","bm":0,"hd":false,"mn":"ADBE Vector Filter - Merge","nm":"Merge Paths 1","mm":1},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.6863,0.7765,0.9137]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"p":{"a":0,"k":[203.616,255.426]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]}],"ind":9,"parent":4}]}]} \ No newline at end of file +{ + "nm": "Main Scene", + "ddd": 0, + "h": 500, + "w": 500, + "meta": { + "g": "@lottiefiles/creator 1.22.0" + }, + "layers": [ + { + "ty": 4, + "nm": "Ellipse 14", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 241.5445, + 440.3806 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "nm": "Ellipse Path 14", + "d": 1, + "p": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 37, + 37 + ] + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "nm": "Fill", + "c": { + "a": 0, + "k":[ 1, 0, 0, 1] + }, + "r": 2, + "o": { + "a": 0, + "k": 100 + } + } + ], + "ind": 1 + }, + { + "ty": 4, + "nm": "Ellipse 13", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 320.9836, + 359.8293 + ] + }, + "r": { + "a": 0, + "k": 80 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "nm": "Ellipse Path 13", + "d": 1, + "p": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 40, + 38 + ] + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "nm": "Fill", + "c": { + "a": 0, + "k":[ 1, 0, 0, 1] + }, + "r": 2, + "o": { + "a": 0, + "k": 100 + } + } + ], + "ind": 2 + }, + { + "ty": 4, + "nm": "Ellipse 17", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 311.0083, + 399.496 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "nm": "Ellipse Path 17", + "d": 1, + "p": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 28.000000000000004, + 31 + ] + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "nm": "Fill", + "c": { + "a": 0, + "k":[ 1, 0, 0, 1] + }, + "r": 2, + "o": { + "a": 0, + "k": 100 + } + } + ], + "ind": 3 + }, + { + "ty": 4, + "nm": "Ellipse 16", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 70.3777, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 230.6461, + 403.5223 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "nm": "Ellipse Path 16", + "d": 1, + "p": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 55, + 35 + ] + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "nm": "Fill", + "c": { + "a": 0, + "k":[ 1, 0, 0, 1] + }, + "r": 2, + "o": { + "a": 0, + "k": 100 + } + } + ], + "ind": 4 + }, + { + "ty": 4, + "nm": "Ellipse 12", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 133.3924, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 283.5313, + 436.3948 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "nm": "Ellipse Path 12", + "d": 1, + "p": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 31, + 43 + ] + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "nm": "Fill", + "c": { + "a": 0, + "k":[ 1, 0, 0, 1] + }, + "r": 2, + "o": { + "a": 0, + "k": 100 + } + } + ], + "ind": 5 + }, + { + "ty": 4, + "nm": "Ellipse 11", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 83.0612, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 184.0182, + 406.0162 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "nm": "Ellipse Path 11", + "d": 1, + "p": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 48.00000000000001, + 30 + ] + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "nm": "Fill", + "c": { + "a": 0, + "k":[ 1, 0, 0, 1] + }, + "r": 2, + "o": { + "a": 0, + "k": 100 + } + } + ], + "ind": 6 + }, + { + "ty": 4, + "nm": "Ellipse 10", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 322.4735, + 438.4352 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "nm": "Ellipse Path 10", + "d": 1, + "p": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 39, + 37 + ] + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "nm": "Fill", + "c": { + "a": 0, + "k":[ 1, 0, 0, 1] + }, + "r": 2, + "o": { + "a": 0, + "k": 100 + } + } + ], + "ind": 7 + }, + { + "ty": 4, + "nm": "Ellipse 9", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 345, + 406.9878 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "nm": "Ellipse Path 9", + "d": 1, + "p": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 40, + 36 + ] + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "nm": "Fill", + "c": { + "a": 0, + "k":[ 1, 0, 0, 1] + }, + "r": 2, + "o": { + "a": 0, + "k": 100 + } + } + ], + "ind": 8 + }, + { + "ty": 4, + "nm": "Ellipse 8", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 366.4835, + 440.998 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "nm": "Ellipse Path 8", + "d": 1, + "p": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 45, + 34 + ] + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "nm": "Fill", + "c": { + "a": 0, + "k":[ 1, 0, 0, 1] + }, + "r": 2, + "o": { + "a": 0, + "k": 100 + } + } + ], + "ind": 9 + }, + { + "ty": 4, + "nm": "Ellipse 7", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 202.0463, + 441.0021 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "nm": "Ellipse Path 7", + "d": 1, + "p": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 40, + 34 + ] + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "nm": "Fill", + "c": { + "a": 0, + "k":[ 1, 0, 0, 1] + }, + "r": 2, + "o": { + "a": 0, + "k": 100 + } + } + ], + "ind": 10 + }, + { + "ty": 4, + "nm": "Ellipse 15", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 205.509, + 377.5781 + ] + }, + "r": { + "a": 0, + "k": 4 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "nm": "Ellipse Path 15", + "d": 1, + "p": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 45, + 35 + ] + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "nm": "Fill", + "c": { + "a": 0, + "k":[ 1, 0, 0, 1] + }, + "r": 2, + "o": { + "a": 0, + "k": 100 + } + } + ], + "ind": 11 + }, + { + "ty": 4, + "nm": "Ellipse 6", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 161.6798, + 441.9191 + ] + }, + "r": { + "a": 0, + "k": 1 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "nm": "Ellipse Path 6", + "d": 1, + "p": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 41.00000000000001, + 32 + ] + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "nm": "Fill", + "c": { + "a": 0, + "k":[ 1, 0, 0, 1] + }, + "r": 2, + "o": { + "a": 0, + "k": 100 + } + } + ], + "ind": 12 + }, + { + "ty": 4, + "nm": "Ellipse 5", + "sr": 1, + "st": 4, + "op": 42, + "ip": 4, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 1, + "k": [ + { + "o": { + "x": 0.167, + "y": 0.167 + }, + "i": { + "x": 0.833, + "y": 0.833 + }, + "s": [ + 259.5, + -100 + ], + "t": 7 + }, + { + "o": { + "x": 0.167, + "y": 0.167 + }, + "i": { + "x": 0.833, + "y": 0.833 + }, + "s": [ + 270.5, + -100 + ], + "t": 28 + }, + { + "o": { + "x": 0.167, + "y": 0.167 + }, + "i": { + "x": 0.833, + "y": 0.833 + }, + "s": [ + 270.5, + 400 + ], + "t": 29.69 + }, + { + "o": { + "x": 0.167, + "y": 0.167 + }, + "i": { + "x": 0.833, + "y": 0.833 + }, + "s": [ + 270.5, + 381.8889 + ], + "t": 31.09 + }, + { + "s": [ + 270.5, + 399.5 + ], + "t": 31.51 + } + ] + }, + "r": { + "a": 1, + "k": [ + { + "o": { + "x": 0.167, + "y": 0.167 + }, + "i": { + "x": 0.833, + "y": 0.833 + }, + "s": [ + 19 + ], + "t": 6 + }, + { + "o": { + "x": 0, + "y": 0 + }, + "i": { + "x": 0.68, + "y": 0.19 + }, + "s": [ + 14 + ], + "t": 10 + }, + { + "s": [ + 15 + ], + "t": 13 + } + ] + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "el", + "bm": 0, + "hd": false, + "nm": "Ellipse Path 5", + "d": 1, + "p": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 41.00000000000001, + 35 + ] + } + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "nm": "Fill", + "c": { + "a": 0, + "k":[ 1, 0, 0, 1] + }, + "r": 2, + "o": { + "a": 0, + "k": 100 + } + } + ], + "ind": 13 + }, + { + "ty": 0, + "nm": " пробирка", + "sr": 1, + "st": 5.310000000000002, + "op": 42, + "ip": 5, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 785.2941176470588, + 879.4117647058823 + ] + }, + "s": { + "a": 0, + "k": [ + 34, + 34 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 267, + 299 + ] + }, + "r": { + "a": 0, + "k": -3 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "w": 1500, + "h": 1500, + "refId": "precomp_пробирка_5403ef94-0461-491b-9c54-6e807b59f0ce", + "ind": 14 + } + ], + "v": "5.7.0", + "fr": 14, + "op": 42.49, + "ip": 0, + "assets": [ + { + "nm": "", + "id": "comp_0_848eb622-9db9-4d34-8ea2-c807cfe0c3e7_4c331fc0-d767-4eba-9c35-5fab04b0a674", + "layers": [] + }, + { + "nm": "пробирка", + "id": "precomp_пробирка_5403ef94-0461-491b-9c54-6e807b59f0ce", + "layers": [ + { + "ty": 0, + "nm": "бульбы", + "sr": 1, + "st": -0.49, + "op": 7.49, + "ip": 0, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 750, + 750, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 750, + 750, + 0 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "w": 1516, + "h": 2480, + "refId": "comp_0_848eb622-9db9-4d34-8ea2-c807cfe0c3e7_4c331fc0-d767-4eba-9c35-5fab04b0a674", + "ind": 1 + }, + { + "ty": 0, + "nm": "бульбы", + "sr": 1, + "st": 3.71, + "op": 11.69, + "ip": 4.2, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 750, + 750, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 750, + 750, + 0 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "w": 1516, + "h": 2480, + "refId": "comp_0_848eb622-9db9-4d34-8ea2-c807cfe0c3e7_4c331fc0-d767-4eba-9c35-5fab04b0a674", + "ind": 2 + }, + { + "ty": 0, + "nm": "бульбы", + "sr": 1, + "st": 8.89, + "op": 16.8, + "ip": 9.31, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 750, + 750, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 750, + 750, + 0 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "w": 1516, + "h": 2480, + "refId": "comp_0_848eb622-9db9-4d34-8ea2-c807cfe0c3e7_4c331fc0-d767-4eba-9c35-5fab04b0a674", + "ind": 3 + }, + { + "ty": 3, + "nm": "Null 2", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0.49, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + -31.852, + -25.186, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 84, + 84, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 756, + 1063.146, + 0 + ] + }, + "r": { + "a": 1, + "k": [ + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [ + 5 + ], + "t": 0.49 + }, + { + "o": { + "x": 0.333, + "y": 0 + }, + "i": { + "x": 0.667, + "y": 1 + }, + "s": [ + -5 + ], + "t": 7.49 + }, + { + "s": [ + 5 + ], + "t": 14 + } + ] + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 0 + } + }, + "ind": 4 + }, + { + "ty": 4, + "nm": "svg2_блик1", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0.49, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 59.68537989539294, + 97.69782570832399 + ] + }, + "s": { + "a": 0, + "k": [ + 228, + 228, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + -182.08713383850412, + -55.98371738502132 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 74 + } + }, + "shapes": [ + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Group 1", + "ix": 1, + "cix": 2, + "np": 5, + "it": [ + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 1", + "ix": 1, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "o": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "v": [ + [ + 2.807, + -18.206 + ], + [ + -59.585, + 97.792 + ], + [ + -27.631, + 97.792 + ], + [ + 16.713, + -17.233 + ] + ] + } + } + }, + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 2", + "ix": 2, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "o": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "v": [ + [ + 54.377, + -97.792 + ], + [ + -21.024, + 97.792 + ], + [ + 31.221, + 97.792 + ], + [ + 59.585, + -97.792 + ] + ] + } + } + }, + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 3", + "ix": 3, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "o": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "v": [ + [ + 45.616, + -97.792 + ], + [ + 6.06, + -24.251 + ], + [ + 19.069, + -23.342 + ], + [ + 47.77, + -97.792 + ] + ] + } + } + }, + { + "ty": "mm", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Filter - Merge", + "nm": "Merge Paths 1", + "mm": 1 + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [ + 1, + 1, + 1 + ] + }, + "r": 1, + "o": { + "a": 0, + "k": 100 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 59.585, + 97.792 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + } + ] + } + ], + "ind": 5, + "parent": 4 + }, + { + "ty": 4, + "nm": "svg2_маска", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0.49, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "td": 1, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 194.34332172318753, + 247.03581503392317 + ] + }, + "s": { + "a": 0, + "k": [ + 228, + 228, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + -17.368026471132396, + -247.59266172265518 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Group 1", + "ix": 1, + "cix": 2, + "np": 4, + "it": [ + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 1", + "ix": 1, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [ + 0, + 0 + ], + [ + 0.001, + -30.697 + ], + [ + 0.549, + -31.722 + ], + [ + 46.395, + -77.774 + ], + [ + -2.762, + -8.551 + ], + [ + -10.684, + 0.023 + ], + [ + 0, + 0 + ], + [ + -0.053, + 10.261 + ], + [ + 3.515, + 5.877 + ], + [ + 46.872, + 77.871 + ], + [ + 0.233, + 28.926 + ], + [ + 0, + 0 + ] + ], + "o": [ + [ + -0.001, + 30.697 + ], + [ + -0.158, + 31.776 + ], + [ + -46.438, + 77.839 + ], + [ + -4.57, + 7.66 + ], + [ + 3.31, + 10.247 + ], + [ + 0, + 0 + ], + [ + 15.511, + 0 + ], + [ + 0.949, + -6.735 + ], + [ + -46.647, + -77.991 + ], + [ + -0.815, + -28.846 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "v": [ + [ + -46.571, + -214.971 + ], + [ + -46.575, + -122.88 + ], + [ + -46.813, + -27.521 + ], + [ + -186.855, + 205.729 + ], + [ + -191.068, + 230.868 + ], + [ + -166.265, + 246.559 + ], + [ + 166.261, + 246.559 + ], + [ + 192.882, + 225.805 + ], + [ + 188.076, + 206.867 + ], + [ + 47.589, + -26.831 + ], + [ + 47.242, + -113.656 + ], + [ + 47.242, + -214.971 + ] + ] + } + } + }, + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 2", + "ix": 2, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [ + 4.437, + -0.099 + ], + [ + 0.465, + -0.094 + ], + [ + 0, + 0 + ], + [ + 0.412, + -0.22 + ], + [ + -6.714, + -4.122 + ], + [ + -3.658, + -0.453 + ], + [ + -33.465, + -0.047 + ], + [ + 1.443, + 5.425 + ] + ], + "o": [ + [ + -0.459, + 0.011 + ], + [ + 0, + 0 + ], + [ + -0.412, + 0.22 + ], + [ + -7.094, + 3.126 + ], + [ + 3.208, + 2.277 + ], + [ + 33.426, + 0.192 + ], + [ + 5.351, + -1.689 + ], + [ + -0.85, + -4.351 + ] + ], + "v": [ + [ + 52.628, + -246.484 + ], + [ + 51.242, + -246.328 + ], + [ + -54.065, + -246.328 + ], + [ + -55.3, + -245.667 + ], + [ + -56.737, + -227.222 + ], + [ + -45.599, + -225.755 + ], + [ + 54.818, + -225.645 + ], + [ + 61.963, + -238.581 + ] + ] + } + } + }, + { + "ty": "mm", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Filter - Merge", + "nm": "Merge Paths 1", + "mm": 1 + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [ + 0.9333, + 0.9529, + 0.9804 + ] + }, + "r": 1, + "o": { + "a": 0, + "k": 100 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 194.08, + 246.833 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + } + ] + } + ], + "ind": 6, + "parent": 4 + }, + { + "ty": 4, + "nm": "svg2_маска 2", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0.49, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "td": 1, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 194.34332172318753, + 247.03581503392317 + ] + }, + "s": { + "a": 0, + "k": [ + 228, + 228, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + -17.368026471132396, + -247.59266172265518 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Group 1", + "ix": 1, + "cix": 2, + "np": 4, + "it": [ + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 1", + "ix": 1, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [ + 0, + 0 + ], + [ + 0.001, + -30.697 + ], + [ + 0.549, + -31.722 + ], + [ + 46.395, + -77.774 + ], + [ + -2.762, + -8.551 + ], + [ + -10.684, + 0.023 + ], + [ + 0, + 0 + ], + [ + -0.053, + 10.261 + ], + [ + 3.515, + 5.877 + ], + [ + 46.872, + 77.871 + ], + [ + 0.233, + 28.926 + ], + [ + 0, + 0 + ] + ], + "o": [ + [ + -0.001, + 30.697 + ], + [ + -0.158, + 31.776 + ], + [ + -46.438, + 77.839 + ], + [ + -4.57, + 7.66 + ], + [ + 3.31, + 10.247 + ], + [ + 0, + 0 + ], + [ + 15.511, + 0 + ], + [ + 0.949, + -6.735 + ], + [ + -46.647, + -77.991 + ], + [ + -0.815, + -28.846 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "v": [ + [ + -46.571, + -214.971 + ], + [ + -46.575, + -122.88 + ], + [ + -46.813, + -27.521 + ], + [ + -186.855, + 205.729 + ], + [ + -191.068, + 230.868 + ], + [ + -166.265, + 246.559 + ], + [ + 166.261, + 246.559 + ], + [ + 192.882, + 225.805 + ], + [ + 188.076, + 206.867 + ], + [ + 47.589, + -26.831 + ], + [ + 47.242, + -113.656 + ], + [ + 47.242, + -214.971 + ] + ] + } + } + }, + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 2", + "ix": 2, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [ + 4.437, + -0.099 + ], + [ + 0.465, + -0.094 + ], + [ + 0, + 0 + ], + [ + 0.412, + -0.22 + ], + [ + -6.714, + -4.122 + ], + [ + -3.658, + -0.453 + ], + [ + -33.465, + -0.047 + ], + [ + 1.443, + 5.425 + ] + ], + "o": [ + [ + -0.459, + 0.011 + ], + [ + 0, + 0 + ], + [ + -0.412, + 0.22 + ], + [ + -7.094, + 3.126 + ], + [ + 3.208, + 2.277 + ], + [ + 33.426, + 0.192 + ], + [ + 5.351, + -1.689 + ], + [ + -0.85, + -4.351 + ] + ], + "v": [ + [ + 52.628, + -246.484 + ], + [ + 51.242, + -246.328 + ], + [ + -54.065, + -246.328 + ], + [ + -55.3, + -245.667 + ], + [ + -56.737, + -227.222 + ], + [ + -45.599, + -225.755 + ], + [ + 54.818, + -225.645 + ], + [ + 61.963, + -238.581 + ] + ] + } + } + }, + { + "ty": "mm", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Filter - Merge", + "nm": "Merge Paths 1", + "mm": 1 + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [ + 0.9333, + 0.9529, + 0.9804 + ] + }, + "r": 1, + "o": { + "a": 0, + "k": 100 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 194.08, + 246.833 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + } + ] + } + ], + "ind": 7, + "parent": 4 + }, + { + "ty": 4, + "nm": "svg2_блик2", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0.49, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 0, + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 228, + 228, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 22.938, + -269.036, + 0 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 15 + } + }, + "shapes": [ + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Group 1", + "ix": 1, + "cix": 2, + "np": 5, + "it": [ + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 1", + "ix": 1, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "o": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "v": [ + [ + -2.364, + -15.33 + ], + [ + 50.173, + 82.345 + ], + [ + 23.266, + 82.345 + ], + [ + -14.074, + -14.511 + ] + ] + } + } + }, + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 2", + "ix": 2, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "o": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "v": [ + [ + -45.789, + -82.345 + ], + [ + 17.702, + 82.345 + ], + [ + -26.29, + 82.345 + ], + [ + -50.174, + -82.345 + ] + ] + } + } + }, + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 3", + "ix": 3, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "o": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "v": [ + [ + -38.411, + -82.345 + ], + [ + -5.103, + -20.421 + ], + [ + -16.056, + -19.655 + ], + [ + -40.225, + -82.345 + ] + ] + } + } + }, + { + "ty": "mm", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Filter - Merge", + "nm": "Merge Paths 1", + "mm": 1 + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [ + 0.7569, + 0.8627, + 0.9098 + ] + }, + "r": 1, + "o": { + "a": 0, + "k": 100 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 50.173, + 82.345 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + } + ] + } + ], + "ind": 8, + "parent": 4 + }, + { + "ty": 4, + "nm": "svg2_колба", + "sr": 1, + "st": 0, + "op": 196.82, + "ip": 0.49, + "hd": false, + "ddd": 0, + "bm": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { + "a": 0, + "k": [ + 203.554, + 255.426, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 228, + 228, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + -16.797, + -245.904, + 0 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + }, + "shapes": [ + { + "ty": "gr", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Group", + "nm": "Group 1", + "ix": 1, + "cix": 2, + "np": 5, + "it": [ + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 1", + "ix": 1, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 3.857, + -9.018 + ], + [ + 18.537, + 0 + ], + [ + 0, + 0 + ], + [ + 3.868, + 8.981 + ], + [ + -3.684, + 7.012 + ], + [ + 0, + 0 + ] + ], + "o": [ + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 4.049, + 6.7 + ], + [ + -3.856, + 9.02 + ], + [ + 0, + 0 + ], + [ + -18.066, + 0 + ], + [ + -3.863, + -8.968 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ] + ], + "v": [ + [ + -49.846, + -218.34 + ], + [ + 49.156, + -218.34 + ], + [ + 49.156, + -29.583 + ], + [ + 191.672, + 206.217 + ], + [ + 193.473, + 233.113 + ], + [ + 162.206, + 249.532 + ], + [ + -162.898, + 249.532 + ], + [ + -193.483, + 233.298 + ], + [ + -192.298, + 206.107 + ], + [ + -49.846, + -29.583 + ] + ] + } + } + }, + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 2", + "ix": 2, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [ + -7.386, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + -7.386 + ], + [ + 5.955, + -1.309 + ], + [ + 0, + 0 + ], + [ + 0, + 6.381 + ] + ], + "o": [ + [ + 0, + 0 + ], + [ + 7.386, + 0 + ], + [ + 0, + 6.381 + ], + [ + 0, + 0 + ], + [ + -5.955, + -1.309 + ], + [ + 0, + -7.386 + ] + ], + "v": [ + [ + -51.307, + -250.17 + ], + [ + 51.182, + -250.17 + ], + [ + 64.435, + -236.916 + ], + [ + 54.099, + -223.982 + ], + [ + -54.223, + -223.982 + ], + [ + -64.56, + -236.916 + ] + ] + } + } + }, + { + "ty": "sh", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Shape - Group", + "nm": "Path 3", + "ix": 3, + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [ + 0, + 0 + ], + [ + 0, + -10.072 + ], + [ + -8.06, + -1.895 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + -4.7, + -10.911 + ], + [ + -19.66, + 0 + ], + [ + 0, + 0 + ], + [ + -4.704, + 11 + ], + [ + 5.086, + 8.416 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 8.835 + ], + [ + 10.073, + 0 + ] + ], + "o": [ + [ + -10.072, + 0 + ], + [ + 0, + 8.633 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + -4.542, + 8.614 + ], + [ + 4.699, + 10.911 + ], + [ + 0, + 0 + ], + [ + 20.117, + 0 + ], + [ + 4.704, + -11 + ], + [ + 0, + 0 + ], + [ + 0, + 0 + ], + [ + 8.344, + -1.681 + ], + [ + 0, + -10.072 + ], + [ + 0, + 0 + ] + ], + "v": [ + [ + -51.307, + -255.175 + ], + [ + -69.565, + -236.916 + ], + [ + -55.49, + -219.148 + ], + [ + -55.49, + -31.155 + ], + [ + -197.235, + 203.369 + ], + [ + -197.273, + 203.44 + ], + [ + -198.666, + 235.529 + ], + [ + -162.898, + 255.175 + ], + [ + 162.206, + 255.175 + ], + [ + 198.662, + 235.332 + ], + [ + 196.501, + 203.297 + ], + [ + 54.798, + -31.155 + ], + [ + 54.798, + -219.019 + ], + [ + 69.441, + -236.916 + ], + [ + 51.182, + -255.175 + ] + ] + } + } + }, + { + "ty": "mm", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Filter - Merge", + "nm": "Merge Paths 1", + "mm": 1 + }, + { + "ty": "fl", + "bm": 0, + "hd": false, + "mn": "ADBE Vector Graphic - Fill", + "nm": "Fill 1", + "c": { + "a": 0, + "k": [ + 0.6863, + 0.7765, + 0.9137 + ] + }, + "r": 1, + "o": { + "a": 0, + "k": 100 + } + }, + { + "ty": "tr", + "a": { + "a": 0, + "k": [ + 0, + 0 + ] + }, + "s": { + "a": 0, + "k": [ + 100, + 100 + ] + }, + "sk": { + "a": 0, + "k": 0 + }, + "p": { + "a": 0, + "k": [ + 203.616, + 255.426 + ] + }, + "r": { + "a": 0, + "k": 0 + }, + "sa": { + "a": 0, + "k": 0 + }, + "o": { + "a": 0, + "k": 100 + } + } + ] + } + ], + "ind": 9, + "parent": 4 + } + ] + } + ] +} \ No newline at end of file diff --git a/src/components/Flask.jsx b/src/components/Flask.jsx index e9f8a86..7c8812a 100644 --- a/src/components/Flask.jsx +++ b/src/components/Flask.jsx @@ -16,7 +16,7 @@ const RemoveIcon = styled(IconButton)(({ theme }) => ({ const Flask = ({ name, formula, state, isRemove, onRemove, symbol, color }) => { let flaskType = state === "s" ? solidFlask : state === "g" ? gasFlask : liquidFlask; - // flaskType = flaskDifferentColors(flaskType, color, state); + flaskType = flaskDifferentColors(flaskType, color, state); diff --git a/src/components/SelectedElementsContainer.jsx b/src/components/SelectedElementsContainer.jsx index a13e30b..f413474 100644 --- a/src/components/SelectedElementsContainer.jsx +++ b/src/components/SelectedElementsContainer.jsx @@ -24,6 +24,7 @@ const SelectedElementsContainer = ({ selectedElements , setSelectedElements, mak state={element?.state} formula={element?.symbol} isRemove={true} + color={element?.color} onRemove={handleRemove} /> diff --git a/src/constant/constants.js b/src/constant/constants.js index 494c6bb..3035734 100644 --- a/src/constant/constants.js +++ b/src/constant/constants.js @@ -35,83 +35,122 @@ export function hexToRGBAArray(hex) { cleanHex = cleanHex?.split('')?.map(char => char + char)?.join(''); } - let r = parseInt(cleanHex?.substring(0, 2), 16) / 255; - let g = parseInt(cleanHex?.substring(2, 4), 16) / 255; - let b = parseInt(cleanHex?.substring(4, 6), 16) / 255; + let r = Number((parseInt(cleanHex?.substring(0, 2), 16) / 255).toFixed(4)); + let g = Number((parseInt(cleanHex?.substring(2, 4), 16) / 255).toFixed(4)); + let b = Number((parseInt(cleanHex?.substring(4, 6), 16) / 255).toFixed(4)); let a = cleanHex?.length === 8 ? parseInt(cleanHex?.substring(6, 8), 16) / 255 : 1; // Return the RGBA array return [r, g, b, a]; } +function isExactlyWhite(color) { + return color?.toLowerCase() === '#ffffff'; +} + export function flaskDifferentColors(flaskType, color, state){ - const isWhite = isWhiteVariant(color); - if( !isWhite ){ + if( color && state ){ + const isWhite = isExactlyWhite(color); - const rgba = hexToRGBAArray(color); - const bubbleColor = rgba; - const backgroundColor = rgba; - bubbleColor[3] = 0.3 ; - backgroundColor[3] = 0.6; - - if( state === 'g' || state === 'l' ){ - // main liquid color - flaskType["layers"][6].shapes[0].it[1].c["k"] = rgba; - // background color - flaskType["layers"][8].shapes[0].it[1].c["k"] = backgroundColor; - flaskType["layers"][10].shapes[0].it[4].c["k"] = [1, 0, 0, 1] - } - - if( state === 'g' ){ - // bubbles color ; - flaskType["assets"][0].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 4 in comp_0 - flaskType["assets"][0].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 3 in comp_0 - flaskType["assets"][0].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 2 in comp_0 - flaskType["assets"][0].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 1 in comp_0 + // If reactant color is not white + if( !isWhite ){ + + const rgba = hexToRGBAArray(color); + const bubbleColor = rgba; + const backgroundColor = rgba; + const flaskBorder = rgba; + bubbleColor[3] = 1 ; + backgroundColor[3] = 0.6; + flaskBorder[3] = 0.8; + + if( state === 's' ){ + for( let i = 0 ; i < 13 ; i++ ){ + flaskType['layers'][i]['shapes'][1]['c']['k'] = rgba; + } + } + if( state === 'g' || state === 'l' ){ + // main liquid color + flaskType["layers"][6].shapes[0].it[1].c["k"] = bubbleColor; + // background color + flaskType["layers"][8].shapes[0].it[1].c["k"] = backgroundColor; + // flask border + flaskType["layers"][10].shapes[0].it[4].c["k"] = flaskBorder; + } - flaskType["assets"][0].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 1 in assest - flaskType["assets"][0].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 2 in assest - flaskType["assets"][0].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 3 in assest - flaskType["assets"][0].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 4 in assest - flaskType["layers"][0].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 5 in assest - flaskType["layers"][0].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 6 in assest - flaskType["layers"][0].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 7 in assest - flaskType["layers"][0].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 8 in assest - flaskType["layers"][1].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 9 in assest - flaskType["layers"][1].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 10 in assest - flaskType["layers"][1].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 11 in assest - flaskType["layers"][1].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 12 in assest - flaskType["layers"][2].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 13 in assest - flaskType["layers"][2].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 14 in assest - flaskType["layers"][2].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 15 in assest - flaskType["layers"][2].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 16 in assest + if( state === 'g' ){ + // bubbles color ; + flaskType["assets"][0].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 4 in comp_0 + flaskType["assets"][0].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 3 in comp_0 + flaskType["assets"][0].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 2 in comp_0 + flaskType["assets"][0].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 1 in comp_0 + + flaskType["assets"][0].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 1 in assest + flaskType["assets"][0].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 2 in assest + flaskType["assets"][0].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 3 in assest + flaskType["assets"][0].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 4 in assest + flaskType["layers"][0].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 5 in assest + flaskType["layers"][0].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 6 in assest + flaskType["layers"][0].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 7 in assest + flaskType["layers"][0].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 8 in assest + flaskType["layers"][1].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 9 in assest + flaskType["layers"][1].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 10 in assest + flaskType["layers"][1].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 11 in assest + flaskType["layers"][1].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 12 in assest + flaskType["layers"][2].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 13 in assest + flaskType["layers"][2].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 14 in assest + flaskType["layers"][2].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 15 in assest + flaskType["layers"][2].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 16 in assest + } + }else { + const gray = [0.8274, 0.8274, 0.8274, 1]; + const bubbleColor = gray; + const backgroundColor = gray; + const flaskBorder = gray; + bubbleColor[3] = 1 ; + backgroundColor[3] = 0.6; + flaskBorder[3] = 0.8; + if( state === 's' ){ + for( let i = 0 ; i < 13 ; i++ ){ + flaskType['layers'][i]['shapes'][1]['c']['k'] = gray ; + } + } + if( state === 'g' || state === 'l' ){ + // main liquid color + flaskType["layers"][6].shapes[0].it[1].c["k"] = bubbleColor; + // background color + flaskType["layers"][8].shapes[0].it[1].c["k"] = backgroundColor; + // flask border + flaskType["layers"][10].shapes[0].it[4].c["k"] = flaskBorder; + } + + if( state === 'g' ){ + // bubbles color ; + flaskType["assets"][0].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 4 in comp_0 + flaskType["assets"][0].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 3 in comp_0 + flaskType["assets"][0].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 2 in comp_0 + flaskType["assets"][0].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 1 in comp_0 + + flaskType["assets"][0].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 1 in assest + flaskType["assets"][0].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 2 in assest + flaskType["assets"][0].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 3 in assest + flaskType["assets"][0].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 4 in assest + flaskType["layers"][0].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 5 in assest + flaskType["layers"][0].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 6 in assest + flaskType["layers"][0].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 7 in assest + flaskType["layers"][0].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 8 in assest + flaskType["layers"][1].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 9 in assest + flaskType["layers"][1].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 10 in assest + flaskType["layers"][1].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 11 in assest + flaskType["layers"][1].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 12 in assest + flaskType["layers"][2].layers[0].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 13 in assest + flaskType["layers"][2].layers[1].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 14 in assest + flaskType["layers"][2].layers[2].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 15 in assest + flaskType["layers"][2].layers[3].shapes[0].it[2].c["k"] = bubbleColor; // Bubble 16 in assest + } } - } - - return flaskType; -} -function isWhiteVariant(color) { - // Convert hex color to RGB - const r = parseInt(color?.slice(1, 3), 16); - const g = parseInt(color?.slice(3, 5), 16); - const b = parseInt(color?.slice(5, 7), 16); - // Set thresholds for determining "white variant" - const lightnessThreshold = 240; // Minimum value for R, G, and B channels to be considered light enough - const maxColorDifference = 15; // Maximum difference allowed between R, G, and B channels - - // Check if the color is light enough - if (r >= lightnessThreshold && g >= lightnessThreshold && b >= lightnessThreshold) { - // Check if the color has low saturation - const maxChannel = Math.max(r, g, b); - const minChannel = Math.min(r, g, b); - - if (maxChannel - minChannel <= maxColorDifference) { - return true; - } + return flaskType; } - - return false; }