1 |
- <svg xmlns="http://www.w3.org/2000/svg" width="90" height="90"><style>@keyframes logo-visible{40%{opacity:0}45%,67%{opacity:0;filter:blur(0)}46%{opacity:1;filter:blur(.4px)}65%{opacity:1;filter:blur(.7px)}}@keyframes logo-spin{45%{transform:scale(1) rotate(0deg)}46%{transform:scale(.95) rotate(0deg)}66%,to{transform:scale(1) rotate(360deg)}}@keyframes logo-draw{0%,to{stroke-dashoffset:300}33%,64%{stroke-dashoffset:0}}</style><defs><path id="loading-logo" fill="none" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" d="m8 50-4.3 7.6c-1.7 3.3.5 6 3.4 6h18.8c0-10.8-6.9-18.9-12.8-22.1 1.9-3.2 5-9 6.3-11 12 7 19.1 19.8 19.1 33.2h12.6c0-16.8-8.6-34.3-25.5-44 4.3-7.4 7-12.4 8.6-14.8 1.5-2.3 5.2-2.4 6.6 0l30.5 52.7c1.4 2.6 0 6-3.8 6h-6.8"/></defs><use x="5" y="5" href="#loading-logo" style="animation:logo-draw 4s cubic-bezier(.99,0,.53,1) infinite,logo-spin 4s cubic-bezier(.77,-.63,.12,1.45) infinite;stroke:#000;stroke-dashoffset:300;transform-origin:50% 50%;stroke-dasharray:300"/></svg>
|