{"id":1140,"date":"2023-04-02T08:43:46","date_gmt":"2023-04-02T05:43:46","guid":{"rendered":"https:\/\/notes.profidev.online\/?p=1140"},"modified":"2023-04-02T08:43:49","modified_gmt":"2023-04-02T05:43:49","slug":"animated-loader","status":"publish","type":"post","link":"https:\/\/notes.profidev.online\/ru\/loader\/1140\/","title":{"rendered":"Animated loader"},"content":{"rendered":"<figure class=\"wp-block-video\"><video height=\"481\" style=\"aspect-ratio: 916 \/ 481;\" width=\"916\" controls src=\"https:\/\/notes.profidev.online\/wp-content\/uploads\/2023\/04\/vokoscreenng-2023-04-02_07-38-29.webm\"><\/video><\/figure>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;htmlmixed&quot;,&quot;mime&quot;:&quot;text\/html&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;HTML&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;html&quot;}\">  &lt;div class=&quot;wrapper&quot;&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball one&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball two&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball three&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball four&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball five&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n    &lt;div class=&quot;ball six&quot;&gt;&lt;\/div&gt;\n  &lt;\/div&gt;<\/pre><\/div>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;css&quot;,&quot;mime&quot;:&quot;text\/css&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;CSS&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;css&quot;}\">body {\n  background: #2D3047;\n}\n\n.wrapper {\n  position: absolute;\n  width: 200px;\n  height: 200px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.wrapper .ball {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 3px;\n  height: 3px;\n  border-radius: 100%;\n  -webkit-animation-name: swing;\n          animation-name: swing;\n  -webkit-animation-duration: 5s;\n          animation-duration: 5s;\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-timing-function: ease-out;\n          animation-timing-function: ease-out;\n  visibility: hidden;\n}\n.wrapper .ball.one {\n  background: #07BEB8;\n}\n.wrapper .ball.two {\n  background: #FFFD82;\n}\n.wrapper .ball.three {\n  background: #FF9B71;\n}\n.wrapper .ball.four {\n  background: #07BEB8;\n}\n.wrapper .ball.five {\n  background: #FFFD82;\n}\n.wrapper .ball.six {\n  background: #FF9B71;\n}\n.wrapper .ball.one:nth-child(1) {\n  -webkit-animation-delay: 0.01s;\n          animation-delay: 0.01s;\n  opacity: 0.49;\n}\n.wrapper .ball.two:nth-child(51) {\n  -webkit-animation-delay: 0.76s;\n          animation-delay: 0.76s;\n  opacity: 0.49;\n}\n.wrapper .ball.three:nth-child(101) {\n  -webkit-animation-delay: 1.51s;\n          animation-delay: 1.51s;\n  opacity: 0.49;\n}\n.wrapper .ball.four:nth-child(151) {\n  -webkit-animation-delay: 2.26s;\n          animation-delay: 2.26s;\n  opacity: 0.49;\n}\n.wrapper .ball.five:nth-child(201) {\n  -webkit-animation-delay: 3.01s;\n          animation-delay: 3.01s;\n  opacity: 0.49;\n}\n.wrapper .ball.six:nth-child(251) {\n  -webkit-animation-delay: 3.76s;\n          animation-delay: 3.76s;\n  opacity: 0.49;\n}\n.wrapper .ball.one:nth-child(2) {\n  -webkit-animation-delay: 0.02s;\n          animation-delay: 0.02s;\n  opacity: 0.48;\n}\n.wrapper .ball.two:nth-child(52) {\n  -webkit-animation-delay: 0.77s;\n          animation-delay: 0.77s;\n  opacity: 0.48;\n}\n.wrapper .ball.three:nth-child(102) {\n  -webkit-animation-delay: 1.52s;\n          animation-delay: 1.52s;\n  opacity: 0.48;\n}\n.wrapper .ball.four:nth-child(152) {\n  -webkit-animation-delay: 2.27s;\n          animation-delay: 2.27s;\n  opacity: 0.48;\n}\n.wrapper .ball.five:nth-child(202) {\n  -webkit-animation-delay: 3.02s;\n          animation-delay: 3.02s;\n  opacity: 0.48;\n}\n.wrapper .ball.six:nth-child(252) {\n  -webkit-animation-delay: 3.77s;\n          animation-delay: 3.77s;\n  opacity: 0.48;\n}\n.wrapper .ball.one:nth-child(3) {\n  -webkit-animation-delay: 0.03s;\n          animation-delay: 0.03s;\n  opacity: 0.47;\n}\n.wrapper .ball.two:nth-child(53) {\n  -webkit-animation-delay: 0.78s;\n          animation-delay: 0.78s;\n  opacity: 0.47;\n}\n.wrapper .ball.three:nth-child(103) {\n  -webkit-animation-delay: 1.53s;\n          animation-delay: 1.53s;\n  opacity: 0.47;\n}\n.wrapper .ball.four:nth-child(153) {\n  -webkit-animation-delay: 2.28s;\n          animation-delay: 2.28s;\n  opacity: 0.47;\n}\n.wrapper .ball.five:nth-child(203) {\n  -webkit-animation-delay: 3.03s;\n          animation-delay: 3.03s;\n  opacity: 0.47;\n}\n.wrapper .ball.six:nth-child(253) {\n  -webkit-animation-delay: 3.78s;\n          animation-delay: 3.78s;\n  opacity: 0.47;\n}\n.wrapper .ball.one:nth-child(4) {\n  -webkit-animation-delay: 0.04s;\n          animation-delay: 0.04s;\n  opacity: 0.46;\n}\n.wrapper .ball.two:nth-child(54) {\n  -webkit-animation-delay: 0.79s;\n          animation-delay: 0.79s;\n  opacity: 0.46;\n}\n.wrapper .ball.three:nth-child(104) {\n  -webkit-animation-delay: 1.54s;\n          animation-delay: 1.54s;\n  opacity: 0.46;\n}\n.wrapper .ball.four:nth-child(154) {\n  -webkit-animation-delay: 2.29s;\n          animation-delay: 2.29s;\n  opacity: 0.46;\n}\n.wrapper .ball.five:nth-child(204) {\n  -webkit-animation-delay: 3.04s;\n          animation-delay: 3.04s;\n  opacity: 0.46;\n}\n.wrapper .ball.six:nth-child(254) {\n  -webkit-animation-delay: 3.79s;\n          animation-delay: 3.79s;\n  opacity: 0.46;\n}\n.wrapper .ball.one:nth-child(5) {\n  -webkit-animation-delay: 0.05s;\n          animation-delay: 0.05s;\n  opacity: 0.45;\n}\n.wrapper .ball.two:nth-child(55) {\n  -webkit-animation-delay: 0.8s;\n          animation-delay: 0.8s;\n  opacity: 0.45;\n}\n.wrapper .ball.three:nth-child(105) {\n  -webkit-animation-delay: 1.55s;\n          animation-delay: 1.55s;\n  opacity: 0.45;\n}\n.wrapper .ball.four:nth-child(155) {\n  -webkit-animation-delay: 2.3s;\n          animation-delay: 2.3s;\n  opacity: 0.45;\n}\n.wrapper .ball.five:nth-child(205) {\n  -webkit-animation-delay: 3.05s;\n          animation-delay: 3.05s;\n  opacity: 0.45;\n}\n.wrapper .ball.six:nth-child(255) {\n  -webkit-animation-delay: 3.8s;\n          animation-delay: 3.8s;\n  opacity: 0.45;\n}\n.wrapper .ball.one:nth-child(6) {\n  -webkit-animation-delay: 0.06s;\n          animation-delay: 0.06s;\n  opacity: 0.44;\n}\n.wrapper .ball.two:nth-child(56) {\n  -webkit-animation-delay: 0.81s;\n          animation-delay: 0.81s;\n  opacity: 0.44;\n}\n.wrapper .ball.three:nth-child(106) {\n  -webkit-animation-delay: 1.56s;\n          animation-delay: 1.56s;\n  opacity: 0.44;\n}\n.wrapper .ball.four:nth-child(156) {\n  -webkit-animation-delay: 2.31s;\n          animation-delay: 2.31s;\n  opacity: 0.44;\n}\n.wrapper .ball.five:nth-child(206) {\n  -webkit-animation-delay: 3.06s;\n          animation-delay: 3.06s;\n  opacity: 0.44;\n}\n.wrapper .ball.six:nth-child(256) {\n  -webkit-animation-delay: 3.81s;\n          animation-delay: 3.81s;\n  opacity: 0.44;\n}\n.wrapper .ball.one:nth-child(7) {\n  -webkit-animation-delay: 0.07s;\n          animation-delay: 0.07s;\n  opacity: 0.43;\n}\n.wrapper .ball.two:nth-child(57) {\n  -webkit-animation-delay: 0.82s;\n          animation-delay: 0.82s;\n  opacity: 0.43;\n}\n.wrapper .ball.three:nth-child(107) {\n  -webkit-animation-delay: 1.57s;\n          animation-delay: 1.57s;\n  opacity: 0.43;\n}\n.wrapper .ball.four:nth-child(157) {\n  -webkit-animation-delay: 2.32s;\n          animation-delay: 2.32s;\n  opacity: 0.43;\n}\n.wrapper .ball.five:nth-child(207) {\n  -webkit-animation-delay: 3.07s;\n          animation-delay: 3.07s;\n  opacity: 0.43;\n}\n.wrapper .ball.six:nth-child(257) {\n  -webkit-animation-delay: 3.82s;\n          animation-delay: 3.82s;\n  opacity: 0.43;\n}\n.wrapper .ball.one:nth-child(8) {\n  -webkit-animation-delay: 0.08s;\n          animation-delay: 0.08s;\n  opacity: 0.42;\n}\n.wrapper .ball.two:nth-child(58) {\n  -webkit-animation-delay: 0.83s;\n          animation-delay: 0.83s;\n  opacity: 0.42;\n}\n.wrapper .ball.three:nth-child(108) {\n  -webkit-animation-delay: 1.58s;\n          animation-delay: 1.58s;\n  opacity: 0.42;\n}\n.wrapper .ball.four:nth-child(158) {\n  -webkit-animation-delay: 2.33s;\n          animation-delay: 2.33s;\n  opacity: 0.42;\n}\n.wrapper .ball.five:nth-child(208) {\n  -webkit-animation-delay: 3.08s;\n          animation-delay: 3.08s;\n  opacity: 0.42;\n}\n.wrapper .ball.six:nth-child(258) {\n  -webkit-animation-delay: 3.83s;\n          animation-delay: 3.83s;\n  opacity: 0.42;\n}\n.wrapper .ball.one:nth-child(9) {\n  -webkit-animation-delay: 0.09s;\n          animation-delay: 0.09s;\n  opacity: 0.41;\n}\n.wrapper .ball.two:nth-child(59) {\n  -webkit-animation-delay: 0.84s;\n          animation-delay: 0.84s;\n  opacity: 0.41;\n}\n.wrapper .ball.three:nth-child(109) {\n  -webkit-animation-delay: 1.59s;\n          animation-delay: 1.59s;\n  opacity: 0.41;\n}\n.wrapper .ball.four:nth-child(159) {\n  -webkit-animation-delay: 2.34s;\n          animation-delay: 2.34s;\n  opacity: 0.41;\n}\n.wrapper .ball.five:nth-child(209) {\n  -webkit-animation-delay: 3.09s;\n          animation-delay: 3.09s;\n  opacity: 0.41;\n}\n.wrapper .ball.six:nth-child(259) {\n  -webkit-animation-delay: 3.84s;\n          animation-delay: 3.84s;\n  opacity: 0.41;\n}\n.wrapper .ball.one:nth-child(10) {\n  -webkit-animation-delay: 0.1s;\n          animation-delay: 0.1s;\n  opacity: 0.4;\n}\n.wrapper .ball.two:nth-child(60) {\n  -webkit-animation-delay: 0.85s;\n          animation-delay: 0.85s;\n  opacity: 0.4;\n}\n.wrapper .ball.three:nth-child(110) {\n  -webkit-animation-delay: 1.6s;\n          animation-delay: 1.6s;\n  opacity: 0.4;\n}\n.wrapper .ball.four:nth-child(160) {\n  -webkit-animation-delay: 2.35s;\n          animation-delay: 2.35s;\n  opacity: 0.4;\n}\n.wrapper .ball.five:nth-child(210) {\n  -webkit-animation-delay: 3.1s;\n          animation-delay: 3.1s;\n  opacity: 0.4;\n}\n.wrapper .ball.six:nth-child(260) {\n  -webkit-animation-delay: 3.85s;\n          animation-delay: 3.85s;\n  opacity: 0.4;\n}\n.wrapper .ball.one:nth-child(11) {\n  -webkit-animation-delay: 0.11s;\n          animation-delay: 0.11s;\n  opacity: 0.39;\n}\n.wrapper .ball.two:nth-child(61) {\n  -webkit-animation-delay: 0.86s;\n          animation-delay: 0.86s;\n  opacity: 0.39;\n}\n.wrapper .ball.three:nth-child(111) {\n  -webkit-animation-delay: 1.61s;\n          animation-delay: 1.61s;\n  opacity: 0.39;\n}\n.wrapper .ball.four:nth-child(161) {\n  -webkit-animation-delay: 2.36s;\n          animation-delay: 2.36s;\n  opacity: 0.39;\n}\n.wrapper .ball.five:nth-child(211) {\n  -webkit-animation-delay: 3.11s;\n          animation-delay: 3.11s;\n  opacity: 0.39;\n}\n.wrapper .ball.six:nth-child(261) {\n  -webkit-animation-delay: 3.86s;\n          animation-delay: 3.86s;\n  opacity: 0.39;\n}\n.wrapper .ball.one:nth-child(12) {\n  -webkit-animation-delay: 0.12s;\n          animation-delay: 0.12s;\n  opacity: 0.38;\n}\n.wrapper .ball.two:nth-child(62) {\n  -webkit-animation-delay: 0.87s;\n          animation-delay: 0.87s;\n  opacity: 0.38;\n}\n.wrapper .ball.three:nth-child(112) {\n  -webkit-animation-delay: 1.62s;\n          animation-delay: 1.62s;\n  opacity: 0.38;\n}\n.wrapper .ball.four:nth-child(162) {\n  -webkit-animation-delay: 2.37s;\n          animation-delay: 2.37s;\n  opacity: 0.38;\n}\n.wrapper .ball.five:nth-child(212) {\n  -webkit-animation-delay: 3.12s;\n          animation-delay: 3.12s;\n  opacity: 0.38;\n}\n.wrapper .ball.six:nth-child(262) {\n  -webkit-animation-delay: 3.87s;\n          animation-delay: 3.87s;\n  opacity: 0.38;\n}\n.wrapper .ball.one:nth-child(13) {\n  -webkit-animation-delay: 0.13s;\n          animation-delay: 0.13s;\n  opacity: 0.37;\n}\n.wrapper .ball.two:nth-child(63) {\n  -webkit-animation-delay: 0.88s;\n          animation-delay: 0.88s;\n  opacity: 0.37;\n}\n.wrapper .ball.three:nth-child(113) {\n  -webkit-animation-delay: 1.63s;\n          animation-delay: 1.63s;\n  opacity: 0.37;\n}\n.wrapper .ball.four:nth-child(163) {\n  -webkit-animation-delay: 2.38s;\n          animation-delay: 2.38s;\n  opacity: 0.37;\n}\n.wrapper .ball.five:nth-child(213) {\n  -webkit-animation-delay: 3.13s;\n          animation-delay: 3.13s;\n  opacity: 0.37;\n}\n.wrapper .ball.six:nth-child(263) {\n  -webkit-animation-delay: 3.88s;\n          animation-delay: 3.88s;\n  opacity: 0.37;\n}\n.wrapper .ball.one:nth-child(14) {\n  -webkit-animation-delay: 0.14s;\n          animation-delay: 0.14s;\n  opacity: 0.36;\n}\n.wrapper .ball.two:nth-child(64) {\n  -webkit-animation-delay: 0.89s;\n          animation-delay: 0.89s;\n  opacity: 0.36;\n}\n.wrapper .ball.three:nth-child(114) {\n  -webkit-animation-delay: 1.64s;\n          animation-delay: 1.64s;\n  opacity: 0.36;\n}\n.wrapper .ball.four:nth-child(164) {\n  -webkit-animation-delay: 2.39s;\n          animation-delay: 2.39s;\n  opacity: 0.36;\n}\n.wrapper .ball.five:nth-child(214) {\n  -webkit-animation-delay: 3.14s;\n          animation-delay: 3.14s;\n  opacity: 0.36;\n}\n.wrapper .ball.six:nth-child(264) {\n  -webkit-animation-delay: 3.89s;\n          animation-delay: 3.89s;\n  opacity: 0.36;\n}\n.wrapper .ball.one:nth-child(15) {\n  -webkit-animation-delay: 0.15s;\n          animation-delay: 0.15s;\n  opacity: 0.35;\n}\n.wrapper .ball.two:nth-child(65) {\n  -webkit-animation-delay: 0.9s;\n          animation-delay: 0.9s;\n  opacity: 0.35;\n}\n.wrapper .ball.three:nth-child(115) {\n  -webkit-animation-delay: 1.65s;\n          animation-delay: 1.65s;\n  opacity: 0.35;\n}\n.wrapper .ball.four:nth-child(165) {\n  -webkit-animation-delay: 2.4s;\n          animation-delay: 2.4s;\n  opacity: 0.35;\n}\n.wrapper .ball.five:nth-child(215) {\n  -webkit-animation-delay: 3.15s;\n          animation-delay: 3.15s;\n  opacity: 0.35;\n}\n.wrapper .ball.six:nth-child(265) {\n  -webkit-animation-delay: 3.9s;\n          animation-delay: 3.9s;\n  opacity: 0.35;\n}\n.wrapper .ball.one:nth-child(16) {\n  -webkit-animation-delay: 0.16s;\n          animation-delay: 0.16s;\n  opacity: 0.34;\n}\n.wrapper .ball.two:nth-child(66) {\n  -webkit-animation-delay: 0.91s;\n          animation-delay: 0.91s;\n  opacity: 0.34;\n}\n.wrapper .ball.three:nth-child(116) {\n  -webkit-animation-delay: 1.66s;\n          animation-delay: 1.66s;\n  opacity: 0.34;\n}\n.wrapper .ball.four:nth-child(166) {\n  -webkit-animation-delay: 2.41s;\n          animation-delay: 2.41s;\n  opacity: 0.34;\n}\n.wrapper .ball.five:nth-child(216) {\n  -webkit-animation-delay: 3.16s;\n          animation-delay: 3.16s;\n  opacity: 0.34;\n}\n.wrapper .ball.six:nth-child(266) {\n  -webkit-animation-delay: 3.91s;\n          animation-delay: 3.91s;\n  opacity: 0.34;\n}\n.wrapper .ball.one:nth-child(17) {\n  -webkit-animation-delay: 0.17s;\n          animation-delay: 0.17s;\n  opacity: 0.33;\n}\n.wrapper .ball.two:nth-child(67) {\n  -webkit-animation-delay: 0.92s;\n          animation-delay: 0.92s;\n  opacity: 0.33;\n}\n.wrapper .ball.three:nth-child(117) {\n  -webkit-animation-delay: 1.67s;\n          animation-delay: 1.67s;\n  opacity: 0.33;\n}\n.wrapper .ball.four:nth-child(167) {\n  -webkit-animation-delay: 2.42s;\n          animation-delay: 2.42s;\n  opacity: 0.33;\n}\n.wrapper .ball.five:nth-child(217) {\n  -webkit-animation-delay: 3.17s;\n          animation-delay: 3.17s;\n  opacity: 0.33;\n}\n.wrapper .ball.six:nth-child(267) {\n  -webkit-animation-delay: 3.92s;\n          animation-delay: 3.92s;\n  opacity: 0.33;\n}\n.wrapper .ball.one:nth-child(18) {\n  -webkit-animation-delay: 0.18s;\n          animation-delay: 0.18s;\n  opacity: 0.32;\n}\n.wrapper .ball.two:nth-child(68) {\n  -webkit-animation-delay: 0.93s;\n          animation-delay: 0.93s;\n  opacity: 0.32;\n}\n.wrapper .ball.three:nth-child(118) {\n  -webkit-animation-delay: 1.68s;\n          animation-delay: 1.68s;\n  opacity: 0.32;\n}\n.wrapper .ball.four:nth-child(168) {\n  -webkit-animation-delay: 2.43s;\n          animation-delay: 2.43s;\n  opacity: 0.32;\n}\n.wrapper .ball.five:nth-child(218) {\n  -webkit-animation-delay: 3.18s;\n          animation-delay: 3.18s;\n  opacity: 0.32;\n}\n.wrapper .ball.six:nth-child(268) {\n  -webkit-animation-delay: 3.93s;\n          animation-delay: 3.93s;\n  opacity: 0.32;\n}\n.wrapper .ball.one:nth-child(19) {\n  -webkit-animation-delay: 0.19s;\n          animation-delay: 0.19s;\n  opacity: 0.31;\n}\n.wrapper .ball.two:nth-child(69) {\n  -webkit-animation-delay: 0.94s;\n          animation-delay: 0.94s;\n  opacity: 0.31;\n}\n.wrapper .ball.three:nth-child(119) {\n  -webkit-animation-delay: 1.69s;\n          animation-delay: 1.69s;\n  opacity: 0.31;\n}\n.wrapper .ball.four:nth-child(169) {\n  -webkit-animation-delay: 2.44s;\n          animation-delay: 2.44s;\n  opacity: 0.31;\n}\n.wrapper .ball.five:nth-child(219) {\n  -webkit-animation-delay: 3.19s;\n          animation-delay: 3.19s;\n  opacity: 0.31;\n}\n.wrapper .ball.six:nth-child(269) {\n  -webkit-animation-delay: 3.94s;\n          animation-delay: 3.94s;\n  opacity: 0.31;\n}\n.wrapper .ball.one:nth-child(20) {\n  -webkit-animation-delay: 0.2s;\n          animation-delay: 0.2s;\n  opacity: 0.3;\n}\n.wrapper .ball.two:nth-child(70) {\n  -webkit-animation-delay: 0.95s;\n          animation-delay: 0.95s;\n  opacity: 0.3;\n}\n.wrapper .ball.three:nth-child(120) {\n  -webkit-animation-delay: 1.7s;\n          animation-delay: 1.7s;\n  opacity: 0.3;\n}\n.wrapper .ball.four:nth-child(170) {\n  -webkit-animation-delay: 2.45s;\n          animation-delay: 2.45s;\n  opacity: 0.3;\n}\n.wrapper .ball.five:nth-child(220) {\n  -webkit-animation-delay: 3.2s;\n          animation-delay: 3.2s;\n  opacity: 0.3;\n}\n.wrapper .ball.six:nth-child(270) {\n  -webkit-animation-delay: 3.95s;\n          animation-delay: 3.95s;\n  opacity: 0.3;\n}\n.wrapper .ball.one:nth-child(21) {\n  -webkit-animation-delay: 0.21s;\n          animation-delay: 0.21s;\n  opacity: 0.29;\n}\n.wrapper .ball.two:nth-child(71) {\n  -webkit-animation-delay: 0.96s;\n          animation-delay: 0.96s;\n  opacity: 0.29;\n}\n.wrapper .ball.three:nth-child(121) {\n  -webkit-animation-delay: 1.71s;\n          animation-delay: 1.71s;\n  opacity: 0.29;\n}\n.wrapper .ball.four:nth-child(171) {\n  -webkit-animation-delay: 2.46s;\n          animation-delay: 2.46s;\n  opacity: 0.29;\n}\n.wrapper .ball.five:nth-child(221) {\n  -webkit-animation-delay: 3.21s;\n          animation-delay: 3.21s;\n  opacity: 0.29;\n}\n.wrapper .ball.six:nth-child(271) {\n  -webkit-animation-delay: 3.96s;\n          animation-delay: 3.96s;\n  opacity: 0.29;\n}\n.wrapper .ball.one:nth-child(22) {\n  -webkit-animation-delay: 0.22s;\n          animation-delay: 0.22s;\n  opacity: 0.28;\n}\n.wrapper .ball.two:nth-child(72) {\n  -webkit-animation-delay: 0.97s;\n          animation-delay: 0.97s;\n  opacity: 0.28;\n}\n.wrapper .ball.three:nth-child(122) {\n  -webkit-animation-delay: 1.72s;\n          animation-delay: 1.72s;\n  opacity: 0.28;\n}\n.wrapper .ball.four:nth-child(172) {\n  -webkit-animation-delay: 2.47s;\n          animation-delay: 2.47s;\n  opacity: 0.28;\n}\n.wrapper .ball.five:nth-child(222) {\n  -webkit-animation-delay: 3.22s;\n          animation-delay: 3.22s;\n  opacity: 0.28;\n}\n.wrapper .ball.six:nth-child(272) {\n  -webkit-animation-delay: 3.97s;\n          animation-delay: 3.97s;\n  opacity: 0.28;\n}\n.wrapper .ball.one:nth-child(23) {\n  -webkit-animation-delay: 0.23s;\n          animation-delay: 0.23s;\n  opacity: 0.27;\n}\n.wrapper .ball.two:nth-child(73) {\n  -webkit-animation-delay: 0.98s;\n          animation-delay: 0.98s;\n  opacity: 0.27;\n}\n.wrapper .ball.three:nth-child(123) {\n  -webkit-animation-delay: 1.73s;\n          animation-delay: 1.73s;\n  opacity: 0.27;\n}\n.wrapper .ball.four:nth-child(173) {\n  -webkit-animation-delay: 2.48s;\n          animation-delay: 2.48s;\n  opacity: 0.27;\n}\n.wrapper .ball.five:nth-child(223) {\n  -webkit-animation-delay: 3.23s;\n          animation-delay: 3.23s;\n  opacity: 0.27;\n}\n.wrapper .ball.six:nth-child(273) {\n  -webkit-animation-delay: 3.98s;\n          animation-delay: 3.98s;\n  opacity: 0.27;\n}\n.wrapper .ball.one:nth-child(24) {\n  -webkit-animation-delay: 0.24s;\n          animation-delay: 0.24s;\n  opacity: 0.26;\n}\n.wrapper .ball.two:nth-child(74) {\n  -webkit-animation-delay: 0.99s;\n          animation-delay: 0.99s;\n  opacity: 0.26;\n}\n.wrapper .ball.three:nth-child(124) {\n  -webkit-animation-delay: 1.74s;\n          animation-delay: 1.74s;\n  opacity: 0.26;\n}\n.wrapper .ball.four:nth-child(174) {\n  -webkit-animation-delay: 2.49s;\n          animation-delay: 2.49s;\n  opacity: 0.26;\n}\n.wrapper .ball.five:nth-child(224) {\n  -webkit-animation-delay: 3.24s;\n          animation-delay: 3.24s;\n  opacity: 0.26;\n}\n.wrapper .ball.six:nth-child(274) {\n  -webkit-animation-delay: 3.99s;\n          animation-delay: 3.99s;\n  opacity: 0.26;\n}\n.wrapper .ball.one:nth-child(25) {\n  -webkit-animation-delay: 0.25s;\n          animation-delay: 0.25s;\n  opacity: 0.25;\n}\n.wrapper .ball.two:nth-child(75) {\n  -webkit-animation-delay: 1s;\n          animation-delay: 1s;\n  opacity: 0.25;\n}\n.wrapper .ball.three:nth-child(125) {\n  -webkit-animation-delay: 1.75s;\n          animation-delay: 1.75s;\n  opacity: 0.25;\n}\n.wrapper .ball.four:nth-child(175) {\n  -webkit-animation-delay: 2.5s;\n          animation-delay: 2.5s;\n  opacity: 0.25;\n}\n.wrapper .ball.five:nth-child(225) {\n  -webkit-animation-delay: 3.25s;\n          animation-delay: 3.25s;\n  opacity: 0.25;\n}\n.wrapper .ball.six:nth-child(275) {\n  -webkit-animation-delay: 4s;\n          animation-delay: 4s;\n  opacity: 0.25;\n}\n.wrapper .ball.one:nth-child(26) {\n  -webkit-animation-delay: 0.26s;\n          animation-delay: 0.26s;\n  opacity: 0.24;\n}\n.wrapper .ball.two:nth-child(76) {\n  -webkit-animation-delay: 1.01s;\n          animation-delay: 1.01s;\n  opacity: 0.24;\n}\n.wrapper .ball.three:nth-child(126) {\n  -webkit-animation-delay: 1.76s;\n          animation-delay: 1.76s;\n  opacity: 0.24;\n}\n.wrapper .ball.four:nth-child(176) {\n  -webkit-animation-delay: 2.51s;\n          animation-delay: 2.51s;\n  opacity: 0.24;\n}\n.wrapper .ball.five:nth-child(226) {\n  -webkit-animation-delay: 3.26s;\n          animation-delay: 3.26s;\n  opacity: 0.24;\n}\n.wrapper .ball.six:nth-child(276) {\n  -webkit-animation-delay: 4.01s;\n          animation-delay: 4.01s;\n  opacity: 0.24;\n}\n.wrapper .ball.one:nth-child(27) {\n  -webkit-animation-delay: 0.27s;\n          animation-delay: 0.27s;\n  opacity: 0.23;\n}\n.wrapper .ball.two:nth-child(77) {\n  -webkit-animation-delay: 1.02s;\n          animation-delay: 1.02s;\n  opacity: 0.23;\n}\n.wrapper .ball.three:nth-child(127) {\n  -webkit-animation-delay: 1.77s;\n          animation-delay: 1.77s;\n  opacity: 0.23;\n}\n.wrapper .ball.four:nth-child(177) {\n  -webkit-animation-delay: 2.52s;\n          animation-delay: 2.52s;\n  opacity: 0.23;\n}\n.wrapper .ball.five:nth-child(227) {\n  -webkit-animation-delay: 3.27s;\n          animation-delay: 3.27s;\n  opacity: 0.23;\n}\n.wrapper .ball.six:nth-child(277) {\n  -webkit-animation-delay: 4.02s;\n          animation-delay: 4.02s;\n  opacity: 0.23;\n}\n.wrapper .ball.one:nth-child(28) {\n  -webkit-animation-delay: 0.28s;\n          animation-delay: 0.28s;\n  opacity: 0.22;\n}\n.wrapper .ball.two:nth-child(78) {\n  -webkit-animation-delay: 1.03s;\n          animation-delay: 1.03s;\n  opacity: 0.22;\n}\n.wrapper .ball.three:nth-child(128) {\n  -webkit-animation-delay: 1.78s;\n          animation-delay: 1.78s;\n  opacity: 0.22;\n}\n.wrapper .ball.four:nth-child(178) {\n  -webkit-animation-delay: 2.53s;\n          animation-delay: 2.53s;\n  opacity: 0.22;\n}\n.wrapper .ball.five:nth-child(228) {\n  -webkit-animation-delay: 3.28s;\n          animation-delay: 3.28s;\n  opacity: 0.22;\n}\n.wrapper .ball.six:nth-child(278) {\n  -webkit-animation-delay: 4.03s;\n          animation-delay: 4.03s;\n  opacity: 0.22;\n}\n.wrapper .ball.one:nth-child(29) {\n  -webkit-animation-delay: 0.29s;\n          animation-delay: 0.29s;\n  opacity: 0.21;\n}\n.wrapper .ball.two:nth-child(79) {\n  -webkit-animation-delay: 1.04s;\n          animation-delay: 1.04s;\n  opacity: 0.21;\n}\n.wrapper .ball.three:nth-child(129) {\n  -webkit-animation-delay: 1.79s;\n          animation-delay: 1.79s;\n  opacity: 0.21;\n}\n.wrapper .ball.four:nth-child(179) {\n  -webkit-animation-delay: 2.54s;\n          animation-delay: 2.54s;\n  opacity: 0.21;\n}\n.wrapper .ball.five:nth-child(229) {\n  -webkit-animation-delay: 3.29s;\n          animation-delay: 3.29s;\n  opacity: 0.21;\n}\n.wrapper .ball.six:nth-child(279) {\n  -webkit-animation-delay: 4.04s;\n          animation-delay: 4.04s;\n  opacity: 0.21;\n}\n.wrapper .ball.one:nth-child(30) {\n  -webkit-animation-delay: 0.3s;\n          animation-delay: 0.3s;\n  opacity: 0.2;\n}\n.wrapper .ball.two:nth-child(80) {\n  -webkit-animation-delay: 1.05s;\n          animation-delay: 1.05s;\n  opacity: 0.2;\n}\n.wrapper .ball.three:nth-child(130) {\n  -webkit-animation-delay: 1.8s;\n          animation-delay: 1.8s;\n  opacity: 0.2;\n}\n.wrapper .ball.four:nth-child(180) {\n  -webkit-animation-delay: 2.55s;\n          animation-delay: 2.55s;\n  opacity: 0.2;\n}\n.wrapper .ball.five:nth-child(230) {\n  -webkit-animation-delay: 3.3s;\n          animation-delay: 3.3s;\n  opacity: 0.2;\n}\n.wrapper .ball.six:nth-child(280) {\n  -webkit-animation-delay: 4.05s;\n          animation-delay: 4.05s;\n  opacity: 0.2;\n}\n.wrapper .ball.one:nth-child(31) {\n  -webkit-animation-delay: 0.31s;\n          animation-delay: 0.31s;\n  opacity: 0.19;\n}\n.wrapper .ball.two:nth-child(81) {\n  -webkit-animation-delay: 1.06s;\n          animation-delay: 1.06s;\n  opacity: 0.19;\n}\n.wrapper .ball.three:nth-child(131) {\n  -webkit-animation-delay: 1.81s;\n          animation-delay: 1.81s;\n  opacity: 0.19;\n}\n.wrapper .ball.four:nth-child(181) {\n  -webkit-animation-delay: 2.56s;\n          animation-delay: 2.56s;\n  opacity: 0.19;\n}\n.wrapper .ball.five:nth-child(231) {\n  -webkit-animation-delay: 3.31s;\n          animation-delay: 3.31s;\n  opacity: 0.19;\n}\n.wrapper .ball.six:nth-child(281) {\n  -webkit-animation-delay: 4.06s;\n          animation-delay: 4.06s;\n  opacity: 0.19;\n}\n.wrapper .ball.one:nth-child(32) {\n  -webkit-animation-delay: 0.32s;\n          animation-delay: 0.32s;\n  opacity: 0.18;\n}\n.wrapper .ball.two:nth-child(82) {\n  -webkit-animation-delay: 1.07s;\n          animation-delay: 1.07s;\n  opacity: 0.18;\n}\n.wrapper .ball.three:nth-child(132) {\n  -webkit-animation-delay: 1.82s;\n          animation-delay: 1.82s;\n  opacity: 0.18;\n}\n.wrapper .ball.four:nth-child(182) {\n  -webkit-animation-delay: 2.57s;\n          animation-delay: 2.57s;\n  opacity: 0.18;\n}\n.wrapper .ball.five:nth-child(232) {\n  -webkit-animation-delay: 3.32s;\n          animation-delay: 3.32s;\n  opacity: 0.18;\n}\n.wrapper .ball.six:nth-child(282) {\n  -webkit-animation-delay: 4.07s;\n          animation-delay: 4.07s;\n  opacity: 0.18;\n}\n.wrapper .ball.one:nth-child(33) {\n  -webkit-animation-delay: 0.33s;\n          animation-delay: 0.33s;\n  opacity: 0.17;\n}\n.wrapper .ball.two:nth-child(83) {\n  -webkit-animation-delay: 1.08s;\n          animation-delay: 1.08s;\n  opacity: 0.17;\n}\n.wrapper .ball.three:nth-child(133) {\n  -webkit-animation-delay: 1.83s;\n          animation-delay: 1.83s;\n  opacity: 0.17;\n}\n.wrapper .ball.four:nth-child(183) {\n  -webkit-animation-delay: 2.58s;\n          animation-delay: 2.58s;\n  opacity: 0.17;\n}\n.wrapper .ball.five:nth-child(233) {\n  -webkit-animation-delay: 3.33s;\n          animation-delay: 3.33s;\n  opacity: 0.17;\n}\n.wrapper .ball.six:nth-child(283) {\n  -webkit-animation-delay: 4.08s;\n          animation-delay: 4.08s;\n  opacity: 0.17;\n}\n.wrapper .ball.one:nth-child(34) {\n  -webkit-animation-delay: 0.34s;\n          animation-delay: 0.34s;\n  opacity: 0.16;\n}\n.wrapper .ball.two:nth-child(84) {\n  -webkit-animation-delay: 1.09s;\n          animation-delay: 1.09s;\n  opacity: 0.16;\n}\n.wrapper .ball.three:nth-child(134) {\n  -webkit-animation-delay: 1.84s;\n          animation-delay: 1.84s;\n  opacity: 0.16;\n}\n.wrapper .ball.four:nth-child(184) {\n  -webkit-animation-delay: 2.59s;\n          animation-delay: 2.59s;\n  opacity: 0.16;\n}\n.wrapper .ball.five:nth-child(234) {\n  -webkit-animation-delay: 3.34s;\n          animation-delay: 3.34s;\n  opacity: 0.16;\n}\n.wrapper .ball.six:nth-child(284) {\n  -webkit-animation-delay: 4.09s;\n          animation-delay: 4.09s;\n  opacity: 0.16;\n}\n.wrapper .ball.one:nth-child(35) {\n  -webkit-animation-delay: 0.35s;\n          animation-delay: 0.35s;\n  opacity: 0.15;\n}\n.wrapper .ball.two:nth-child(85) {\n  -webkit-animation-delay: 1.1s;\n          animation-delay: 1.1s;\n  opacity: 0.15;\n}\n.wrapper .ball.three:nth-child(135) {\n  -webkit-animation-delay: 1.85s;\n          animation-delay: 1.85s;\n  opacity: 0.15;\n}\n.wrapper .ball.four:nth-child(185) {\n  -webkit-animation-delay: 2.6s;\n          animation-delay: 2.6s;\n  opacity: 0.15;\n}\n.wrapper .ball.five:nth-child(235) {\n  -webkit-animation-delay: 3.35s;\n          animation-delay: 3.35s;\n  opacity: 0.15;\n}\n.wrapper .ball.six:nth-child(285) {\n  -webkit-animation-delay: 4.1s;\n          animation-delay: 4.1s;\n  opacity: 0.15;\n}\n.wrapper .ball.one:nth-child(36) {\n  -webkit-animation-delay: 0.36s;\n          animation-delay: 0.36s;\n  opacity: 0.14;\n}\n.wrapper .ball.two:nth-child(86) {\n  -webkit-animation-delay: 1.11s;\n          animation-delay: 1.11s;\n  opacity: 0.14;\n}\n.wrapper .ball.three:nth-child(136) {\n  -webkit-animation-delay: 1.86s;\n          animation-delay: 1.86s;\n  opacity: 0.14;\n}\n.wrapper .ball.four:nth-child(186) {\n  -webkit-animation-delay: 2.61s;\n          animation-delay: 2.61s;\n  opacity: 0.14;\n}\n.wrapper .ball.five:nth-child(236) {\n  -webkit-animation-delay: 3.36s;\n          animation-delay: 3.36s;\n  opacity: 0.14;\n}\n.wrapper .ball.six:nth-child(286) {\n  -webkit-animation-delay: 4.11s;\n          animation-delay: 4.11s;\n  opacity: 0.14;\n}\n.wrapper .ball.one:nth-child(37) {\n  -webkit-animation-delay: 0.37s;\n          animation-delay: 0.37s;\n  opacity: 0.13;\n}\n.wrapper .ball.two:nth-child(87) {\n  -webkit-animation-delay: 1.12s;\n          animation-delay: 1.12s;\n  opacity: 0.13;\n}\n.wrapper .ball.three:nth-child(137) {\n  -webkit-animation-delay: 1.87s;\n          animation-delay: 1.87s;\n  opacity: 0.13;\n}\n.wrapper .ball.four:nth-child(187) {\n  -webkit-animation-delay: 2.62s;\n          animation-delay: 2.62s;\n  opacity: 0.13;\n}\n.wrapper .ball.five:nth-child(237) {\n  -webkit-animation-delay: 3.37s;\n          animation-delay: 3.37s;\n  opacity: 0.13;\n}\n.wrapper .ball.six:nth-child(287) {\n  -webkit-animation-delay: 4.12s;\n          animation-delay: 4.12s;\n  opacity: 0.13;\n}\n.wrapper .ball.one:nth-child(38) {\n  -webkit-animation-delay: 0.38s;\n          animation-delay: 0.38s;\n  opacity: 0.12;\n}\n.wrapper .ball.two:nth-child(88) {\n  -webkit-animation-delay: 1.13s;\n          animation-delay: 1.13s;\n  opacity: 0.12;\n}\n.wrapper .ball.three:nth-child(138) {\n  -webkit-animation-delay: 1.88s;\n          animation-delay: 1.88s;\n  opacity: 0.12;\n}\n.wrapper .ball.four:nth-child(188) {\n  -webkit-animation-delay: 2.63s;\n          animation-delay: 2.63s;\n  opacity: 0.12;\n}\n.wrapper .ball.five:nth-child(238) {\n  -webkit-animation-delay: 3.38s;\n          animation-delay: 3.38s;\n  opacity: 0.12;\n}\n.wrapper .ball.six:nth-child(288) {\n  -webkit-animation-delay: 4.13s;\n          animation-delay: 4.13s;\n  opacity: 0.12;\n}\n.wrapper .ball.one:nth-child(39) {\n  -webkit-animation-delay: 0.39s;\n          animation-delay: 0.39s;\n  opacity: 0.11;\n}\n.wrapper .ball.two:nth-child(89) {\n  -webkit-animation-delay: 1.14s;\n          animation-delay: 1.14s;\n  opacity: 0.11;\n}\n.wrapper .ball.three:nth-child(139) {\n  -webkit-animation-delay: 1.89s;\n          animation-delay: 1.89s;\n  opacity: 0.11;\n}\n.wrapper .ball.four:nth-child(189) {\n  -webkit-animation-delay: 2.64s;\n          animation-delay: 2.64s;\n  opacity: 0.11;\n}\n.wrapper .ball.five:nth-child(239) {\n  -webkit-animation-delay: 3.39s;\n          animation-delay: 3.39s;\n  opacity: 0.11;\n}\n.wrapper .ball.six:nth-child(289) {\n  -webkit-animation-delay: 4.14s;\n          animation-delay: 4.14s;\n  opacity: 0.11;\n}\n.wrapper .ball.one:nth-child(40) {\n  -webkit-animation-delay: 0.4s;\n          animation-delay: 0.4s;\n  opacity: 0.1;\n}\n.wrapper .ball.two:nth-child(90) {\n  -webkit-animation-delay: 1.15s;\n          animation-delay: 1.15s;\n  opacity: 0.1;\n}\n.wrapper .ball.three:nth-child(140) {\n  -webkit-animation-delay: 1.9s;\n          animation-delay: 1.9s;\n  opacity: 0.1;\n}\n.wrapper .ball.four:nth-child(190) {\n  -webkit-animation-delay: 2.65s;\n          animation-delay: 2.65s;\n  opacity: 0.1;\n}\n.wrapper .ball.five:nth-child(240) {\n  -webkit-animation-delay: 3.4s;\n          animation-delay: 3.4s;\n  opacity: 0.1;\n}\n.wrapper .ball.six:nth-child(290) {\n  -webkit-animation-delay: 4.15s;\n          animation-delay: 4.15s;\n  opacity: 0.1;\n}\n.wrapper .ball.one:nth-child(41) {\n  -webkit-animation-delay: 0.41s;\n          animation-delay: 0.41s;\n  opacity: 0.09;\n}\n.wrapper .ball.two:nth-child(91) {\n  -webkit-animation-delay: 1.16s;\n          animation-delay: 1.16s;\n  opacity: 0.09;\n}\n.wrapper .ball.three:nth-child(141) {\n  -webkit-animation-delay: 1.91s;\n          animation-delay: 1.91s;\n  opacity: 0.09;\n}\n.wrapper .ball.four:nth-child(191) {\n  -webkit-animation-delay: 2.66s;\n          animation-delay: 2.66s;\n  opacity: 0.09;\n}\n.wrapper .ball.five:nth-child(241) {\n  -webkit-animation-delay: 3.41s;\n          animation-delay: 3.41s;\n  opacity: 0.09;\n}\n.wrapper .ball.six:nth-child(291) {\n  -webkit-animation-delay: 4.16s;\n          animation-delay: 4.16s;\n  opacity: 0.09;\n}\n.wrapper .ball.one:nth-child(42) {\n  -webkit-animation-delay: 0.42s;\n          animation-delay: 0.42s;\n  opacity: 0.08;\n}\n.wrapper .ball.two:nth-child(92) {\n  -webkit-animation-delay: 1.17s;\n          animation-delay: 1.17s;\n  opacity: 0.08;\n}\n.wrapper .ball.three:nth-child(142) {\n  -webkit-animation-delay: 1.92s;\n          animation-delay: 1.92s;\n  opacity: 0.08;\n}\n.wrapper .ball.four:nth-child(192) {\n  -webkit-animation-delay: 2.67s;\n          animation-delay: 2.67s;\n  opacity: 0.08;\n}\n.wrapper .ball.five:nth-child(242) {\n  -webkit-animation-delay: 3.42s;\n          animation-delay: 3.42s;\n  opacity: 0.08;\n}\n.wrapper .ball.six:nth-child(292) {\n  -webkit-animation-delay: 4.17s;\n          animation-delay: 4.17s;\n  opacity: 0.08;\n}\n.wrapper .ball.one:nth-child(43) {\n  -webkit-animation-delay: 0.43s;\n          animation-delay: 0.43s;\n  opacity: 0.07;\n}\n.wrapper .ball.two:nth-child(93) {\n  -webkit-animation-delay: 1.18s;\n          animation-delay: 1.18s;\n  opacity: 0.07;\n}\n.wrapper .ball.three:nth-child(143) {\n  -webkit-animation-delay: 1.93s;\n          animation-delay: 1.93s;\n  opacity: 0.07;\n}\n.wrapper .ball.four:nth-child(193) {\n  -webkit-animation-delay: 2.68s;\n          animation-delay: 2.68s;\n  opacity: 0.07;\n}\n.wrapper .ball.five:nth-child(243) {\n  -webkit-animation-delay: 3.43s;\n          animation-delay: 3.43s;\n  opacity: 0.07;\n}\n.wrapper .ball.six:nth-child(293) {\n  -webkit-animation-delay: 4.18s;\n          animation-delay: 4.18s;\n  opacity: 0.07;\n}\n.wrapper .ball.one:nth-child(44) {\n  -webkit-animation-delay: 0.44s;\n          animation-delay: 0.44s;\n  opacity: 0.06;\n}\n.wrapper .ball.two:nth-child(94) {\n  -webkit-animation-delay: 1.19s;\n          animation-delay: 1.19s;\n  opacity: 0.06;\n}\n.wrapper .ball.three:nth-child(144) {\n  -webkit-animation-delay: 1.94s;\n          animation-delay: 1.94s;\n  opacity: 0.06;\n}\n.wrapper .ball.four:nth-child(194) {\n  -webkit-animation-delay: 2.69s;\n          animation-delay: 2.69s;\n  opacity: 0.06;\n}\n.wrapper .ball.five:nth-child(244) {\n  -webkit-animation-delay: 3.44s;\n          animation-delay: 3.44s;\n  opacity: 0.06;\n}\n.wrapper .ball.six:nth-child(294) {\n  -webkit-animation-delay: 4.19s;\n          animation-delay: 4.19s;\n  opacity: 0.06;\n}\n.wrapper .ball.one:nth-child(45) {\n  -webkit-animation-delay: 0.45s;\n          animation-delay: 0.45s;\n  opacity: 0.05;\n}\n.wrapper .ball.two:nth-child(95) {\n  -webkit-animation-delay: 1.2s;\n          animation-delay: 1.2s;\n  opacity: 0.05;\n}\n.wrapper .ball.three:nth-child(145) {\n  -webkit-animation-delay: 1.95s;\n          animation-delay: 1.95s;\n  opacity: 0.05;\n}\n.wrapper .ball.four:nth-child(195) {\n  -webkit-animation-delay: 2.7s;\n          animation-delay: 2.7s;\n  opacity: 0.05;\n}\n.wrapper .ball.five:nth-child(245) {\n  -webkit-animation-delay: 3.45s;\n          animation-delay: 3.45s;\n  opacity: 0.05;\n}\n.wrapper .ball.six:nth-child(295) {\n  -webkit-animation-delay: 4.2s;\n          animation-delay: 4.2s;\n  opacity: 0.05;\n}\n.wrapper .ball.one:nth-child(46) {\n  -webkit-animation-delay: 0.46s;\n          animation-delay: 0.46s;\n  opacity: 0.04;\n}\n.wrapper .ball.two:nth-child(96) {\n  -webkit-animation-delay: 1.21s;\n          animation-delay: 1.21s;\n  opacity: 0.04;\n}\n.wrapper .ball.three:nth-child(146) {\n  -webkit-animation-delay: 1.96s;\n          animation-delay: 1.96s;\n  opacity: 0.04;\n}\n.wrapper .ball.four:nth-child(196) {\n  -webkit-animation-delay: 2.71s;\n          animation-delay: 2.71s;\n  opacity: 0.04;\n}\n.wrapper .ball.five:nth-child(246) {\n  -webkit-animation-delay: 3.46s;\n          animation-delay: 3.46s;\n  opacity: 0.04;\n}\n.wrapper .ball.six:nth-child(296) {\n  -webkit-animation-delay: 4.21s;\n          animation-delay: 4.21s;\n  opacity: 0.04;\n}\n.wrapper .ball.one:nth-child(47) {\n  -webkit-animation-delay: 0.47s;\n          animation-delay: 0.47s;\n  opacity: 0.03;\n}\n.wrapper .ball.two:nth-child(97) {\n  -webkit-animation-delay: 1.22s;\n          animation-delay: 1.22s;\n  opacity: 0.03;\n}\n.wrapper .ball.three:nth-child(147) {\n  -webkit-animation-delay: 1.97s;\n          animation-delay: 1.97s;\n  opacity: 0.03;\n}\n.wrapper .ball.four:nth-child(197) {\n  -webkit-animation-delay: 2.72s;\n          animation-delay: 2.72s;\n  opacity: 0.03;\n}\n.wrapper .ball.five:nth-child(247) {\n  -webkit-animation-delay: 3.47s;\n          animation-delay: 3.47s;\n  opacity: 0.03;\n}\n.wrapper .ball.six:nth-child(297) {\n  -webkit-animation-delay: 4.22s;\n          animation-delay: 4.22s;\n  opacity: 0.03;\n}\n.wrapper .ball.one:nth-child(48) {\n  -webkit-animation-delay: 0.48s;\n          animation-delay: 0.48s;\n  opacity: 0.02;\n}\n.wrapper .ball.two:nth-child(98) {\n  -webkit-animation-delay: 1.23s;\n          animation-delay: 1.23s;\n  opacity: 0.02;\n}\n.wrapper .ball.three:nth-child(148) {\n  -webkit-animation-delay: 1.98s;\n          animation-delay: 1.98s;\n  opacity: 0.02;\n}\n.wrapper .ball.four:nth-child(198) {\n  -webkit-animation-delay: 2.73s;\n          animation-delay: 2.73s;\n  opacity: 0.02;\n}\n.wrapper .ball.five:nth-child(248) {\n  -webkit-animation-delay: 3.48s;\n          animation-delay: 3.48s;\n  opacity: 0.02;\n}\n.wrapper .ball.six:nth-child(298) {\n  -webkit-animation-delay: 4.23s;\n          animation-delay: 4.23s;\n  opacity: 0.02;\n}\n.wrapper .ball.one:nth-child(49) {\n  -webkit-animation-delay: 0.49s;\n          animation-delay: 0.49s;\n  opacity: 0.01;\n}\n.wrapper .ball.two:nth-child(99) {\n  -webkit-animation-delay: 1.24s;\n          animation-delay: 1.24s;\n  opacity: 0.01;\n}\n.wrapper .ball.three:nth-child(149) {\n  -webkit-animation-delay: 1.99s;\n          animation-delay: 1.99s;\n  opacity: 0.01;\n}\n.wrapper .ball.four:nth-child(199) {\n  -webkit-animation-delay: 2.74s;\n          animation-delay: 2.74s;\n  opacity: 0.01;\n}\n.wrapper .ball.five:nth-child(249) {\n  -webkit-animation-delay: 3.49s;\n          animation-delay: 3.49s;\n  opacity: 0.01;\n}\n.wrapper .ball.six:nth-child(299) {\n  -webkit-animation-delay: 4.24s;\n          animation-delay: 4.24s;\n  opacity: 0.01;\n}\n.wrapper .ball.one:nth-child(50) {\n  -webkit-animation-delay: 0.5s;\n          animation-delay: 0.5s;\n  opacity: 0;\n}\n.wrapper .ball.two:nth-child(100) {\n  -webkit-animation-delay: 1.25s;\n          animation-delay: 1.25s;\n  opacity: 0;\n}\n.wrapper .ball.three:nth-child(150) {\n  -webkit-animation-delay: 2s;\n          animation-delay: 2s;\n  opacity: 0;\n}\n.wrapper .ball.four:nth-child(200) {\n  -webkit-animation-delay: 2.75s;\n          animation-delay: 2.75s;\n  opacity: 0;\n}\n.wrapper .ball.five:nth-child(250) {\n  -webkit-animation-delay: 3.5s;\n          animation-delay: 3.5s;\n  opacity: 0;\n}\n.wrapper .ball.six:nth-child(300) {\n  -webkit-animation-delay: 4.25s;\n          animation-delay: 4.25s;\n  opacity: 0;\n}\n\n@-webkit-keyframes swing {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg) translateY(55px);\n    visibility: visible;\n  }\n  10% {\n    transform: translate(-50%, -50%) rotate(36deg) translateY(5px);\n    visibility: visible;\n  }\n  20% {\n    transform: translate(-50%, -50%) rotate(72deg) translateY(55px);\n    visibility: visible;\n  }\n  30% {\n    transform: translate(-50%, -50%) rotate(108deg) translateY(5px);\n    visibility: visible;\n  }\n  40% {\n    transform: translate(-50%, -50%) rotate(144deg) translateY(55px);\n    visibility: visible;\n  }\n  50% {\n    transform: translate(-50%, -50%) rotate(180deg) translateY(5px);\n    visibility: visible;\n  }\n  60% {\n    transform: translate(-50%, -50%) rotate(216deg) translateY(55px);\n    visibility: visible;\n  }\n  70% {\n    transform: translate(-50%, -50%) rotate(252deg) translateY(5px);\n    visibility: visible;\n  }\n  80% {\n    transform: translate(-50%, -50%) rotate(288deg) translateY(55px);\n    visibility: visible;\n  }\n  90% {\n    transform: translate(-50%, -50%) rotate(324deg) translateY(5px);\n    visibility: visible;\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg) translateY(55px);\n    visibility: visible;\n  }\n}\n\n@keyframes swing {\n  0% {\n    transform: translate(-50%, -50%) rotate(0deg) translateY(55px);\n    visibility: visible;\n  }\n  10% {\n    transform: translate(-50%, -50%) rotate(36deg) translateY(5px);\n    visibility: visible;\n  }\n  20% {\n    transform: translate(-50%, -50%) rotate(72deg) translateY(55px);\n    visibility: visible;\n  }\n  30% {\n    transform: translate(-50%, -50%) rotate(108deg) translateY(5px);\n    visibility: visible;\n  }\n  40% {\n    transform: translate(-50%, -50%) rotate(144deg) translateY(55px);\n    visibility: visible;\n  }\n  50% {\n    transform: translate(-50%, -50%) rotate(180deg) translateY(5px);\n    visibility: visible;\n  }\n  60% {\n    transform: translate(-50%, -50%) rotate(216deg) translateY(55px);\n    visibility: visible;\n  }\n  70% {\n    transform: translate(-50%, -50%) rotate(252deg) translateY(5px);\n    visibility: visible;\n  }\n  80% {\n    transform: translate(-50%, -50%) rotate(288deg) translateY(55px);\n    visibility: visible;\n  }\n  90% {\n    transform: translate(-50%, -50%) rotate(324deg) translateY(5px);\n    visibility: visible;\n  }\n  100% {\n    transform: translate(-50%, -50%) rotate(360deg) translateY(55px);\n    visibility: visible;\n  }\n}<\/pre><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1141,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[53],"tags":[16],"class_list":["post-1140","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-loader","tag-htmlcss"],"_links":{"self":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/comments?post=1140"}],"version-history":[{"count":1,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1140\/revisions"}],"predecessor-version":[{"id":1143,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1140\/revisions\/1143"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media\/1141"}],"wp:attachment":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media?parent=1140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/categories?post=1140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/tags?post=1140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}