.loader{background-color:#0098a3;position:fixed;width:100vw;height:100vh;left:0;top:0;right:0;bottom:0;z-index:99999}.loader__pulse{height:100px;width:200px;overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background-image:url(../img/logo.png);background-position:center;background-repeat:no-repeat}.loader__pulse:after{content:'';display:block;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 200px 100px" enable-background="new 0 0 200px 100px" xml:space="preserve"><polyline fill="none" stroke-width="3px" stroke="white" points="2.4,58.7 70.8,58.7 76.1,46.2 81.1,58.7 89.9,58.7 93.8,66.5 102.8,22.7 110.6,78.7 115.3,58.7 126.4,58.7 134.4,54.7 142.4,58.7 197.8,58.7 "/></svg>') 0 0 no-repeat;width:100%;height:100%;position:absolute;-webkit-animation:2s loader__pulse linear infinite;animation:2s loader__pulse linear infinite;clip:rect(0,0,100px,0)}.loader__pulse:before{content:'';position:absolute;z-index:-1;left:2px;right:2px;bottom:0;top:16px;margin:auto;height:3px}@-webkit-keyframes loader__pulse{0%{clip:rect(0,0,100px,0);opacity:.4}4%{clip:rect(0,66.66667px,100px,0);opacity:.6}15%{clip:rect(0,133.33333px,100px,0);opacity:.8}20%{clip:rect(0,300px,100px,0);opacity:1}80%{clip:rect(0,300px,100px,0);opacity:0}90%{clip:rect(0,300px,100px,0);opacity:0}100%{clip:rect(0,300px,100px,0);opacity:0}}@keyframes loader__pulse{0%{clip:rect(0,0,100px,0)}4%{clip:rect(0,66.66667px,100px,0)}15%{clip:rect(0,133.33333px,100px,0)}20%{clip:rect(0,300px,100px,0);opacity:1}80%{clip:rect(0,300px,100px,0);opacity:0}90%{opacity:0}100%{clip:rect(0,300px,100px,0);opacity:0}}