<div class="a-loader -wave">
<svg class="a-loader__animation" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background: rgba(241, 242, 243, 0);" width="75px" viewBox="12.5 38 75 22" preserveAspectRatio="xMidYMid">
<circle cx="30" cy="55" r="5" fill="#69d2c2">
<animate attributeName="cy" calcMode="spline" keySplines="0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.7 0 0.5 1 ; 0 0 0.5 1; 0 0 0.5 1; 0 0 0.5 1" repeatCount="indefinite" values="55;45;45;55;54;55;55" keyTimes="0;0.25;0.43;0.58;0.6;0.7;1" dur="1.75s" begin="-0.6"></animate>
</circle>
<circle cx="50" cy="55" r="5" fill="#e3000f">
<animate attributeName="cy" calcMode="spline" keySplines="0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.7 0 0.5 1 ; 0 0 0.5 1; 0 0 0.5 1; 0 0 0.5 1" repeatCount="indefinite" values="55;45;45;55;54;55;55" keyTimes="0;0.25;0.40;0.55;0.6;0.7;1" dur="1.75s" begin="-0.45"></animate>
</circle>
<circle cx="70" cy="55" r="5" fill="#ff85bb">
<animate attributeName="cy" calcMode="spline" keySplines="0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.7 0 0.5 1 ; 0 0 0.5 1; 0 0 0.5 1; 0 0 0.5 1" repeatCount="indefinite" values="55;45;45;55;54;55;55" keyTimes="0;0.25;0.40;0.55;0.6;0.7;1" dur="1.75s" begin="-0.3"></animate>
</circle>
</svg>
</div>
<div class="a-loader -wave">
<svg class="a-loader__animation" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background: rgba(241, 242, 243, 0);" width="75px" viewBox="12.5 38 75 22" preserveAspectRatio="xMidYMid">
<circle cx="30" cy="55" r="5" fill="#69d2c2">
<animate attributeName="cy" calcMode="spline" keySplines="0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.7 0 0.5 1 ; 0 0 0.5 1; 0 0 0.5 1; 0 0 0.5 1" repeatCount="indefinite" values="55;45;45;55;54;55;55" keyTimes="0;0.25;0.43;0.58;0.6;0.7;1" dur="1.75s" begin="-0.6"></animate>
</circle>
<circle cx="50" cy="55" r="5" fill="#e3000f">
<animate attributeName="cy" calcMode="spline" keySplines="0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.7 0 0.5 1 ; 0 0 0.5 1; 0 0 0.5 1; 0 0 0.5 1" repeatCount="indefinite" values="55;45;45;55;54;55;55" keyTimes="0;0.25;0.40;0.55;0.6;0.7;1" dur="1.75s" begin="-0.45"></animate>
</circle>
<circle cx="70" cy="55" r="5" fill="#ff85bb">
<animate attributeName="cy" calcMode="spline" keySplines="0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.7 0 0.5 1 ; 0 0 0.5 1; 0 0 0.5 1; 0 0 0.5 1" repeatCount="indefinite" values="55;45;45;55;54;55;55" keyTimes="0;0.25;0.40;0.55;0.6;0.7;1" dur="1.75s" begin="-0.3"></animate>
</circle>
</svg>
</div>
{
"center": false
}
No notes defined.